1111

@@ -22,8 +22,9 @@
           <el-col :span="6" class="btnColRight">
             <el-form-item>
               <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button>
             </el-form-item>
-          </el-col>
+          </el-col>         
         </el-row>
       </el-form>
     </div>
@@ -31,15 +32,19 @@
       <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 {
   mixins: [table],
-  components: {},
+  components: {
+    zslqDialog
+  },
   props: {
   },
   data () {
@@ -54,18 +59,26 @@ export default {
         total: 0,
         columns: datas.columns().fzgrid,
         data: [],
-      }
+      },
+      dialogVisible:false
     }
   },
   methods: {
     // 列表渲染接口
     fetchData () {
-      this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy;
+      this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
       getCertificateList(this.ruleForm).then(res => {
         if (res.code === 200) {
           this.tableData.data = res.result;
         }
       })
+    },
+    zslqClick(){
+      this.dialogVisible = true;       
+    },
+     //子组件传 过来的 数据
+    dialogVisibles(v){
+        this.dialogVisible = v;
     }
   }
 }

 <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>
@@ -30,7 +31,7 @@
         <el-col :span="6">
           <el-form-item label="证件类型" prop="lzrzjlb">
             <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
-              <el-option v-for="item in zslqList" :key="item.dcode" :label="item.dname" :value="item.dcode">
+              <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
               </el-option>
             </el-select>
           </el-form-item>
@@ -46,12 +47,9 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row style="text-align:center">
-        <el-button type="primary" @click="onSubmit">确定</el-button>
-        <el-button>取消</el-button>
-      </el-row>
     </el-form>
   </div>
+   </dialogBox>
 </template>
 
 <script>
@@ -60,15 +58,18 @@ import table from "@/utils/mixin/table";
 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
 import { datas } from "../javascript/fzxxdata";
 export default {
+   props: {
+    value: { type: Boolean, default: true }
+  },
   mixins: [table],
   data () {
     return {
-      zslqList: [],
+      zjzlData: store.getters.dictData['A30'],
       ruleForm: {
         fzrxm: '',
         fzsj: '',
         fzsl: '',
-        bsmBdcqz: [],
+        bdcqzList: [],
         lzrxm: '',
         lzrzjlb: '',
         lzrzjh: '',
@@ -95,44 +96,43 @@ export default {
       },
     }
   },
-  props: ["formData"],
-  created () {
-    this.zslqList = store.getters.dictData['A30'];
-    this.loadGrid();
+   watch: {
+    value (val) {
+      if (val) {
+         this.loadGrid();
+      }
+    },
   },
   methods: {
-    onSubmit () {
-
-    },
-    fetchData () { },
     //列表初始化
     loadGrid () {
-      getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
+      getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
         if (res.code === 200) {
           this.tableData.data = res.result;
+          this.ruleForm.bdcqzList = res.result;          
         }
       })
     },
-    submitForm () {
+    handleSubmit () {           
       this.$refs.ruleForm.validate(valid => {
         if (valid) {
           issueCertificate(this.ruleForm).then(res => {
             if (res.code == 200) {
-              this.$message.success('保存成功')
+              this.$message.success('保存成功');
+               this.$parent.fetchData();
               this.$emit("input", false);
-              this.$refs.ruleForm.resetFields();
             } else {
               this.$message.error(res.message)
             }
           })
         } else {
+           this.$message.error("请填写领取人信息！")
           return false;
         }
       });
     },
     closeDialog () {
       this.$emit("input", false);
-      this.$refs.ruleForm.resetFields();
     },
   }
 }

@@ -20,6 +20,14 @@ class data extends filter {
         {
           prop: "bdcqzlx",
           label: "不动产权证类型",
+          render: (h, scope) => {
+            return (
+              <div>                
+                <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
+                <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>               
+              </div>
+            )
+          }
         },
         {
           prop: "qllx",
@@ -49,20 +57,15 @@ class data extends filter {
         {
           prop: "zl",
           label: "坐落"
+        },        
+        {
+          prop: "fzsj",
+          label: "发证时间"
         },
         {
           prop: "lzrxm",
-          label: "领取人"
+          label: "领证人姓名"
         },
-        {
-          label: '操作',
-          width: '200',
-          align: 'center',
-          fixed: 'right',
-          render: (h, scope) => {
-            return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>添加领取材料</el-button>
-          }
-        }
       ],
       //领证证列表
       lzgrid: [
@@ -75,6 +78,14 @@ class data extends filter {
           prop: "bdcqzlx",
           label: "不动产权证类型",
           width: '120',
+          render: (h, scope) => {
+            return (
+              <div>                
+                <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
+                <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>               
+              </div>
+            )
+          }
         },
         {
           prop: "qllx",