style:登记薄

@@ -451,3 +451,32 @@ aside {
   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

@@ -14,8 +14,7 @@
       :label-position="flag ? 'top' : ''"
       :inline="flag"
       label-width="145px"
-       inline-message
-    >
+      inline-message>
       <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
         <div class="slxx_title title-block">
           补录信息
@@ -50,22 +49,18 @@
                 :table-width="550"
                 :tableData="ztQlxxList"
                 :props="props"
-                @change="ztQlxxchange"
-              >
+                @change="ztQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  label="不动产权证书"></el-table-column>
                 <el-table-column
                   prop="qlrmc"
-                  label="被执行人"
-                ></el-table-column>
+                  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>
@@ -80,18 +75,15 @@
                 :table-width="550"
                 :tableData="ssQlxxList"
                 :props="props"
-                @change="ssQlxxchange"
-              >
+                @change="ssQlxxchange">
                 <el-table-column
                   prop="qllxmc"
                   width="130"
-                  label="权利类型"
-                ></el-table-column>
+                  label="权利类型"></el-table-column>
                 <el-table-column
                   prop="bdcqzh"
                   width="160"
-                  label="不动产权证书"
-                ></el-table-column>
+                  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>
@@ -124,7 +116,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="不动产权证号：" >
+            <el-form-item label="不动产权证号：">
               <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
             </el-form-item>
           </el-col>
@@ -185,8 +177,7 @@
                   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>
@@ -202,8 +193,7 @@
                   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>
@@ -224,8 +214,7 @@
                   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>
@@ -321,18 +310,18 @@
   </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 {
+  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() {
+    data () {
       return {
         //表单是否可操作
         props: {
@@ -404,35 +393,35 @@ export default {
         ztQlxxList: [],
         rules: {
           bdcqzh: [
-          { required: true, message: "不动产登记证明号", trigger: "change" },
+            { required: true, message: "不动产登记证明号", trigger: "blur" },
           ],
           qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
-        djjg: [{ required: true, message: "登记机构", trigger: "change" }],
+          djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
           dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
-        djsj: [{ required: true, message: "登记时间", trigger: "change" }],
+          djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
         },
       };
     },
-  created() {
+    created () {
       this.loadData();
     },
-  mounted() {},
+    mounted () { },
     methods: {
-    ztQlxxchange(val) {
+      ztQlxxchange (val) {
         this.ruleForm.ztQlxx = val;
       },
-    ssQlxxchange(val) {
+      ssQlxxchange (val) {
         this.ruleForm.ssQlxx = val;
         this.ruleForm.qlxx.ssywh = val.ssywh;
       },
-    djlxchange(val) {
+      djlxchange (val) {
         if (val == null || val == 100) {
           this.ssqlxxshow = false;
         } else {
           this.ssqlxxshow = true;
         }
       },
-    loadData() {
+      loadData () {
         this.propsParam.isEdit = this.$parent.isEdit;
         init(this.propsParam).then((res) => {
           if (res.code == 200) {
@@ -461,22 +450,22 @@ export default {
         });
       },
       // 更新土地用途信息
-    upDateTdytxxList(val) {
+      upDateTdytxxList (val) {
         this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
         this.key++;
       },
       // 更新权利人信息
-    upDateQlrxxList(val) {
+      upDateQlrxxList (val) {
         this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
         this.czrOptions = this.ruleForm.qlrData;
         this.key++;
       },
       // 更新义务人信息
-    upDateYwrxxList(val) {
+      upDateYwrxxList (val) {
         this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
         this.key++;
       },
-    onSubmit() {
+      onSubmit () {
         this.$refs.ruleForm.validate((valid) => {
           console.log("valid", valid);
           if (valid) {
@@ -539,9 +528,9 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

@@ -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>
               </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,9 +83,10 @@
     },
     methods: {
       loadData () {
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
           })
         }
         getJsydsyqList({
@@ -114,13 +127,13 @@
         return name;
       },
       // 新增一条补录信息
-        editDialog(row,del){
+      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>
-              <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,9 +84,10 @@
     methods: {
       loadData () {
 
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
           })
         }
         getJsydsyqList({
@@ -115,13 +128,13 @@
         return name;
       },
       // 新增一条补录信息
-        editDialog(row,del){
+      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>
-              <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,9 +84,10 @@
     methods: {
       loadData () {
 
-      if(this.$parent.addRepairRecord){
-        this.columns.unshift({prop:"cz",
-           label:"操作"
+        if (this.$parent.addRepairRecord) {
+          this.columns.unshift({
+            prop: "cz",
+            label: "操作"
           })
         }
         getTdsyqList({
@@ -115,13 +128,13 @@
         return name;
       },
       // 新增一条补录信息
-        editDialog(row,del){
+      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>