修改审批

src/views/approval/detail.vue

 <template>
   <div v-if='detail!==null' class='page'>
 
-
     <!--用户基础信息-->
     <template v-if='detail.clientDetail!==null'>
       <user-base-info :base-info='detail.clientDetail' />
@@ -27,6 +26,8 @@
       <pre-plead />
     </template>
 
+    <!-- 审批操作 -->
+    <Approval :item='item' />
 
   </div>
 </template>
@@ -38,6 +39,11 @@
     name: 'ApprovalDetail',
     data() {
       return {
+        // 审批相关
+        visible: false,
+        item: null,
+
+
         creditNo: '',
         detail: null
       }
@@ -46,7 +52,6 @@
       const { query } = this.$route
       if (query && query.creditNo) {
         this.creditNo = query.creditNo
-
         await this.init()
       }
     },
@@ -56,9 +61,15 @@
         const result = await API.initApproveDetail({
           creditNo
         })
-        this.detail = result.result;
+        this.detail = result.result
+
+        // 判断是否有审批
+        if (this.$route.query && this.$route.query.approval) {
+          this.visible = true
+          this.item = result.result
+        }
 
-        console.log('审批详情',this.detail)
+        console.log('审批详情', this.detail)
       }
     }
   }

src/views/approval/list.vue

@@ -159,17 +159,6 @@
       />
     </template>
 
-    <!--审批-->
-    <template v-if='ApprovalVisible'>
-      <Approval
-        :dialog-visible='ApprovalVisible'
-        :item='ApprovalItem'
-        @handleClose='()=>{
-          this.ApprovalVisible = false;
-          this.fetchData()
-        }'
-        @callback='fetchData' />
-    </template>
 
   </div>
 </template>
@@ -195,11 +184,7 @@
         item: null,
 
 
-        // 审批相关
-        ApprovalVisible: false,
-        ApprovalItem: null,
-
-        checkList: ['授信编号', '客户信息',  '对应BD', '商户区域', '申请金额(元)', '授信金额(元)', '审批状态', '申请时间'],
+        checkList: ['授信编号', '客户信息', '对应BD', '商户区域', '申请金额(元)', '授信金额(元)', '审批状态', '申请时间'],
         columns: [
           {
             order: 1,
@@ -289,7 +274,7 @@
         if (result.success) {
           console.log(result, '当前的用户状态')
           const { userDutyState } = result.result
-          this.isOnLine = userDutyState === 'ONLINE';
+          this.isOnLine = userDutyState === 'ONLINE'
         }
       },
       onSearch() {
@@ -345,8 +330,14 @@
       },
       //   审批
       handleApproval(row) {
-        this.ApprovalItem = row
-        this.ApprovalVisible = true
+        const { creditNo } = row
+        this.$router.push({
+          path: '/approval/detail',
+          query: {
+            creditNo,
+            approval: 'approval'
+          }
+        })
       },
       //   转派
       handleReassignment(row) {