style:证书证明预览样式修改

@@ -8,28 +8,24 @@
     class="from-clues loadingtext"
     v-Loading="loading"
     element-loading-text="拼命加载中..."
-    style="height: 720px; text-align: center"
-  >
+    style="height: 720px; text-align: center">
     <!-- 表单部分 -->
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="证书预览" name="zsyl">
         <el-empty
           description="暂无数据"
-          v-if="headTabBdcqz.length == 0 && noData"
-        ></el-empty>
+          v-if="headTabBdcqz.length == 0 && noData"></el-empty>
         <div class="zsys">
           <canvas
             ref="zs"
             width="1000"
             v-show="this.bdcqz.bdcqzlx == 1"
-            height="700"
-          ></canvas>
+            height="700"></canvas>
           <canvas
             ref="zm"
             width="1180"
             v-show="this.bdcqz.bdcqzlx == 2"
-            height="780"
-          ></canvas>
+            height="780"></canvas>
         </div>
       </el-tab-pane>
       <el-tab-pane label="证书详情" name="lcjl">
@@ -79,17 +75,14 @@
           缮证记录信息
           <div class="triangle"></div>
         </div>
-        <div class="from-clues-content">
         <lb-table
           class="sz"
           :column="szxxtableData.columns"
           heightNumSetting
           :pagination="false"
           :key="key"
-            :data="szxxtableData.data"
-          >
+          :data="szxxtableData.data">
         </lb-table>
-        </div>
         <div class="slxx_title title-block">
           发证记录信息
           <div class="triangle"></div>
@@ -99,8 +92,7 @@
           :column="tableDatas.columns"
           :heightNum="100"
           :data="tableDatas.data"
-          :pagination="false"
-        >
+          :pagination="false">
         </lb-table>
       </el-tab-pane>
       <el-tab-pane label="电子证照" name="third"> 等一个照片 </el-tab-pane>
@@ -109,13 +101,13 @@
 </template>
 
 <script>
-// import { zsyldatas } from "../../javascript/zsyl.js";
-import { getSlsqBdcqzList } from "@/api/bdcqz.js";
-import { getCertificateList } from "@/api/bdcqz.js";
-import { getSzRecordList } from "@/api/bdcqz.js";
-import { szxxdatas } from "../../javascript/szxxdatapart";
-import { datas } from "../../javascript/fzxxdatapart";
-export default {
+  // import { zsyldatas } from "../../javascript/zsyl.js";
+  import { getSlsqBdcqzList } from "@/api/bdcqz.js";
+  import { getCertificateList } from "@/api/bdcqz.js";
+  import { getSzRecordList } from "@/api/bdcqz.js";
+  import { szxxdatas } from "../../javascript/szxxdatapart";
+  import { datas } from "../../javascript/fzxxdatapart";
+  export default {
     name: "zsyl",
     props: {
       formData: {
@@ -123,7 +115,7 @@ export default {
         default: {},
       },
     },
-  data() {
+    data () {
       return {
         key: 0,
         noData: false,
@@ -165,7 +157,7 @@ export default {
         },
       };
     },
-  mounted() {
+    mounted () {
       this.queryClick();
       this.query();
       if (this.formData.bdcqz) {
@@ -181,12 +173,12 @@ export default {
        * @description: queryClick
        * @author: miaofang
        */
-    queryClick() {
+      queryClick () {
         this.formdata.bsmSlsq = this.formData.bsmSlsq;
         getCertificateList(this.formdata).then((res) => {
           if (res.code === 200) {
             this.tableDatas.data = res.result ? res.result : [];
-          console.log("this.tableDatas",this.tableDatas);
+            console.log("this.tableDatas", this.tableDatas);
           }
         });
       },
@@ -194,7 +186,7 @@ export default {
        * @description: query
        * @author: miaofang
        */
-    query() {
+      query () {
         getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then((res) => {
           if (res.code == 200) {
             this.szxxtableData.data = res.result;
@@ -207,7 +199,7 @@ export default {
        * @param {*} code
        * @author: miaofang
        */
-    getRowValue(code) {
+      getRowValue (code) {
         var value = this.bdcqz[code];
         return value;
       },
@@ -215,7 +207,7 @@ export default {
        * @description: 获取受理申请下全部不动产权证
        * @author: miaofang
        */
-    getHeadTabBdcqz() {
+      getHeadTabBdcqz () {
         console.log("formData", this.formData);
         this.loading = true;
         getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then((res) => {
@@ -240,7 +232,7 @@ export default {
        * @param {*} e
        * @author: miaofang
        */
-    handleClick(tab, event) {
+      handleClick (tab, event) {
         console.log(tab, event);
         this.bdcqz = this.headTabBdcqz[0];
         if (this.bdcqz.bdcqzlx == 1) {
@@ -253,8 +245,8 @@ export default {
        * @description: 不动产证书
        * @author: miaofang
        */
-    drawTextOnImage() {
-      function getByteLen(val) {
+      drawTextOnImage () {
+        function getByteLen (val) {
           var len = 0;
           if (!val) return len;
           for (var i = 0; i < val.length; i++) {
@@ -497,8 +489,8 @@ export default {
        * @description: 不动产证明
        * @author: miaofang
        */
-    drawTextzmImage() {
-      function getByteLen(val) {
+      drawTextzmImage () {
+        function getByteLen (val) {
           var len = 0;
           if (!val) return len;
           for (var i = 0; i < val.length; i++) {
@@ -696,27 +688,27 @@ export default {
       },
     },
     computed: {
-    hdiffHeight() {
+      hdiffHeight () {
         return 0;
         //  return this.headTabBdcqz.length > 1 ? 54 : 0
       },
     },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.imgClass {
+  .imgClass {
     display: inline-block;
     height: auto;
     max-width: 100%;
-}
+  }
 
-.middle_padding {
+  .middle_padding {
     padding-bottom: 10px;
-}
+  }
 
-.zsyl-button {
+  .zsyl-button {
     text-align: center;
     margin-top: 20px;
 
@@ -729,9 +721,9 @@ export default {
       color: white;
       background-color: rgb(0, 121, 254);
     }
-}
+  }
 
-.table-column {
+  .table-column {
     border-spacing: 1px;
     width: 100%;
 
@@ -743,37 +735,37 @@ export default {
       font-size: 13px;
       background: rgb(251, 249, 229);
     }
-}
+  }
 
-.zsyl-title {
+  .zsyl-title {
     background: #fafbe5;
     text-align: center;
     padding: 5px 0px;
     font-size: 20px;
-}
+  }
 
-.no-data {
+  .no-data {
     font-size: 18px;
     display: flex;
     text-align: center;
     justify-content: center;
-}
-.el-tab-pane {
+  }
+  .el-tab-pane {
     width: 1190px;
     height: 670px;
     overflow-y: auto;
-}
-.zsys {
+  }
+  .zsys {
     width: 1180px;
     height: 670px;
-}
-/deep/.el-table {
+  }
+  /deep/.el-table {
     height: 100px !important;
-}
-/deep/.sz {
-  height: 340px !important;
-}
-.el-form{
+  }
+  // /deep/.sz {
+  //   height: 340px !important;
+  // }
+  .el-form {
     margin-top: 20px;
-}
+  }
 </style>