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">
<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>