From 0f3ca3bc4e61d82136d7b5b3e0bbc0d66f24f65d Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 18 Jan 2022 11:54:56 +0800
Subject: [PATCH] 26375

---
 .../AppVillagerDiscussion/components/Add.vue  | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/3.0.0/AppVillagerDiscussion/components/Add.vue b/packages/3.0.0/AppVillagerDiscussion/components/Add.vue
index 06ffff63..03f9fcee 100644
--- a/packages/3.0.0/AppVillagerDiscussion/components/Add.vue
+++ b/packages/3.0.0/AppVillagerDiscussion/components/Add.vue
@@ -40,12 +40,17 @@
               </el-radio-group>
             </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 style="width: 100%" label-width="80px" :label="'选项' + (index + 1)" v-for="(item, index) in form.voteItems" :key="'选项' + (index + 1)">
-                <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
+                v-model="form.voteItems"
+                :animation="340"
+                group="select">
+                <el-form-item style="width: 100%" label-width="80px" :label="'选项' + (index + 1)" v-for="(item, index) in form.voteItems" :key="'选项' + (index + 1)">
+                  <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-form-item>
             <el-form-item v-if="form.type === '1'" label="是否匿名投票" prop="anonymous" :rules="[{required: true, message: '请选择是否匿名投票', trigger: 'change'}]">
@@ -81,6 +86,7 @@
 </template>
 
 <script>
+  import draggable from 'vuedraggable'
   import { mapState } from 'vuex'
   export default {
     name: 'Add',
@@ -91,6 +97,10 @@
       params: Object
     },
 
+    components: {
+      draggable
+    },
+
     data () {
       return {
         info: {},