Merge branch 'dev'

@@ -450,4 +450,33 @@ aside {
   top: 0;
   right: 0;
   transform: rotate(-90deg);
+}
+
+// 正在注销
+.zhuxiaoIcon {
+  position: relative;
+
+  .icon {
+    position: absolute;
+    top: 9px;
+    right: 5px;
+    transform: rotate(45deg);
+    color: #fff;
+    font-size: 12px;
+    z-index: 10;
+  }
+}
+
+.zhuxiaoIcon::after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border-width: 0px 0px 55px 55px;
+  border-style: none solid solid;
+  border-color: transparent transparent red;
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: rotate(-90deg);
 }
\ No newline at end of file

@@ -5,7 +5,7 @@
 -->
 <template>
   <div>
-    <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
+      <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
       :data="tableDataList">
     </lb-table>
     <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
@@ -219,3 +219,6 @@
     }
   }
 </script>
+<style scoped lang="scss">
+
+</style>

@@ -5,7 +5,7 @@
 -->
 <template>
   <div>
-    <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
+     <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
       :data="tableDataList">
     </lb-table>
     <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />

 <!--
  * @Description:
  * @Autor: renchao
+ :show-message="false"
  * @LastEditTime: 2023-06-25 15:52:42
 -->
 <template>
@@ -14,7 +15,7 @@
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       label-width="145px"
-    >
+      inline-message>
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -39,37 +40,59 @@
         </el-row>
         <div class="slxx_title title-block">
           查封不动产情况
-           <div class="triangle"></div>
+          <div class="triangle"></div>
         </div>
-         <el-row :gutter="10">
-            <el-col :span="8">
-              <el-form-item label="抵押不动产信息：">
-                <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList"
-                  :props="props" @change="ztQlxxchange">
-                  <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column>
-                  <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column>
-                  <el-table-column prop="qlrmc" label="权利人"></el-table-column>
-                  <el-table-column prop="mjmc" label="面积"></el-table-column>
-                  <el-table-column prop="ytmc" label="用途"></el-table-column>
-                  <el-table-column prop="zl" label="坐落"></el-table-column>
-                </select-table>
-              </el-form-item>
-            </el-col>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="查封不动产权信息：">
+              <select-table
+                v-model="ruleForm.ztQlxx"
+                :table-width="550"
+                :tableData="ztQlxxList"
+                :props="props"
+                @change="ztQlxxchange">
+                <el-table-column
+                  prop="qllxmc"
+                  width="130"
+                  label="权利类型"></el-table-column>
+                <el-table-column
+                  prop="bdcqzh"
+                  width="160"
+                  label="不动产权证书"></el-table-column>
+                <el-table-column
+                  prop="qlrmc"
+                  label="被执行人"></el-table-column>
+                <el-table-column prop="mjmc" label="面积"></el-table-column>
+                <el-table-column prop="ytmc" label="用途"></el-table-column>
+                <el-table-column prop="zl" label="坐落"></el-table-column>
+              </select-table>
+            </el-form-item>
+          </el-col>
 
-            <el-col :span="8" v-if="ssqlxxshow">
-              <el-form-item label="上手权利信息：">
-                <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList"
-                  :props="props" @change="ssQlxxchange">
-                  <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column>
-                  <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column>
-                  <el-table-column prop="qlrmc" label="权利人"></el-table-column>
-                  <el-table-column prop="mjmc" label="面积"></el-table-column>
-                  <el-table-column prop="ytmc" label="用途"></el-table-column>
-                  <el-table-column prop="zl" label="坐落"></el-table-column>
-                </select-table>
-              </el-form-item>
-            </el-col>
-          </el-row>
+          <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
+            <el-form-item label="上手权利信息：">
+              <select-table
+                v-model="ruleForm.ssQlxx"
+                :table-width="550"
+                :tableData="ssQlxxList"
+                :props="props"
+                @change="ssQlxxchange">
+                <el-table-column
+                  prop="qllxmc"
+                  width="130"
+                  label="权利类型"></el-table-column>
+                <el-table-column
+                  prop="bdcqzh"
+                  width="160"
+                  label="不动产权证书"></el-table-column>
+                <el-table-column prop="qlrmc" label="权利人"></el-table-column>
+                <el-table-column prop="mjmc" label="面积"></el-table-column>
+                <el-table-column prop="ytmc" label="用途"></el-table-column>
+                <el-table-column prop="zl" label="坐落"></el-table-column>
+              </select-table>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
           <el-col :span="8">
             <el-form-item label="权利人：">
@@ -138,7 +161,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="上手业务号：">
-              <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
+              <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -149,14 +172,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记类型：">
-              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
+            <el-form-item label="是否被续封：">
+              <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
                 <el-option
-                  v-for="item in dictData['A21']"
+                  v-for="item in sfbxflist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"
-                ></el-option>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -166,131 +188,119 @@
             </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 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-input v-model="ruleForm.qlxx.djjg"></el-input>
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
+              <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="查封机关">
+            <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-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>
+                  :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="查封文号">
+            <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-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-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-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-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="区县代码：">
+            <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
               <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记机构：">
+            <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
               <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-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记时间：">
+            <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
               <el-input v-model="ruleForm.qlxx.djsj"></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-col :span="24">
+            <el-form-item label="附记：">
+              <el-input v-model="ruleForm.cfdj.fj"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <qlrCommonTable
-          :tableData="ruleForm.qlrData"
-          @upDateQlrxxList="upDateQlrxxList"
-          :key="key"
-          :gyfs="ruleForm.qlxx.gyfs"
-        />
-
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封业务号：">
+            <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封机关：">
+            <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封文件：">
+            <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封文号：">
+            <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封登簿人：">
+            <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="解封登记时间：">
+            <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
+          </el-form-item>
+        </el-col>
       </div>
       <el-row class="btn">
         <el-form-item>
@@ -301,70 +311,134 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import { init,getSsQlxx, getZtQlxx, 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";
-import selectTable from "@/components/selectTable/index.vue";
-export default {
-  components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data() {
-    return {
-      //表单是否可操作
-      propsParam: this.$attrs,
-      key: 0,
-      isShow: false,
-      ssqlxxshow:true,
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {},
-      //传递参数\
-      rules: {},
-      props: {
+  import { mapGetters } from "vuex";
+  import { init, getSsQlxx, getZtQlxx, 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";
+  import selectTable from "@/components/selectTable/index.vue";
+  export default {
+    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        //表单是否可操作
+        props: {
           label: "bdcqzh",
-          value: "bdcdyid"
+          value: "bdcdyid",
         },
-           ssQlxxList: [],
+        propsParam: this.$attrs,
+        key: 0,
+        isShow: false,
+        ssqlxxshow: true,
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {},
+        rules: {},
+        // 登记类型
+        djlxlist: [
+          {
+            dcode: "100",
+            dname: "首次登记",
+          },
+          {
+            dcode: "200",
+            dname: "转移登记",
+          },
+          {
+            dcode: "300",
+            dname: "变更登记",
+          },
+          {
+            dcode: "500",
+            dname: "更正登记",
+          },
+
+          {
+            dcode: "901",
+            dname: "补证",
+          },
+          {
+            dcode: "902",
+            dname: "换证",
+          },
+        ],
+
+        // 权属状态
+        qsztlist: [
+          {
+            dcode: "1",
+            dname: "现势",
+          },
+          {
+            dcode: "2",
+            dname: "历史",
+          },
+        ],
+        // 是否被续封
+        sfbxflist: [
+          {
+            dcode: "0",
+            dname: "否",
+          },
+          {
+            dcode: "1",
+            dname: "是",
+          },
+        ],
+        //传递参数\
+
+        ssQlxxList: [],
         ztQlxxList: [],
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {},
-  methods: {
+        rules: {
+          bdcqzh: [
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
+          ],
+          qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
+          djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
+          dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
+          djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
+        },
+      };
+    },
+    created () {
+      this.loadData();
+    },
+    mounted () { },
+    methods: {
       ztQlxxchange (val) {
-        this.ruleForm.ztQlxx = val
+        this.ruleForm.ztQlxx = val;
       },
       ssQlxxchange (val) {
-        this.ruleForm.ssQlxx = val
+        this.ruleForm.ssQlxx = val;
+        this.ruleForm.qlxx.ssywh = val.ssywh;
       },
-        djlxchange(val){
-           if(val==null||val==100){
-             this.ssqlxxshow=false
-          }else{
-             this.ssqlxxshow=true
-          }
-
+      djlxchange (val) {
+        if (val == null || val == 100) {
+          this.ssqlxxshow = false;
+        } else {
+          this.ssqlxxshow = true;
+        }
       },
-    loadData() {
-      this.propsParam.isEdit = this.$parent.isEdit;
-      init(this.propsParam).then((res) => {
-        if (res.code == 200) {
-          this.ruleForm = res.result;
-          this.isShow = true;
-            let djlx=  this.ruleForm.qlxx.djlx
-          if(djlx==null||djlx==100){
-            this.ssqlxxshow=false
+      loadData () {
+        this.propsParam.isEdit = this.$parent.isEdit;
+        init(this.propsParam).then((res) => {
+          if (res.code == 200) {
+            this.ruleForm = res.result;
+            this.isShow = true;
+            let djlx = this.ruleForm.qlxx.djlx;
+            if (djlx == null || djlx == 100) {
+              this.ssqlxxshow = false;
+            }
           }
-        }
-      });
-          //获取主体信息
-        getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => {
+        });
+        //获取主体信息
+        getSsQlxx({
+          bdcdyid: this.propsParam.bdcdyid,
+          qllx: this.propsParam.qllx,
+        }).then((res) => {
           if (res.code == 200) {
             this.ssQlxxList = res.result;
           }
@@ -375,82 +449,89 @@ export default {
             this.ztQlxxList = res.result;
           }
         });
-    },
-    // 更新土地用途信息
-    upDateTdytxxList(val) {
-      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-      this.key++;
-    },
-    // 更新权利人信息
-    upDateQlrxxList(val) {
-      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-      this.czrOptions = this.ruleForm.qlrData;
-      this.key++;
-    },
-    // 更新义务人信息
-    upDateYwrxxList(val) {
-      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-      this.key++;
-    },
-    onSubmit() {
-      if (this.ruleForm.qlrData.length == 0) {
-        this.$message({
-          showClose: true,
-          message: "请确认权利人信息",
-          type: "error",
-        });
-        return false;
-      }
+      },
+      // 更新土地用途信息
+      upDateTdytxxList (val) {
+        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.key++;
+      },
+      // 更新权利人信息
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+        this.czrOptions = this.ruleForm.qlrData;
+        this.key++;
+      },
+      // 更新义务人信息
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+        this.key++;
+      },
+      onSubmit () {
+        this.$refs.ruleForm.validate((valid) => {
+          console.log("valid", valid);
+          if (valid) {
+            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";
+            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";
             }
-          });
-        }
-      }
-      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",
-          });
-        }
-      });
+            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",
+                });
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -13,7 +13,9 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="145px">
+      label-width="169px"
+      inline-message
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -38,39 +40,65 @@
         </el-row>
         <div class="slxx_title title-block">
           抵押不动产情况
-           <div class="triangle"></div>
+          <div class="triangle"></div>
         </div>
-          <el-row :gutter="10">
-            <el-col :span="8">
-              <el-form-item label="抵押不动产信息：">
-                <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList"
-                  :props="props" @change="ztQlxxchange">
-                  <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column>
-                  <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column>
-                  <el-table-column prop="qlrmc" label="权利人"></el-table-column>
-                  <el-table-column prop="mjmc" label="面积"></el-table-column>
-                  <el-table-column prop="ytmc" label="用途"></el-table-column>
-                  <el-table-column prop="zl" label="坐落"></el-table-column>
-                </select-table>
-              </el-form-item>
-            </el-col>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="抵押不动产信息：">
+              <select-table
+                v-model="ruleForm.ztQlxx"
+                :table-width="550"
+                :tableData="ztQlxxList"
+                :props="props"
+                @change="ztQlxxchange"
+              >
+                <el-table-column
+                  prop="qllxmc"
+                  width="130"
+                  label="权利类型"
+                ></el-table-column>
+                <el-table-column
+                  prop="bdcqzh"
+                  width="160"
+                  label="不动产权证书"
+                ></el-table-column>
+                <el-table-column prop="qlrmc" label="权利人"></el-table-column>
+                <el-table-column prop="mjmc" label="面积"></el-table-column>
+                <el-table-column prop="ytmc" label="用途"></el-table-column>
+                <el-table-column prop="zl" label="坐落"></el-table-column>
+              </select-table>
+            </el-form-item>
+          </el-col>
 
-            <el-col :span="8" v-if="ssqlxxshow">
-              <el-form-item label="上手权利信息：">
-                <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList"
-                  :props="props" @change="ssQlxxchange">
-                  <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column>
-                  <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column>
-                  <el-table-column prop="qlrmc" label="权利人"></el-table-column>
-                  <el-table-column prop="mjmc" label="面积"></el-table-column>
-                  <el-table-column prop="ytmc" label="用途"></el-table-column>
-                  <el-table-column prop="zl" label="坐落"></el-table-column>
-                </select-table>
-              </el-form-item>
-            </el-col>
-          </el-row>
+          <el-col :span="8" v-if="ssqlxxshow">
+            <el-form-item label="上手权利信息：">
+              <select-table
+                v-model="ruleForm.ssQlxx"
+                :table-width="550"
+                :tableData="ssQlxxList"
+                :props="props"
+                @change="ssQlxxchange"
+              >
+                <el-table-column
+                  prop="qllxmc"
+                  width="130"
+                  label="权利类型"
+                ></el-table-column>
+                <el-table-column
+                  prop="bdcqzh"
+                  width="160"
+                  label="不动产权证书"
+                ></el-table-column>
+                <el-table-column prop="qlrmc" label="权利人"></el-table-column>
+                <el-table-column prop="mjmc" label="面积"></el-table-column>
+                <el-table-column prop="ytmc" label="用途"></el-table-column>
+                <el-table-column prop="zl" label="坐落"></el-table-column>
+              </select-table>
+            </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.qlrmc"></el-input>
@@ -87,7 +115,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>
@@ -104,7 +132,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>
@@ -125,85 +153,32 @@
           抵押权信息
           <div class="triangle"></div>
         </div>
+
         <el-row :gutter="10">
-           <el-col :span="8">
-            <el-form-item label="抵押方式：">
-              <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
-              <el-radio-group v-model="ruleForm.diyaq.dyfs">
-                <el-radio label="1">一般抵押</el-radio>
-                <el-radio label="2">最高额抵押</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-         <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
-            <el-form-item label="最高债权额">
-              <div style="display: flex">
-                <el-input
-                  v-model="ruleForm.diyaq.zgzqse"
-                  style="width: 500%"
-                  oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
-                <el-select v-model="ruleForm.diyaq.jedw">
-                  <el-option
-                    v-for="item in dictData['A57']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode"></el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
-            <el-form-item label="被担保主债权数额">
-              <div style="display: flex">
-                <el-input
-                  v-model="ruleForm.diyaq.bdbzzqse"
-                  style="width: 500%"
-                  oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
-                <el-select v-model="ruleForm.diyaq.jedw">
-                  <el-option
-                    v-for="item in dictData['A57']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode"></el-option>
-                </el-select>
-              </div>
-            </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.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 disabled 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-select v-model="ruleForm.qlxx.djlx"  @change="djlxchange">
+              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
                 <el-option
                   v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"></el-option>
+                  :value="item.dcode"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item label="权属状态：">
               <el-select v-model="ruleForm.qlxx.qszt">
@@ -211,52 +186,201 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode"></el-option>
+                  :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 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.qxdm"></el-input>
+            <el-form-item label="上手业务号：">
+              <el-input disabled 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 v-model="ruleForm.qlxx.djjg"></el-input>
+            <el-form-item label="抵押金额类型：">
+              <el-radio-group v-model="ruleForm.diyaq.dyjelx">
+                <el-radio label="0">独立抵押金额</el-radio>
+                <el-radio label="1">整体抵押金额</el-radio>
+              </el-radio-group>
             </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 label="抵押方式：">
+              <el-radio-group v-model="ruleForm.diyaq.dyfs">
+                <el-radio label="1">一般抵押</el-radio>
+                <el-radio label="2">最高额抵押</el-radio>
+              </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记时间：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+          <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
+            <el-form-item label="最高债权额：">
+              <div style="display: flex">
+                <el-input
+                  v-model="ruleForm.diyaq.zgzqse"
+                  style="width: 500%"
+                  oninput="value=value.replace(/[^\d.]/g,'')"
+                ></el-input>
+                <el-select v-model="ruleForm.diyaq.jedw">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode"
+                  ></el-option>
+                </el-select>
+              </div>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="登记原因：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+          <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
+            <el-form-item label="被担保主债权数额：">
+              <div style="display: flex">
+                <el-input
+                  v-model="ruleForm.diyaq.bdbzzqse"
+                  style="width: 500%"
+                  oninput="value=value.replace(/[^\d.]/g,'')"
+                ></el-input>
+                <el-select v-model="ruleForm.diyaq.jedw">
+                  <el-option
+                    v-for="item in dictData['A57']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode"
+                  ></el-option>
+                </el-select>
+              </div>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-col :span="8">
+          <el-form-item label="抵押面积：">
+            <div style="display: flex">
+              <el-input
+                v-model="ruleForm.diyaq.dymj"
+                style="width: 500%"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+              ></el-input>
+              <el-select v-model="ruleForm.diyaq.mjdw">
+                <el-option
+                  v-for="item in dictData['A7']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                ></el-option>
+              </el-select>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
+            <el-date-picker
+              v-model="ruleForm.diyaq.zwlxqssj"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy/MM/dd HH:mm:ss"
+              format="yyyy/MM/dd"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
+            <el-date-picker
+              v-model="ruleForm.diyaq.zwlxjssj"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy/MM/dd HH:mm:ss"
+              format="yyyy/MM/dd"
+            >
+            </el-date-picker>
+          </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="不动产登记证明号：" prop="bdcqzh">
+            <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
+          </el-form-item>
+        </el-col> -->
+        <el-col :span="8">
+          <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
+            <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.diyaq.zjjzwdyfw"></el-input>
+          </el-form-item>
+        </el-col>
 
-          <el-col :span="8">
-            <el-form-item label="抵押金额类型：">
-              <el-input v-model="ruleForm.diyaq.dyjelx"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
+        <el-col :span="8">
+          <el-form-item label="担保范围：">
+            <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="债务履行期限(确定期间)：">
+            <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="最高债权确定事实和数额：">
+            <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否限制转移约定">
+            <el-select v-model="ruleForm.diyaq.sfczjzhxz">
+              <el-option
+                v-for="item in dictData['A6']"
+                :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="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
+            <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
+            <el-input v-model="ruleForm.qlxx.djjg"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
+            <el-input v-model="ruleForm.qlxx.dbr"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
+            <el-date-picker
+              v-model="ruleForm.qlxx.djsj"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy/MM/dd HH:mm:ss"
+              format="yyyy/MM/dd"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <!-- <el-col :span="8">
             <el-form-item label="是否预告登记：">
               <el-select v-model="ruleForm.diyaq.sfygdj">
                 <el-option
@@ -266,96 +390,51 @@
                   :value="item.dcode"></el-option>
               </el-select>
             </el-form-item>
-          </el-col>
-          <el-col :span="8">
+          </el-col> -->
+        <!-- <el-col :span="8">
             <el-form-item label="在建建筑物坐落：">
               <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
             </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="在建建筑物抵押范围：">
-              <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="抵押面积：">
-              <div style="display: flex">
-                <el-input
-                  v-model="ruleForm.diyaq.dymj"
-                  style="width: 500%"
-                  oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
-                <el-select v-model="ruleForm.diyaq.mjdw">
-                  <el-option
-                    v-for="item in dictData['A7']"
-                    :key="item.dcode"
-                    :label="item.dname"
-                    :value="item.dcode"></el-option>
-                </el-select>
-              </div>
-            </el-form-item>
-          </el-col>
+          </el-col> -->
 
-          <el-col :span="8">
-            <el-form-item label="担保范围">
-              <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="债务履行期限（债务确定期间）">
-              <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="债务履行起始时间">
-              <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="债务履行结束时间">
-              <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="最高债权确定事实和数额">
-              <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定">
-              <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="不动产登记证明号">
-              <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="注销抵押业务号">
-              <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="注销抵押原因">
-              <el-input v-model="ruleForm.diyaq.zxdyyy"></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-input v-model="ruleForm.qlxx.djsj"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="附记：">
-              <el-input v-model="ruleForm.diyaq.fj"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <el-col :span="24">
+          <el-form-item label="登记原因：">
+            <el-input v-model="ruleForm.qlxx.djyy"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="附记：">
+            <el-input v-model="ruleForm.diyaq.fj"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="注销抵押业务号：">
+            <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
+            <el-date-picker
+              v-model="ruleForm.qlxx.zxsj"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy/MM/dd HH:mm:ss"
+              format="yyyy/MM/dd"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
+            <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
+          <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
+            <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
+          </el-form-item>
+        </el-col>
         <div class="slxx_title title-block">
           权利人信息
           <div class="triangle"></div>
@@ -376,9 +455,10 @@
           :tableData="ruleForm.qlrData"
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
-          :gyfs="ruleForm.qlxx.gyfs" />
+          :gyfs="ruleForm.qlxx.gyfs"
+        />
 
-        <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
+        <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -400,199 +480,227 @@
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
-  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
-  import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
-  import selectTable from "@/components/selectTable/index.vue";
-  import tdytTable from "@/views/workflow/components/tdytTable";
-  export default {
-    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
-    computed: {
-      ...mapGetters(["dictData", "flag"]),
-    },
-    data () {
-      return {
-        props: {
-          label: "bdcqzh",
-          value: "bdcdyid"
+import { mapGetters } from "vuex";
+import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
+import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
+import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
+import selectTable from "@/components/selectTable/index.vue";
+import tdytTable from "@/views/workflow/components/tdytTable";
+export default {
+  components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
+  computed: {
+    ...mapGetters(["dictData", "flag"]),
+  },
+  data() {
+    return {
+      props: {
+        label: "bdcqzh",
+        value: "bdcdyid",
+      },
+      //表单是否可操作
+      propsParam: this.$attrs,
+      key: 0,
+      isShow: false,
+      disabled: true,
+      ssqlxxshow: true,
+      czrOptions: [],
+      ruleForm: {},
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
+        },
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
         },
-        //表单是否可操作
-        propsParam: this.$attrs,
-        key: 0,
-        isShow: false,
-        disabled: true,
-        ssqlxxshow:true,
-        czrOptions: [],
-        ruleForm: {},
-        //传递参数
-        rules: {},
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
-        ],
-        // 登记类型
-        djlxlist: [
-          {
-            dcode: "100",
-            dname: "首次登记",
-          },
-          {
-            dcode: "200",
-            dname: "转移登记",
-          },
-          {
-            dcode: "300",
-            dname: "变更登记",
-          },
-          {
-            dcode: "500",
-            dname: "更正登记",
-          },
 
-          {
-            dcode: "901",
-            dname: "补证",
-          },
-          {
-            dcode: "902",
-            dname: "换证",
-          },
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      ssQlxxList: [],
+      ztQlxxList: [],
+      rules: {
+        bdcqzhrules: [
+          { required: true, message: "不动产登记证明号", trigger: "blur" },
+        ],
+        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        zwlxqssjrules: [
+          { required: true, message: "债务履行起始时间", trigger: "blur" },
+        ],
+        zwlxjssjrules: [
+          { required: true, message: "债务履行结束时间", trigger: "blur" },
         ],
-        ssQlxxList: [],
-        ztQlxxList: [],
-      };
-    },
-    created () {
-      this.loadData();
-    },
-
-    methods: {
-      ztQlxxchange (val) {
-        this.ruleForm.ztQlxx = val
-      },
-      ssQlxxchange (val) {
-        this.ruleForm.ssQlxx = val
-        this.ruleForm.qlxx.ssywh=val.ssywh
-      },
-      djlxchange(val){
-
-           if(val==null||val==100){
-             this.ssqlxxshow=false
-          }else{
-             this.ssqlxxshow=true
-          }
 
+        zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
+        zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
+        zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
       },
-      loadData () {
-        this.propsParam.isEdit = this.$parent.isEdit;
-        init(this.propsParam).then((res) => {
-          if (res.code == 200) {
-            this.ruleForm = res.result;
-            this.isShow = true;
-          let djlx=  this.ruleForm.qlxx.djlx
-          if(djlx==null||djlx==100){
-            this.ssqlxxshow=false
-          }
-
+    };
+  },
+  created() {
+    this.loadData();
+  },
 
+  methods: {
+    ztQlxxchange(val) {
+      this.ruleForm.ztQlxx = val;
+    },
+    ssQlxxchange(val) {
+      this.ruleForm.ssQlxx = val;
+      this.ruleForm.qlxx.ssywh = val.ssywh;
+    },
+    djlxchange(val) {
+      if (val == null || val == 100) {
+        this.ssqlxxshow = false;
+      } else {
+        this.ssqlxxshow = true;
+      }
+    },
+    loadData() {
+      this.propsParam.isEdit = this.$parent.isEdit;
+      init(this.propsParam).then((res) => {
+        if (res.code == 200) {
+          this.ruleForm = res.result;
+          this.isShow = true;
+          let djlx = this.ruleForm.qlxx.djlx;
+          if (djlx == null || djlx == 100) {
+            this.ssqlxxshow = false;
           }
-        });
-        //获取主体信息
-        getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => {
-          if (res.code == 200) {
-            this.ssQlxxList = res.result;
-          }
-        });
-        //获取上手信息
-        getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
-          if (res.code == 200) {
-            this.ztQlxxList = res.result;
-          }
-        });
-      },
-      // 更新土地用途信息
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-        this.key++;
-      },
-      // 更新权利人信息
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-        this.czrOptions = this.ruleForm.qlrData;
-        this.key++;
-      },
-      // 更新义务人信息
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-        this.key++;
-      },
-      onSubmit () {
-        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) {
+      });
+      //获取主体信息
+      getSsQlxx({
+        bdcdyid: this.propsParam.bdcdyid,
+        qllx: this.propsParam.qllx,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.ssQlxxList = res.result;
+        }
+      });
+      //获取上手信息
+      getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
+        if (res.code == 200) {
+          this.ztQlxxList = res.result;
+        }
+      });
+    },
+    // 更新土地用途信息
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
+    },
+    // 更新权利人信息
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrData;
+      this.key++;
+    },
+    // 更新义务人信息
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      this.key++;
+    },
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          if (this.ruleForm.qlrData.length == 0) {
             this.$message({
               showClose: true,
-              message: "共有方式：单独所有，权利人只能是一个人",
+              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) {
+
+          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 {
-                item.sfczr = "0";
-              }
-            })
+              });
+            } 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",
+              });
+            }
+          });
+        } else {
+          return false;
         }
-        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";
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
+.el-date-editor.el-input {
+  width: 100%;
+}
+.el-table__row {
+  height: 30px !important;
+}
 </style>

@@ -13,7 +13,9 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
-      label-width="145px">
+      inline-message
+      label-width="150px"
+    >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -71,7 +73,12 @@
           <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
+                  v-for="item in djlxlist"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -82,27 +89,27 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：">
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="区县代码：">
+            <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
               <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记机构：">
+            <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登簿人：">
+            <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记时间：">
+            <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
               <el-input v-model="ruleForm.qlxx.djsj"></el-input>
             </el-form-item>
           </el-col>
@@ -113,7 +120,8 @@
                   v-for="item in qsztlist"
                   :key="item.dcode"
                   :label="item.dname"
-                  :value="item.dcode">
+                  :value="item.dcode"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -121,95 +129,86 @@
 
           <el-col :span="8">
             <el-form-item label="供地役不动产单元号：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.gydbdcbyh"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="供役地权利人：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.gydqlr"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="供役地权利人证件种类">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+                <el-select v-model="ruleForm.qlxx.gydqlrzjzl">
+                <el-option
+                  v-for="item in dictData['A30']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                ></el-option>
+              </el-select>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="供役地权利人证件号">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="需役地不动产单元号">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="需役地坐落">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.yxdzl"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="需役地权利人">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.xydqlr"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="需役地权利人证件种类：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+               <el-select v-model="ruleForm.qlxx.xydqlrzjzl">
+                <el-option
+                  v-for="item in dictData['A30']"
+                  :key="item.dcode"
+                  :label="item.dname"
+                  :value="item.dcode"
+                ></el-option>
+              </el-select>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="需役地权利人证件号：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.xydqlrzjh"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="地役权内容：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.dyqnr"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="不动产登记证明号：">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.bdcdjzmh"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="权利起始时间">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.qlqssj"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </el-col>
+          <el-col :span="8">
             <el-form-item label="权利结束时间">
-              <el-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.qljssj"></el-input>
             </el-form-item>
-          </el-col> <el-col :span="8">
+          </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-input v-model="ruleForm.qlxx.djsj"></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-input v-model="ruleForm.qlxx.djsj"></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-input v-model="ruleForm.qlxx.djsj"></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-input v-model="ruleForm.qlxx.djsj"></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-input v-model="ruleForm.qlxx.djsj"></el-input>
+              <el-input v-model="ruleForm.qlxx.qlqx"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -225,8 +224,7 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="共有方式：">
-              <el-radio-group
-                v-model="ruleForm.qlxx.gyqk">
+              <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>
@@ -239,7 +237,8 @@
           :tableData="ruleForm.qlrData"
           @upDateQlrxxList="upDateQlrxxList"
           :key="key"
-          :gyfs="ruleForm.qlxx.gyfs" />
+          :gyfs="ruleForm.qlxx.gyfs"
+        />
 
         <div>
           <div class="slxx_title title-block">
@@ -250,7 +249,8 @@
             v-if="ruleForm.ywrData"
             :tableData="ruleForm.ywrData"
             :key="key"
-            @upDateQlrxxList="upDateYwrxxList" />
+            @upDateQlrxxList="upDateYwrxxList"
+          />
         </div>
       </div>
       <el-row class="btn">
@@ -262,130 +262,172 @@
   </div>
 </template>
 <script>
-  import { mapGetters } from "vuex";
-  import { init, save } from "@/api/djbbl.js";
-  import { getSjlx, getDictLeabel } from "@/utils/dictionary.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"]),
+import { mapGetters } from "vuex";
+import { init, save } from "@/api/djbbl.js";
+import { getSjlx, getDictLeabel } from "@/utils/dictionary.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: {},
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
+        },
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
+        },
+
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
+      // 权属状态
+      qsztlist: [
+        {
+          dcode: "1",
+          dname: "现势",
+        },
+        {
+          dcode: "2",
+          dname: "历史",
+        },
+      ],
+      //传递参数\
+        rules: {
+          bdcqzhrules:[
+            { required: true, message: "不动产登记证明号", trigger: "change" },
+          ],
+        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
+      },
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  mounted() {},
+  methods: {
+    loadData() {
+      this.propsParam.isEdit = this.$parent.isEdit;
+      init(this.propsParam).then((res) => {
+        if (res.code == 200) {
+          this.ruleForm = res.result;
+          this.isShow = true;
+        }
+      });
+    },
+    // 更新土地用途信息
+    upDateTdytxxList(val) {
+      this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+      this.key++;
     },
-    data () {
-      return {
-        //表单是否可操作
-        propsParam: this.$attrs,
-        key: 0,
-        isShow: false,
-        disabled: true,
-        czrOptions: [],
-        ruleForm: {},
-        // 权属状态
-        qsztlist: [
-          {
-            dcode: "1",
-            dname: "现势",
-          },
-          {
-            dcode: "2",
-            dname: "历史",
-          },
-        ],
-        //传递参数\
-        rules: {},
-      };
+    // 更新权利人信息
+    upDateQlrxxList(val) {
+      this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
+      this.czrOptions = this.ruleForm.qlrData;
+      this.key++;
     },
-    created () {
-      this.loadData();
+    // 更新义务人信息
+    upDateYwrxxList(val) {
+      this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
+      this.key++;
     },
-    mounted () { },
-    methods: {
-      loadData () {
-        this.propsParam.isEdit=this.$parent.isEdit
-        init(this.propsParam).then((res) => {
-          if (res.code == 200) {
-            this.ruleForm = res.result;
-            this.isShow = true;
-          }
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+      if (this.ruleForm.qlrData.length == 0) {
+        this.$message({
+          showClose: true,
+          message: "请确认权利人信息",
+          type: "error",
         });
-      },
-      // 更新土地用途信息
-      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
-        this.key++;
-      },
-      // 更新权利人信息
-      upDateQlrxxList (val) {
-        this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
-        this.czrOptions = this.ruleForm.qlrData;
-        this.key++;
-      },
-      // 更新义务人信息
-      upDateYwrxxList (val) {
-        this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
-        this.key++;
-      },
-      onSubmit () {
-        if (this.ruleForm.qlrData.length == 0) {
+        return false;
+      }
+
+      if (this.ruleForm.qlxx.gyfs == "0") {
+        if (this.ruleForm.qlrData.length > 1) {
           this.$message({
             showClose: true,
-            message: "请确认权利人信息",
+            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) => {
+        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 {
-            this.ruleForm.qlrData.forEach((item, index) => {
-              if (item.zjh == this.ruleForm.czr) {
-                item.sfczr = "1";
-              } else {
-                item.sfczr = "0";
-              }
-            });
-          }
+            } 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",
-            });
-          }
-        });
-      },
+      }
+      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",
+          });
+        }
+      });
+         } else {
+          return false;
+        }
+      });
     },
-  };
+  },
+};
 </script>
 <style scoped lang="scss">
-  @import "~@/styles/public.scss";
-  @import "~@/styles/slxx/slxx.scss";
+@import "~@/styles/public.scss";
+@import "~@/styles/slxx/slxx.scss";
 </style>

@@ -13,6 +13,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
+      inline-message
       label-width="145px"
     >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
@@ -392,7 +393,6 @@ export default {
   mounted() {},
   methods: {
     loadData() {
-      console.log("房屋", this.propsParam);
       this.propsParam.isEdit=this.$parent.isEdit
       init(this.propsParam).then((res) => {
         if (res.code == 200) {

@@ -13,6 +13,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
+      inline-message
       label-width="145px"
     >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">

@@ -2,6 +2,7 @@
  * @Description:
  * @Autor: renchao
  * @LastEditTime: 2023-06-25 15:52:42
+ :show-message="false"
 -->
 <template>
   <!-- 受理信息 -->
@@ -13,6 +14,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
+      inline-message
       label-width="145px"
     >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
@@ -73,7 +75,7 @@
             <el-form-item label="登记类型：">
               <el-select v-model="ruleForm.qlxx.djlx">
                 <el-option
-                  v-for="item in dictData['A21']"
+                  v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
                   :value="item.dcode"
@@ -88,27 +90,27 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：">
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="区县代码：">
+            <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
               <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记机构：">
+            <el-form-item label="登记机构："  prop="qlxx.djjg" :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登簿人：">
+            <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记时间：">
+            <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
               <el-input v-model="ruleForm.qlxx.djsj"></el-input>
             </el-form-item>
           </el-col>
@@ -277,7 +279,7 @@
           :gyfs="ruleForm.qlxx.gyfs"
         />
 
-      <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
+      <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -318,6 +320,34 @@ export default {
       disabled: true,
       czrOptions: [],
       ruleForm: {},
+       // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
+        },
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
+        },
+
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
       // 权属状态
       qsztlist: [
         {
@@ -330,7 +360,15 @@ export default {
         },
       ],
       //传递参数\
-      rules: {},
+         rules: {
+          bdcqzhrules:[
+            { required: true, message: "不动产权证号：", trigger: "change" },
+          ],
+        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
+      },
     };
   },
   created() {
@@ -339,7 +377,6 @@ export default {
   mounted() {},
   methods: {
     loadData() {
-      console.log("预告登记", this.propsParam);
       this.propsParam.isEdit=this.$parent.isEdit
       init(this.propsParam).then((res) => {
         if (res.code == 200) {
@@ -365,6 +402,8 @@ export default {
       this.key++;
     },
     onSubmit() {
+       this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
       if (this.ruleForm.qlrData.length == 0) {
         this.$message({
           showClose: true,
@@ -418,6 +457,10 @@ export default {
           });
         }
       });
+          } else {
+          return false;
+        }
+      });
     },
   },
 };

@@ -13,6 +13,7 @@
       ref="ruleForm"
       :label-position="flag ? 'top' : ''"
       :inline="flag"
+      inline-message
       label-width="145px"
     >
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
@@ -69,11 +70,11 @@
               <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
             </el-form-item>
           </el-col> -->
-          <!-- <el-col :span="8">
+          <el-col :span="8">
             <el-form-item label="登记类型：">
               <el-select v-model="ruleForm.qlxx.djlx">
                 <el-option
-                  v-for="item in dictData['A21']"
+                  v-for="item in djlxlist"
                   :key="item.dcode"
                   :label="item.dname"
                   :value="item.dcode"
@@ -81,34 +82,34 @@
                 </el-option>
               </el-select>
             </el-form-item>
-          </el-col> -->
+          </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-col :span="8">
+            <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh"  :rules="rules.bdcqzhrules">
               <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
             </el-form-item>
-          </el-col> -->
+          </el-col>
           <el-col :span="8">
-            <el-form-item label="区县代码：">
+            <el-form-item label="区县代码："  prop="qlxx.qxdm" :rules="rules.qxdmrules">
               <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记机构：">
+            <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
               <el-input v-model="ruleForm.qlxx.djjg"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登簿人：">
+            <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
               <el-input v-model="ruleForm.qlxx.dbr"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="登记时间：">
+            <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
               <el-input v-model="ruleForm.qlxx.djsj"></el-input>
             </el-form-item>
           </el-col>
@@ -189,7 +190,7 @@
           :key="key"
           :gyfs="ruleForm.qlxx.gyfs"
         />
-       <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
+       <div v-if="ruleForm.ywrData">
           <div class="slxx_title title-block">
             义务人信息
             <div class="triangle"></div>
@@ -202,7 +203,8 @@
           />
         </div>
       </div>
-      <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
+      <!-- <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> -->
+        <el-row class="btn">
         <el-form-item>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </el-form-item>
@@ -230,6 +232,34 @@ export default {
       disabled: true,
       czrOptions: [],
       ruleForm: {},
+      // 登记类型
+      djlxlist: [
+        {
+          dcode: "100",
+          dname: "首次登记",
+        },
+        {
+          dcode: "200",
+          dname: "转移登记",
+        },
+        {
+          dcode: "300",
+          dname: "变更登记",
+        },
+        {
+          dcode: "500",
+          dname: "更正登记",
+        },
+
+        {
+          dcode: "901",
+          dname: "补证",
+        },
+        {
+          dcode: "902",
+          dname: "换证",
+        },
+      ],
       // 权属状态
       qsztlist: [
         {
@@ -242,7 +272,15 @@ export default {
         },
       ],
       //传递参数\
-      rules: {},
+           rules: {
+          bdcqzhrules:[
+            { required: true, message: "不动产权证号：", trigger: "change" },
+          ],
+        qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
+        djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
+        dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
+        djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
+      },
     };
   },
   created() {
@@ -251,7 +289,6 @@ export default {
   mounted() {},
   methods: {
     loadData() {
-      console.log("异议登记", this.propsParam);
       this.propsParam.isEdit=this.$parent.isEdit
       init(this.propsParam).then((res) => {
         if (res.code == 200) {
@@ -277,6 +314,8 @@ export default {
       this.key++;
     },
     onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
       if (this.ruleForm.qlrData.length == 0) {
         this.$message({
           showClose: true,
@@ -330,6 +369,10 @@ export default {
           });
         }
       });
+          } else {
+          return false;
+        }
+      });
     },
   },
 };

@@ -22,19 +22,32 @@
               :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
 
               <span v-else>{{ row[item.prop] }}</span>

@@ -24,8 +24,11 @@
               :class="[
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
               ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button
@@ -37,12 +40,21 @@
                   icon="el-icon-edit-outline"
                   @click="editDialog(row, 'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

@@ -24,19 +24,31 @@
               :class="[
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
               ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

@@ -19,19 +19,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
             ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                  <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
@@ -71,11 +83,12 @@
     },
     methods: {
       loadData () {
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
+        }
         getJsydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
@@ -113,14 +126,14 @@
         }
         return name;
       },
-         // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
           this.$message({
             type: 'success',

@@ -24,8 +24,11 @@
               :class="[
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
-                item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-                item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
               ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button
@@ -37,12 +40,21 @@
                   icon="el-icon-edit-outline"
                   @click="editDialog(row, 'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

@@ -19,19 +19,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
-             <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                     <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
@@ -72,11 +84,12 @@
     methods: {
       loadData () {
 
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
+        }
         getJsydsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
@@ -114,14 +127,14 @@
         }
         return name;
       },
-        // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
           this.$message({
             type: 'success',

@@ -19,19 +19,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-               item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              row.qlzt == '3' ? 'linshiIcon' : '',
+              row.qlzt == '2' ? 'linshiIcon' : '',
+              row.qlzt == '1' ? 'xianshiIcon' : '',
+              row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
               <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
+              <div class="icon" v-if="row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
@@ -50,15 +62,27 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

@@ -19,19 +19,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
-             <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
-                   <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
-                     <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
+              <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
+                <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>
@@ -72,11 +84,12 @@
     methods: {
       loadData () {
 
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
-        })
-      }
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
+          })
+        }
         getTdsyqList({
           bdcdyid: this.propsParam.bdcdyid,
           qllx: this.propsParam.qllx,
@@ -114,14 +127,14 @@
         }
         return name;
       },
-        // 新增一条补录信息
-        editDialog(row,del){
-            this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
+      // 新增一条补录信息
+      editDialog (row, del) {
+        this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
         }).then(() => {
-          this.$parent.addRepairRecord(row,del)
+          this.$parent.addRepairRecord(row, del)
 
           this.$message({
             type: 'success',

@@ -18,19 +18,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
               <div class="setbut" v-if="item.prop == 'cz'">
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

@@ -18,19 +18,31 @@
             <td v-for="(row, index) in tableData" :key="index" :class="[
               row.qszt == '2' ? 'lishi' : '',
               row.qszt == '0' ? 'linshi' : '',
-              item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+              item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
             ]">
               <div class="setbut" v-if="item.prop == 'cz'">
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
                 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
-                正在办理
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
+                失效
               </div>
-              <div class="icon" v-if="item.prop == 'qszt' &&  row.qszt == '1'">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
                 有效
               </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
               <span v-if="item.prop == 'qszt'">
                 {{ getQsztName(row[item.prop]) }}
               </span>

 <!--
- * @Description: 
+ * @Description:
  * @Autor: renchao
  * @LastEditTime: 2023-06-16 10:38:23
 -->

@@ -209,4 +209,7 @@ export default {
   border: none !important;
 
 }
+  .el-date-editor.el-input{
+    width: 100%;
+  }
 </style>

@@ -117,10 +117,6 @@
     data () {
       return {
         queryForm: {
-          ywly: "",
-          qllx: "",
-          djlx: "",
-          ywh: "",
         },
         searchForm: {
           ywlymc: "",