From 152a4702ec03ceec5f57b207a8d7d9ea5ccdbfe7 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 03 Nov 2021 10:05:22 +0800
Subject: [PATCH] 纸质证书样式修改

---
 src/views/securityGuard/securityGuardDetail.vue |   98 +++++++++++++++++++++++++++++++-----------------
 1 files changed, 63 insertions(+), 35 deletions(-)

diff --git a/src/views/securityGuard/securityGuardDetail.vue b/src/views/securityGuard/securityGuardDetail.vue
index f4141d8..4577b54 100644
--- a/src/views/securityGuard/securityGuardDetail.vue
+++ b/src/views/securityGuard/securityGuardDetail.vue
@@ -13,7 +13,9 @@
         @row-save="rowSave1"
         @row-update="rowUpdate1"
         @row-del="rowDel1"
-        @refresh-change="refreshChange1"
+        @current-change="CurrentChange1"
+        @refresh-change="refreshchange1"
+        @size-change="SizeChange1"
       >
       </avue-crud>
     </span>
@@ -26,13 +28,15 @@
         @row-update="rowUpdate2"
         @row-del="rowDel2"
         :table-loading="loading2"
-        @refresh-change="refreshChange2"
+        @current-change="CurrentChange2"
+        @size-change="SizeChange2"
+        @refresh-change="refreshchange2"
       >
       </avue-crud>
     </span>
     <span v-else-if="typeTABS.prop === 'tab4'">
       <!-- 保安员证 -->
-      <div class="baoanzheng" id="baoanzheng">
+      <!-- <div class="baoanzheng" id="baoanzheng" v-if="hold == 1">
         <div class="baz-main">
           <div class="baz-m-body" ref="baoanzheng">
             <div class="bmb-heard">保安员证</div>
@@ -43,12 +47,8 @@
             <div class="imgs">
               <div v-if="erweima == ''">暂无二维码</div>
               <img :src="erweima" alt="" v-else />
-              <!-- <img src="/img/register/ewm.png" alt="" /> -->
-              <!-- logoSrc="/img/register/ewm.png" -->
-              <!-- <vue-qr :text="goToUrl" :size="200"></vue-qr> -->
             </div>
 
-            <!-- <img src="/img/mock/card/card-1.jpg" alt="" /> -->
             <div class="bmb-b">
               姓名:<span class="bmb-b-s">{{ obj0.realName }}</span>
             </div>
@@ -66,23 +66,22 @@
                 obj0.paperTime.slice(0, 10)
               }}</span>
             </div>
-            <!-- <div class="bmb-b">
-              发证机关:<span class="bmb-b-s" style="margin-right: 15px"
-                >南昌市公安局</span
-              >发证日期:<span class="bmb-b-s">{{
-                obj0.createTime.slice(0, 10)
-              }}</span>
-            </div> -->
           </div>
           <span slot="footer" class="dialog-footer no-print PrintBut">
             <el-button type="primary" @click="Print">打 印</el-button>
-            <!-- <el-button type="primary" @click="closePrint"> 取 消 </el-button> -->
           </span>
         </div>
+      </div> -->
+      <baoanz :data="obj0" v-if="hold == 1"></baoanz>
+      <div v-else style="width: 100%; text-align: center; padding-top: 20px">
+        无上岗证
       </div>
     </span>
     <span v-else-if="typeTABS.prop === 'tab5'">
-      <securityCertificate :data="obj0"></securityCertificate>
+      <securityCertificate :data="obj0" v-if="hold == 1"></securityCertificate>
+      <div v-else style="width: 100%; text-align: center; padding-top: 20px">
+        无保安员证
+      </div>
     </span>
   </div>
 </template> 
@@ -105,17 +104,19 @@
   getPerformanceInfo,
   add,
   update,
-  page,
+  getpage,
   remove,
   getER,
 } from "@/api/performance/performance";
 
 // import vueQr from "vue-qr";
 import securityCertificate from "./securityCertificate.vue";
+import baoanz from "./baoanz.vue";
 
 export default {
   components: {
     securityCertificate: securityCertificate,
+    baoanz,
   },
   data() {
     return {
@@ -140,12 +141,12 @@
           },
           {
             // icon: "el-icon-info",
-            label: "保安员证",
+            label: "上岗证",
             prop: "tab4",
           },
           {
             // icon: "el-icon-info",
-            label: "保安员证书",
+            label: "保安员证",
             prop: "tab5",
           },
         ],
@@ -214,6 +215,7 @@
         column: trackRecordColumn,
       },
       erweima: "",
+      hold: "",
     };
   },
   // components: {
@@ -253,11 +255,11 @@
         this.loading1 = false;
       } else if (column.prop == "tab2") {
         //查询当前保安员的从业记录信息
-        this.getPractitionersPageInfo();
+        this.getPractitionersPageInfo(this.page1);
         this.loading1 = false;
       } else if (column.prop == "tab3") {
         //查询当前保安员的现实表现记录
-        this.getPerformancePageInfo();
+        this.getPerformancePageInfo(this.page2);
         this.loading2 = false;
       } else if (column.prop == "tab4") {
         getER(this.obj0.securitynumber).then((res) => {
@@ -266,27 +268,30 @@
         });
       }
     },
+    refreshchange1() {
+      this.getPractitionersPageInfo(this.page1, this.query1);
+    },
     //查询当前保安员的从业记录信息
-    getPractitionersPageInfo() {
-      var param = {
-        securityid: this.id,
-      };
+    getPractitionersPageInfo(page, param = {}) {
+      param["securityid"] = this.id;
       //获取用户从业信息
-      console.log(this.id, "cid");
-      getExperienceList(this.current, this.size, param).then((res1) => {
+      // console.log(this.id, "cid");
+
+      getExperienceList(page.currentPage, page.pageSize, param).then((res1) => {
         const data = res1.data.data;
         this.page1.total = data.total;
         this.data1 = data.records;
         this.loading1 = false;
       });
     },
+    refreshchange2() {
+      this.getPerformancePageInfo(this.page2, this.query2);
+    },
     //查询当前保安员的现实表现记录信息
-    getPerformancePageInfo() {
+    getPerformancePageInfo(page, param = {}) {
       //获取现实表现信息
-      var param = {
-        securityid: this.id,
-      };
-      page(this.current, this.size, param).then((res2) => {
+      param["securityid"] = this.id;
+      getpage(page.currentPage, page.pageSize, param).then((res2) => {
         const data = res2.data.data;
         this.page2.total = data.total;
         this.data2 = data.records;
@@ -294,6 +299,28 @@
         this.loading2 = false;
       });
     },
+    CurrentChange1(currentPage) {
+      this.page1.currentPage = currentPage;
+      this.refreshchange1();
+    },
+    SizeChange1(pageSize) {
+      this.page1.pageSize = pageSize;
+      this.refreshchange1();
+    },
+    CurrentChange2(currentPage) {
+      this.page2.currentPage = currentPage;
+      this.refreshchange2();
+    },
+    SizeChange2(pageSize) {
+      this.page2.pageSize = pageSize;
+      this.refreshchange2();
+    },
+    // refreshChange1() {
+    //   this.getPractitionersPageInfo();
+    // },
+    // refreshChange2() {
+    //   this.getPerformancePageInfo();
+    // },
 
     rowSave2(form, done, loading) {
       form.securityid = this.id;
@@ -416,6 +443,7 @@
       this.name = row.name;
       this.dispatcherCompany = row.dispatcherCompany;
       this.id = row.id;
+      this.hold = row.hold;
       console.log(this.obj0);
     }
 
@@ -488,7 +516,7 @@
 .baz-m-body {
   width: 750px;
   height: 550px;
-  background-image: url("/img/register/bazbj.png");
+  background-image: url("/img/register/bazbj1.png");
   background-size: 100% 100%;
   .bmb-heard {
     font-size: 4rem;
@@ -501,8 +529,8 @@
     top: 20px;
   }
   .img {
-    width: 152px;
-    height: 205px;
+    width: 358px;
+    height: 441px;
     border-radius: 10px;
     position: absolute;
     // border: 1px solid rgba($color: #888888, $alpha: 0.5);

--
Gitblit v1.9.3