From ff2e43a08927c8ee3f0df041363f7e861be4521d Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Tue, 23 Jan 2024 15:25:05 +0800
Subject: [PATCH] =?UTF-8?q?feature(=E5=86=85=E5=A4=96=E9=83=A8=E4=BC=9A?=
 =?UTF-8?q?=E8=AE=AE):=20=E4=BC=9A=E8=AE=AE=E8=AE=AE=E9=A2=98=E5=8F=AF?=
 =?UTF-8?q?=E6=94=B9=E5=8F=98=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/details/meetingDetail/index.vue     |  2 +-
 .../meeting/components/editDrawer.vue         | 74 ++++++++++++++-----
 2 files changed, 58 insertions(+), 18 deletions(-)

diff --git a/src/pages/details/meetingDetail/index.vue b/src/pages/details/meetingDetail/index.vue
index c1810f20e..e147788bd 100644
--- a/src/pages/details/meetingDetail/index.vue
+++ b/src/pages/details/meetingDetail/index.vue
@@ -61,7 +61,7 @@
             <template slot="title">
               <div class="modular-header">
                 <div class="modular-header-title">
-                  <i class="icon-modular-title" /><span>会议议题</span>
+                  <i class="icon-modular-title" /><span>会议议题{{ index + 1 }}</span>
                 </div>
               </div>
             </template>
diff --git a/src/pages/policyRegulation/meeting/components/editDrawer.vue b/src/pages/policyRegulation/meeting/components/editDrawer.vue
index c2141b0c8..577794107 100644
--- a/src/pages/policyRegulation/meeting/components/editDrawer.vue
+++ b/src/pages/policyRegulation/meeting/components/editDrawer.vue
@@ -142,22 +142,38 @@
         <el-row>
           <template v-for="(item, index) in form.meetingTopicList">
             <el-col :span="24">
-              <div class="divider-line">
-                会议议题
-                <el-button
-                  type="primary"
-                  size="mini"
-                  icon="el-icon-plus"
-                  :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
-                  @click="addMeetingTopic"
-                />
-                <el-button
-                  type="primary"
-                  size="mini"
-                  icon="el-icon-minus"
-                  :style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
-                  @click="removeMeetingTopic(index)"
-                />
+              <div class="divider-line" style="display: flex;align-items: center;justify-content: space-between">
+                <div>
+                  会议议题{{ index + 1 }}
+                  <el-button
+                    style="margin-left: 10px"
+                    type="primary"
+                    size="mini"
+                    icon="el-icon-plus"
+                    :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
+                    @click="addMeetingTopic"
+                  />
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    icon="el-icon-minus"
+                    :style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
+                    @click="removeMeetingTopic(index)"
+                  />
+                </div>
+                <div style="display: flex;align-items: center">
+                  <i
+                    class="el-icon-bottom move-icon"
+                    style="margin-left: 20px;transform: rotate(180deg)"
+                    :style="{visibility: (index === 0) ? 'collapse' : 'visible'}"
+                    @click="moveOrder(index, 'top')"
+                  />
+                  <i
+                    class="el-icon-bottom move-icon"
+                    :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'collapse' : 'visible'}"
+                    @click="moveOrder(index, 'bottom')"
+                  />
+                </div>
               </div>
             </el-col>
             <el-col :span="12">
@@ -407,6 +423,9 @@ export default {
       this.$refs.formRef.validate(valid => {
         if (valid) {
           this.isSubmit = true
+          this.form.meetingTopicList.forEach((item, index) => {
+            item.sort = index
+          })
           if (this.title === '新增') {
             this.$http._postData(this.api.add, this.form).then(res => {
               if (res.ok) {
@@ -436,7 +455,21 @@ export default {
     },
     dragIn (val) {
       this.$set(this.form, 'topicName', val.topicName)
-    }
+    },
+    moveOrder (index, type) {
+      if (type === 'top') {
+        const obj1 = this.form.meetingTopicList[index]
+        const obj2 = this.form.meetingTopicList[index - 1]
+        this.$set(this.form.meetingTopicList, index - 1, obj1)
+        this.$set(this.form.meetingTopicList, index, obj2)
+      }
+      if (type === 'bottom') {
+        const obj1 = this.form.meetingTopicList[index]
+        const obj2 = this.form.meetingTopicList[index + 1]
+        this.$set(this.form.meetingTopicList, index + 1, obj1)
+        this.$set(this.form.meetingTopicList, index, obj2)
+      }
+    },
   }
 }
 </script>
@@ -457,4 +490,11 @@ export default {
   background: #fff;
   z-index: 999;
 }
+.move-icon {
+  font-size: 32px;
+  cursor: pointer
+}
+.move-icon:hover {
+  color: #409EFF;
+}
 </style>