公文流转结束功能

src/project/shandong10086/AppDocumentFlow/AppDocumentFlow.vue

@@ -50,6 +50,10 @@ export default {
   },
   onLoad() {
     this.$dict.load("officialDocumentName")
+    uni.$on('updateList', () => {
+      this.current = 1
+      this.getList()
+    })
   },
   methods: {
     tag(status) {

src/project/shandong10086/AppDocumentFlow/detail.vue

@@ -84,7 +84,8 @@
       </div>
       <div class="footer" v-if="detail.flowRight==1 && detail.readType==0">
         <div @click="handleClick(0)">批示</div>
-        <div @click="handleClick(1)">流转</div>
+        <div @click="handleClick(1)" style="background-color: #1365DD;color: #FFFFFF">流转</div>
+        <div @click="end()" style="background-color: #f46;color: #FFFFFF">结束</div>
       </div>
       <div class="footer" v-if="detail.readType==1 && detail.flowRight==1" @click="read"
            style="background-color: #1365DD;color: #FFFFFF">我已阅完
@@ -182,6 +183,19 @@ export default {
       } else {
         this.userSelect = true
       }
+    },
+    end() {
+      this.$confirm('确定结束该公文流转？').then(() => {
+        this.$http.post(`/app/appofficialdocumentinfo/finishById?id=${this.id}`).then(res => {
+          if (res.code == 0) {
+            this.$u.toast('操作成功')
+            uni.$emit('updateList')
+            setTimeout(() => {
+              uni.navigateBack()
+            })
+          }
+        })
+      })
     }
   },
   onShow() {
@@ -403,25 +417,29 @@ export default {
 
     & > div {
       color: #333333;
+      flex: 1;
+      height: 112px;
+      text-align: center;
+      line-height: 112px;
     }
 
-    & > div:first-child {
+    // & > div:first-child {
-      width: 50%;
+    //   width: 50%;
-      height: 100%;
+    //   height: 100%;
-      display: flex;
+    //   display: flex;
-      align-items: center;
+    //   align-items: center;
-      justify-content: center;
+    //   justify-content: center;
-    }
+    // }
 
-    & > div:last-child {
+    // & > div:last-child {
-      width: 50%;
+    //   width: 50%;
-      height: 100%;
+    //   height: 100%;
-      color: #FFFFFF;
+    //   color: #FFFFFF;
-      display: flex;
+    //   display: flex;
-      align-items: center;
+    //   align-items: center;
-      justify-content: center;
+    //   justify-content: center;
-      background-color: #1365DD;
+    //   background-color: #1365DD;
-    }
+    // }
 
     & > label {
       display: flex;