26375

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: {},