feature(内外部会议流程): 会议议题顺序

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')"
                   />

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>

src/pages/processCenter/pages/creatProcess/policyMeetings/step1.vue

@@ -30,23 +30,40 @@
           <div v-for="(item, index) in form.meetingTopicList">
             <ProcessTitle>
               <template slot="title">
-                会议议题
+                <div style="display: flex;align-items: center;justify-content: space-between">
-                <el-button
+                  <div>
-                  type="primary"
+                    会议议题{{ index + 1 }}
-                  size="mini"
+                    <el-button
-                  icon="el-icon-plus"
+                      type="primary"
-                  :disabled="disabled"
+                      size="mini"
-                  :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
+                      icon="el-icon-plus"
-                  @click="addMeetingTopic"
+                      :disabled="disabled"
-                />
+                      :style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
-                <el-button
+                      @click="addMeetingTopic"
-                  type="primary"
+                    />
-                  size="mini"
+                    <el-button
-                  icon="el-icon-minus"
+                      type="primary"
-                  :disabled="disabled"
+                      size="mini"
-                  :style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
+                      icon="el-icon-minus"
-                  @click="removeMeetingTopic(index)"
+                      :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>

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"