证书领取页面获取权利人

 /*
  * @Description: 不动产权证
  * @Autor: renchao
- * @LastEditTime: 2023-09-05 13:24:14
+ * @LastEditTime: 2023-09-13 16:06:55
  */
 import request from '@/utils/request';
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
@@ -146,3 +146,17 @@ export function getBdcqzDetail (bsmBdcqz) {
         }
     })
 }
+/**
+ * @description: 根据bsmBdcqz获取权利人信息
+ * @param {*} bsmBdcqz
+ * @author: renchao
+ */
+export function getBdcqzQlr (bsmBdcqz) {
+    return request({
+        url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzQlr',
+        method: 'get',
+        params: {
+            bsmBdcqz: bsmBdcqz
+        }
+    })
+}

           <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 12:53:50
+ * @LastEditTime: 2023-09-13 16:13:54
 -->
 <template>
   <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
@@ -22,7 +22,6 @@
         </el-form-item>
       </el-col>
     </el-row>
-
     <lb-table :column="tableData.columns" @row-dblclick="handleRowClick" ref="table" @selection-change="handleSelectionChange"
       :data="tableData.data"
       :pagination="false"
@@ -30,26 +29,26 @@
     </lb-table>
     <el-row>
       <el-col :span="6">
-        <el-form-item label="领证人" prop="lzrxm">
-          <el-input v-model="ruleForm.lzrxm"></el-input>
+        <el-form-item label="领证人" prop="qlrmc">
+          <el-input v-model="ruleForm.qlrmc"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="证件类型" prop="lzrzjlb">
-          <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
+        <el-form-item label="证件类型" prop="zjzl">
+          <el-select v-model="ruleForm.zjzl" filterable clearable placeholder="请选择">
             <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
             </el-option>
           </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="证件号" prop="lzrzjh">
-          <el-input v-model="ruleForm.lzrzjh"></el-input>
+        <el-form-item label="证件号" prop="zjh">
+          <el-input v-model="ruleForm.zjh"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="领证人电话" prop="lzrdh">
-          <el-input v-model="ruleForm.lzrdh"></el-input>
+        <el-form-item label="领证人电话" prop="dh">
+          <el-input v-model="ruleForm.dh"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
@@ -63,7 +62,7 @@
   import Vue from 'vue'
   import store from '@/store/index.js'
   import table from "@/utils/mixin/table";
-  import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
+  import { getUnclaimedBdcqz, issueCertificate,getBdcqzQlr } from "@/api/bdcqz.js";
   import { datas } from "../../javascript/fzxxdata";
   export default {
     props: {
@@ -83,22 +82,22 @@
           fzsj: '',
           fzsl: '',
           bdcqzList: [],
-          lzrxm: '',
-          lzrzjlb: '',
-          lzrzjh: '',
-          lzrdh: ''
+          qlrmc: '',
+          zjzl: '',
+          zjh: '',
+          dh: ''
         },
         rules: {
-          lzrxm: [
+          qlrmc: [
             { required: true, message: '请输入领证人', trigger: 'blur' }
           ],
-          lzrzjlb: [
+          zjzl: [
             { required: true, message: '请选择证件类型', trigger: 'change' }
           ],
-          lzrzjh: [
+          zjh: [
             { required: true, message: '请输入证件号', trigger: 'blur' }
           ],
-          lzrdh: [
+          dh: [
             { required: true, message: '请输入电话号码', trigger: 'blur' }
           ]
         },
@@ -133,6 +132,18 @@
             this.ruleForm.fzsj = res.result.fzsj
             this.ruleForm.fzsl = res.result.fzsl
             this.ruleForm.bdcqzList = res.result.list;
+            res.result.list.length && this.getQlr(res.result.list[0].bsmBdcqz)
+          }
+        })
+      },
+      /**
+       * @description: 获取权利人信息
+       * @author: renchao
+       */
+      getQlr (bsmBdcqz) {
+        getBdcqzQlr(bsmBdcqz).then(res => {
+          if (res.code === 200) {
+            this.ruleForm = {...this.ruleForm,...res.result} 
           }
         })
       },