From 347cd67d89ef45fa013c46967adca369cfa598f8 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 28 Aug 2021 14:29:44 +0800
Subject: [PATCH] 许可

---
 src/views/licenseApproval/securityGuard.vue |  296 ++++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 234 insertions(+), 62 deletions(-)

diff --git a/src/views/licenseApproval/securityGuard.vue b/src/views/licenseApproval/securityGuard.vue
index 82b91c8..e66fbe1 100644
--- a/src/views/licenseApproval/securityGuard.vue
+++ b/src/views/licenseApproval/securityGuard.vue
@@ -1,8 +1,8 @@
 /*
  * @Author: liu
  * @Date: 2021-08-26 16:57:58 
- * @Last Modified by: mikey.zhaopeng
- * @Last Modified time: 2021-08-26 17:54:06
+ * @Last Modified by: liu
+ * @Last Modified time: 2021-08-28 10:42:08
  */
 
 
@@ -58,6 +58,22 @@
             @click.stop="rowDel(row)"
             >备案审批
           </el-button>
+          <el-button
+            icon="el-icon-edit"
+            :size="size"
+            :type="type"
+            @click.stop="viewLicense(row)"
+            v-if="row.type == '0'"
+            >打印备案证
+          </el-button>
+          <el-button
+            icon="el-icon-edit"
+            :size="size"
+            :type="type"
+            v-show="row.type == 0"
+            @click.stop="viewLicensehuizhi(row)"
+            >回执打印
+          </el-button>
         </template>
         <template class="tdtype" slot-scope="{ row }" slot="type">
           <el-tag class="dtype">
@@ -82,7 +98,7 @@
         ref="licence"
       >
         <div class="licence" id="licence" v-if="dialogVisible">
-          <div class="licence-head">保安服务许可证</div>
+          <div class="licence-head">备案证</div>
           <div class="head-tid">
             洪公保服务
             <span class="fontStyle">{{
@@ -124,6 +140,48 @@
       </div>
     </div>
 
+    <div
+      v-if="dialogVisiblehuizhi"
+      class="dialogVisibles"
+      :class="classStyle == 'print' ? 'printstyle' : ''"
+    >
+      <div
+        id="licence_box"
+        :class="classStyle == 'print' ? 'printstyle' : ''"
+        ref="licencelicencehuizhi"
+      >
+        <div
+          class="licencehuizhi exam-box"
+          id="licencehuizhi"
+          v-if="dialogVisiblehuizhi"
+        >
+          <h3>回执单</h3>
+          <p>
+            南昌市公安局已收到
+            <span>{{ rowData == null ? "" : rowData.enterprisename }}</span>
+            的相关备案申请!
+          </p>
+
+          <div class="examine-bottom">
+            <ul>
+              <li>审批单位:<span>南昌市公安局</span></li>
+              <li>
+                日期:<span>{{
+                  rowData == null ? "" : rowData.examinetime
+                }}</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer no-print PrintBut">
+          <el-button type="primary" @click="Printhuizhi">打 印</el-button>
+          <el-button type="primary" @click="closePrinthuizhi">
+            取 消
+          </el-button>
+        </span>
+      </div>
+    </div>
+
     <el-dialog
       title=""
       :visible.sync="dialogVisiblecc"
@@ -131,7 +189,7 @@
       :modal-append-to-body="false"
     >
       <div class="flots">
-        <span class="f_title">是否通过审核?</span>
+        <span class="f_title">是否通过备案审批?</span>
         <span class="f_body">请输入修改意见:</span>
         <textarea
           name="reworkmes"
@@ -141,8 +199,8 @@
           v-model="textareaShenpi"
         ></textarea>
         <div class="but">
-          <el-button @click="closecc">通过</el-button>
-          <el-button type="primary" @click="subcc">不通过</el-button>
+          <el-button type="danger" @click="subcc">不通过</el-button>
+          <el-button type="primary" @click="closecc">通过</el-button>
         </div>
       </div>
     </el-dialog>
@@ -166,6 +224,8 @@
 
       dialogVisiblecc: false, //许可证审核抽屉
       xukezData: {},
+
+      dialogVisiblehuizhi: false, //回执
 
       dialogVisible: false, //许可证抽屉
       licenceData: {
@@ -192,7 +252,7 @@
         searchShow: true,
         searchMenuSpan: 8,
         border: true,
-        menuWidth: 300,
+        menuWidth: 378,
         labelWidth: 130,
         headerAlign: "center",
         align: "center",
@@ -209,7 +269,7 @@
             searchLabelWidth: 80,
             searchSpan: 4,
             overHidden: true,
-            width: 250,
+            width: 200,
             rules: [
               {
                 required: true,
@@ -233,7 +293,9 @@
           {
             label: "法定代表人",
             prop: "representative",
+            search: true,
             width: 82,
+            searchLabelWidth: 90,
             rules: [
               {
                 required: true,
@@ -277,6 +339,44 @@
                 trigger: "blur",
               },
             ],
+          },
+          {
+            label: "单位许可证编号",
+            prop: "perid",
+            // labelWidth: 160,
+            // span: 12,
+            hide: true,
+            rules: [
+              {
+                required: true,
+                message: "单位许可证编号",
+                trigger: "blur",
+              },
+            ],
+          },
+          {
+            label: "许可证发证机关",
+            prop: "offices",
+            // labelWidth: 160,
+            // span: 12,
+            hide: true,
+            rules: [
+              {
+                required: true,
+                message: "许可证发证机关",
+                trigger: "blur",
+              },
+            ],
+          },
+          {
+            label: "发证时间",
+            prop: "officetime",
+            // labelWidth: 160,
+            // span: 12,
+            hide: true,
+            type: "date",
+            format: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd",
           },
           {
             label: "注册时间",
@@ -328,30 +428,30 @@
               },
             ],
           },
-          {
-            label: "纳税人识别号",
-            prop: "identificationnumber",
-            hide: true,
-            rules: [
-              {
-                required: true,
-                message: "请输入纳税人识别号",
-                trigger: "blur",
-              },
-            ],
-          },
-          {
-            label: "企业类型",
-            hide: true,
-            prop: "enterprises",
-            rules: [
-              {
-                required: true,
-                message: "请输入企业类型",
-                trigger: "blur",
-              },
-            ],
-          },
+          // {
+          //   label: "纳税人识别号",
+          //   prop: "identificationnumber",
+          //   hide: true,
+          //   rules: [
+          //     {
+          //       required: true,
+          //       message: "请输入纳税人识别号",
+          //       trigger: "blur",
+          //     },
+          //   ],
+          // },
+          // {
+          //   label: "企业类型",
+          //   hide: true,
+          //   prop: "enterprises",
+          //   rules: [
+          //     {
+          //       required: true,
+          //       message: "请输入企业类型",
+          //       trigger: "blur",
+          //     },
+          //   ],
+          // },
           {
             label: "注册地址",
             prop: "address",
@@ -364,18 +464,18 @@
               },
             ],
           },
-          {
-            label: "所属地区",
-            hide: true,
-            prop: "region",
-            rules: [
-              {
-                required: true,
-                message: "请输入所属地区",
-                trigger: "blur",
-              },
-            ],
-          },
+          // {
+          //   label: "所属地区",
+          //   hide: true,
+          //   prop: "region",
+          //   rules: [
+          //     {
+          //       required: true,
+          //       message: "请输入所属地区",
+          //       trigger: "blur",
+          //     },
+          //   ],
+          // },
           {
             label: "登记机关",
             prop: "registration",
@@ -400,33 +500,41 @@
               },
             ],
           },
+          // {
+          //   label: "所属机构",
+          //   prop: "deptid",
+          //   addDisplay: false,
+          //   type: "select",
+          //   hide: true,
+          //   dicUrl: "/api/blade-system/dept/selectIn",
+          //   props: {
+          //     label: "deptname",
+          //     value: "deptid",
+          //   },
+          // },
           {
-            label: "所属机构",
-            prop: "deptid",
-            addDisplay: false,
-            type: "select",
-            hide: true,
-            dicUrl: "/api/blade-system/dept/selectIn",
+            label: "所属辖区",
+            prop: "jurisdiction",
+            type: "tree",
+            dicUrl: "/api/jurisdiction/lazy-trees",
             props: {
-              label: "deptname",
-              value: "deptid",
+              label: "title",
+              value: "id",
             },
+            // labelWidth: 160,
+            // span: 12,
           },
           {
             label: "许可类型",
-            search: true,
+            // search: true,
             hide: true,
             prop: "ptype",
             type: "select",
             searchSpan: 4,
             dicData: [
               {
-                label: "保安服务许可",
-                value: "0",
-              },
-              {
-                label: "保安培训许可",
-                value: "1",
+                label: "自招保安单位备案",
+                value: "3",
               },
             ],
           },
@@ -445,6 +553,7 @@
             prop: "type",
             addDisplay: false,
             type: "select",
+            width: 80,
             dicData: [
               {
                 label: "通过",
@@ -502,16 +611,19 @@
   //     console.log(this.userInfo.dept_id);
   // },
   methods: {
+    Printhuizhi() {
+      this.$Print(this.$refs.licencehuizhi);
+    },
     Print() {
       this.$Print(this.$refs.licence);
     },
 
     handleCredentials(row) {
       this.$router.push({
-        path: "/attach/index",
+        path: "/attachOnce/index",
         // redirect: { name: "foo" },
         // query: { row: row },
-        query: { deptid: row.deptid, type: "0" },
+        query: { deptid: row.cardid, type: "0" },
         // params: { row: row.identificationnumber },
       });
     },
@@ -568,6 +680,12 @@
       this.textareaShenpi = "";
     },
 
+    viewLicensehuizhi() {
+      this.dialogVisiblehuizhi = true;
+    },
+    closePrinthuizhi() {
+      this.dialogVisiblehuizhi = false;
+    },
     viewLicense(row) {
       //查看许可证
       this.licenceData.row = row;
@@ -741,7 +859,19 @@
   width: 960px;
   height: 648px;
   background-color: #fff !important;
-  background-image: url("../../static/img/permit/服务许可背景图.png");
+  background-image: url("/img/permit/服务许可背景图.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  box-sizing: border-box;
+  padding: 10%;
+  color: #000;
+}
+.licencehuizhi {
+  width: 800px;
+  height: 348px;
+  background-color: #fff !important;
+  // background-image: url("../../static/img/permit/服务许可背景图.png");
+  border: 1px solid rgba(#a3a3a3, 0.5);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   box-sizing: border-box;
@@ -812,6 +942,9 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
+  span {
+    display: inline-block;
+  }
   .f_title {
     position: absolute;
     top: 15px;
@@ -825,4 +958,43 @@
   align-content: center;
   justify-content: center;
 }
+.exam-box {
+  width: 100%;
+  height: 360px;
+
+  position: relative;
+  padding: 10px;
+  background: #fff !important;
+  color: #000;
+
+  box-sizing: border-box;
+}
+.exam-box h3 {
+  margin: 0;
+  text-align: center;
+  font-size: 28px;
+  letter-spacing: 10px;
+  line-height: 46px;
+}
+
+.exam-box p {
+  text-indent: 2em;
+  font-size: 18px;
+}
+
+.exam-box .examine-bottom {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+
+.exam-box li {
+  list-style: none;
+  font-size: 18px;
+  line-height: 32px;
+}
+
+.exam-box span {
+  text-decoration: underline;
+}
 </style>

--
Gitblit v1.9.3