This commit is contained in:
yanran200730
2022-01-18 11:54:56 +08:00
parent c31eb17b14
commit 0f3ca3bc4e

View File

@@ -40,12 +40,17 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-if="form.type === '1'" class="vite-form__item" style="width: 100%;" label="投票选项" prop="voteItems" :rules="[{required: true, message: '请添加投票选项', trigger: 'change'}]"> <el-form-item v-if="form.type === '1'" class="vite-form__item" style="width: 100%;" label="投票选项" prop="voteItems" :rules="[{required: true, message: '请添加投票选项', trigger: 'change'}]">
<el-form-item style="width: 100%" label-width="80px" :label="'选项' + (index + 1)" v-for="(item, index) in form.voteItems" :key="'选项' + (index + 1)"> <draggable
<div class="form-flex"> v-model="form.voteItems"
<el-input show-word-limit style="width:400px" v-model="item.content" :maxlength="200" size="small" placeholder="请输入选项"></el-input> :animation="340"
<el-button type="danger" size="small" @click="removeVote(index)">删除</el-button> group="select">
</div> <el-form-item style="width: 100%" label-width="80px" :label="'选项' + (index + 1)" v-for="(item, index) in form.voteItems" :key="'选项' + (index + 1)">
</el-form-item> <div class="form-flex">
<el-input show-word-limit style="width:400px" v-model="item.content" :maxlength="200" size="small" placeholder="请输入选项"></el-input>
<el-button type="danger" size="small" @click="removeVote(index)">删除</el-button>
</div>
</el-form-item>
</draggable>
<el-button type="primary" size="small" @click="addVote">添加选项</el-button> <el-button type="primary" size="small" @click="addVote">添加选项</el-button>
</el-form-item> </el-form-item>
<el-form-item v-if="form.type === '1'" label="是否匿名投票" prop="anonymous" :rules="[{required: true, message: '请选择是否匿名投票', trigger: 'change'}]"> <el-form-item v-if="form.type === '1'" label="是否匿名投票" prop="anonymous" :rules="[{required: true, message: '请选择是否匿名投票', trigger: 'change'}]">
@@ -81,6 +86,7 @@
</template> </template>
<script> <script>
import draggable from 'vuedraggable'
import { mapState } from 'vuex' import { mapState } from 'vuex'
export default { export default {
name: 'Add', name: 'Add',
@@ -91,6 +97,10 @@
params: Object params: Object
}, },
components: {
draggable
},
data () { data () {
return { return {
info: {}, info: {},