行李视图添加节点排序

src/views/baggageManagementTemp/components/baggage/index.vue

@@ -83,8 +83,14 @@
       }">
       <header class="head">
         <div class="title">行李跟踪信息</div>
-        <div class="btns">
-          <img class="btn-square btn-shadow" src="@/assets/baggage/ic_export.png" title="导出" @click="exportMessageToExcel" />
+        <div class="gn flex">
+          <el-button-group>
+            <el-button @click="sortDate" size="small" :type="istabDate ? 'primary':''" icon="el-icon-date">按日期排序</el-button>
+            <el-button @click="sortNode" size="small" :type="istabNode ? 'primary':''" icon="el-icon-document-copy">按节点排序</el-button>
+          </el-button-group>
+          <div class="btns">
+            <img class="btn-square btn-shadow" src="@/assets/baggage/ic_export.png" title="导出" @click="exportMessageToExcel" />
+          </div>
         </div>
       </header>
       <main class="main">
@@ -148,6 +154,8 @@ export default {
       queryData: {},
       airlineList: [],
       selectedAirline: '',
+      istabDate: true,
+      istabNode: false,
       debounceTime: 300,
       baggageBasicInfoCols: [
         {
@@ -252,6 +260,7 @@ export default {
       infoBtn: '',
       infoRadios: ['跟踪信息', '跟踪报文'],
       messageList: [],
+      messageListCopy: [],
       stepNodes: [],
       tableCols: [
         { name: '航班号', prop: 'flightNO', fixed: true },
@@ -277,6 +286,7 @@ export default {
         { name: '数据来源', prop: 'dataSource' }
       ],
       baggageTableData: [],
+      baggageTableDataCopy: [],
       spanArr: [],
       pos: 0,
       queryLoop: null,
@@ -728,6 +738,7 @@ export default {
           setDataSource(item)
           return item
         })
+        this.baggageTableDataCopy = _.cloneDeep(this.baggageTableData)
         this.initTableData(this.baggageTableData)
       } catch (error) {
         this.$message.error('失败')
@@ -809,9 +820,31 @@ export default {
           }
         }, [])
         this.messageList = this._.sortBy(messageList, 'ssid')
+        this.messageListCopy = _.cloneDeep(this.messageList)
       } catch (error) {
         this.$message.error('失败')
       }
+    },
+    sortDate () {
+      this.istabNode = false
+      this.istabDate = !this.istabDate
+      this.messageList = this.messageListCopy
+    },
+    sortNode () {
+      const messageDatas = _.cloneDeep(this.messageList)
+      this.istabDate = false
+      this.istabNode = !this.istabNode
+      this.baggageTableDataCopy.forEach((item, index) => {
+        item.activeIndex = index + 1
+      })
+      this.baggageTableDataCopy.forEach(item => {
+        messageDatas.map(p => {
+          if (item.resourceFile == p.ssid) {
+            p.activeIndex = item.activeIndex
+          }
+        })
+      })
+      this.messageList = _.sortBy(messageDatas, 'activeIndex')
     }
   }
 }