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

问卷表单

Browse Source
This commit is contained in:
yanran200730
2022-01-27 14:56:52 +08:00
parent 67ec2f27db
commit e5dde53b6c
1 changed files with 30 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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