From 19075f614d3dadc04456b8fd053a7e85f8f28307 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期四, 24 八月 2023 13:40:52 +0800
Subject: [PATCH] 8.24 新增委托修改

---
 src/views/inspectionManagement/commissionInspection/index.vue |   69 +++++++++++++++++++++++++---------
 1 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/src/views/inspectionManagement/commissionInspection/index.vue b/src/views/inspectionManagement/commissionInspection/index.vue
index 0cb885e..9de7d5f 100644
--- a/src/views/inspectionManagement/commissionInspection/index.vue
+++ b/src/views/inspectionManagement/commissionInspection/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="!showDetail">
+    <div>
       <div class="content-main">
           <div class="top-bar">
               <el-form ref="form" :inline="true" :model="searchData">
@@ -35,8 +35,13 @@
                 <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
               </el-form-item>
               </el-form>
-              <el-form>
-                <el-button class="rightBtn" type="primary" @click="goToaddCommision">鏂板濮旀墭</el-button>
+              <el-form class="rightForm">
+                  <!-- 鏄剧ず鏂板濮旀墭鐨勭綉鍧�閾炬帴 -->
+                <div v-show="showlinkDiv === true">
+                  <span style="font-size: 12px;">{{ textToCopy }}</span>
+                  <el-button type="text" @click="copyText" style="margin-left: 30px;">{{ copied ===false?'澶嶅埗':'宸插鍒�' }}</el-button>
+                </div>
+                <el-button class="rightBtn" type="primary" @click="showLink">鏂板濮旀墭</el-button>
               </el-form>
           </div>
           <div class="library-table">
@@ -153,9 +158,6 @@
           </div>
       </div>
   </div>
-    <div v-else>
-      <router-view />
-    </div>
   </div>
 </template>
 
@@ -205,19 +207,33 @@
       currentPage: 1,
       pageSize: 5,
       total: 100,
-      showDetail: false
+      showlinkDiv: false,
+      copied: false,
+      textToCopy: 'http://localhost:8080/#/addCommision'
     }
   },
   created() {
     this.getCommisionList()
   },
-  updated() {
-    if (this.$router.currentRoute.name === 'AddCommision') {
-      // console.log(this.$router.currentRoute.name)
-      this.showDetail = true
-    }
-  },
+  // updated() {
+  //   if (this.$router.currentRoute.name === 'AddCommision') {
+  //     // console.log(this.$router.currentRoute.name)
+  //     this.showDetail = true
+  //   }
+  // },
   methods: {
+    copyText() {
+      this.$copyText(this.textToCopy)
+        .then(() => {
+          this.copied = true;
+          // setTimeout(() => {
+          //   this.copied = false;
+          // }, 2000);
+        })
+        .catch(error => {
+          console.log('澶嶅埗澶辫触',error);
+        });
+    },
     async getCommisionList(){
       const res = await getCommisionList({pageNo:this.currentPage, pageSize:this.pageSize})
       this.commisionTable = res.data.row
@@ -304,9 +320,8 @@
         this.total = res.data.total
       }
     },
-    goToaddCommision() {
-      this.$router.push('/inspectionManagement/commissionInspection/addCommision')
-      this.showDetail = true
+    showLink() {
+      this.showlinkDiv = true
     }
   }
 }
@@ -323,10 +338,26 @@
     .sermargin{
       margin-right: 60px;
     }
+    .rightForm{
+      display: flex;
+      justify-content: space-between;
+      /* background-color: #bfa; */
+      height: 40px;
+      line-height: 40px;
+      >div{
+        padding: 0px 10px;
+        padding-bottom: 10px;
+        border:1px solid rgb(8, 156, 230);
+        margin-right: 10px;
+        /* height: 40px;
+        line-height: 40px; */
+      }
+      .rightBtn{
+        background-color: rgb(1, 102, 226);
+      }
+    }
   }
-.rightBtn{
-    background-color: rgb(1, 102, 226);
-}
+
 .library-table{
       background-color: #fff;
       flex: 1;

--
Gitblit v1.9.3