kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

Browse Source
This commit is contained in:
aixianling
2022-01-27 15:16:43 +08:00
parent 84d9c625e1 e5dde53b6c
commit 63eeae9486
2 changed files with 41 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/apps/AppAskForm/components/formDetail.vue
View File

@@ -29,7 +29,7 @@
<radio-group @change="({detail})=>op.fieldValue=detail.value">
<div class="option" flex v-for="option in op.fieldInfo.options" :key="option.label">
<radio :value="option.label" :disabled="isResult" :checked="op.fieldValue==option.label"/>
<AiImage v-if="option.img" :src="option.img" preview/>
<AiImage class="option-img" v-if="option.img" :src="option.img" preview/>
<div class="label fill">{{ option.label }}</div>
</div>
</radio-group>
@@ -39,7 +39,7 @@
<div class="option" flex v-for="option in op.fieldInfo.options" :key="option.label">
<checkbox :value="option.label" :disabled="isResult"
:checked="option.checked"/>
<AiImage v-if="option.img" :src="option.img" preview/>
<AiImage class="option-img" v-if="option.img" :src="option.img" preview/>
<div class="label fill">{{ option.label }}</div>
</div>
</checkbox-group>
@@ -303,6 +303,15 @@ export default {
width: 100%;
margin-right: 16px;
margin-bottom: 16px;
.option-img {
margin-right: 20px;
::v-deep uni-image {
width: 130px;
height: 130px;
}
}
}
}

57
src/sass/AppAskForm/AddForm.vue
View File

@@ -7,41 +7,44 @@
<div class="form-info">
<h2>文本选项</h2>
<div class="form-info__wrapper">
<textarea class="title" placeholder="请输入标题 (必填）" :maxlength="30" :auto-height="true"
v-model="form.title"></textarea>
<textarea
class="content"
border="none"
:clearable="false"
type="textarea"
v-model="form.tableExplain"
placeholder="请输入表单描述 (选填）"
:maxlength="255">
</textarea>
class="title"
placeholder="请输入标题 (必填）"
:maxlength="30"
:auto-height="true"
v-model="form.title">
</textarea>
<textarea
class="content"
border="none"
:clearable="false"
type="textarea"
v-model="form.tableExplain"
placeholder="请输入表单描述 (选填）"
:maxlength="255">
</textarea>
</div>
</div>
<draggable
class="components-list"
v-model="targetList"
:animation="340"
scroll
element="div"
:options="{
animation: 340,
handle: '.components-item__title'
}"
draggable=".components-item"
:sort="true">
<div class="components-item" v-for="(item, index) in targetList" :key="index"
@click="toFiledSetting(item, index)">
class="components-list"
v-model="targetList"
:animation="340"
scroll
element="div"
:options="{
animation: 340,
handle: '.components-item__title'
}"
draggable=".components-item"
:sort="true">
<div class="components-item" v-for="(item, index) in targetList" :key="index" @click="toFiledSetting(item, index)">
<div class="components-item__title">
<div class="components-item__title--left">
<em :style="{opacity: item.required ? 1 : 0}">*</em>
<i>{{ index + 1 }}.</i>
<h2>{{ item.label }}</h2>
</div>
<image :src="`${$cdn}askform/sc1.png`" @click.stop="removeComponent(index)"
@touchstart.stop="removeComponent(index)"/>
<image :src="`${$cdn}askform/sc1.png`" @click.stop="removeComponent(index)" @touchstart.stop="removeComponent(index)"/>
</div>
<div class="components-item__filed">
<template v-if="(item.type === 'radio')">
@@ -91,11 +94,11 @@
</div>
<div class="add-form__footer">
<div class="add-form__footer--item-wrapper">
<div class="add-form__footer--item" @click="toPreview">
<div class="add-form__footer--item" @click="toPreview" hover-class="text-hover">
<image :src="`${$cdn}sass/preview.png`"/>
<span>预览</span>
</div>
<div class="add-form__footer--item" @click="toSetting">
<div class="add-form__footer--item" @click="toSetting" hover-class="text-hover">
<image :src="`${$cdn}sass/setting.png`"/>
<span>设置</span>
</div>