房屋明细查询

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2024-03-29 13:49:14
+-->
 <template>
   <div v-Loading="Loading">
-
     <el-steps :active="activeStep" finish-status="success" v-if="isADD">
       <el-step title="条件录入"></el-step>
       <el-step title="查询结果"></el-step>
@@ -10,7 +14,7 @@
       <el-step title="查询结果" @click.native="on_click(2)" class="pointer"></el-step>
     </el-steps>
     <div v-if="isSearch">
-      <dydjbInfo ref="dydjbInfo" />
+      <dydjbInfo ref="dydjbInfo" :resultData="resultData" />
     </div>
     <div class="jtfccx-edit" v-else>
       <div class="jtfccx-edit-con">
@@ -39,11 +43,13 @@
           </el-row>
         </el-form>
         <b class="title">申请人</b>
-        <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
+        <lb-table :column="sqrColumns" :data="form.sqrList"
+          :key="sqrkey" :maxHeight="210" heightNumSetting
           :pagination="false">
         </lb-table>
         <b class="title">权利人</b>
-        <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
+        <lb-table :column="qlrColumns"
+          :key="qlrkey" :data="form.qlrList" :maxHeight="210" heightNumSetting
           :pagination="false">
         </lb-table>
       </div>
@@ -79,6 +85,8 @@
     },
     data () {
       return {
+        sqrkey: 0,
+        qlrkey: 0,
         isADD: true,
         Loading: false,
         activeStep: 0,
@@ -87,9 +95,278 @@
         //查询结果列表字段
         cxjgColumns: datas.columns(),
         //申请人列表字段
-        sqrColumns: datas.sqrCol(),
+        sqrColumns: [
+          {
+            width: "60",
+            renderHeader: (h, scope) => {
+              return (
+                <i
+                  class="el-icon-plus pointer"
+                  onClick={() => {
+                    this.add("sqr");
+                  }}
+                  style="color:#409EFF"
+                ></i>
+              );
+            },
+            render: (h, scope) => {
+              return (
+                <i
+                  class="el-icon-minus pointer"
+                  onClick={() => {
+                    this.remove(scope.$index, scope.row, "sqr");
+                  }}
+                ></i>
+              );
+            },
+          },
+          {
+            width: "150",
+            label: "身份证读卡器",
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    icon="el-icon-edit-outline"
+                    onClick={() => {
+                      vm.handleRead(scope);
+                    }}
+                  >
+                    读取
+                  </el-button>
+                </div>
+              );
+            },
+          },
+          {
+            width: "150",
+            prop: "sqrxm",
+            label: "姓名/名称",
+            render: (h, scope) => {
+              return (
+                <el-input
+                  placeholder="姓名/名称"
+                  value={scope.row[scope.column.property]}
+                  onInput={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                ></el-input>
+              );
+            },
+          },
+          {
+            prop: "sqrzjlxbm",
+            label: "证件种类",
+            render: (h, scope) => {
+              return (
+                <el-select
+                  class="width100"
+                  clearable
+                  value={scope.row[scope.column.property]}
+                  onChange={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                >
+                  {store.getters.dictData["A30"].map((option) => {
+                    return (
+                      <el-option
+                        label={option.dname}
+                        value={option.dcode}
+                      ></el-option>
+                    );
+                  })}
+                </el-select>
+              );
+            },
+          },
+          {
+            prop: "sqrzjhm",
+            label: "证件号",
+            render: (h, scope) => {
+              return (
+                <el-input
+                  placeholder="证件号"
+                  value={scope.row[scope.column.property]}
+                  onInput={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                  maxlength="21"
+                ></el-input>
+              );
+            },
+          },
+          {
+            prop: "lxdh",
+            label: "联系电话",
+            render: (h, scope) => {
+              return (
+                <div class="typePhone">
+                  <el-input
+                    placeholder="联系电话"
+                    value={scope.row[scope.column.property]}
+                    onInput={(val) => {
+                      scope.row[scope.column.property] = val;
+                    }}
+                    onBlur={(val) => {
+                      vm.teltest(scope.row);
+                    }}
+                    type="tel"
+                    maxlength="11"
+                  ></el-input>
+                  <span
+                    v-show={scope.row.inputErr}
+                    style={{
+                      fontSize: "12px",
+                      color: "red",
+                      position: "absolute",
+                      bottom: "-2px",
+                      left: "0",
+                    }}
+                  >
+                    请输入正确手机号
+                  </span>
+                </div>
+              );
+            }
+          }
+        ],
         //权利人列表字段
-        qlrColumns: datas.qlrCol(),
+        qlrColumns: [
+          {
+            width: "60",
+            renderHeader: (h, scope) => {
+              return (
+                <i
+                  class="el-icon-plus pointer"
+                  onClick={() => {
+                    this.add("qlr");
+                  }}
+                  style="color:#409EFF"
+                ></i>
+              );
+            },
+            render: (h, scope) => {
+              return (
+                <i
+                  class="el-icon-minus pointer"
+                  onClick={() => {
+                    this.remove(scope.$index, scope.row, "qlr");
+                  }}
+                ></i>
+              );
+            },
+          },
+          {
+            width: "150",
+            label: "身份证读卡器",
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    icon="el-icon-edit-outline"
+                    onClick={() => {
+                      vm.handleRead(scope);
+                    }}
+                  >
+                    读取
+                  </el-button>
+                </div>
+              );
+            },
+          },
+          {
+            width: "150",
+            prop: "sqrxm",
+            label: "姓名/名称",
+            render: (h, scope) => {
+              return (
+                <el-input
+                  placeholder="姓名/名称"
+                  value={scope.row[scope.column.property]}
+                  onInput={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                ></el-input>
+              );
+            },
+          },
+          {
+            prop: "sqrzjlxbm",
+            label: "证件种类",
+            render: (h, scope) => {
+              return (
+                <el-select
+                  class="width100"
+                  value={scope.row[scope.column.property]}
+                  onChange={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                >
+                  {store.getters.dictData["A30"].map((option) => {
+                    return (
+                      <el-option
+                        label={option.dname}
+                        value={option.dcode}
+                      ></el-option>
+                    );
+                  })}
+                </el-select>
+              );
+            },
+          },
+          {
+            prop: "sqrzjhm",
+            label: "证件号",
+            render: (h, scope) => {
+              return (
+                <el-input
+                  placeholder="证件号"
+                  value={scope.row[scope.column.property]}
+                  onInput={(val) => {
+                    scope.row[scope.column.property] = val;
+                  }}
+                  maxlength="21"
+                ></el-input>
+              );
+            },
+          },
+          {
+            prop: "lxdh",
+            label: "联系电话",
+            render: (h, scope) => {
+              return (
+                <div class="typePhone">
+                  <el-input
+                    placeholder="联系电话"
+                    value={scope.row[scope.column.property]}
+                    onInput={(val) => {
+                      scope.row[scope.column.property] = val;
+                    }}
+                    onBlur={(val) => {
+                      this.teltest(scope.row);
+                    }}
+                    type="tel"
+                    maxlength="11"
+                  ></el-input>
+                  <span
+                    v-show={scope.row.inputErr}
+                    style={{
+                      fontSize: "12px",
+                      color: "red",
+                      position: "absolute",
+                      bottom: "-2px",
+                      left: "0",
+                    }}
+                  >
+                    请输入正确手机号
+                  </span>
+                </div>
+              );
+            },
+          },
+        ],
         newData: {
           sqrxm: "",
           sqrzjlxbm: "",
@@ -104,6 +381,7 @@
           cxjgList: [],
           dyjlList: [],
         },
+        resultData: {}
       };
     },
     mounted () {
@@ -166,9 +444,7 @@
         getFwmxInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
           this.Loading = false
           if (res.code == 200) {
-            this.$nextTick(() => {
-              this.$refs.dydjbInfo.setResult(res.result)
-            })
+            this.resultData = res.result
           }
         }).catch(() => {
           this.Loading = false
@@ -180,7 +456,6 @@
        */
       queryChick () {
         this.Loading = true
-        this.activeStep = 1;
         store.dispatch('user/reWorkFresh', false)
         addFwmxCxjgXx(this.form).then((res) => {
           this.Loading = false
@@ -192,6 +467,11 @@
             this.$nextTick(() => {
               this.$refs.dydjbInfo.setResult(res.result)
             })
+          } else {
+            this.$message({
+              message: res.message,
+              type: 'warning'
+            })
           }
         })
       },
@@ -220,6 +500,8 @@
         } else {
           this.form.qlrList.push(_.cloneDeep(this.newData));
         }
+        this.sqrkey++
+        this.qlrkey++
       },
       /**
        * @description: 移除申请人或权利人

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2024-03-29 13:26:04
+-->
 <template>
   <div class="jtfccx-edit-con">
     <b class="title"></b>
@@ -41,20 +46,15 @@
 
 <script>
   import { datas, sendThis } from "./infodata";
-  import { getFwmxInfo } from "@/api/jtfc.js";
   export default {
     props: {
-      formData: {
+      resultData: {
         type: Object,
         default: () => { },
       },
     },
     data () {
       return {
-        ruleForm: {
-          cxsj: "",
-          bdcdyh: "",
-        },
         //房屋列表字段
         fwColumns: datas.fwCol(),
         //土地列表字段
@@ -69,37 +69,9 @@
         cfdjColumns: datas.cfdjCol(),
         //异议登记列表字段
         yydjColumns: datas.yydjCol(),
-        form: {},
-        resultData: {},
       };
     },
-    mounted () {
-      if (this.formData) {
-        this.getDetailInfo()
-      }
-    },
     methods: {
-      /**
-       * @description: setResult
-       * @param {*} data
-       * @author: renchao
-       */
-      setResult (data) {
-        this.resultData = data
-      },
-      /**
-       * @description: getDetailInfo
-       * @author: renchao
-       */
-      getDetailInfo () {
-        this.$startLoading();
-        getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => {
-          this.$endLoading();
-          if (res.code == 200) {
-            this.resultData = res.result
-          }
-        })
-      }
     }
   };
 </script>

 import filter from '@/utils/filter.js'
 let vm = null
+import store from '@/store/index.js'
 
 const sendThis = (_this) => {
   vm = _this
@@ -64,294 +65,19 @@ class data extends filter {
         align: 'center',
         fixed: 'right',
         render: (h, scope) => {
-          if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){
+          if (scope.row.dyzt != '0' && scope.row.cfzt != '0') {
             return <div>抵押、查封</div>
           }
-          if(scope.row.dyzt != '0'){
+          if (scope.row.dyzt != '0') {
             return <div>抵押</div>
           }
-          if(scope.row.cfzt != '0'){
+          if (scope.row.cfzt != '0') {
             return <div>查封</div>
           }
         }
       }
     ]
   }
-  sqrCol () {
-    return [
-      {
-        width: "60",
-        renderHeader: (h, scope) => {
-          return (
-            <i
-              class="el-icon-plus pointer"
-              onClick={() => {
-                vm.add("sqr");
-              }}
-              style="color:#409EFF"
-            ></i>
-          );
-        },
-        render: (h, scope) => {
-          return (
-            <i
-              class="el-icon-minus pointer"
-              onClick={() => {
-                vm.remove(scope.$index, scope.row, "sqr");
-              }}
-            ></i>
-          );
-        },
-      },
-      {
-        width: "150",
-        label: "身份证读卡器",
-        render: (h, scope) => {
-          return (
-            <div>
-              <el-button
-                type="text"
-                icon="el-icon-edit-outline"
-                onClick={() => {
-                  vm.handleRead(scope);
-                }}
-              >
-                读取
-              </el-button>
-            </div>
-          );
-        },
-      },
-      {
-        width: "150",
-        prop: "sqrxm",
-        label: "姓名/名称",
-        render: (h, scope) => {
-          return (
-            <el-input
-              placeholder="姓名/名称"
-              value={scope.row[scope.column.property]}
-              onInput={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            ></el-input>
-          );
-        },
-      },
-      {
-        prop: "sqrzjlxbm",
-        label: "证件种类",
-        render: (h, scope) => {
-          return (
-            <el-select
-              class="width100"
-              clearable
-              value={scope.row[scope.column.property]}
-              onChange={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            >
-              {vm.dictData["A30"].map((option) => {
-                return (
-                  <el-option
-                    label={option.dname}
-                    value={option.dcode}
-                  ></el-option>
-                );
-              })}
-            </el-select>
-          );
-        },
-      },
-      {
-        prop: "sqrzjhm",
-        label: "证件号",
-        render: (h, scope) => {
-          return (
-            <el-input
-              placeholder="证件号"
-              value={scope.row[scope.column.property]}
-              onInput={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-              maxlength="21"
-            ></el-input>
-          );
-        },
-      },
-      {
-        prop: "lxdh",
-        label: "联系电话",
-        render: (h, scope) => {
-          return (
-            <div class="typePhone">
-              <el-input
-                placeholder="联系电话"
-                value={scope.row[scope.column.property]}
-                onInput={(val) => {
-                  scope.row[scope.column.property] = val;
-                }}
-                onBlur={(val) => {
-                  vm.teltest(scope.row);
-                }}
-                type="tel"
-                maxlength="11"
-              ></el-input>
-              <span
-                v-show={scope.row.inputErr}
-                style={{
-                  fontSize: "12px",
-                  color: "red",
-                  position: "absolute",
-                  bottom: "-2px",
-                  left: "0",
-                }}
-              >
-                请输入正确手机号
-              </span>
-            </div>
-          );
-        },
-      },
-    ]
-  }
-  qlrCol () {
-    return [
-      {
-        width: "60",
-        renderHeader: (h, scope) => {
-          return (
-            <i
-              class="el-icon-plus pointer"
-              onClick={() => {
-                vm.add("qlr");
-              }}
-              style="color:#409EFF"
-            ></i>
-          );
-        },
-        render: (h, scope) => {
-          return (
-            <i
-              class="el-icon-minus pointer"
-              onClick={() => {
-                vm.remove(scope.$index, scope.row, "qlr");
-              }}
-            ></i>
-          );
-        },
-      },
-      {
-        width: "150",
-        label: "身份证读卡器",
-        render: (h, scope) => {
-          return (
-            <div>
-              <el-button
-                type="text"
-                icon="el-icon-edit-outline"
-                onClick={() => {
-                  vm.handleRead(scope);
-                }}
-              >
-                读取
-              </el-button>
-            </div>
-          );
-        },
-      },
-      {
-        width: "150",
-        prop: "sqrxm",
-        label: "姓名/名称",
-        render: (h, scope) => {
-          return (
-            <el-input
-              placeholder="姓名/名称"
-              value={scope.row[scope.column.property]}
-              onInput={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            ></el-input>
-          );
-        },
-      },
-      {
-        prop: "sqrzjlxbm",
-        label: "证件种类",
-        render: (h, scope) => {
-          return (
-            <el-select
-              class="width100"
-              value={scope.row[scope.column.property]}
-              onChange={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-            >
-              {vm.dictData["A30"].map((option) => {
-                return (
-                  <el-option
-                    label={option.dname}
-                    value={option.dcode}
-                  ></el-option>
-                );
-              })}
-            </el-select>
-          );
-        },
-      },
-      {
-        prop: "sqrzjhm",
-        label: "证件号",
-        render: (h, scope) => {
-          return (
-            <el-input
-              placeholder="证件号"
-              value={scope.row[scope.column.property]}
-              onInput={(val) => {
-                scope.row[scope.column.property] = val;
-              }}
-              maxlength="21"
-            ></el-input>
-          );
-        },
-      },
-      {
-        prop: "lxdh",
-        label: "联系电话",
-        render: (h, scope) => {
-          return (
-            <div class="typePhone">
-              <el-input
-                placeholder="联系电话"
-                value={scope.row[scope.column.property]}
-                onInput={(val) => {
-                  scope.row[scope.column.property] = val;
-                }}
-                onBlur={(val) => {
-                  vm.teltest(scope.row);
-                }}
-                type="tel"
-                maxlength="11"
-              ></el-input>
-              <span
-                v-show={scope.row.inputErr}
-                style={{
-                  fontSize: "12px",
-                  color: "red",
-                  position: "absolute",
-                  bottom: "-2px",
-                  left: "0",
-                }}
-              >
-                请输入正确手机号
-              </span>
-            </div>
-          );
-        },
-      },
-    ]
-  }
 }
 let datas = new data()
 export {