--no commit message

@@ -4,27 +4,60 @@
  * @LastEditTime: 2023-05-17 10:39:47
 -->
 <template>
-  <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
-    @closeDialog="closeDialog" :isButton="showButton">
-    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
+  <dialogBox
+    title="权利人信息"
+    width="60%"
+    isMain
+    v-model="myValue"
+    :isFullscreen="false"
+    @submitForm="submitForm"
+    @closeDialog="closeDialog"
+    :isButton="showButton"
+  >
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      label-width="120px"
+    >
       <el-row>
         <el-col :span="8">
-          <el-form-item label="权利人类型1" prop="sqrlx">
-            <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
-              <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+          <el-form-item label="权利人类型" prop="qlrlx">
+            <el-select
+              clearable
+              v-model="ruleForm.qlrlx"
+              class="width100"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in dictData['A36']"
+                :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 label="姓名/名称" prop="sqrmc">
-            <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
+          <el-form-item label="姓名/名称" prop="qlrmc">
+            <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="证件种类" prop="zjzl">
-            <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
-              <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+            <el-select
+              clearable
+              v-model="ruleForm.zjzl"
+              class="width100"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in dictData['A30']"
+                :key="item.dcode"
+                :label="item.dname"
+                :value="item.dcode"
+              >
               </el-option>
             </el-select>
           </el-form-item>
@@ -33,18 +66,36 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="证件号" prop="zjh">
-            <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
+            <el-input
+              v-model="ruleForm.zjh"
+              maxlength="15"
+              oninput="value=value.replace(/[^\X0-9]/g,'')"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="联系电话" prop="dh">
-            <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
+            <el-input
+              v-model="ruleForm.dh"
+              maxlength="11"
+              oninput="value=value.replace(/[^\d]/g,'')"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="性别">
-            <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
-              <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+            <el-select
+              clearable
+              v-model="ruleForm.xb"
+              class="width100"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in dictData['A43']"
+                :key="item.dcode"
+                :label="item.dname"
+                :value="item.dcode"
+              >
               </el-option>
             </el-select>
           </el-form-item>
@@ -115,7 +166,11 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="联系电话">
-            <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
+            <el-input
+              v-model="ruleForm.lxdh"
+              maxlength="11"
+              oninput="value=value.replace(/[^\d]/g,'')"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -125,8 +180,18 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="代理人证件类型">
-            <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
-              <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+            <el-select
+              clearable
+              v-model="ruleForm.dlrzjlx"
+              class="width100"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in dictData['A30']"
+                :key="item.dcode"
+                :label="item.dname"
+                :value="item.dcode"
+              >
               </el-option>
             </el-select>
           </el-form-item>
@@ -143,83 +208,115 @@
   </dialogBox>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  export default {
-    props: {
-      value: { type: Boolean, default: false },
-      details: { type: Object, default: {} },
-      showButton: { type: Boolean, default: false }
-    },
-    computed: {
-      ...mapGetters(["dictData"]),
-    },
-    data () {
-      return {
-        myValue: this.value,
-        ruleForm: {
-          sqrlx: "",
-          sqrmc: "",
-          zjzl: "",
-          zjh: "",
-          dh: "",
-          xb: "",
-          frmc: "",
-          gjdq: "",
-          szss: "",
-          txdz: "",
-          yb: "",
-          fzjg: "",
-          dzyj: "",
-          qlbl: "",
-          gzdw: "",
-          dljg: "",
-          dlrxm: "",
-          dlrzjlx: "",
-          dlrzjh: "",
-        },
-        rules: {
-          sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
-          sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
-          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
-          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
-        },
-      };
-    },
-    watch: {
-      value (val) {
-        this.myValue = _.cloneDeep(val);
+import { mapGetters } from "vuex";
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+    details: { type: Object, default: {} },
+    showButton: { type: Boolean, default: false },
+  },
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  data() {
+    return {
+      myValue: this.value,
+      ruleForm: {
+        sqrlx: "",
+        sqrmc: "",
+        zjzl: "",
+        zjh: "",
+        dh: "",
+        xb: "",
+        frmc: "",
+        gjdq: "",
+        szss: "",
+        txdz: "",
+        yb: "",
+        fzjg: "",
+        dzyj: "",
+        qlbl: "",
+        gzdw: "",
+        dljg: "",
+        dlrxm: "",
+        dlrzjlx: "",
+        dlrzjh: "",
       },
-      details: {
-        handler: function (val, oldVal) {
-          this.ruleForm = val;
-        },
-        deep: true,
+      ruleForm: {
+        bsmBdcqz: "",
+        bsmQlr: "",
+        bsmQlxx: "",
+        bz: "",
+        cbfbm: "",
+        dh: "",
+        dlrdhhm: "",
+        dlrjgmc: "",
+        dlrxm: "",
+        dlrzjh: "",
+        dlrzjlx: "",
+        dz: "",
+        dzyj: "",
+        fbfbm: "",
+        frdh: "",
+        frmc: "",
+        fzjg: "",
+        gj: "",
+        gzdw: "",
+        hjszss: "",
+        qlrlx: "",
+        qlrmc: "",
+        qlrtz: "",
+        sfczr: "",
+        sshy: "",
+        sxh: 0,
+        xb: "",
+        yb: "",
+        zjh: "",
+        zjzl: "",
       },
-    },
-    methods: {
-      closeDialog () {
-        this.$emit("input", false);
-        this.$refs["ruleForm"].resetFields();
+      rules: {
+        qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
+        qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+        zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+        zjh: [{ required: true, message: "证件号", trigger: "blur" }],
       },
-      submitForm () {
-        this.$refs.ruleForm.validate((valid) => {
-          if (valid) {
-            this.$emit("input", false);
-            this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
-          } else {
-            return false;
-          }
-        });
+    };
+  },
+  watch: {
+    value(val) {
+      this.myValue = _.cloneDeep(val);
+    },
+    details: {
+      handler: function (val, oldVal) {
+        this.ruleForm = val;
       },
+      deep: true,
+    },
+  },
+  methods: {
+    closeDialog() {
+      this.$emit("input", false);
+      this.$refs["ruleForm"].resetFields();
+    },
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.$emit("input", false);
+          this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+        } else {
+          return false;
+        }
+      });
     },
-  };
+  },
+};
 </script>
 <style scoped lang="scss">
-  @import "~@/styles/dialogBoxheader.scss";
-  .submit-button {
-    text-align: center;
-    height: 52px;
-    padding-top: 10px;
-    background-color: #fff;
-  }
+@import "~@/styles/dialogBoxheader.scss";
+.submit-button {
+  text-align: center;
+  height: 52px;
+  padding-top: 10px;
+  background-color: #fff;
+}
 </style>

@@ -42,7 +42,7 @@
           <div>请选择查封不动产信息，请选择上手权利信息</div>
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
+        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
           <el-col :span="8">
             <el-form-item label="权利人：">
               <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
@@ -59,7 +59,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
+        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
           <el-col :span="8">
             <el-form-item label="权利类型：">
               <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
@@ -76,7 +76,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
+        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
               <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
@@ -115,7 +115,7 @@
           </el-col>
         </el-row>
         <el-row :gutter="10">
-          <el-col :span="8">
+          <!-- <el-col :span="8">
             <el-form-item label="权利类型：">
               <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
             </el-form-item>
@@ -141,6 +141,53 @@
             <el-form-item label="不动产权证号：">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
+          </el-col> -->
+          <el-col :span="8">
+            <el-form-item label="登记机构：">
+              <el-input v-model="ruleForm.qlxx.djjg"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封机关">
+              <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封类型">
+              <el-select v-model="ruleForm.cfdj.cflx">
+                <el-option
+                  v-for="item in dictData['A32']"
+                  :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 label="查封文号">
+              <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封起始时间">
+              <el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封结束时间">
+              <el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封期限">
+              <el-input v-model="ruleForm.cfdj.cfqx"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="查封范围">
+              <el-input v-model="ruleForm.cfdj.cffw"></el-input>
+            </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="区县代码：">
@@ -152,6 +199,36 @@
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
+           <el-col :span="8">
+            <el-form-item label="解封业务号">
+              <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
+            </el-form-item>
+          </el-col>
+           <el-col :span="8">
+            <el-form-item label="解封机关">
+              <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
+            </el-form-item>
+          </el-col>
+           <el-col :span="8">
+            <el-form-item label="解封文件">
+              <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
+            </el-form-item>
+          </el-col>
+            <el-col :span="8">
+            <el-form-item label="解封文号">
+              <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
+            </el-form-item>
+          </el-col>
+            <el-col :span="8">
+            <el-form-item label="解封登簿人">
+              <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
+            </el-form-item>
+          </el-col>
+              <el-col :span="8">
+            <el-form-item label="解封登记时间">
+              <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="登簿人：">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>

-<!--
- * @Description:
- * @Autor: renchao
- * @LastEditTime: 2023-06-25 15:52:42
--->
-<template>
-  <!-- 受理信息 -->
-  <div class="slxx">
-    <el-form
-      :model="ruleForm"
-      :rules="rules"
-      class="loadingtext"
-      ref="ruleForm"
-      :label-position="flag ? 'top' : ''"
-      :inline="flag"
-      label-width="127px"
-    >
-      <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
-        <div class="slxx_title title-block">
-          补录信息
-          <div class="triangle"></div>
-        </div>
-        <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item label="补录编号：">
-              <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="补录人员：">
-              <el-input disabled v-model="ruleForm.repair.slry"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="补录时间：">
-              <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="slxx_title title-block">
-          预告抵押登记信息
-          <div class="triangle"></div>
-        </div>
-        <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item label="不动产单元号：">
-              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="业务号：">
-              <el-input v-model="ruleForm.qlxx.ywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="上手业务号：">
-              <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="10">
-          <el-col :span="8">
-            <el-form-item label="权利类型：">
-              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记原因：">
-              <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记类型：">
-              <el-select v-model="ruleForm.qlxx.djlx">
-                <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 label="不动产坐落：">
-              <el-input v-model="ruleForm.qlxx.zl"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="不动产权证号：">
-              <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="区县代码：">
-              <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记机构：">
-              <el-input v-model="ruleForm.qlxx.djjg"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登簿人：">
-              <el-input v-model="ruleForm.qlxx.dbr"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记时间：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="权属状态：">
-              <el-select v-model="ruleForm.qlxx.qszt">
-                <el-option
-                  v-for="item in qsztlist"
-                  :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 label="预告登记种类">
-              <el-select v-model="ruleForm.ygdj.ygdjlx">
-                <el-option
-                  v-for="item in dictData['A29']"
-                  :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 label="土地使用权人">
-              <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="规划用途">
-               <el-select v-model="ruleForm.ygdj.ghyt">
-                <el-option
-                  v-for="item in dictData['A17']"
-                  :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 label="用途名称">
-              <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="房屋性质">
-               <el-select v-model="ruleForm.ygdj.fwxz">
-                <el-option
-                  v-for="item in dictData['A19']"
-                  :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 label="房屋性质名称">
-              <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="房屋结构">
-               <el-select v-model="ruleForm.ygdj.fwjg">
-                <el-option
-                  v-for="item in dictData['A46']"
-                  :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 label="所在层">
-              <el-input v-model="ruleForm.ygdj.szc"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="总层数">
-              <el-input v-model="ruleForm.ygdj.zcs"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="建筑面积">
-              <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="注销预告业务号">
-              <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="注销预告原因">
-              <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="注销时间">
-              <el-input v-model="ruleForm.ygdj.zxsj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="取得价格/被担保主债权数额">
-              <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="金额单位">
-              <el-input v-model="ruleForm.ygdj.jedw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="担保范围">
-              <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
-              <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="不动产登记证明号">
-              <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="附记：">
-              <el-input v-model="ruleForm.ygdj.fj"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="slxx_title title-block">
-          权利人信息
-          <div class="triangle"></div>
-        </div>
-        <el-row :gutter="10">
-          <el-col :span="12">
-            <el-form-item label="共有方式：">
-              <el-radio-group v-model="ruleForm.qlxx.gyqk">
-                <el-radio label="0">单独所有</el-radio>
-                <el-radio label="1">共同共有</el-radio>
-                <el-radio label="2">按份所有</el-radio>
-                <el-radio label="3">其它共有</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <qlrCommonTable
-          :tableData="ruleForm.qlrData"
-          @upDateQlrxxList="upDateQlrxxList"
-          :key="key"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
-
-        <div>
-          <div class="slxx_title title-block">
-            义务人信息
-            <div class="triangle"></div>
-          </div>
-          <ywrCommonTable
-            v-if="ruleForm.ywrData"
-            :tableData="ruleForm.ywrData"
-            :key="key"
-            @upDateQlrxxList="upDateYwrxxList"
-          />
-        </div>
-      </div>
-      <el-row class="btn">
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit">保存</el-button>
-        </el-form-item>
-      </el-row>
-    </el-form>
-  </div>
-</template>
-<script>
-import { mapGetters } from "vuex";
-import { init, save } from "@/api/djbbl.js";
-import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
-import tdytTable from "@/views/workflow/components/tdytTable";
-export default {
-  components: { qlrCommonTable, ywrCommonTable, tdytTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      // 权属状态
-      qsztlist: [
-        {
-          dcode: "1",
-          dname: "现势",
-        },
-        {
-          dcode: "2",
-          dname: "历史",
-        },
-      ],
-      //传递参数\
-      rules: {},
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {},
-  methods: {
-    loadData() {
-      console.log("预告登记", this.propsParam);
-      this.propsParam.isEdit=this.$parent.isEdit
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          console.log("this.ruleForm", this.ruleForm);
-          this.isShow = true;
-        }
-      });
-    },
-    // 更新土地用途信息
-    upDateTdytxxList(val) {
-      console.log("VAL", val);
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    upDateQlrxxList(val) {
-      console.log("val", val);
-      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // 更新义务人信息
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-      this.key++;
-    },
-    onSubmit() {
-      console.log("this.ruleForm大信息", this.ruleForm);
-      if (this.ruleForm.qlrData.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
-
-      if (this.ruleForm.qlxx.gyfs == "0") {
-        if (this.ruleForm.qlrData.length > 1) {
-          this.$message({
-            showClose: true,
-            message: "共有方式：单独所有，权利人只能是一个人",
-            type: "error",
-          });
-          return false;
-        }
-        this.ruleForm.qlrData[0].sfczr = "1";
-      }
-      if (this.ruleForm.qlxx.gyfs == "1") {
-        //是否分别持证
-        if (this.ruleForm.qlxx.sqfbcz == "1") {
-          //是
-          this.ruleForm.qlrData.forEach((item, index) => {
-            item.sfczr = "1";
-          });
-        } else {
-          this.ruleForm.qlrData.forEach((item, index) => {
-            if (item.zjh == this.ruleForm.czr) {
-              item.sfczr = "1";
-            } else {
-              item.sfczr = "0";
-            }
-          });
-        }
-      }
-      save(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-          this.$store.dispatch("user/refreshPage", true);
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
-</style>

@@ -203,7 +203,7 @@
           />
         </div>
       </div>
-      <el-row class="btn">
+      <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>

@@ -5,15 +5,77 @@
 -->
 <template>
   <div>
-    <lb-table
-      :column="InformationTable"
+    <el-table
+      :data="tableDataList"
+      border
       :pagination="false"
       :key="key"
       :heightNumSetting="true"
       :minHeight="150"
-      :data="tableDataList"
+      height="150"
+      style="width: 100%"
     >
-    </lb-table>
+      <el-table-column
+        prop="index"
+        width="50"
+        :render-header="renderHeader"
+      >
+        <template slot-scope="scope">
+          <i
+            class="el-icon-minus pointer"
+            @click="deleClick(scope.$index, scope.row)"
+          ></i>
+        </template>
+      </el-table-column>
+      <el-table-column prop="yt" label="土地用途" min-width="100">
+        <template slot-scope="scope">
+           <treeselect
+                v-model="tdyt"
+                noOptionsText="暂无数据"
+                placeholder=""
+                :show-count="true"
+                :options="dictData['tdyt']"
+                :normalizer="normalizer"
+                :appendToBody="true" z-index="9999"
+                 @input="addrow(scope.row)"
+              />
+        </template>
+      </el-table-column>
+      <el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
+          <template slot-scope="scope">
+          	<el-date-picker
+               v-model='scope.row.qssj'
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy/MM/dd HH:mm:ss"
+                format="yyyy/MM/dd"
+               @blur="addrow(scope.row)">
+						</el-date-picker>
+        </template>
+      </el-table-column>
+      <el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
+       <template slot-scope="scope">
+          	<el-date-picker
+               v-model='scope.row.jssj'
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy/MM/dd HH:mm:ss"
+                format="yyyy/MM/dd"
+               @blur="addrow(scope.row)">
+						</el-date-picker>
+        </template>
+      </el-table-column>
+      <el-table-column prop="syqx" label="土地使用期限" min-width="100">
+          <template slot-scope="scope">
+          <el-input
+            class="item"
+            v-model="scope.row.syqx"
+            placeholder="请输入内容"
+            @blur="addrow(scope.row)">
+          ></el-input>
+        </template>
+      </el-table-column>
+    </el-table>
   </div>
 </template>
 <script>
@@ -32,6 +94,8 @@ export default {
   },
   data() {
     return {
+         // 键名转换，方法默认是label和children进行树状渲染
+      tdyt:null,
       key: 0,
       newdata: {
         yt: "",
@@ -40,118 +104,15 @@ export default {
         syqx: "",
       },
       tableDataList: [],
-      InformationTable: [
-        {
-          width: "50",
-          renderHeader: (h, scope) => {
-            return (
-              <div>
-                {" "}
-                {this.$route.query.viewtype == 1 ? (
-                  "序号"
-                ) : (
-                  <i
-                    class="el-icon-plus pointer"
-                    onClick={() => {
-                      this.addClick();
-                    }}
-                  ></i>
-                )}
-              </div>
-            );
-          },
-          render: (h, scope) => {
-            return (
-              <div>
-                {this.$route.query.viewtype == 1 ? (
-                  <span>{scope.$index + 1}</span>
-                ) : (
-                  <i
-                    class="el-icon-minus pointer"
-                    onClick={() => {
-                      this.deleClick(scope.$index, scope.row);
-                    }}
-                  ></i>
-                )}
-              </div>
-            );
-          },
-        },
-        {
-          label: "土地用途",
-          align: "center",
-          render: (h, scope) => {
-            return (
-              <el-select
-                value={scope.row.yt}
-                onChange={(val) => {
-                  scope.row.yt = val;
-                }}
-                clearable
-                onblur={() => {
-                  this.addrow(scope);
-                }}
-              >
-                {this.dictData["tdyt"].map((option) => {
-                  return (
-                    <el-option
-                      label={option.dname}
-                      value={option.dcode}
-                    ></el-option>
-                  );
-                })}
-              </el-select>
-            );
-          },
-        },
-        {
-          label: "土地使用起始时间",
-          render: (h, scope) => {
-            return (
-              <el-date-picker
-                v-model={scope.row.qssj}
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy/MM/dd HH:mm:ss"
-                format="yyyy/MM/dd HH:mm:ss"
-                onblur={() => {
-                  this.addrow(scope.row);
-                }}
-              ></el-date-picker>
-            );
-          },
-        },
-        {
-          label: "土地使用结束时间",
-          render: (h, scope) => {
-            return (
-              <el-date-picker
-                v-model={scope.row.jssj}
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy/MM/dd HH:mm:ss"
-                format="yyyy/MM/dd HH:mm:ss"
-                onblur={() => {
-                  this.addrow(scope.row);
-                }}
-              ></el-date-picker>
-            );
-          },
-        },
-        {
-          label: "土地使用期限",
-          render: (h, scope) => {
-            return (
-              <el-input
-                v-model={scope.row.syqx}
-                onblur={() => {
-                  this.addrow(scope.row);
-                }}
-              ></el-input>
-            );
-          },
-        },
-      ],
+      normalizer(node) {
+        if (node.children == null || node.children == "null") {
+          delete node.children;
+        }
+        return {
+          id: node.dcode,
+          label: node.dname,
+        };
+      },
     };
   },
   watch: {
@@ -160,6 +121,7 @@ export default {
         let that = this;
         this.$nextTick(() => {
           if (val.length == 0 || !val) {
+             console.log("看见1");
             that.tableDataList = _.cloneDeep([
               {
                 yt: "",
@@ -168,8 +130,19 @@ export default {
                 syqx: "",
               },
             ]);
+              if( that.tableDataList.length>0){
+            this.tdyt=that.tableDataList[0].yt
+          }else{
+            this.tdyt=null
+          }
           } else {
+            console.log("看见2");
             that.tableDataList = _.cloneDeep(val);
+             if( that.tableDataList.length>0){
+            this.tdyt=that.tableDataList[0].yt
+          }else{
+            this.tdyt=null
+          }
           }
         });
       },
@@ -178,15 +151,39 @@ export default {
     },
   },
   methods: {
+    renderHeader() {
+      return (
+        <div>
+          {" "}
+          {this.$route.query.viewtype == 1 ? (
+            "序号"
+          ) : (
+            <i
+              class="el-icon-plus pointer"
+              onClick={() => {
+                this.addClick();
+              }}
+            ></i>
+          )}
+        </div>
+      );
+    },
     // 修改事件
     addrow() {
-      console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx);
-
+      console.log("this.$parent.bsmqlxx", this.$parent.$parent.bsmqlxx);
+        this.tableDataList = this.tableDataList.map((item) => {
+      return{
+        ...item,
+        yt:this.tdyt
+      }
+    })
+    console.log("this.tableDataList",this.tableDataList);
       this.$emit("upDateTdytxxList", this.tableDataList);
     },
     // 新增
     addClick() {
       this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
+
       this.$emit("upDateTdytxxList", this.tableDataList);
     },
 

@@ -15,7 +15,7 @@
         </div>
         <el-row :gutter="10">
           <el-col :span="8">
-            <el-form-item label="业务号：">
+            <el-form-item label="业务号111：">
               <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
             </el-form-item>
           </el-col>
@@ -131,14 +131,14 @@
             </el-form-item>
           </el-col>
 
-          <el-col :span="8">
+          <!-- <el-col :span="8">
             <el-form-item label="下拉表格测试：">
               <select-table v-model="value2" :table-width="600" :props="props" @change="change">
                 <el-table-column prop="id" label="ID" width="180"></el-table-column>
                 <el-table-column prop="user" label="姓名"></el-table-column>
               </select-table>
             </el-form-item>
-          </el-col>
+          </el-col> -->
 
         </el-row>
            <div class="slxx_title title-block">