修改登簿前端接口对应数据读取问题

@@ -18,7 +18,11 @@
           </tr>
           <!-- 第一行表头 -->
           <tr class="one">
-            <th v-for="(item, index) in ths" :key="index" :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']">
+            <th
+              v-for="(item, index) in ths"
+              :key="index"
+              :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']"
+            >
               <div class="icon" v-if="item.type == '临时'">正在办理</div>
               {{ item.type }}
             </th>
@@ -35,10 +39,14 @@
             <td>
               {{ item.label }}
             </td>
-            <td v-for="(item1, index1) in showTableData" :key="index1" :class="[
+            <td
+              v-for="(item1, index1) in showTableData"
+              :key="index1"
+              :class="[
                 item1.qszt == '2' ? 'lishi' : '',
                 item1.qszt == '0' ? 'linshi' : '',
-            ]">
+              ]"
+            >
               {{ item1[item.prop] }}
             </td>
           </tr>
@@ -53,7 +61,7 @@ import { datas } from "./jsydsyq";
 import { getJsydsyqList } from "@/api/zhcx.js";
 export default {
   name: "jsydsyq",
-  data () {
+  data() {
     return {
       checkList: ["临时", "现势", "历史"],
       tableData: [],
@@ -62,52 +70,54 @@ export default {
       columns: [],
       title: "建设用地使用权、宅基地使用权登记信息",
       emptyData: {
-        ssywh: '',
-        dah: '',
-        ywh: '',
+        ssywh: "",
+        dah: "",
+        ywh: "",
         bdcdyh: "",
         zl: "",
-        qlrlx: '',
+        qlrlx: "",
         qlrmc: "",
         qlrzjzl: "",
         qlrzjhm: "",
         gyfs: "",
         mj: null,
-        qlxz: '',
+        qlxz: "",
         ytmc: "",
         syqqzsj: null,
         tdsyqx: null,
         qdjg: null,
-        djyy: '',
+        djyy: "",
         bdcqzh: null,
-        djsj: '',
-        dbr: '',
+        djsj: "",
+        dbr: "",
         fj: "",
         qllxmc: "",
-        djlxmc: '',
+        djlxmc: "",
         qszt: "",
-      }
+      },
     };
   },
-  async created () {
+  async created() {
+    var Sldy = this.$parent._data.unitData[0];
     // 清空值
     this.tableData = [];
     this.ths = [];
     this.columns = datas.columns();
     let res = await getJsydsyqList({
-      bdcdyid: "2b33851f4edfd468ceef4d68c370bd41",
-      qllx: "A03",
-      qszt: ["1"]
-    })
-    let resList = res.result.result ? res.result.result : []
+      bdcdyid: Sldy.bdcdyid,
+      qllx: Sldy.qllx,
+      qszt: [],
+    });
+    let resList = res.result.result ? res.result.result : [];
     if (resList.length < 3) {
-      let num = 3 - resList.length
+      let num = 3 - resList.length;
       for (let i = 0; i < num; i++) {
-        resList.push(this.emptyData)
+        resList.push(this.emptyData);
       }
     }
-    let detail = resList
-    detail.length > 0 && detail.forEach((item) => {
+    let detail = resList;
+    detail.length > 0 &&
+      detail.forEach((item) => {
         this.tableData.push(item);
         if (item.qszt == "0") {
           this.ths.push({
@@ -138,8 +148,7 @@ export default {
     this.showTableData = this.tableData;
   },
   methods: {
-    checkChange () {
-    },
+    checkChange() {},
   },
 };
 </script>
@@ -181,7 +190,7 @@ export default {
       width: 100%;
     }
 
-    .xxTable>tr:first-child th {
+    .xxTable > tr:first-child th {
       width: 140px;
     }
 
@@ -194,7 +203,7 @@ export default {
       border-spacing: 1px;
       width: 100%;
 
-      tr>th {
+      tr > th {
         background: #464c5b;
         color: #fff;
         font-size: 16px;
@@ -263,11 +272,11 @@ export default {
         width: 140px;
       }
 
-      >tr:nth-child(odd) td {
+      > tr:nth-child(odd) td {
         background: #f2f2f2;
       }
 
-      >tr:nth-child(even) td {
+      > tr:nth-child(even) td {
         background: #f9f9f9;
       }
 
@@ -275,7 +284,7 @@ export default {
         color: #fe9400;
       }
 
-      tr>td.lishi {
+      tr > td.lishi {
         color: #7f7f7f;
       }
     }

 <template>
   <div class="slxx">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
-      label-width="120px">
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      :label-position="flagTop"
+      :inline="flag"
+      label-width="120px"
+    >
       <div class="slxx_con">
         <div class="slxx_title">受理信息</div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="业务号：" prop="ywh">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="业务号："
+              prop="ywh"
+            >
               <el-input disabled v-model="ruleForm.ywh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="受理人员：" prop="slry">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="受理人员："
+              prop="slry"
+            >
               <el-input disabled v-model="ruleForm.slry"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="受理时间：" prop="slsj">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="受理时间："
+              prop="slsj"
+            >
               <el-input disabled v-model="ruleForm.slsj"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="权利类型：" prop="qllx">
-              <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="权利类型："
+              prop="qllx"
+            >
+              <el-select
+                disabled
+                v-model="ruleForm.qllx"
+                filterable
+                clearable
+                placeholder="请选择权利类型"
+              >
+                <el-option
+                  v-for="item in dictData['A8']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="登记类型：" prop="djlx">
-              <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="登记类型："
+              prop="djlx"
+            >
+              <el-select
+                disabled
+                v-model="ruleForm.djlx"
+                filterable
+                clearable
+                placeholder="请选择登记类型"
+              >
+                <el-option
+                  v-for="item in dictData['A21']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="登记情形：" prop="djqx">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="登记情形："
+              prop="djqx"
+            >
               <el-input disabled v-model="ruleForm.djqxmc"></el-input>
             </el-form-item>
           </el-col>
@@ -47,36 +99,71 @@
         <div class="slxx_title">不动产单元情况</div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="宗地代码：" prop="zddm">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="宗地代码："
+              prop="zddm"
+            >
               <el-input disabled v-model="ruleForm.zddm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="不动产单元号：" prop="bdcdyh">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="不动产单元号："
+              prop="bdcdyh"
+            >
               <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="权利性质：" prop="qlxzmc">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="权利性质："
+              prop="qlxzmc"
+            >
               <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="宗地面积：" prop="zdmj">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="宗地面积："
+              prop="zdmj"
+            >
               <el-input disabled v-model="ruleForm.zdmj"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="土地用途：" prop="tdyt">
-              <el-input disabled v-model="ruleForm.tdyt"></el-input>
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="土地用途："
+              prop="ghytmc"
+            >
+              <el-input disabled v-model="ruleForm.ghytmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="权利设定方式：" prop="qlsdfs">
-              <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
-                <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="权利设定方式："
+              prop="qlsdfs"
+            >
+              <el-select
+                disabled
+                v-model="ruleForm.qlsdfs"
+                filterable
+                clearable
+                placeholder="请选择权利设定方式"
+              >
+                <el-option
+                  v-for="item in qlsdfsOption"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -84,33 +171,53 @@
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="取得价格：" prop="qdjg">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="取得价格："
+              prop="qdjg"
+            >
               <el-input disabled v-model="ruleForm.qdjg"></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="16">
-            <el-form-item :class="flag? 'marginBot0': ''" label="坐落：" prop="zl">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="坐落："
+              prop="zl"
+            >
               <el-input disabled v-model="ruleForm.zl"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item :class="flag? 'marginBot0': ''" label="使用期限：" prop="tdsyqx">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="使用期限："
+              prop="tdsyqx"
+            >
               <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="16">
-            <el-form-item :class="flag? 'marginBot0': ''" label="使用权起止时间：" prop="qssj">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="使用权起止时间："
+              prop="qssj"
+            >
               <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col>
-            <el-form-item :class="flag? 'marginBot0': ''" label="附记：" prop="fj">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="附记："
+              prop="fj"
+            >
               <el-input type="textarea" v-model="ruleForm.fj"></el-input>
             </el-form-item>
           </el-col>
@@ -118,7 +225,7 @@
         <div class="slxx_title">权利人信息</div>
         <el-row :gutter="10">
           <el-col :span="14">
-            <el-form-item :class="flag? 'marginBot0': ''" label="共有方式：">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
               <el-radio-group v-model="ruleForm.gyfs">
                 <el-radio label="1">单独所有</el-radio>
                 <el-radio label="2">共同共有</el-radio>
@@ -126,18 +233,26 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.gyfs=='2'">
-            <el-form-item :class="flag? 'marginBot0': ''" label="是否分别持证：">
+          <el-col :span="5" v-show="ruleForm.gyfs == '2'">
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="是否分别持证："
+            >
               <el-radio-group v-model="ruleForm.sffbcz">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-show="ruleForm.gyfs=='2'">
-            <el-form-item :class="flag? 'marginBot0': ''" label="持证人：">
+          <el-col :span="5" v-show="ruleForm.gyfs == '2'">
+            <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
               <el-select v-model="ruleForm.czr" placeholder="持证人">
-                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
+                <el-option
+                  v-for="item in czrOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -147,14 +262,22 @@
         <div class="slxx_title">登记原因</div>
         <el-row :gutter="10">
           <el-col>
-            <el-form-item :class="flag? 'marginBot0': ''" label="登记原因：" prop="djyy">
-              <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input>
+            <el-form-item
+              :class="flag ? 'marginBot0' : ''"
+              label="登记原因："
+              prop="djyy"
+            >
+              <el-input
+                class="textArea"
+                type="textarea"
+                v-model="ruleForm.djyy"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </div>
       <el-row>
-        <el-form-item :class="flag? 'marginBot0': ''" class="btn">
+        <el-form-item :class="flag ? 'marginBot0' : ''" class="btn">
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
       </el-row>
@@ -163,9 +286,24 @@
 </template>
 <script>
 import InformationTable from "./InformationTable";
-import { Init,fristReg } from "@/api/jsydsyqFlow.js";
+import { Init, fristReg } from "@/api/jsydsyqFlow.js";
 import { mapGetters } from "vuex";
 export default {
+ async created() {
+    var bsmSldy = this.$parent._data.unitData[0].bsmSldy;     
+    var formdata = new FormData();
+    formdata.append("bsmSldy", bsmSldy);
+    Init(formdata).then((res) => {
+      if (res.code === 200 && res.result) {
+        this.ruleForm = {
+          ...res.result,
+          ...res.result.zdjbxxdatas,
+          ...res.result.qlxxdatas,
+          ...res.result.jsydsyqdatas,
+        };
+      }
+    });
+  },
   components: { InformationTable },
   props: {
     flag: {
@@ -176,7 +314,7 @@ export default {
   computed: {
     ...mapGetters(["dictData"]),
   },
-  data () {
+  data() {
     return {
       disabled: true,
       flagTop: this.flag ? "top" : "",
@@ -205,32 +343,35 @@ export default {
         djyy: "",
         gyfs: "1",
         // 是否分别持证
-        sffbcz: '',
+        sffbcz: "",
         // 持证人
-        czr: ''
+        czr: "",
       },
-      rules: {
-      }
-    }
+      rules: {},
+    };
   },
   methods: {
-    list (bsmSldy) {
-      debugger;
+    list(bsmSldy) {
       var formdata = new FormData();
       formdata.append("bsmSldy", bsmSldy);
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
-          this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
         }
-      })
+      });
     },
-    onSubmit () { 
+    onSubmit() {
       fristReg(this.ruleForm).then((res) => {
         if (res.code === 200 && res.result) {
           console.log(res);
           //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
         }
-      })
+      });
     },
   },
 };
@@ -246,7 +387,6 @@ export default {
   margin-right: 10px;
 }
 
-
 /deep/.el-select {
   width: 100%;
 }