From ec7a3bc4ea5e7a00060cb2709fa20e124b658429 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Tue, 23 Jan 2024 16:06:39 +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=E6=B5=81=E7=A8=8B):=20=E4=BC=9A=E8=AE=AE=E8=AE=AE?=
 =?UTF-8?q?=E9=A2=98=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../meeting/components/editDrawer.vue         |  2 +-
 .../pages/components/ProcessTitle.vue         |  1 +
 .../creatProcess/policyMeetings/step1.vue     | 78 ++++++++++++++-----
 .../creatProcess/policyMeetings/step2.vue     |  2 +-
 4 files changed, 63 insertions(+), 20 deletions(-)

diff --git a/src/pages/policyRegulation/meeting/components/editDrawer.vue b/src/pages/policyRegulation/meeting/components/editDrawer.vue
index 577794107..2bb0d5d8f 100644
--- a/src/pages/policyRegulation/meeting/components/editDrawer.vue
+++ b/src/pages/policyRegulation/meeting/components/editDrawer.vue
@@ -164,7 +164,7 @@
                 <div style="display: flex;align-items: center">
                   <i
                     class="el-icon-bottom move-icon"
-                    style="margin-left: 20px;transform: rotate(180deg)"
+                    style="transform: rotate(180deg)"
                     :style="{visibility: (index === 0) ? 'collapse' : 'visible'}"
                     @click="moveOrder(index, 'top')"
                   />
diff --git a/src/pages/processCenter/pages/components/ProcessTitle.vue b/src/pages/processCenter/pages/components/ProcessTitle.vue
index 916c9baa2..c9916ba57 100644
--- a/src/pages/processCenter/pages/components/ProcessTitle.vue
+++ b/src/pages/processCenter/pages/components/ProcessTitle.vue
@@ -27,6 +27,7 @@ export default {
             margin-left: 10px;
             font-size: 16px;
             font-weight: bold;
+            flex: 1;
         }
     }
 </style>
diff --git a/src/pages/processCenter/pages/creatProcess/policyMeetings/step1.vue b/src/pages/processCenter/pages/creatProcess/policyMeetings/step1.vue
index 33f83a923..fa4a81079 100644
--- a/src/pages/processCenter/pages/creatProcess/policyMeetings/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyMeetings/step1.vue
@@ -30,23 +30,40 @@
           <div v-for="(item, index) in form.meetingTopicList">
             <ProcessTitle>
               <template slot="title">
-                会议议题
-                <el-button
-                  type="primary"
-                  size="mini"
-                  icon="el-icon-plus"
-                  :disabled="disabled"
-                  :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
-                  @click="addMeetingTopic"
-                />
-                <el-button
-                  type="primary"
-                  size="mini"
-                  icon="el-icon-minus"
-                  :disabled="disabled"
-                  :style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
-                  @click="removeMeetingTopic(index)"
-                />
+                <div style="display: flex;align-items: center;justify-content: space-between">
+                  <div>
+                    会议议题{{ index + 1 }}
+                    <el-button
+                      type="primary"
+                      size="mini"
+                      icon="el-icon-plus"
+                      :disabled="disabled"
+                      :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
+                      @click="addMeetingTopic"
+                    />
+                    <el-button
+                      type="primary"
+                      size="mini"
+                      icon="el-icon-minus"
+                      :disabled="disabled"
+                      :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="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>
               </template>
             </ProcessTitle>
             <Topics :item="item" :index="index" :rules="rules" :disabled="disabled" />
@@ -338,6 +355,10 @@ export default {
     async submit () {
       this.footerLoading = true
 
+      this.form.meetingTopicList.forEach((item, index) => {
+        item.sort = index
+      })
+
       const json = Object.assign(this.form, this.roleForm);
       let completeTaskQuery = {}
       if (this.$route.query.taskIds) {
@@ -403,7 +424,21 @@ export default {
       if (res.ok) {
         this.dict = res.data
       }
-    }
+    },
+    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>
@@ -444,4 +479,11 @@ export default {
     min-height: 100%;
   }
 }
+.move-icon {
+  font-size: 32px;
+  cursor: pointer
+}
+.move-icon:hover {
+  color: #409EFF;
+}
 </style>
diff --git a/src/pages/processCenter/pages/creatProcess/policyMeetings/step2.vue b/src/pages/processCenter/pages/creatProcess/policyMeetings/step2.vue
index 0818c1cd2..86da73597 100644
--- a/src/pages/processCenter/pages/creatProcess/policyMeetings/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyMeetings/step2.vue
@@ -29,7 +29,7 @@
           <div v-for="(item, index) in form.meetingTopicList">
             <ProcessTitle>
               <template slot="title">
-                会议议题
+                会议议题{{ index + 1 }}
                 <el-button
                   type="primary"
                   size="mini"