style:证书领取查询

@@ -110,10 +110,10 @@
       </tr>
 
       <tr v-if="showGroup">
-        <td >变化原因</td>
-        <td >变化内容</td>
-        <td >登记时间</td>
-        <td >登簿人</td>
+        <td>变化原因</td>
+        <td>变化内容</td>
+        <td>登记时间</td>
+        <td>登簿人</td>
       </tr>
       <!-- <tr >
         <td>{{ zdbhqks[0].bhyy }}</td>
@@ -132,7 +132,7 @@
 import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
 
 export default {
-  data() {
+  data () {
     return {
       bhqkColumns: [
         {
@@ -176,16 +176,15 @@ export default {
       bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
     };
   },
-  created() {
+  created () {
     this.loadData();
   },
   methods: {
-    loadData() {
+    loadData () {
       getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
         if (res.code === 200) {
           this.zdjbxx = res.result.zdjbxx;
           this.zdbhqks = res.result.zdbhqkList;
-          debugger;
           if (this.zdbhqks != null && this.zdbhqks.length > 0) {
             this.showGroup = true;
           }

@@ -114,17 +114,7 @@ import { getJtfcInfo } from "@/api/sqcx";
 import { datas, sendThis } from "./sqcxjlInfodata";
 
 export default {
-  components: {},
-  // props: {
-  //   value: { type: Boolean, default: false },
-  // },
   props: ["formData"],
-
-  created () {
-    // debugger;
-    // alert(this.formData.sqcxBsm);
-  },
-
   data () {
     return {
       form: {},

@@ -40,11 +40,11 @@ class data extends filter {
       {
         prop: "createtime",
         label: "创建时间",
+        width: '140'
       },
       {
         label: '操作',
-        align: 'center',
-        fixed: 'right',
+        width: '60',
         render: (h, scope) => {
           return <div>
             <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delNotice(scope.row) }}>删除</el-button>

@@ -24,6 +24,7 @@ class data extends filter {
       {
         prop: "noticeTitle",
         label: "通知标题",
+        minWidth: '130',
       },
       {
         prop: "noticeSource",
@@ -31,17 +32,11 @@ class data extends filter {
       },
       {
         label: "通知内容",
+        minWidth: '170',
         render: (h, scope) => {
           return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div>
         }
       },
-      // {
-      //   prop: "noticeFileName",
-      //   label: "通知附件",
-      //   render: (h, scope) => {
-      //     return <div class="pointer" onClick={() => { vm.downloadFile(scope.row) }}>{scope.row.noticeFileName}</div>
-      //   }
-      // },
       {
         label: "发布状态",
         width: '80',
@@ -57,6 +52,7 @@ class data extends filter {
       {
         prop: "noticePublishTime",
         label: "发布时间",
+        width: '140'
       },
       {
         prop: "creater",
@@ -66,11 +62,12 @@ class data extends filter {
       {
         prop: "createtime",
         label: "创建时间",
+        width: '140'
       },
       {
         label: '操作',
         align: 'center',
-        fixed: 'right',
+        width: '130',
         render: (h, scope) => {
           switch (scope.row.noticeStatus) {
             case '1':

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-04-19 09:29:54
+-->
+<template>
+  <img :src="formData.previewImage" class="imgClass">
+</template>
+<script>
+export default {
+  props: {
+    formData: {
+      type: Object,
+      default: () => { }
+    }
+  }
+}
+</script>
+<style>
+.imgClass {
+  width: 100%;
+}
+</style>
\ No newline at end of file

@@ -45,9 +45,9 @@
         :data="tableData.data">
       </lb-table>
     </div>
-    <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose">
-      <img :src="previewImage" class="imgClass">
-    </el-dialog>
+    <!-- <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose">
+      
+    </el-dialog> -->
   </div>
 </template>
 <script>
@@ -70,7 +70,6 @@ export default {
         lzrxm: "",
       },
       dialogVisible: false,
-      previewImage: '',
       tableData: {
         total: 0,
         columns: datas.columns(),
@@ -91,17 +90,16 @@ export default {
         }
       })
     },
-    openDialog(item){
+    openDialog (item) {
       this.$startLoading()
       bdcqzPreview(item).then(res => {
         this.$endLoading()
         this.dialogVisible = true;
         let blob = new Blob([res]);
-        let url = window.URL.createObjectURL(blob);
-        this.previewImage = url;
+        this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) })
       })
     },
-    handleClose() {
+    handleClose () {
       this.dialogVisible = false;
     }
   },