style：证书管理

 <template>
-  <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
   <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
     <div class="title-name">
       入库情况
@@ -109,45 +108,37 @@
       </el-col>
     </el-row>
   </el-form>
-  </dialogBox>
 </template>
-
 <script>
-import { getZssyqkInfo} from "@/api/zsgl.js"
+import { getZssyqkInfo } from "@/api/zsgl.js"
 export default {
   props: {
-    value: { type: Boolean, default: false },
+    formData: {
+      type: Object,
+      default: () => { }
+    }
   },
   data () {
     return {
-      myValue: this.value,
       ruleForm: {}
     }
   },
-  watch: {
-    value (val) {
-      this.myValue = val
-    },
+  mounted () {
+    this.getDetail(this.formData.bsmZswj)
   },
   methods: {
     getDetail (bsmZswj) {
-      getZssyqkInfo({"bsmZswj":bsmZswj}).then(res => {
-        if(res.code == 200){
+      getZssyqkInfo({ "bsmZswj": bsmZswj }).then(res => {
+        if (res.code == 200) {
           this.ruleForm = res.result
-          if(res.result.zslx){
+          if (res.result.zslx) {
             this.ruleForm.zslxmc = res.result.zslx == 'zs' ? '不动产权证书' : '不动产登记证明';
           }
-          if(res.result.sfzf){
+          if (res.result.sfzf) {
             this.ruleForm.sfzfmc = res.result.sfzf == 0 ? '否' : '是'
           }
         }
       })
-    },
-    submitForm () {
-    },
-    closeDialog () {
-      this.$emit('input', false)
-      this.ruleForm = {}
     }
   }
 }
@@ -155,6 +146,7 @@ export default {
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/dialogBoxheader.scss";
+
 .title-name {
   line-height: 36px;
   border-bottom: 1px solid $borderColor;

@@ -41,27 +41,20 @@
         :data="tableData.data">
       </lb-table>
     </div>
-    <addDialog ref="addDialog" v-model="isDialog" />
-    <viewDialog v-model="viewDialog" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsffdata";
-import viewDialog from "../components/viewDialog.vue";
 import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
-import addDialog from "./components/addDialog.vue"
 export default {
   name: "zsff",
-  components: { addDialog, viewDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
-      viewDialog: false,
-      isDialog: false,
       value: '',
       ruleForm: {
         batchno: '',
@@ -153,11 +146,11 @@ export default {
         this.$message({
           type: 'info',
           message: '已取消删除'
-        });
-      });
-    },
-  },
-};
+        })
+      })
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";

@@ -39,27 +39,20 @@
         :data="tableData.data">
       </lb-table>
     </div>
-    <!-- 查看弹框 -->
-    <!-- <addDialog ref="addDialog" v-model="isDialog" /> -->
-    <viewDialog v-model="viewDialog" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsrkdata";
-import viewDialog from "../components/viewDialog.vue";
 import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
 export default {
   name: "zsrk",
-  components: { viewDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
-      isDialog: false,
-      viewDialog: false,
       ruleForm: {
         batchno: '',
         rkkssj: '',
@@ -150,11 +143,11 @@ export default {
         this.$message({
           type: 'info',
           message: '已取消审核'
-        });
-      });
+        })
+      })
     }
-  },
-};
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";

@@ -44,24 +44,20 @@
         :data="tableData.data">
       </lb-table>
     </div>
-    <viewDialog ref="viewDialog" v-model="isDialog" />
   </div>
 </template>
 <script>
-import viewDialog from "../components/viewDialog.vue"
 import table from "@/utils/mixin/table";
 import { getZssyqkList } from "@/api/zsgl.js"
 import { datas, sendThis } from "./zssyjldata";
 export default {
   name: "zssyjl",
-  components: { viewDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
-      isDialog: false,
       ruleForm: {
         ysxlh: "",
         zslx: "",
@@ -89,10 +85,10 @@ export default {
         }
       })
     },
+    // 查看证书使用情况
     openDialog (item) {
-      this.isDialog = true
-      this.$nextTick(() => {
-        this.$refs.viewDialog.getDetail(item.bsmZswj);
+      this.$popupDialog("证书使用情况", "zsgl/components/viewDialog", {
+        bsmZswj: item.bsmZswj
       })
     }
   }

@@ -80,8 +80,6 @@ class data extends filter {
       {
         label: '操作',
         width: '80',
-        align: 'center',
-        fixed: 'right',
         render: (h, scope) => {
           return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
         }