style:发证信息证书领取功能的完成

+import Vue from 'vue'
 import router from './router'
 import store from './store'
 import { getMenuInfo } from '@/api/user'
@@ -8,6 +9,7 @@ import Cookies from 'js-cookie'
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
 router.beforeEach(async (to, from, next) => {
+    Vue.prototype.$currentRoute = to
     NProgress.start()
     document.title = getPageTitle(to.meta.title)
     let hasAddDict = store.state.dict.addDict

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-04 10:12:07
+-->
 <template>
   <div class="from-clues">
     <!-- 发证信息 -->
@@ -22,7 +27,7 @@
           <el-col :span="6" class="btnColRight">
             <el-form-item>
               <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
-              <el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="zslqClick">证书领取</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -32,21 +37,14 @@
       <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
       </lb-table>
     </div>
-    <zslqDialog  v-model="dialogVisible"  @update:dialogVisible="dialogVisibles"></zslqDialog>
   </div>
 </template>
 <script>
-import table from "@/utils/mixin/table";
-import zslqDialog from "./zslq.vue";
-import { getCertificateList } from "@/api/bdcqz.js";
-import { datas } from "../javascript/fzxxdata";
-export default {
+  import table from "@/utils/mixin/table";
+  import { getCertificateList } from "@/api/bdcqz.js";
+  import { datas } from "../javascript/fzxxdata";
+  export default {
     mixins: [table],
-  components: {
-    zslqDialog
-  },
-  props: {
-  },
     data () {
       return {
         ruleForm: {
@@ -60,7 +58,7 @@ export default {
           columns: datas.columns().fzgrid,
           data: [],
         },
-      dialogVisible:false
+        dialogVisible: false
       }
     },
     methods: {
@@ -72,16 +70,12 @@ export default {
           }
         })
       },
-    zslqClick(){
-      this.dialogVisible = true;       
-    },
-     //子组件传 过来的 数据
-    dialogVisibles(v){
-        this.dialogVisible = v;
+      zslqClick () {
+        this.$popupDialog("不动产权证领取", "workflow/components/zslq", {}, '80%', true);
+      }
     }
   }
-}
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 </style>
\ No newline at end of file

 <template>
-  <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value">
-    <div class="zslq">
   <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
     <el-row>
       <el-col :span="8">
@@ -20,7 +18,7 @@
       </el-col>
     </el-row>
 
-        <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600">
+    <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :calcHeight="300">
     </lb-table>
     <el-row>
       <el-col :span="6">
@@ -47,19 +45,28 @@
         </el-form-item>
       </el-col>
     </el-row>
+    <el-form-item class="text-center">
+      <el-button @click="$popupCacel">取消</el-button>
+      <el-button type="primary" @click="handleSubmit">确定</el-button>
+    </el-form-item>
   </el-form>
-    </div>
-  </dialogBox>
 </template>
 
 <script>
+  import Vue from 'vue'
   import store from '@/store/index.js'
   import table from "@/utils/mixin/table";
   import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
   import { datas } from "../javascript/fzxxdata";
+  import { log } from 'bpmn-js-token-simulation';
   export default {
     props: {
-      value: { type: Boolean, default: true }
+      formData: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
     },
     mixins: [table],
     data () {
@@ -96,17 +103,15 @@
         },
       }
     },
-    watch: {
-      value (val) {
-        if (val) {
-          this.loadGrid();
-        }
-      },
+    mounted () {
+      this.$nextTick(() => {
+        this.loadGrid()
+      })
     },
     methods: {
       //列表初始化
       loadGrid () {
-        getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
+        getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => {
           if (res.code === 200) {
             this.tableData.data = res.result.list;
             this.ruleForm.fzrmc = res.result.fzrmc
@@ -132,11 +137,8 @@
             this.$message.error("请填写领取人信息！")
             return false;
           }
-        });
-      },
-      closeDialog () {
-        this.$emit("input", false);
-      },
+        })
+      }
     }
   }
 </script>

@@ -40,7 +40,8 @@ class data extends filter {
         },
         {
           prop: "bdcqzh",
-          label: "不动产权证号"
+          label: "不动产权证号",
+          width: '200',
         },
         {
           prop: "qlr",
@@ -60,7 +61,8 @@ class data extends filter {
         },        
         {
           prop: "fzsj",
-          label: "发证时间"
+          label: "发证时间",
+          width: '140',
         },
         {
           prop: "lzrxm",