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

renchao@pashanhoo.com
Showing 1 changed file with 51 additions and 59 deletions
src/views/workflow/components/dialog/zsylxq.vue
--- a/src/views/workflow/components/dialog/zsylxq.vue
View file @24c9a23
+++ b/src/views/workflow/components/dialog/zsylxq.vue
View file @24c9a23
@@ -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"
+          v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-        ></el-empty>
        <div class="zsys">
          <canvas
            ref="zs"
            width="1000"
            v-show="this.bdcqz.bdcqzlx == 1"
-            height="700"
+            height="700"></canvas>
-          ></canvas>
          <canvas
            ref="zm"
            width="1180"
            v-show="this.bdcqz.bdcqzlx == 2"
-            height="780"
+            height="780"></canvas>
-          ></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 { zsyldatas } from "../../javascript/zsyl.js";
-import { getSlsqBdcqzList } from "@/api/bdcqz.js";
+  import { getSlsqBdcqzList } from "@/api/bdcqz.js";
-import { getCertificateList } from "@/api/bdcqz.js";
+  import { getCertificateList } from "@/api/bdcqz.js";
-import { getSzRecordList } from "@/api/bdcqz.js";
+  import { getSzRecordList } from "@/api/bdcqz.js";
-import { szxxdatas } from "../../javascript/szxxdatapart";
+  import { szxxdatas } from "../../javascript/szxxdatapart";
-import { datas } from "../../javascript/fzxxdatapart";
+  import { datas } from "../../javascript/fzxxdatapart";
-export default {
+  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() {
+      drawTextOnImage () {
-      function getByteLen(val) {
+        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() {
+      drawTextzmImage () {
-      function getByteLen(val) {
+        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 {
+  // /deep/.sz {
-  height: 340px !important;
+  //   height: 340px !important;
-}
+  // }
-.el-form{
+  .el-form {
    margin-top: 20px;
-}
+  }
 </style>