dosc:注释的完善

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:36:04
+-->
 <template>
   <div id="app">
     <router-view />

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:34:44
+ */
 import Cookies from 'js-cookie'
 
 const state = {

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:34:47
+ */
 import { getAllDict } from '@/api/user'
 const state = {
   dictData: {},

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:34:53
+ */
 
 const state = {
   djbxx: {}
@@ -10,7 +15,7 @@ const mutations = {
 }
 
 const actions = {
-  setDjbxx({ commit }, data) {
+  setDjbxx ({ commit }, data) {
     commit('SET_DJXX', data)
   }
 }

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:34:57
+ */
 const state = {
   contentWidth: ''
 }

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:35:01
+ */
 import { asyncRoutes, constantRoutes, resetRouter } from '@/router'
 import asyncRouter from '@/utils/asyncRouter.js'
 const state = {

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:35:07
+ */
 import variables from '@/styles/element-variables.scss'
 import defaultSettings from '@/settings'
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:35:13
+ */
 const state = {
     visitedViews: [{
         'fullPath': "/home",

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:09
+-->
 <template>
   <div>
     <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
@@ -6,159 +11,158 @@
   </div>
 </template>
 <script>
-import addJtcy from './addJtcy.vue'
-import { mapGetters } from 'vuex'
-export default {
-  components: {
-    addJtcy
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  props: {
-    tableData: {
-      type: Array,
-      default: function () {
-        return []
+  import addJtcy from './addJtcy.vue'
+  import { mapGetters } from 'vuex'
+  export default {
+    components: {
+      addJtcy
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    props: {
+      tableData: {
+        type: Array,
+        default: function () {
+          return []
+        }
+      },
+      gyfs: {
+        type: String,
+        default: '1'
       }
     },
-    gyfs: {
-      type: String,
-      default: '1'
-    }
-  },
-  data () {
-    return {
-      key: 0,
-      dataIndex: 0,
-      dialog: false,
-      details: {},
-      tableDataList: [],
-      qlrCommonTable: [
-        {
-          width: '50',
-          renderHeader: (h, scope) => {
-            return <div> {
-              this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
+    data () {
+      return {
+        key: 0,
+        dataIndex: 0,
+        dialog: false,
+        details: {},
+        tableDataList: [],
+        qlrCommonTable: [
+          {
+            width: '50',
+            renderHeader: (h, scope) => {
+              return <div> {
+                this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
+              }
+              </div>
+            },
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
+                      <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
+                  }
+                </div>
+              )
             }
-            </div>
           },
-          render: (h, scope) => {
-            return (
-              <div>
-                {
-                  this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
-                    <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
-                }
-              </div>
-            )
+          {
+            label: '身份证读卡器',
+            align: 'center',
+            render: (h, scope) => {
+              return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
+            }
+          },
+          {
+            prop: "cyxm",
+            label: "成员姓名"
+          },
+          {
+            prop: "sfzhm",
+            label: "身份证号码"
+          },
+          {
+            prop: "dh",
+            label: "联系电话"
+          },
+          {
+            label: '修改',
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    this.$route.query.viewtype == 1 ? <el-button
+                      icon="el-icon-view"
+                      type="text"
+                      onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
+                        icon="el-icon-edit-outline"
+                        type="text"
+                        onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
+                  }
+                </div>
+              )
+            }
           }
-        },
-        {
-          label: '身份证读卡器',
-          align: 'center',
-          render: (h, scope) => {
-            return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
+        ],
+        column: this.qlrCommonTable
+      }
+    },
+    watch: {
+      tableData: {
+        handler: function (val, oldVal) {
+          let that = this
+          if (val.length == 0 || !val) {
+            that.tableDataList = _.cloneDeep([{
+              sqrmc: '',
+              dlrzjlx: '',
+              dlrzjh: '',
+              fr: ''
+            }])
+          } else {
+            that.tableDataList = _.cloneDeep(val)
           }
         },
-        {
-          prop: "cyxm",
-          label: "成员姓名"
-        },
-        {
-          prop: "sfzhm",
-          label: "身份证号码"
-        },
-        {
-          prop: "dh",
-          label: "联系电话"
-        },
-        {
-          label: '修改',
-          render: (h, scope) => {
-            return (
-              <div>
-                {
-                  this.$route.query.viewtype == 1 ? <el-button
-                    icon="el-icon-view"
-                    type="text"
-                    onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
-                      icon="el-icon-edit-outline"
-                      type="text"
-                      onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
-                }
-              </div>
-            )
-          }
-        }
-      ],
-      column: this.qlrCommonTable
-    }
-  },
-  watch: {
-    tableData: {
-      handler: function (val, oldVal) {
-        let that = this
-        if (val.length == 0 || !val) {
-          that.tableDataList = _.cloneDeep([{
-            sqrmc: '',
-            dlrzjlx: '',
-            dlrzjh: '',
-            fr: ''
-          }])
-        } else {
-          that.tableDataList = _.cloneDeep(val)
-        }
+        immediate: true,
+        deep: true
       },
-      immediate: true,
-      deep: true
+      gyfs: {
+        handler (newVal, oldValue) {
+          let dataList = _.cloneDeep(this.qlrCommonTable)
+          if (newVal == '1') {
+            this.column = _.cloneDeep(dataList).slice(1, dataList.length)
+          } else {
+            this.column = dataList
+          }
+        },
+        immediate: true
+      }
     },
-    gyfs: {
-      handler (newVal, oldValue) {
-        let dataList = _.cloneDeep(this.qlrCommonTable)
-        if (newVal == '1') {
-          this.column = _.cloneDeep(dataList).slice(1, dataList.length)
-        } else {
-          this.column = dataList
-        }
+    methods: {
+      updateDetail (value) {
+        this.tableDataList[this.dataIndex] = value
+        this.key++
+        this.$emit('upDateJtcyList', this.tableDataList)
       },
-      immediate: true
-    }
-  },
-  methods: {
-    updateDetail (value) {
-      this.tableDataList[this.dataIndex] = value
-      this.key++
-      this.$emit('upDateJtcyList', this.tableDataList)
-    },
-    
-    // 新增
-    addClick () {
-      this.dialog = true
-    },
 
-    // 删除
-    deleClick (index, row) {
-      this.tableData.splice(index, 1)
-    },
+      // 新增
+      addClick () {
+        this.dialog = true
+      },
+
+      // 删除
+      deleClick (index, row) {
+        this.tableData.splice(index, 1)
+      },
 
-    // 身份证读取
-    readClick () { },
+      // 身份证读取
+      readClick () { },
 
-    // 修改
-    editClick (index, row) {
-      console.log(row, 'rowrowrowrowrow');
-      this.dataIndex = index
-      this.dialog = true
-      this.details = row
-    },
+      // 修改
+      editClick (index, row) {
+        console.log(row, 'rowrowrowrowrow');
+        this.dataIndex = index
+        this.dialog = true
+        this.details = row
+      },
 
-    queryViewClick () {
-      this.dialog = true
+      queryViewClick () {
+        this.dialog = true
+      }
     }
   }
-}
 </script>
 <style scoped lang='scss'>
-
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:28
+-->
 <template>
   <dialogBox title="家庭成员信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
     @closeDialog="closeDialog">
@@ -101,105 +106,105 @@
   </dialogBox>
 </template>
 <script>
-import { mapGetters } from 'vuex'
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-    details: { type: Object, default: {} }
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  data () {
-    return {
-      myValue: this.value,
-      jtgx: [
-        {value:'0',label:'本人或户主'},
-        {value:'1',label:'配偶'},
-        {value:'2',label:'子'},
-        {value:'3',label:'女'},
-        {value:'4',label:'子孙、孙女、外孙子、外孙女'},
-        {value:'5',label:'父母'},
-        {value:'6',label:'祖父母、外祖父母'},
-        {value:'7',label:'兄、弟、姐、妹'},
-        {value:'8',label:'其他'},
-      ],
-      ruleForm: {
-        qlrlx: '',
-        sqrmc: '',
-        zjzl: '',
-        zjh: '',
-        dh: '',
-        xb: '',
-        frmc: '',
-        gjdq: '',
-        szss: '',
-        dz: '',
-        yb: '',
-        fzjg: '',
-        dzyj: '',
-        qlbl: '',
-        gzdw: '',
-        dljg: '',
-        dlrxm: '',
-        dlrzjlx: '',
-        dlrzjh: ''
-      },
-      rules: {
-        qlrlx: [
-          { required: true, message: '权利人类型', trigger: 'change' }
-        ],
-        sqrmc: [
-          { required: true, message: '姓名/名称', trigger: 'blur' }
-        ],
-        zjzl: [
-          { required: true, message: '证件种类', trigger: 'change' }
+  import { mapGetters } from 'vuex'
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+      details: { type: Object, default: {} }
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    data () {
+      return {
+        myValue: this.value,
+        jtgx: [
+          { value: '0', label: '本人或户主' },
+          { value: '1', label: '配偶' },
+          { value: '2', label: '子' },
+          { value: '3', label: '女' },
+          { value: '4', label: '子孙、孙女、外孙子、外孙女' },
+          { value: '5', label: '父母' },
+          { value: '6', label: '祖父母、外祖父母' },
+          { value: '7', label: '兄、弟、姐、妹' },
+          { value: '8', label: '其他' },
         ],
-        zjh: [
-          { required: true, message: '证件号', trigger: 'blur' }
-        ]
+        ruleForm: {
+          qlrlx: '',
+          sqrmc: '',
+          zjzl: '',
+          zjh: '',
+          dh: '',
+          xb: '',
+          frmc: '',
+          gjdq: '',
+          szss: '',
+          dz: '',
+          yb: '',
+          fzjg: '',
+          dzyj: '',
+          qlbl: '',
+          gzdw: '',
+          dljg: '',
+          dlrxm: '',
+          dlrzjlx: '',
+          dlrzjh: ''
+        },
+        rules: {
+          qlrlx: [
+            { required: true, message: '权利人类型', trigger: 'change' }
+          ],
+          sqrmc: [
+            { required: true, message: '姓名/名称', trigger: 'blur' }
+          ],
+          zjzl: [
+            { required: true, message: '证件种类', trigger: 'change' }
+          ],
+          zjh: [
+            { required: true, message: '证件号', trigger: 'blur' }
+          ]
+        }
       }
-    }
-  },
-  watch: {
-    value (val) {
-      this.myValue = _.cloneDeep(val)
     },
-    details: {
-      handler: function (val, oldVal) {
-        this.ruleForm = val
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val)
       },
-      deep: true
-    }
-  },
-  methods: {
-    closeDialog () {
-      this.$emit("input", false);
-      this.$refs['ruleForm'].resetFields();
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val
+        },
+        deep: true
+      }
     },
-    submitForm () {
-      this.$emit("input", false);
-      this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
-      // this.$refs['ruleForm'].validate((valid) => {
-      //   if (valid) {
-      //     this.$message({
-      //       message: '修改成功!',
-      //       type: 'success'
-      //     })
+    methods: {
+      closeDialog () {
+        this.$emit("input", false);
+        this.$refs['ruleForm'].resetFields();
+      },
+      submitForm () {
+        this.$emit("input", false);
+        this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+        // this.$refs['ruleForm'].validate((valid) => {
+        //   if (valid) {
+        //     this.$message({
+        //       message: '修改成功!',
+        //       type: 'success'
+        //     })
 
-      //   } else {
-      //     this.$message.error('请完善必填项');
-      //   }
-      // })
+        //   } else {
+        //     this.$message.error('请完善必填项');
+        //   }
+        // })
+      }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:48
+-->
 <template>
   <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
   </lb-table>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:46
+-->
 <template>
   <div class="clxx">
     <div class="left">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:38
+-->
 <template>
   <div class="clxx">
     <div class="right">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:47
+-->
 <template>
   <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
     @closeDialog="closeDialog" :isButton="showButton">
@@ -138,83 +143,83 @@
   </dialogBox>
 </template>
 <script>
-import { mapGetters } from "vuex";
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-    details: { type: Object, default: {} },
-    showButton: {type: Boolean, default: false}
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  data () {
-    return {
-      myValue: this.value,
-      ruleForm: {
-        sqrlx: "",
-        sqrmc: "",
-        zjzl: "",
-        zjh: "",
-        dh: "",
-        xb: "",
-        frmc: "",
-        gjdq: "",
-        szss: "",
-        txdz: "",
-        yb: "",
-        fzjg: "",
-        dzyj: "",
-        qlbl: "",
-        gzdw: "",
-        dljg: "",
-        dlrxm: "",
-        dlrzjlx: "",
-        dlrzjh: "",
+  import { mapGetters } from "vuex";
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+      details: { type: Object, default: {} },
+      showButton: { type: Boolean, default: false }
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          sqrlx: "",
+          sqrmc: "",
+          zjzl: "",
+          zjh: "",
+          dh: "",
+          xb: "",
+          frmc: "",
+          gjdq: "",
+          szss: "",
+          txdz: "",
+          yb: "",
+          fzjg: "",
+          dzyj: "",
+          qlbl: "",
+          gzdw: "",
+          dljg: "",
+          dlrxm: "",
+          dlrzjlx: "",
+          dlrzjh: "",
+        },
+        rules: {
+          sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
+          sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
+          zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
+          zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+        },
+      };
+    },
+    watch: {
+      value (val) {
+        this.myValue = _.cloneDeep(val);
       },
-      rules: {
-        sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
-        sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
-        zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
-        zjh: [{ required: true, message: "证件号", trigger: "blur" }],
+      details: {
+        handler: function (val, oldVal) {
+          this.ruleForm = val;
+        },
+        deep: true,
       },
-    };
-  },
-  watch: {
-    value (val) {
-      this.myValue = _.cloneDeep(val);
     },
-    details: {
-      handler: function (val, oldVal) {
-        this.ruleForm = val;
+    methods: {
+      closeDialog () {
+        this.$emit("input", false);
+        this.$refs["ruleForm"].resetFields();
+      },
+      submitForm () {
+        this.$refs.ruleForm.validate((valid) => {
+          if (valid) {
+            this.$emit("input", false);
+            this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
+          } else {
+            return false;
+          }
+        });
       },
-      deep: true,
-    },
-  },
-  methods: {
-    closeDialog () {
-      this.$emit("input", false);
-      this.$refs["ruleForm"].resetFields();
-    },
-    submitForm () {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          this.$emit("input", false);
-          this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
-        } else {
-          return false;
-        }
-      });
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/dialogBoxheader.scss";
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  @import "~@/styles/dialogBoxheader.scss";
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:57
+-->
 <template>
   <div class="clmlmx-box">
     <div class="title">申请材料目录</div>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:02
+-->
 <template>
   <div>
     <el-button type="primary" native-type="submit" @click="openDialog">新增常用</el-button>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:09
+-->
 <template>
   <div>
     <div class="zsdy-content loadingtext">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:19
+-->
 <template>
   <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
     <el-row>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:23
+-->
 <template>
   <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px">
     <!-- 表单部分 -->
@@ -11,147 +16,147 @@
 </template>
 
 <script>
-import { datas } from "../../javascript/zsyl.js";
-import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js"
-export default {
-  name: "zsyl",
-  components: {
-  },
-  props: {
-    formData: {
-      type: Object,
-      default: {}
-    }
-  },
-  data () {
-    return {
-      loading: false,
-      //印刷序列号集合
-      ysxlh: [],
-      //列名称对象
-      columns: [],
-      //选择的不动产权证文件
-      bdcqz: '',
-      //证书打开类型 是否需要展示打印按钮
-      isToPrint: false,
-      //tab切换栏数组
-      headTabBdcqz: [],
-      //tab选择绑定值
-      activeName: '',
-      //证书图片预览
-      previewImage: '',
-      ruleForm: {
-        bsmBdcqz: '',
-        szmc: '不动产权证书',
-        bdcqzlx: '',
-        szzh: '',
-        ysxlh: '',
-      },
-    }
-  },
-  mounted () {
-    this.columns = datas.columns();
-    if (this.formData.bdcqz) {
-      //从缮证进入
-      this.bdcqz = this.formData.bdcqz
-    } else {
-      //从按钮进入
-      this.getHeadTabBdcqz();
-    }
-  },
-  methods: {
-    //获取证书内容
-    getRowValue (code) {
-      var value = this.bdcqz[code];
-      return value;
+  import { datas } from "../../javascript/zsyl.js";
+  import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js"
+  export default {
+    name: "zsyl",
+    components: {
     },
-    //获取受理申请下全部不动产权证
-    getHeadTabBdcqz () {
-      this.loading = true
-      getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
-        if (res.code == 200) {
-          if (res.result && res.result.length > 0) {
-            this.activeName = res.result[0].bsmBdcqz
-            this.bdcqz = res.result[0]
-            this.headTabBdcqz = res.result
-            this.getBdcqzPreview();
-          } else {
-            this.loading = false
-          }
-        }
-
-      })
+    props: {
+      formData: {
+        type: Object,
+        default: {}
+      }
     },
-    //tab表头切换方法
-    handleClick (e) {
-      this.bdcqz = this.headTabBdcqz[e.index - 0]
-      this.activeName = this.headTabBdcqz.bsmBdcqz
-      this.getBdcqzPreview();
+    data () {
+      return {
+        loading: false,
+        //印刷序列号集合
+        ysxlh: [],
+        //列名称对象
+        columns: [],
+        //选择的不动产权证文件
+        bdcqz: '',
+        //证书打开类型 是否需要展示打印按钮
+        isToPrint: false,
+        //tab切换栏数组
+        headTabBdcqz: [],
+        //tab选择绑定值
+        activeName: '',
+        //证书图片预览
+        previewImage: '',
+        ruleForm: {
+          bsmBdcqz: '',
+          szmc: '不动产权证书',
+          bdcqzlx: '',
+          szzh: '',
+          ysxlh: '',
+        },
+      }
     },
-    getBdcqzPreview () {
-      bdcqzPreview(this.bdcqz).then(res => {
-        this.loading = false
-        let blob = new Blob([res]);
-        let url = window.URL.createObjectURL(blob);
-        this.previewImage = url;
-      })
+    mounted () {
+      this.columns = datas.columns();
+      if (this.formData.bdcqz) {
+        //从缮证进入
+        this.bdcqz = this.formData.bdcqz
+      } else {
+        //从按钮进入
+        this.getHeadTabBdcqz();
+      }
     },
+    methods: {
+      //获取证书内容
+      getRowValue (code) {
+        var value = this.bdcqz[code];
+        return value;
+      },
+      //获取受理申请下全部不动产权证
+      getHeadTabBdcqz () {
+        this.loading = true
+        getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
+          if (res.code == 200) {
+            if (res.result && res.result.length > 0) {
+              this.activeName = res.result[0].bsmBdcqz
+              this.bdcqz = res.result[0]
+              this.headTabBdcqz = res.result
+              this.getBdcqzPreview();
+            } else {
+              this.loading = false
+            }
+          }
+
+        })
+      },
+      //tab表头切换方法
+      handleClick (e) {
+        this.bdcqz = this.headTabBdcqz[e.index - 0]
+        this.activeName = this.headTabBdcqz.bsmBdcqz
+        this.getBdcqzPreview();
+      },
+      getBdcqzPreview () {
+        bdcqzPreview(this.bdcqz).then(res => {
+          this.loading = false
+          let blob = new Blob([res]);
+          let url = window.URL.createObjectURL(blob);
+          this.previewImage = url;
+        })
+      },
+    }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.imgClass {
-  display: inline-block;
-  height: auto;
-  max-width: 100%;
-}
+  .imgClass {
+    display: inline-block;
+    height: auto;
+    max-width: 100%;
+  }
 
-.middle_padding {
-  padding-bottom: 10px;
-}
+  .middle_padding {
+    padding-bottom: 10px;
+  }
 
-.zsyl-button {
-  text-align: center;
-  margin-top: 20px;
+  .zsyl-button {
+    text-align: center;
+    margin-top: 20px;
 
-  .operation_button {
-    width: 100px;
-    border: 1px solid rgb(0, 121, 254);
-  }
+    .operation_button {
+      width: 100px;
+      border: 1px solid rgb(0, 121, 254);
+    }
 
-  .dy-button {
-    color: white;
-    background-color: rgb(0, 121, 254);
+    .dy-button {
+      color: white;
+      background-color: rgb(0, 121, 254);
+    }
   }
-}
 
-.table-column {
-  border-spacing: 1px;
-  width: 100%;
+  .table-column {
+    border-spacing: 1px;
+    width: 100%;
 
-  tr td {
-    border: 1px solid #ccc;
-    text-align: center;
-    height: 40px;
-    padding: 4px;
-    font-size: 13px;
-    background: rgb(251, 249, 229);
+    tr td {
+      border: 1px solid #ccc;
+      text-align: center;
+      height: 40px;
+      padding: 4px;
+      font-size: 13px;
+      background: rgb(251, 249, 229);
+    }
   }
-}
 
-.zsyl-title {
-  background: #FAFBE5;
-  text-align: center;
-  padding: 5px 0px;
-  font-size: 20px;
-}
+  .zsyl-title {
+    background: #fafbe5;
+    text-align: center;
+    padding: 5px 0px;
+    font-size: 20px;
+  }
 
-.no-data {
-  font-size: 18px;
-  display: flex;
-  text-align: center;
-  justify-content: center;
-}
+  .no-data {
+    font-size: 18px;
+    display: flex;
+    text-align: center;
+    justify-content: center;
+  }
 </style>

 <!--
-  功能：流程图
-  作者：calliope
+ * @Description: 功能：流程图
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:40:57
 -->
 <template>
   <div class='flowChart'>
@@ -9,19 +10,19 @@
 </template>
 <script>
 
-export default {
-  props: {
-    formData: {
-      type: String,
-      default: ''
+  export default {
+    props: {
+      formData: {
+        type: String,
+        default: ''
+      }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.flowChart {
-  margin: 20px 0;
-}
+  .flowChart {
+    margin: 20px 0;
+  }
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:15
+-->
 <template>
   <div>
     <div class="process-viewer">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:20
+-->
 <template>
   <div>
     <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"

 <!--
-  功能：审批意见
-  作者：calliope
+ * @Description: 功能：审批意见
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:24
 -->
 <template>
   <div class='spyj loadingtext'>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:35
+-->
 <template>
   <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
   </lb-table>
 </template>
 <script>
-import addQlr from './dialog/addQlr.vue'
-import { mapGetters } from 'vuex'
-export default {
-  components: {
-    addQlr
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  props: {
-    tableData: {
-      type: Array,
-      default: function () {
-        return []
+  import addQlr from './dialog/addQlr.vue'
+  import { mapGetters } from 'vuex'
+  export default {
+    components: {
+      addQlr
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
+    },
+    props: {
+      tableData: {
+        type: Array,
+        default: function () {
+          return []
+        }
+      },
+      gyfs: {
+        type: String,
+        default: '1'
       }
     },
-    gyfs: {
-      type: String,
-      default: '1'
-    }
-  },
-  data () {
-    return {
-      key: 0,
-      dataIndex: 0,
-      dialog: false,
-      details: {},
-      tableDataList: [],
-      qlrCommonTable: [
-        {
-          width: '50',
-          renderHeader: (h, scope) => {
-            return <div> {
-              this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
+    data () {
+      return {
+        key: 0,
+        dataIndex: 0,
+        dialog: false,
+        details: {},
+        tableDataList: [],
+        qlrCommonTable: [
+          {
+            width: '50',
+            renderHeader: (h, scope) => {
+              return <div> {
+                this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
+              }
+              </div>
+            },
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
+                      <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
+                  }
+                </div>
+              )
             }
-            </div>
           },
-          render: (h, scope) => {
-            return (
-              <div>
-                {
-                  this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
-                    <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
-                }
-              </div>
-            )
+          {
+            prop: "sqrmc",
+            label: "姓名/名称"
+          },
+          {
+            prop: "zjzl",
+            label: "证件种类"
+          },
+          {
+            prop: "zjh",
+            label: "证件号"
+          },
+          {
+            prop: "dh",
+            label: "联系电话"
+          },
+          {
+            prop: "frmc",
+            label: "法人"
+          },
+          {
+            label: '操作',
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button>
+                  }
+                </div>
+              )
+            }
           }
-        },
-        {
-          prop: "sqrmc",
-          label: "姓名/名称"
-        },
-        {
-          prop: "zjzl",
-          label: "证件种类"
-        },
-        {
-          prop: "zjh",
-          label: "证件号"
-        },
-        {
-          prop: "dh",
-          label: "联系电话"
-        },
-        {
-          prop: "frmc",
-          label: "法人"
-        },
-        {
-          label: '操作',
-          render: (h, scope) => {
-            return (
-              <div>
-                {
-                  <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button>
-                }
-              </div>
-            )
+        ],
+        column: this.qlrCommonTable
+      }
+    },
+    watch: {
+      tableData: {
+        handler: function (val, oldVal) {
+          let that = this
+          if (val.length == 0 || !val) {
+            that.tableDataList = _.cloneDeep([{
+              sqrmc: '',
+              dlrzjlx: '',
+              dlrzjh: '',
+              fr: ''
+            }])
+          } else {
+            that.tableDataList = _.cloneDeep(val)
           }
-        }
-      ],
-      column: this.qlrCommonTable
-    }
-  },
-  watch: {
-    tableData: {
-      handler: function (val, oldVal) {
-        let that = this
-        if (val.length == 0 || !val) {
-          that.tableDataList = _.cloneDeep([{
-            sqrmc: '',
-            dlrzjlx: '',
-            dlrzjh: '',
-            fr: ''
-          }])
-        } else {
-          that.tableDataList = _.cloneDeep(val)
-        }
+        },
+        immediate: true,
+        deep: true
       },
-      immediate: true,
-      deep: true
+      gyfs: {
+        handler (newVal, oldValue) {
+          let dataList = _.cloneDeep(this.qlrCommonTable)
+          if (newVal == '1') {
+            this.column = _.cloneDeep(dataList).slice(1, dataList.length)
+          } else if ((newVal == '2')) {
+            this.column = dataList
+          } else {
+            this.column = _.cloneDeep(dataList)
+            this.column.splice(
+              2, 0, {
+              prop: "fs",
+              label: "份数"
+            })
+          }
+        },
+        immediate: true
+      }
     },
-    gyfs: {
-      handler (newVal, oldValue) {
-        let dataList = _.cloneDeep(this.qlrCommonTable)
-        if (newVal == '1') {
-          this.column = _.cloneDeep(dataList).slice(1, dataList.length)
-        } else if ((newVal == '2')) {
-          this.column = dataList
-        } else {
-          this.column = _.cloneDeep(dataList)
-          this.column.splice(
-            2, 0, {
-            prop: "fs",
-            label: "份数"
-          })
-        }
+    methods: {
+      updateDetail (value) {
+        this.tableDataList[this.dataIndex] = value
+        this.key++
+        this.$emit('upDateQlrxxList', this.tableDataList)
       },
-      immediate: true
-    }
-  },
-  methods: {
-    updateDetail (value) {
-      this.tableDataList[this.dataIndex] = value
-      this.key++
-      this.$emit('upDateQlrxxList', this.tableDataList)
-    },
-    // 添加
-    handleAdd () {
-      this.dialog = true
-    },
-    // 减
-    handleMinus (index, row) {
-      this.tableData.splice(index, 1)
-    },
-    // 身份证读取
-    readClick () { },
-    // 修改
-    handleEdit (index, row) {
-      console.log(row, 'rowrowrowrowrow');
-      this.dataIndex = index
-      this.dialog = true
-      this.details = row
-    },
-    handleView () {
-      this.dialog = true
+      // 添加
+      handleAdd () {
+        this.dialog = true
+      },
+      // 减
+      handleMinus (index, row) {
+        this.tableData.splice(index, 1)
+      },
+      // 身份证读取
+      readClick () { },
+      // 修改
+      handleEdit (index, row) {
+        console.log(row, 'rowrowrowrowrow');
+        this.dataIndex = index
+        this.dialog = true
+        this.details = row
+      },
+      handleView () {
+        this.dialog = true
+      }
     }
   }
-}
 </script>
 <style scoped lang='scss'>
-
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:45
+-->
 <template>
   <div class="from-clues">
     <div class="invalid-title">
@@ -9,77 +14,74 @@
       v-model="stopMessage"
       placeholder="请输入终止原因"
       type="textarea"
-      :rows="4"
-    ></el-input>
+      :rows="4"></el-input>
     <el-button style="float: right">取消</el-button>
-    <el-button type="primary" @click="onSubmit" style="float: right"
-      >退件</el-button
-    >
+    <el-button type="primary" @click="onSubmit" style="float: right">退件</el-button>
   </div>
 </template>
 
 <script>
-import { stopTask } from "@/api/fqsq.js";
-export default {
-  props: {
-    formData: {
-      type: Object,
-      default: {},
+  import { stopTask } from "@/api/fqsq.js";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: {},
+      },
     },
-  },
-  data() {
-    return {
-      stopMessage: "",
-    };
-  },
-  methods: {
-    onSubmit() {
-      stopTask({
-        bsmSlsq: this.formData.bsmSlsq,
-        bestepid: this.formData.bestepid,
-        stopMessage: this.stopMessage,
-      }).then((res) => {
-        this.$message.success("终止成功");
-        setTimeout(() => {
-          // window.opener.location.reload(); //刷新父窗口
-          if (window.opener && window.opener.getBpageList) {
-            window.opener.getBpageList();
-          } else {
-            window.opener.frames[0].getBpageList();
-          }
-          window.close();
-          this.$emit("input", false);
-        }, 1000);
-      });
+    data () {
+      return {
+        stopMessage: "",
+      };
     },
-  },
-};
+    methods: {
+      onSubmit () {
+        stopTask({
+          bsmSlsq: this.formData.bsmSlsq,
+          bestepid: this.formData.bestepid,
+          stopMessage: this.stopMessage,
+        }).then((res) => {
+          this.$message.success("终止成功");
+          setTimeout(() => {
+            // window.opener.location.reload(); //刷新父窗口
+            if (window.opener && window.opener.getBpageList) {
+              window.opener.getBpageList();
+            } else {
+              window.opener.frames[0].getBpageList();
+            }
+            window.close();
+            this.$emit("input", false);
+          }, 1000);
+        });
+      },
+    },
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-.invalid-title {
-  display: flex;
-  align-content: center;
+  @import "~@/styles/mixin.scss";
+  .invalid-title {
+    display: flex;
+    align-content: center;
+
+    .invalid-icon {
+      color: rgb(254, 148, 0);
+      font-size: 34px;
+      margin-right: 10px;
+    }
 
-  .invalid-icon {
-    color: rgb(254, 148, 0);
-    font-size: 34px;
-    margin-right: 10px;
+    .invalid-body {
+      line-height: 40px;
+      margin-bottom: 10px;
+    }
   }
 
-  .invalid-body {
-    line-height: 40px;
+  .invalid-reson {
     margin-bottom: 10px;
   }
-}
 
-.invalid-reson {
-  margin-bottom: 10px;
-}
-
-.dialog-footer {
-  margin-top: 10px;
-  display: flex;
-  justify-content: flex-end;
-}
+  .dialog-footer {
+    margin-top: 10px;
+    display: flex;
+    justify-content: flex-end;
+  }
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:49
+-->
 <template>
   <div class="szxx">
     <el-card class="box-card" v-for="(item, index) in tableData" :key="index">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:41:57
+-->
 <template>
   <div class="from-clues">
     <!-- 表单部分 -->
@@ -9,14 +14,12 @@
             v-for="(item, index) in dataList"
             class="listDetail"
             :key="index"
-            @click="changeSelectItem(item)"
-          >
+            @click="changeSelectItem(item)">
             <p class="icon">
               <el-radio
                 v-model="selectActivity"
                 :label="item.activityId"
-                @change="changeSelectItem(item)"
-              ></el-radio>
+                @change="changeSelectItem(item)"></el-radio>
             </p>
             <p>{{ item.activityName }}</p>
             <p v-for="(child, childIndex) in item.userInfos" :key="childIndex">
@@ -30,8 +33,7 @@
             class="textArea"
             type="textarea"
             v-model="outstepopinion"
-            placeholder="请输入退回意见"
-          ></el-input>
+            placeholder="请输入退回意见"></el-input>
         </el-form-item>
         <el-form-item>
           <el-button style="float:right" @click="cancelBack">取消</el-button>
@@ -44,104 +46,104 @@
 
 <script>
 
-import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
-import { popupCacel } from "@/utils/popup.js";
+  import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
+  import { popupCacel } from "@/utils/popup.js";
 
-export default {
-  props: {
-    formData: {
-      type: Object,
-      default: {},
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: {},
+      },
     },
-  },
-  data() {
-    return {
-      selectActivity: "",
-      dataList: [],
-      outstepopinion: "",
-      selectItem: {},
-    };
-  },
-  created() {
-    this.getBackNode();
-  },
-  methods: {
-    onSubmit() {
-      this.selectItem.outstepopinion = this.outstepopinion;
-      sendBackTask({
-        bsmSlsq: this.formData.bsmSlsq,
-        backNodeList: [this.selectItem],
-      }).then((res) => {
-        this.$message.success("退回成功");
-        setTimeout(() => {
-          // window.opener.location.reload(); //刷新父窗口
-          if (window.opener && window.opener.getBpageList) {
-            window.opener.getBpageList();
-          } else {
-            window.opener.frames[0].getBpageList();
-          }
-          window.close();
-          this.$emit("input", false);
-        }, 1000);
-      });
+    data () {
+      return {
+        selectActivity: "",
+        dataList: [],
+        outstepopinion: "",
+        selectItem: {},
+      };
     },
-    changeSelectItem(item) {
-      this.selectItem = item;
-      this.selectActivity = item.activityId;
+    created () {
+      this.getBackNode();
     },
-    //获取可回退环节信息
-    getBackNode() {
-      getTaskBackNode(this.formData).then((res) => {
-        if (res.code == 200) {
-          this.dataList = res.result;
-          if (res.result) {
-            this.selectActivity = res.result[0].activityId;
-            this.selectItem = res.result[0];
+    methods: {
+      onSubmit () {
+        this.selectItem.outstepopinion = this.outstepopinion;
+        sendBackTask({
+          bsmSlsq: this.formData.bsmSlsq,
+          backNodeList: [this.selectItem],
+        }).then((res) => {
+          this.$message.success("退回成功");
+          setTimeout(() => {
+            // window.opener.location.reload(); //刷新父窗口
+            if (window.opener && window.opener.getBpageList) {
+              window.opener.getBpageList();
+            } else {
+              window.opener.frames[0].getBpageList();
+            }
+            window.close();
+            this.$emit("input", false);
+          }, 1000);
+        });
+      },
+      changeSelectItem (item) {
+        this.selectItem = item;
+        this.selectActivity = item.activityId;
+      },
+      //获取可回退环节信息
+      getBackNode () {
+        getTaskBackNode(this.formData).then((res) => {
+          if (res.code == 200) {
+            this.dataList = res.result;
+            if (res.result) {
+              this.selectActivity = res.result[0].activityId;
+              this.selectItem = res.result[0];
+            }
           }
-        }
-      });
-    },
+        });
+      },
 
-    cancelBack(){
-      popupCacel();
+      cancelBack () {
+        popupCacel();
+      }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-
-.listDetail {
-  display: flex;
-  align-items: center;
-  width: 100%;
+  @import "~@/styles/mixin.scss";
 
-  p {
-    line-height: 30px;
-    height: 30px;
-    @include flex-center;
-    flex: 1;
+  .listDetail {
+    display: flex;
+    align-items: center;
     width: 100%;
-    border: 1px solid rgb(233, 235, 237);
-    margin-top: -1px;
-    margin-left: -1px;
-  }
 
-  .icon {
-    flex: 0 0 60px;
+    p {
+      line-height: 30px;
+      height: 30px;
+      @include flex-center;
+      flex: 1;
+      width: 100%;
+      border: 1px solid rgb(233, 235, 237);
+      margin-top: -1px;
+      margin-left: -1px;
+    }
+
+    .icon {
+      flex: 0 0 60px;
+    }
   }
-}
 
-.title {
-  margin-bottom: 10px;
-}
+  .title {
+    margin-bottom: 10px;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
+  }
+  /deep/.el-radio .el-radio__label {
+    display: none;
   }
-}
-/deep/.el-radio .el-radio__label {
-  display: none;
-}
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:01
+-->
 <template>
   <dialogBox title="转出" @submitForm="submitForm" saveButton="确认转出" width="45%" height='30%' @closeDialog="closeDialog"
     v-model="value">
@@ -19,50 +24,50 @@
 </template>
 
 <script>
-import { completeTask, getNextLinkInfo } from "@/api/fqsq.js"
-export default {
-  components: {
-  },
-  props: {
-    value: { type: Boolean, default: false },
-    queryForm: { type: Object, default: false }
-  },
-  data () {
-    return {
-      tableData: {},
-      usernames: '',
-    }
-  },
-  methods: {
-    tablelistFn () {
-      getNextLinkInfo(this.queryForm).then(res => {
-        if (res.code === 200) {
-          this.tableData = res.result
-          if (res.result.usernames) {
-            this.usernames = String(res.result.usernames)
-          }
-        }
-      })
+  import { completeTask, getNextLinkInfo } from "@/api/fqsq.js"
+  export default {
+    components: {
     },
-    submitForm () {
-      completeTask(this.queryForm).then(res => {
-        if (res.code === 200) {
-          this.$message.success('转件成功')
-          setTimeout(() => {
-            window.opener = null;
-            window.open("about:blank", "_self");
-            window.close();
-            this.$emit('input', false)
-          }, 1000);
-        }
-      })
+    props: {
+      value: { type: Boolean, default: false },
+      queryForm: { type: Object, default: false }
     },
-    closeDialog () {
-      this.$emit("input", false);
+    data () {
+      return {
+        tableData: {},
+        usernames: '',
+      }
     },
+    methods: {
+      tablelistFn () {
+        getNextLinkInfo(this.queryForm).then(res => {
+          if (res.code === 200) {
+            this.tableData = res.result
+            if (res.result.usernames) {
+              this.usernames = String(res.result.usernames)
+            }
+          }
+        })
+      },
+      submitForm () {
+        completeTask(this.queryForm).then(res => {
+          if (res.code === 200) {
+            this.$message.success('转件成功')
+            setTimeout(() => {
+              window.opener = null;
+              window.open("about:blank", "_self");
+              window.close();
+              this.$emit('input', false)
+            }, 1000);
+          }
+        })
+      },
+      closeDialog () {
+        this.$emit("input", false);
+      },
+    }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 </style>

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:38:37
+ */
 //流程环节操作按钮
 export function getForm (tabName, djywbm) {
     let form;

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:38:57
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:03
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 
@@ -40,12 +45,12 @@ class data extends filter {
       {
         label: "是否作废",
         render: (h, scope) => {
-            if(scope.row.sfzf == '0'){
-              return <div>否</div>
-            }else{
-              return <div>已作废</div>
-            }
+          if (scope.row.sfzf == '0') {
+            return <div>否</div>
+          } else {
+            return <div>已作废</div>
           }
+        }
       },
       {
         prop: "bz",

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:07
+ */
 import filter from '@/utils/filter.js'
 class data extends filter {
   constructor() {

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:38:46
+ */
 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
 import { getPrintTemplateByCode } from "@/api/system";
 import { getPrintApplicationInfo } from "@/api/fqsq";

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:38:51
+ */
 import { getForm } from "../flowform";
 import { getHomeNoticeList } from "@/api/user.js"
 export default {

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:39:23
+-->
 <template>
   <div class="container">
     <!-- 顶部内容框 -->
@@ -173,11 +178,18 @@
       closeDialog () {
         this.myValue = false;
       },
-      // 更新列表
+      /**
+       * @description: 更新列表
+       * @author: renchao
+       */
       updateDialog () {
         this.loadBdcdylist();
       },
-      // 删除左侧列表
+      /**
+       * @description: 删除左侧列表
+       * @param {*} item
+       * @author: renchao
+       */
       handleDel (item) {
         this.$confirm("确定要删除吗, 是否继续?", "提示", {
           confirmButtonText: "确定",

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:38:24
+-->
 <template>
   <div class="container">
     <!-- 顶部内容框 -->

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:27
+-->
 <template>
   <div>
     <el-row :gutter="20">
-        <el-col :span="12">
-          <el-card class="box-card">
-            <div slot="header" class="clearfix">
-              <span class="font-border">CPU</span>
-            </div>
-            <div class="flex-display">
-              <div class="width-50 font-border">属性</div>
-              <div class="font-border">值</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-50">核心数</div>
-              <div>{{serverData.xtjkCpu.cpuNum}}</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-50">用户使用率</div>
-              <div>{{serverData.xtjkCpu.used}}%</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-50">系统使用率</div>
-              <div>{{serverData.xtjkCpu.sys}}%</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-50">当前空闲率</div>
-              <div>{{serverData.xtjkCpu.free}}%</div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="12">
-          <el-card class="box-card">
-            <div slot="header" class="clearfix">
-              <span class="font-border">内存</span>
-            </div>
-            <div class="flex-display">
-              <div class="width-33 font-border">属性</div>
-              <div class="width-33 font-border">内存</div>
-              <div class="font-border">JVM</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-33">总内存</div>
-              <div class="width-33">{{serverData.xtjkMem.total}}G</div>
-              <div>{{serverData.xtjkJvm.total}}M</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-33">已用内存</div>
-              <div class="width-33">{{serverData.xtjkMem.used}}G</div>
-              <div>{{serverData.xtjkJvm.used}}M</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-33">剩余内存</div>
-              <div class="width-33">{{serverData.xtjkMem.free}}G</div>
-              <div>{{serverData.xtjkJvm.free}}M</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-33">使用率</div>
-              <div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div>
-              <div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div>
-              <div>{{serverData.xtjkJvm.usage}}%</div>
-            </div>
-          </el-card>          
-        </el-col>
+      <el-col :span="12">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span class="font-border">CPU</span>
+          </div>
+          <div class="flex-display">
+            <div class="width-50 font-border">属性</div>
+            <div class="font-border">值</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-50">核心数</div>
+            <div>{{serverData.xtjkCpu.cpuNum}}</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-50">用户使用率</div>
+            <div>{{serverData.xtjkCpu.used}}%</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-50">系统使用率</div>
+            <div>{{serverData.xtjkCpu.sys}}%</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-50">当前空闲率</div>
+            <div>{{serverData.xtjkCpu.free}}%</div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span class="font-border">内存</span>
+          </div>
+          <div class="flex-display">
+            <div class="width-33 font-border">属性</div>
+            <div class="width-33 font-border">内存</div>
+            <div class="font-border">JVM</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-33">总内存</div>
+            <div class="width-33">{{serverData.xtjkMem.total}}G</div>
+            <div>{{serverData.xtjkJvm.total}}M</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-33">已用内存</div>
+            <div class="width-33">{{serverData.xtjkMem.used}}G</div>
+            <div>{{serverData.xtjkJvm.used}}M</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-33">剩余内存</div>
+            <div class="width-33">{{serverData.xtjkMem.free}}G</div>
+            <div>{{serverData.xtjkJvm.free}}M</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-33">使用率</div>
+            <div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div>
+            <div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div>
+            <div>{{serverData.xtjkJvm.usage}}%</div>
+          </div>
+        </el-card>
+      </el-col>
     </el-row>
     <el-row :gutter="20">
-        <el-col :span="24">
-          <el-card class="box-card">
-            <div slot="header" class="clearfix">
-              <span class=" font-border">服务器信息</span>
-            </div>
-            <div class="flex-display">
-              <div class="width-25 font-border">服务器名称</div>
-              <div class="width-25">{{serverData.xtjkSys.computerName}}</div>
-              <div class="width-25 font-border">操作系统</div>
-              <div>{{serverData.xtjkSys.osName}}</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-25 font-border">服务器IP</div>
-              <div class="width-25">{{serverData.xtjkSys.computerIp}}</div>
-              <div class="width-25 font-border">系统架构</div>
-              <div>{{serverData.xtjkSys.osArch}}</div>
-            </div>
-          </el-card>          
-        </el-col>
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span class=" font-border">服务器信息</span>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">服务器名称</div>
+            <div class="width-25">{{serverData.xtjkSys.computerName}}</div>
+            <div class="width-25 font-border">操作系统</div>
+            <div>{{serverData.xtjkSys.osName}}</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">服务器IP</div>
+            <div class="width-25">{{serverData.xtjkSys.computerIp}}</div>
+            <div class="width-25 font-border">系统架构</div>
+            <div>{{serverData.xtjkSys.osArch}}</div>
+          </div>
+        </el-card>
+      </el-col>
     </el-row>
     <el-row :gutter="20">
-        <el-col :span="24">
-          <el-card class="box-card">
-            <div slot="header" class="clearfix">
-              <span class=" font-border">Java虚拟机信息</span>
-            </div>
-             <div class="flex-display">
-              <div class="width-25 font-border">Java名称</div>
-              <div class="width-25">{{serverData.xtjkJvm.name}}</div>
-              <div class="width-25 font-border">Java版本</div>
-              <div>{{serverData.xtjkJvm.version}}</div>
-            </div>
-             <div class="flex-display">
-              <div class="width-25 font-border">启动时间</div>
-              <div class="width-25">{{serverData.xtjkJvm.startTime}}</div>
-              <div class="width-25 font-border">运行时长</div>
-              <div>{{serverData.xtjkJvm.runTime}}</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-25 font-border">安装路径</div>
-              <div>{{serverData.xtjkJvm.home}}</div>
-            </div>
-            <div class="flex-display">
-              <div class="width-25 font-border">项目路径</div>
-              <div>{{serverData.xtjkSys.userDir}}</div>
-            </div>
-          </el-card>          
-        </el-col>
-    </el-row>   
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span class=" font-border">Java虚拟机信息</span>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">Java名称</div>
+            <div class="width-25">{{serverData.xtjkJvm.name}}</div>
+            <div class="width-25 font-border">Java版本</div>
+            <div>{{serverData.xtjkJvm.version}}</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">启动时间</div>
+            <div class="width-25">{{serverData.xtjkJvm.startTime}}</div>
+            <div class="width-25 font-border">运行时长</div>
+            <div>{{serverData.xtjkJvm.runTime}}</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">安装路径</div>
+            <div>{{serverData.xtjkJvm.home}}</div>
+          </div>
+          <div class="flex-display">
+            <div class="width-25 font-border">项目路径</div>
+            <div>{{serverData.xtjkSys.userDir}}</div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
     <el-row :gutter="20">
-        <el-col :span="24">
-          <el-card class="box-card">
-            <div slot="header" class="clearfix">
-              <span  class=" font-border">磁盘信息</span>
-            </div>
-            <div>
-              <el-table :data="serverData.sysFiles" stripe style="width: 100%">
-                <el-table-column prop="dirName" label="盘符路径" width="180"></el-table-column>
-                <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column>
-                <el-table-column prop="typeName" label="盘符类型"></el-table-column>
-                <el-table-column prop="total" label="总大小"></el-table-column>
-                <el-table-column label="可用大小">
-                  <template slot-scope="scope">
-                    <div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div>
-                    <div v-else>{{scope.row.free}}</div>    
-                  </template>
-                </el-table-column>
-                <el-table-column prop="used" label="已用大小"></el-table-column>
-                <el-table-column prop="usage" label="已用百分比"></el-table-column>
-              </el-table>
-            </div>
-          </el-card>          
-        </el-col>
-    </el-row>   
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span class=" font-border">磁盘信息</span>
+          </div>
+          <div>
+            <el-table :data="serverData.sysFiles" stripe style="width: 100%">
+              <el-table-column prop="dirName" label="盘符路径" width="180"></el-table-column>
+              <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column>
+              <el-table-column prop="typeName" label="盘符类型"></el-table-column>
+              <el-table-column prop="total" label="总大小"></el-table-column>
+              <el-table-column label="可用大小">
+                <template slot-scope="scope">
+                  <div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div>
+                  <div v-else>{{scope.row.free}}</div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="used" label="已用大小"></el-table-column>
+              <el-table-column prop="usage" label="已用百分比"></el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script>
-import table from "@/utils/mixin/table"
-import { getServerInfo } from "@/api/xtjk.js"
-export default {
-  name: "zjjk",
-  components: {  },
-  mixins: [table],
-  mounted () {
-    //sendThis(this);
-  },
-  computed: {
-  },
-  data () {
-    return {
-      serverData: {}
-    };
-  },
-  methods: {
-    // 列表渲染接口
-    queryClick () {
-      getServerInfo().then(res => {
-        if (res.code === 200) {
-          this.serverData = res.result
-        }
-      })
+  import table from "@/utils/mixin/table"
+  import { getServerInfo } from "@/api/xtjk.js"
+  export default {
+    name: "zjjk",
+    components: {},
+    mixins: [table],
+    mounted () {
+      //sendThis(this);
     },
-  }
-};
+    computed: {
+    },
+    data () {
+      return {
+        serverData: {}
+      };
+    },
+    methods: {
+      // 列表渲染接口
+      queryClick () {
+        getServerInfo().then(res => {
+          if (res.code === 200) {
+            this.serverData = res.result
+          }
+        })
+      },
+    }
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
-.box-card{
-  margin: 5px 10px 10px 5px;
-}
-.flex-display {
-  display: flex;
-  margin-bottom: 10px;
-  border-bottom: 1px solid #e6ebf5;
-}
-.width-50 {
-  width: 50%;
-  padding-bottom: 10px;
-}
-.width-33 {
-  width: 33%;
-  padding-bottom: 10px;
-}
-.width-25 {
-  width: 25%;
-  padding-bottom: 10px;
-}
-.font-border {
-  font-weight: bolder;
-}
+  @import "~@/styles/public.scss";
+  .box-card {
+    margin: 5px 10px 10px 5px;
+  }
+  .flex-display {
+    display: flex;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #e6ebf5;
+  }
+  .width-50 {
+    width: 50%;
+    padding-bottom: 10px;
+  }
+  .width-33 {
+    width: 33%;
+    padding-bottom: 10px;
+  }
+  .width-25 {
+    width: 25%;
+    padding-bottom: 10px;
+  }
+  .font-border {
+    font-weight: bolder;
+  }
 </style>
 

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:32
+-->
 <template>
   <div class="clxx">
     <div class="left">
@@ -36,472 +41,472 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import clxxAddDialog from "./clxxAddDialog.vue";
-import imagePreview from '@/views/components/imagePreview.vue'
-import {InitClml,saveClml,deleteSjClml,moveClml} from "@/api/clxx.js";
-export default {
-  components: { clxxAddDialog, imagePreview },
-  data () {
-    return {
-      isDialog: false,
-      menuList: [
-        {
-          id: "1",
-          label: "材料目录明细",
-        },
-        {
-          id: "2",
-          label: "材料预览",
-        },
-      ],
-      menuOpen: true,
-      iclass: "itemIcon el-icon-caret-bottom",
-      treeCheckId: "",
-      checkedId: "1",
-      column: [
-        {
-          width: "35",
-          renderHeader: (h, scope) => {
-            return (
-              <i
-                class="el-icon-plus pointer"
-                onClick={() => {
-                  this.handleAdd()
-                }}
-              ></i>
-            );
+  import { mapGetters } from "vuex";
+  import clxxAddDialog from "./clxxAddDialog.vue";
+  import imagePreview from '@/views/components/imagePreview.vue'
+  import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
+  export default {
+    components: { clxxAddDialog, imagePreview },
+    data () {
+      return {
+        isDialog: false,
+        menuList: [
+          {
+            id: "1",
+            label: "材料目录明细",
+          },
+          {
+            id: "2",
+            label: "材料预览",
           },
-          render: (h, scope) => {
-            // 新建的材料,可删除
-            if (scope.row.sfxjcl === "1") {
+        ],
+        menuOpen: true,
+        iclass: "itemIcon el-icon-caret-bottom",
+        treeCheckId: "",
+        checkedId: "1",
+        column: [
+          {
+            width: "35",
+            renderHeader: (h, scope) => {
               return (
                 <i
-                  class="el-icon-minus pointer"
+                  class="el-icon-plus pointer"
                   onClick={() => {
-                    this.handleDelete(scope.$index, scope.row);
+                    this.handleAdd()
                   }}
                 ></i>
               );
-            }
+            },
+            render: (h, scope) => {
+              // 新建的材料,可删除
+              if (scope.row.sfxjcl === "1") {
+                return (
+                  <i
+                    class="el-icon-minus pointer"
+                    onClick={() => {
+                      this.handleDelete(scope.$index, scope.row);
+                    }}
+                  ></i>
+                );
+              }
+            },
           },
-        },
-        {
-          width: "35",
-          label: "序号",
-          type: "index",
-        },
-        {
-          prop: "isrequired",
-          label: "是否必选",
-          width: "50",
-          render: (h, scope) => {
-            if (scope.row.sfxjcl === "1") {
-              return (
-                <div>
-                  <span>可选</span>
-                </div>
-              );
-            }
-            else {
-              return (
-                <div>
-                  <span>必选</span>
-                </div>
-              );
-            }
+          {
+            width: "35",
+            label: "序号",
+            type: "index",
           },
-        },
-        {
-          prop: "sjmc",
-          label: "材料名称",
-        },
-        {
-          prop: "sjlx",
-          label: "材料类型",
-          width: "80",
-          render: (h, scope) => {
-            return (
-              <div>
-                <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
-              </div>
-            );
+          {
+            prop: "isrequired",
+            label: "是否必选",
+            width: "50",
+            render: (h, scope) => {
+              if (scope.row.sfxjcl === "1") {
+                return (
+                  <div>
+                    <span>可选</span>
+                  </div>
+                );
+              }
+              else {
+                return (
+                  <div>
+                    <span>必选</span>
+                  </div>
+                );
+              }
+            },
+          },
+          {
+            prop: "sjmc",
+            label: "材料名称",
           },
-        },
-        {
-          prop: "sjsl",
-          label: "份数",
-          width: "50"
-        },
-        {
-          prop: "smzt",
-          label: "扫描状态",
-          width: "80",
-          render: (h, scope) => {
-            if (scope.row.children.length > 0) {
+          {
+            prop: "sjlx",
+            label: "材料类型",
+            width: "80",
+            render: (h, scope) => {
               return (
                 <div>
-                  <span>已扫描</span>
+                  <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
                 </div>
               );
-            } else {
+            },
+          },
+          {
+            prop: "sjsl",
+            label: "份数",
+            width: "50"
+          },
+          {
+            prop: "smzt",
+            label: "扫描状态",
+            width: "80",
+            render: (h, scope) => {
+              if (scope.row.children.length > 0) {
+                return (
+                  <div>
+                    <span>已扫描</span>
+                  </div>
+                );
+              } else {
+                return (
+                  <div>
+                    <span>未扫描</span>
+                  </div>
+                );
+              }
+            },
+          },
+          {
+            prop: "ys",
+            label: "扫描页数",
+            width: "50"
+          },
+          {
+            label: "操作",
+            width: "80",
+            render: (h, scope) => {
               return (
                 <div>
-                  <span>未扫描</span>
+                  <el-button
+                    type="text"
+                    disabled={scope.$index == 0}
+                    onClick={() => {
+                      this.moveUpward(scope.$index, scope.row);
+                    }}
+                  >
+                    上移
+                  </el-button>
+                  <el-button
+                    type="text"
+                    disabled={scope.$index + 1 == this.tableData.length}
+                    onClick={() => {
+                      this.moveDown(scope.$index, scope.row);
+                    }}
+                  >
+                    下移
+                  </el-button>
                 </div>
               );
-            }
+            },
           },
-        },
-        {
-          prop: "ys",
-          label: "扫描页数",
-          width: "50"
-        },
-        {
-          label: "操作",
-          width: "80",
-          render: (h, scope) => {
-            return (
-              <div>
-                <el-button
-                  type="text"
-                  disabled={scope.$index == 0}
-                  onClick={() => {
-                    this.moveUpward(scope.$index, scope.row);
-                  }}
-                >
-                  上移
-                </el-button>
-                <el-button
-                  type="text"
-                  disabled={scope.$index + 1 == this.tableData.length}
-                  onClick={() => {
-                    this.moveDown(scope.$index, scope.row);
-                  }}
-                >
-                  下移
-                </el-button>
-              </div>
-            );
-          },
-        },
-      ],
-      key: 0,
-      tableData: [],
-      previewImg: {
-        // 收件标识码
-        bsmSj: '',
-        bsmSlsq: this.$parent.bsmSlsq,
-        index: 0,
-        selectedIndex: 0,
-        imgList: [
-          {
-            fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  created () {
-    this.clmlInitList()
-  },
-  methods: {
-    // 材料目录明细初始化
-    clmlInitList () {
-      return new Promise(resolve => {
-        this.unitData = this.$parent.unitData;
-        var formdata = new FormData();
-        formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
-        formdata.append("bsmSlsq", this.$parent.bsmSlsq);
-        clmlInit(formdata).then((res) => {
-          resolve(res.code)
-          if (res.result.result && res.result.result.length > 0) {
-            this.tableData = res.result.result;
-            this.treeCheckId = this.tableData[0].bsmSj;
-            this.title = this.tableData[0].sjmc;
-            this.titleYs = 1;
-            this.titleNum = this.tableData[0].children.length;
-
-            this.previewImg.imgList = this.tableData[0]?.children;
-            this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
-          }
-        })
-      })
-    },
-    updateList (val) {
-      this.tableData.forEach(item => {
-        if (item.bsmSj === val.bsmSj) {
-          item.children = val.children
+        ],
+        key: 0,
+        tableData: [],
+        previewImg: {
+          // 收件标识码
+          bsmSj: '',
+          bsmSlsq: this.$parent.bsmSlsq,
+          index: 0,
+          selectedIndex: 0,
+          imgList: [
+            {
+              fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
+            }
+          ]
         }
-      })
-      this.previewImg.imgList = _.cloneDeep(val.children)
-      if (this.previewImg.index == this.previewImg.imgList.length) {
-        this.previewImg.index = this.previewImg.index - 1
       }
     },
-    // 左侧菜单点击
-    menuClick (item) {
-      this.checkedId = item.id
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-    // 添加材料目录
-    handleAdd () {
-      this.isDialog = true;
+    created () {
+      this.clmlInitList()
     },
-    // 上移
-    moveUpward (index, row) {
-      let obj = {
-        xh: row.xh,
-        bsmSlsq: row.bsmSlsq,
-        moveDirection: "UP",
-      };
-      // 接口待调
-      moveClml(obj).then(async (res) => {
-        if (res.code == 200) {
-          let res = await this.clmlInitList()
-          if (res == 200) this.$message({
-            message: '上移成功',
-            type: 'success'
-          })
-        } else {
-          this.$message.error(res.message);
-        }
-      })
-    },
-    // 下移
-    moveDown (index, row) {
-      let obj = {
-        xh: row.xh,
-        bsmSlsq: row.bsmSlsq,
-        moveDirection: "DOWN",
-      }
-      // 接口待调
-      moveClml(obj).then(async (res) => {
-        if (res.code == 200) {
-          let res = await this.clmlInitList()
-          if (res == 200) this.$message({
-            message: '下移成功',
-            type: 'success'
-          })
-        } else {
-          this.$message.error(res.message);
-        }
-      })
-    },
-    // 新增弹窗保存
-    addSave (data) {
-      let obj = {
-        bsmSlsq: this.$parent.bsmSlsq,
-        isrequired: "1",
-        sjmc: data.clmc,
-        sjsl: 0,
-        smzt: '',
-        ys: 0,
-        sjlx: data.cllx,
-        sfxjcl: "1", // 是否必选
-      };
-      saveClml(obj).then(async (res) => {
-        if (res.code == 200) {
-          let res = await this.clmlInitList()
-          if (res == 200) this.$message({
-            message: "新增成功",
-            type: "success",
+    methods: {
+      // 材料目录明细初始化
+      clmlInitList () {
+        return new Promise(resolve => {
+          this.unitData = this.$parent.unitData;
+          var formdata = new FormData();
+          formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
+          formdata.append("bsmSlsq", this.$parent.bsmSlsq);
+          clmlInit(formdata).then((res) => {
+            resolve(res.code)
+            if (res.result.result && res.result.result.length > 0) {
+              this.tableData = res.result.result;
+              this.treeCheckId = this.tableData[0].bsmSj;
+              this.title = this.tableData[0].sjmc;
+              this.titleYs = 1;
+              this.titleNum = this.tableData[0].children.length;
+
+              this.previewImg.imgList = this.tableData[0]?.children;
+              this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
+            }
           })
+        })
+      },
+      updateList (val) {
+        this.tableData.forEach(item => {
+          if (item.bsmSj === val.bsmSj) {
+            item.children = val.children
+          }
+        })
+        this.previewImg.imgList = _.cloneDeep(val.children)
+        if (this.previewImg.index == this.previewImg.imgList.length) {
+          this.previewImg.index = this.previewImg.index - 1
         }
-      });
-    },
-    // 材料目录删除
-    handleDelete (index, row) {
-      let that = this
-      this.$confirm('此操作将永久删除该 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
+      },
+      // 左侧菜单点击
+      menuClick (item) {
+        this.checkedId = item.id
+      },
+      // 添加材料目录
+      handleAdd () {
+        this.isDialog = true;
+      },
+      // 上移
+      moveUpward (index, row) {
+        let obj = {
+          xh: row.xh,
+          bsmSlsq: row.bsmSlsq,
+          moveDirection: "UP",
+        };
+        // 接口待调
+        moveClml(obj).then(async (res) => {
           if (res.code == 200) {
-            let res = await that.clmlInitList()
-            if (res == 200) that.$message({
-              message: "删除成功",
-              type: "success",
+            let res = await this.clmlInitList()
+            if (res == 200) this.$message({
+              message: '上移成功',
+              type: 'success'
             })
+          } else {
+            this.$message.error(res.message);
           }
         })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
+      },
+      // 下移
+      moveDown (index, row) {
+        let obj = {
+          xh: row.xh,
+          bsmSlsq: row.bsmSlsq,
+          moveDirection: "DOWN",
+        }
+        // 接口待调
+        moveClml(obj).then(async (res) => {
+          if (res.code == 200) {
+            let res = await this.clmlInitList()
+            if (res == 200) this.$message({
+              message: '下移成功',
+              type: 'success'
+            })
+          } else {
+            this.$message.error(res.message);
+          }
         })
-      })
-    },
-    // 材料目录关闭收起
-    iconClick () {
-      this.menuOpen = !this.menuOpen;
-      if (this.menuOpen) {
-        this.iclass = "itemIcon el-icon-caret-bottom close";
-      } else {
-        this.iclass = "itemIcon el-icon-caret-bottom open";
-      }
-    },
-    // 材料目录点击选中
-    treeClick (item) {
-      this.treeCheckId = item.bsmSj;
-      this.previewImg.imgList = item?.children;
-      this.previewImg.bsmSj = item?.bsmSj;
-    },
-    // 小图片点击
-    imgClick (item, index) {
-      this.showImg = item;
-      this.titleYs = index + 1;
-    },
-    // 字典
-    dicStatus (val, code) {
-      let data = this.$store.getters.dictData[code],
-        name = "暂无";
-      if (data) {
-        data.map((item) => {
-          if (item.dcode == val) {
-            name = item.dname;
+      },
+      // 新增弹窗保存
+      addSave (data) {
+        let obj = {
+          bsmSlsq: this.$parent.bsmSlsq,
+          isrequired: "1",
+          sjmc: data.clmc,
+          sjsl: 0,
+          smzt: '',
+          ys: 0,
+          sjlx: data.cllx,
+          sfxjcl: "1", // 是否必选
+        };
+        saveClml(obj).then(async (res) => {
+          if (res.code == 200) {
+            let res = await this.clmlInitList()
+            if (res == 200) this.$message({
+              message: "新增成功",
+              type: "success",
+            })
           }
         });
-        return name;
-      }
+      },
+      // 材料目录删除
+      handleDelete (index, row) {
+        let that = this
+        this.$confirm('此操作将永久删除该 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
+            if (res.code == 200) {
+              let res = await that.clmlInitList()
+              if (res == 200) that.$message({
+                message: "删除成功",
+                type: "success",
+              })
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      },
+      // 材料目录关闭收起
+      iconClick () {
+        this.menuOpen = !this.menuOpen;
+        if (this.menuOpen) {
+          this.iclass = "itemIcon el-icon-caret-bottom close";
+        } else {
+          this.iclass = "itemIcon el-icon-caret-bottom open";
+        }
+      },
+      // 材料目录点击选中
+      treeClick (item) {
+        this.treeCheckId = item.bsmSj;
+        this.previewImg.imgList = item?.children;
+        this.previewImg.bsmSj = item?.bsmSj;
+      },
+      // 小图片点击
+      imgClick (item, index) {
+        this.showImg = item;
+        this.titleYs = index + 1;
+      },
+      // 字典
+      dicStatus (val, code) {
+        let data = this.$store.getters.dictData[code],
+          name = "暂无";
+        if (data) {
+          data.map((item) => {
+            if (item.dcode == val) {
+              name = item.dname;
+            }
+          });
+          return name;
+        }
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
 
-.active {
-  background: $light-blue !important;
-  color: #fff;
-}
-
-.clxx {
-  width: 100%;
-  display: flex;
-  padding-left: 5px;
-  height: calc(100vh - 125px);
-
-  .left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-
-    .item {
-      width: 28px;
-      height: 49%;
-      @include flex-center;
-      background-color: #E4E7ED;
-      border-bottom-right-radius: 10px;
-      padding: 5px;
-      cursor: pointer;
-      transition: all 0.3s;
-
-      &:hover {
-        @extend .active;
-      }
-    }
+  .active {
+    background: $light-blue !important;
+    color: #fff;
   }
 
-  .right {
+  .clxx {
     width: 100%;
-    height: 100%;
+    display: flex;
+    padding-left: 5px;
+    height: calc(100vh - 125px);
+
+    .left {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
 
-    .clmlmx-box {
-      margin: 0 auto;
+      .item {
+        width: 28px;
+        height: 49%;
+        @include flex-center;
+        background-color: #e4e7ed;
+        border-bottom-right-radius: 10px;
+        padding: 5px;
+        cursor: pointer;
+        transition: all 0.3s;
 
-      .title {
-        text-align: center;
-        height: 60px;
-        line-height: 60px;
-        border: 1px solid #dfe6ec;
-        font-size: 20px;
-        background: #81d3f81a;
-        margin-bottom: -1px;
+        &:hover {
+          @extend .active;
+        }
       }
     }
 
-    .clyl-box {
+    .right {
       width: 100%;
       height: 100%;
-      display: flex;
 
-      .menu-tree {
-        width: 20%;
-        min-width: 160px;
-        height: 100%;
-        margin-right: 10px;
-        border-right: 1px dotted #d9d9d9;
-        padding: 0 15px;
+      .clmlmx-box {
+        margin: 0 auto;
 
-        .item {
+        .title {
+          text-align: center;
           height: 60px;
           line-height: 60px;
-          border-bottom: 1px solid #e8e8e8;
-          font-size: 16px;
-          color: #4a4a4a;
+          border: 1px solid #dfe6ec;
+          font-size: 20px;
+          background: #81d3f81a;
+          margin-bottom: -1px;
+        }
+      }
+
+      .clyl-box {
+        width: 100%;
+        height: 100%;
+        display: flex;
+
+        .menu-tree {
+          width: 20%;
+          min-width: 160px;
+          height: 100%;
+          margin-right: 10px;
+          border-right: 1px dotted #d9d9d9;
+          padding: 0 15px;
 
-          .itemIcon {
-            float: right;
+          .item {
+            height: 60px;
             line-height: 60px;
-            cursor: pointer;
-          }
+            border-bottom: 1px solid #e8e8e8;
+            font-size: 16px;
+            color: #4a4a4a;
 
-          @keyframes open {
-            100% {
-              transform: rotate(180deg);
+            .itemIcon {
+              float: right;
+              line-height: 60px;
+              cursor: pointer;
             }
-          }
 
-          @keyframes close {
-            0% {
-              transform: rotate(180deg);
+            @keyframes open {
+              100% {
+                transform: rotate(180deg);
+              }
             }
 
-            100% {
-              transform: rotate(-0deg);
+            @keyframes close {
+              0% {
+                transform: rotate(180deg);
+              }
+
+              100% {
+                transform: rotate(-0deg);
+              }
             }
-          }
 
-          .open {
-            animation: open 0.5s;
-            animation-fill-mode: both;
-          }
+            .open {
+              animation: open 0.5s;
+              animation-fill-mode: both;
+            }
 
-          .close {
-            animation: close 0.5s;
-            animation-fill-mode: both;
-          }
+            .close {
+              animation: close 0.5s;
+              animation-fill-mode: both;
+            }
 
-          .child {
-            line-height: 36px;
-            border-bottom: 1px solid #e8e8e8;
-            padding-left: 10px;
-            color: #6b6b6b;
-            cursor: pointer;
-            box-sizing: border-box;
-          }
+            .child {
+              line-height: 36px;
+              border-bottom: 1px solid #e8e8e8;
+              padding-left: 10px;
+              color: #6b6b6b;
+              cursor: pointer;
+              box-sizing: border-box;
+            }
 
-          .checked {
-            border-radius: 6px;
-            border: 1px solid #4083f9;
+            .checked {
+              border-radius: 6px;
+              border: 1px solid #4083f9;
+            }
           }
         }
-      }
 
-      .clyl-img {
-        width: 75%;
-        height: 100%;
-        background: #f3f4f7;
-        margin: 0 auto;
-        position: relative;
+        .clyl-img {
+          width: 75%;
+          height: 100%;
+          background: #f3f4f7;
+          margin: 0 auto;
+          position: relative;
+        }
       }
     }
   }
-}
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:38
+-->
 <template>
   <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
     :isFullscreen="false">
@@ -24,44 +29,44 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-export default {
-  props: {
-    value: { type: Boolean, default: false },
-  },
-  data () {
-    return {
-      myValue: this.value,
-      ruleForm: {
-        cllx: "",
-        clmc: "",
-      },
-    };
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  watch: {
-    value (val) {
-      this.myValue = val;
+  import { mapGetters } from "vuex";
+  export default {
+    props: {
+      value: { type: Boolean, default: false },
+    },
+    data () {
+      return {
+        myValue: this.value,
+        ruleForm: {
+          cllx: "",
+          clmc: "",
+        },
+      };
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-  },
-  methods: {
-    closeDialog () {
-      this.$emit("input", false);
+    watch: {
+      value (val) {
+        this.myValue = val;
+      },
     },
-    handleSubmit () {
-      this.$parent.addSave(this.ruleForm);
-      this.$emit("input", false);
+    methods: {
+      closeDialog () {
+        this.$emit("input", false);
+      },
+      handleSubmit () {
+        this.$parent.addSave(this.ruleForm);
+        this.$emit("input", false);
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-.submit-button {
-  text-align: center;
-  height: 52px;
-  padding-top: 10px;
-  background-color: #fff;
-}
+  .submit-button {
+    text-align: center;
+    height: 52px;
+    padding-top: 10px;
+    background-color: #fff;
+  }
 </style>

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:40
+ */
 export default {
-  data() {
+  data () {
     return {
       isSearch: false,
       searchList: [],
@@ -9,12 +14,12 @@ export default {
   methods: {
     // 点击高级查询弹出查询弹框
 
-    moreQueryClick() {
+    moreQueryClick () {
       this.isSearch = true
 
     },
     // 查询事件
-    handleSelect(bs, mc, code) {
+    handleSelect (bs, mc, code) {
       this.dictData[bs].forEach(item => {
         if (item.dcode == this.queryForm[code]) {
           this.searchForm[mc] = item.dname
@@ -22,7 +27,7 @@ export default {
       })
     },
     // 清空单个表单
-    handleEmpty(el) {
+    handleEmpty (el) {
       for (var i = 0; i < this.searchList.length; i++) {
         if (el == this.searchList[i].zdm) {
           this.searchList.splice(i, 1)
@@ -44,7 +49,7 @@ export default {
     },
     // 删除单个查询条件
 
-    handelItem(item, index) {
+    handelItem (item, index) {
       let obj = {
         ywlymc: 'ywly',
         qllxmc: 'qllx',
@@ -60,7 +65,7 @@ export default {
       }
       this.searchForm[item.zdm] = ''
     },
-    iterationData() {
+    iterationData () {
       let obj = {
         ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称',
         qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间'
@@ -70,13 +75,13 @@ export default {
         if (value) return { name: obj[name], value, zdm: name }
       }).filter(Boolean)
     },
-    getSearch(val) {
+    getSearch (val) {
       this.otherForm = val
       this.iterationData()
       this.queryClick()
     },
     // 清空查询条件
-    hanldeCleanAll() {
+    hanldeCleanAll () {
       this.searchForm = {}
       this.queryForm = {
         ywly: "",

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:49
+-->
 <template>
   <div class="from-clues">
     <div class="from-clues-header">

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:42:55
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:00
+-->
 <template>
   <div class="slxx">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:10
+-->
 <template>
   <div class="slxx">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
@@ -199,78 +204,78 @@
   </div>
 </template>
 <script>
-import sqrViewTable from "@/views/workflow/components/sqrViewTable";
-import { BatchInit, saveData } from "@/api/workflow/cfdjFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  data () {
-    return {
-      disabled: true,
-      flagTop: this.flag ? "top" : "",
-      rules: {},
-      //传递参数
-      propsParam: {},
-      //页面数据
-      ruleForm: {},
-      //是否可编辑
-      ableEdit: false,
-      //是否为解封
-      isJfOperation: false,
-    };
-  },
-  async created () {
-    this.propsParam = this.$attrs;
-    this.ableEdit = this.$parent.showBatch;
-    if (this.propsParam.djlx == '400') {
-      this.isJfOperation = true;
-    }
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-    formdata.append("djlx", this.propsParam.djlx);
-    BatchInit(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result
+  import sqrViewTable from "@/views/workflow/components/sqrViewTable";
+  import { BatchInit, saveData } from "@/api/workflow/cfdjFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    data () {
+      return {
+        disabled: true,
+        flagTop: this.flag ? "top" : "",
+        rules: {},
+        //传递参数
+        propsParam: {},
+        //页面数据
+        ruleForm: {},
+        //是否可编辑
+        ableEdit: false,
+        //是否为解封
+        isJfOperation: false,
+      };
+    },
+    async created () {
+      this.propsParam = this.$attrs;
+      this.ableEdit = this.$parent.showBatch;
+      if (this.propsParam.djlx == '400') {
+        this.isJfOperation = true;
       }
-    });
-  },
-  watch: {
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      formdata.append("djlx", this.propsParam.djlx);
+      BatchInit(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result
+        }
+      });
+    },
+    watch: {
 
-  },
-  components: { sqrViewTable },
-  props: {
-    flag: {
-      type: Boolean,
-      default: false,
     },
-    fetch: {
-      type: Boolean,
-      default: false,
+    components: { sqrViewTable },
+    props: {
+      flag: {
+        type: Boolean,
+        default: false,
+      },
+      fetch: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    computed: {
+      ...mapGetters(["dictData"]),
     },
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
 
-  methods: {
-    onSubmit () {
-      saveData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('保存成功');
-        }
-      });
+    methods: {
+      onSubmit () {
+        saveData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message.success('保存成功');
+          }
+        });
+      },
+      changeCflx (e) {
+        let cflxItem = {}
+        cflxItem = this.dictData['A32'].find((item) => {
+          return item.dcode == e
+        })
+        this.ruleForm.cfdj.cflxmc = cflxItem.dname;
+      }
     },
-    changeCflx (e) {
-      let cflxItem = {}
-      cflxItem = this.dictData['A32'].find((item) => {
-        return item.dcode == e
-      })
-      this.ruleForm.cfdj.cflxmc = cflxItem.dname;
-    }
-  },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>
\ No newline at end of file

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:15
+-->
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
@@ -242,79 +247,79 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mounted () {
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-    formdata.append("djlx", this.propsParam.djlx);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.$endLoading();
-        this.ruleForm.diyaq.sfczjzhxz = "0";
-      }
-    })
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data () {
-    return {
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {
-        slywxx: {},
-        qlxxold: {},
-        diyaq: {},
-        gyfs: "",
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    onSubmitClick () {
-      saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mounted () {
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      formdata.append("djlx", this.propsParam.djlx);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.$endLoading();
+          this.ruleForm.diyaq.sfczjzhxz = "0";
         }
-      });
+      })
     },
-
-    // 更新权利人信息
-    upDateQlrxxList (val) {
-      if (!_.isEqual(val, this.ruleForm.qlrList)) {
-        this.ruleForm.qlrList = _.cloneDeep(val);
-      }
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {
+          slywxx: {},
+          qlxxold: {},
+          diyaq: {},
+          gyfs: "",
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
     },
-    // 更新义务人信息
-    upDateYwrxxList (val) {
-      if (!_.isEqual(val, this.ruleForm.ywrList)) {
-        this.ruleForm.ywrList = _.cloneDeep(val);
+    methods: {
+      onSubmitClick () {
+        saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+
+      // 更新权利人信息
+      upDateQlrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.qlrList)) {
+          this.ruleForm.qlrList = _.cloneDeep(val);
+        }
+      },
+      // 更新义务人信息
+      upDateYwrxxList (val) {
+        if (!_.isEqual(val, this.ruleForm.ywrList)) {
+          this.ruleForm.ywrList = _.cloneDeep(val);
+        }
       }
     }
-  }
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:19
+-->
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
@@ -146,7 +151,6 @@
           </el-col>
         </el-row>
 
-
         <el-row>
           <el-col :span="24">
             <el-form-item label="担保范围：">
@@ -239,74 +243,74 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  mounted () {
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    this.$startLoading();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
-    formdata.append("djlx", this.propsParam.djlx);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = res.result;
-        this.$endLoading();
-        this.ruleForm.diyaq.sfczjzhxz = "0";
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data () {
-    return {
-      disabled: true,
-      czrOptions: [],
-      ruleForm: {
-        slywxx: {},
-        qlxxold: {},
-        diyaq: {},
-        gyfs: "",
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    onSubmitClick () {
-      saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    mounted () {
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      this.$startLoading();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
+      formdata.append("djlx", this.propsParam.djlx);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = res.result;
+          this.$endLoading();
+          this.ruleForm.diyaq.sfczjzhxz = "0";
         }
       });
     },
-    // 更新权利人信息
-    upDateQlrxxList (val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        disabled: true,
+        czrOptions: [],
+        ruleForm: {
+          slywxx: {},
+          qlxxold: {},
+          diyaq: {},
+          gyfs: "",
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
     },
-    // 更新义务人信息
-    upDateYwrxxList (val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
+    methods: {
+      onSubmitClick () {
+        saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      // 更新权利人信息
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+      },
+      // 更新义务人信息
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      }
     }
   }
-}
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
-@import "~@/styles/slxx/slxx.scss";
+  @import "~@/styles/public.scss";
+  @import "~@/styles/slxx/slxx.scss";
 </style>

+<!--
+ * @Description: 受理信息
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:23
+-->
 <template>
-  <!-- 受理信息 -->
   <div class="slxx">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
       label-width="120px">
@@ -202,143 +206,143 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  created () {
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = {
-          ...res.result,
-          ...res.result.qlxxdatas,
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    created () {
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.qlxxdatas,
+          }
         }
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data () {
-    return {
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      ruleForm: {},
-      //传递参数
-      propsParam: this.$attrs,
-      rules: {},
-    };
-  },
-  methods: {
-    // 更新权利人信息
-    upDateQlrxxList (val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
+      });
     },
-    showCZInfo () {
-      console.log(this.ruleForm.slywxx.gyfs);
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    // 更新权利人信息
-    upDateYwrxxList (val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
+    data () {
+      return {
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        ruleForm: {},
+        //传递参数
+        propsParam: this.$attrs,
+        rules: {},
+      };
     },
-    onSubmit () {
-      saveBatchData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
-          });
-        }
-      });
+    methods: {
+      // 更新权利人信息
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+      },
+      showCZInfo () {
+        console.log(this.ruleForm.slywxx.gyfs);
+      },
+      // 更新权利人信息
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+      onSubmit () {
+        saveBatchData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

+<!--
+ * @Description: 受理信息
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:30
+-->
 <template>
-  <!-- 受理信息 -->
   <div class="slxx">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
       label-width="120px">
@@ -186,183 +190,183 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  async created () {
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    formdata.append("djlx", this.propsParam.djlx);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = {
-          ...res.result,
-          ...res.result.zdjbxxdatas,
-          ...res.result.qlxxdatas,
-          ...res.result.jsydsyqdatas,
-        };
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data () {
-    return {
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      ruleForm: {
-        ywh: "",
-        slry: "",
-        slsj: "",
-        qllx: "",
-        djlx: "",
-        djqx: "",
-        // 宗地代码
-        zddm: "",
-        bdcdyh: "",
-        qlxzmc: "",
-        qlrxx: [],
-        // 自然幢号
-        zrzh: "",
-        // 户不动产单元号
-        hbdcdyh: '',
-        djzt: '',
-        // 图幅丘幢号
-        tfqzh: '',
-        zl: '',
-        // 房屋用途
-        fwyt: '',
-        fwxz: '',
-        fwjg: '',
-        // 权利人信息
-        gyfs: "1",
-        // 是否分别持证
-        sffbcz: "",
-        // 持证人
-        czr: "",
-        djyy: ''
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    dataSelectClick () {
-      this.$popup("房屋信息比对", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
-        {
-          formData: {
-            bsmSldy: this.propsParam.bsmSldy,
-            qllx: this.propsParam.qllx
-          }
-        });
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    async created () {
+      this.propsParam = this.$attrs;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
+      formdata.append("djlx", this.propsParam.djlx);
+      Init(formdata).then((res) => {
+        if (res.code === 200 && res.result) {
+          this.ruleForm = {
+            ...res.result,
+            ...res.result.zdjbxxdatas,
+            ...res.result.qlxxdatas,
+            ...res.result.jsydsyqdatas,
+          };
+        }
+      });
     },
-    // 更新权利人信息
-    upDateQlrxxList (val) {
-      this.ruleForm.qlrList = _.cloneDeep(val);
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
     },
-    // 更新权利人信息
-    upDateYwrxxList (val) {
-      this.ruleForm.ywrList = _.cloneDeep(val);
+    data () {
+      return {
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        ruleForm: {
+          ywh: "",
+          slry: "",
+          slsj: "",
+          qllx: "",
+          djlx: "",
+          djqx: "",
+          // 宗地代码
+          zddm: "",
+          bdcdyh: "",
+          qlxzmc: "",
+          qlrxx: [],
+          // 自然幢号
+          zrzh: "",
+          // 户不动产单元号
+          hbdcdyh: '',
+          djzt: '',
+          // 图幅丘幢号
+          tfqzh: '',
+          zl: '',
+          // 房屋用途
+          fwyt: '',
+          fwxz: '',
+          fwjg: '',
+          // 权利人信息
+          gyfs: "1",
+          // 是否分别持证
+          sffbcz: "",
+          // 持证人
+          czr: "",
+          djyy: ''
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
     },
-
-    onSubmit () {
-      saveBatchData(this.ruleForm).then((res) => {
-        if (res.code === 200) {
-          this.$message({
-            showClose: true,
-            message: "保存成功！",
-            type: "success",
-          });
-        } else {
-          this.$message({
-            showClose: true,
-            message: res.message,
-            type: "error",
+    methods: {
+      dataSelectClick () {
+        this.$popup("房屋信息比对", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
+          {
+            formData: {
+              bsmSldy: this.propsParam.bsmSldy,
+              qllx: this.propsParam.qllx
+            }
           });
-        }
-      });
+      },
+      // 更新权利人信息
+      upDateQlrxxList (val) {
+        this.ruleForm.qlrList = _.cloneDeep(val);
+      },
+      // 更新权利人信息
+      upDateYwrxxList (val) {
+        this.ruleForm.ywrList = _.cloneDeep(val);
+      },
+
+      onSubmit () {
+        saveBatchData(this.ruleForm).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              showClose: true,
+              message: "保存成功！",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:43:41
+-->
 <template>
   <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
-       style="overflow-y:scroll;">
-    <div class="tableBox" >
+    style="overflow-y:scroll;">
+    <div class="tableBox">
       <div class="title">
         <span>{{ title }}</span>
       </div>
@@ -12,7 +17,7 @@
             <td>变更前</td>
             <td>变更后</td>
           </tr>
-          <tr  v-for="(item, colindex) in columns" :key="colindex">
+          <tr v-for="(item, colindex) in columns" :key="colindex">
             <td>
               {{ item.label }}
             </td>
@@ -23,8 +28,7 @@
                 row.qszt == '2' ? 'lishi' : '',
                 row.qszt == '0' ? 'linshi' : '',
                 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
-              ]"
-            >
+              ]">
               <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
                 正在办理
               </div>
@@ -42,73 +46,73 @@
 </template>
 
 <script>
-import {getFdcqLSInfo} from "@/api/registerBook.js";
-import { datas } from "@/views/registerBook/qlxxFormData.js";
+  import { getFdcqLSInfo } from "@/api/registerBook.js";
+  import { datas } from "@/views/registerBook/qlxxFormData.js";
 
-export default {
-  data() {
-    return {
-      title: "房地产权登记信息（独幢、层、套、间房屋）",
-      qsztList: datas.columns().qsztList,
-      checkList: datas.columns().checkList,
-      //传递参数
-      propsParam: this.$attrs,
-      //列表数据
-      tableData: [],
-      //空列值个数
-      emptycolNum: 1,
-      //列名称对象
-      columns: datas.columns().FDCQ2,
-      tdColumns: datas.columns().JSYDSYQ
+  export default {
+    data () {
+      return {
+        title: "房地产权登记信息（独幢、层、套、间房屋）",
+        qsztList: datas.columns().qsztList,
+        checkList: datas.columns().checkList,
+        //传递参数
+        propsParam: this.$attrs,
+        //列表数据
+        tableData: [],
+        //空列值个数
+        emptycolNum: 1,
+        //列名称对象
+        columns: datas.columns().FDCQ2,
+        tdColumns: datas.columns().JSYDSYQ
 
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  mounted() {
-    this.timeLineHeight = document.documentElement.clientHeight - 210;
-    window.onresize = () => {
+      };
+    },
+    created () {
+      this.loadData();
+    },
+    mounted () {
       this.timeLineHeight = document.documentElement.clientHeight - 210;
-    };
-  },
-  methods: {
-    loadData() {
-      var formdata = new FormData();
-      formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
-      formdata.append("qllx", this.propsParam.formData.qllx);
-      getFdcqLSInfo(formdata).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.result;
-          if (this.tableData.length < datas.columns().emptycolNum) {
-            this.emptycolNum =
-              datas.columns().emptycolNum - this.tableData.length;
-          } else {
-            this.emptycolNum = 0;
+      window.onresize = () => {
+        this.timeLineHeight = document.documentElement.clientHeight - 210;
+      };
+    },
+    methods: {
+      loadData () {
+        var formdata = new FormData();
+        formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
+        formdata.append("qllx", this.propsParam.formData.qllx);
+        getFdcqLSInfo(formdata).then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.result;
+            if (this.tableData.length < datas.columns().emptycolNum) {
+              this.emptycolNum =
+                datas.columns().emptycolNum - this.tableData.length;
+            } else {
+              this.emptycolNum = 0;
+            }
           }
+        });
+      },
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
         }
-      });
-    },
-    checkChange() {
-      if (this.checkList.length === 0) {
-        this.tableData = [];
-        this.emptycolNum = datas.columns().emptycolNum;
-      } else {
-        this.loadData();
-      }
-    },
-    getQsztName(code) {
-      let name = "";
-      for (let item of this.qsztList) {
-        if (item.value == code) {
-          name = item.label;
-          break;
+      },
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
         }
-      }
-      return name;
+        return name;
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:45:21
+-->
 <template>
   <!-- 受理信息 -->
   <div class="slxx">
@@ -173,75 +178,14 @@
   </div>
 </template>
 <script>
-import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
-import { Init } from "@/api/workflow/fwsyqFlow.js";
-import { mapGetters } from "vuex";
-export default {
-  async created () {
-    this.propsParam = this.$attrs;
-    var formdata = new FormData();
-    formdata.append("bsmSldy", this.propsParam.bsmSldy);
-    Init(formdata).then((res) => {
-      if (res.code === 200 && res.result) {
-        this.ruleForm = {
-          ...res.result,
-          ...res.result.zdjbxxdatas,
-          ...res.result.qlxxdatas,
-          ...res.result.jsydsyqdatas,
-        };
-      }
-    });
-  },
-  components: { qlrCommonTable },
-  computed: {
-    ...mapGetters(["dictData", "flag"]),
-  },
-  data () {
-    return {
-      disabled: true,
-      tdytOption: [],
-      czrOptions: [],
-      ruleForm: {
-        ywh: "",
-        slry: "",
-        slsj: "",
-        qllx: "",
-        djlx: "",
-        djqx: "",
-        // 宗地代码
-        zddm: "",
-        bdcdyh: "",
-        qlxzmc: "",
-        qlrxx: [],
-        // 自然幢号
-        zrzh: "",
-        // 户不动产单元号
-        hbdcdyh: '',
-        djzt: '',
-        // 图幅丘幢号
-        tfqzh: '',
-        zl: '',
-        // 房屋用途
-        fwyt: '',
-        fwxz: '',
-        fwjg: '',
-        // 权利人信息
-        gyfs: "1",
-        // 是否分别持证
-        sffbcz: "",
-        // 持证人
-        czr: "",
-        djyy: ''
-      },
-      //传递参数
-      propsParam: {},
-      rules: {},
-    };
-  },
-  methods: {
-    list (bsmSldy) {
+  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
+  import { Init } from "@/api/workflow/fwsyqFlow.js";
+  import { mapGetters } from "vuex";
+  export default {
+    async created () {
+      this.propsParam = this.$attrs;
       var formdata = new FormData();
-      formdata.append("bsmSldy", bsmSldy);
+      formdata.append("bsmSldy", this.propsParam.bsmSldy);
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           this.ruleForm = {
@@ -253,89 +197,150 @@ export default {
         }
       });
     },
-    onSubmit () {
-      fristReg(this.ruleForm).then((res) => {
-        if (res.code === 200 && res.result) {
-          console.log(res);
-          //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
-        }
-      });
+    components: { qlrCommonTable },
+    computed: {
+      ...mapGetters(["dictData", "flag"]),
+    },
+    data () {
+      return {
+        disabled: true,
+        tdytOption: [],
+        czrOptions: [],
+        ruleForm: {
+          ywh: "",
+          slry: "",
+          slsj: "",
+          qllx: "",
+          djlx: "",
+          djqx: "",
+          // 宗地代码
+          zddm: "",
+          bdcdyh: "",
+          qlxzmc: "",
+          qlrxx: [],
+          // 自然幢号
+          zrzh: "",
+          // 户不动产单元号
+          hbdcdyh: '',
+          djzt: '',
+          // 图幅丘幢号
+          tfqzh: '',
+          zl: '',
+          // 房屋用途
+          fwyt: '',
+          fwxz: '',
+          fwjg: '',
+          // 权利人信息
+          gyfs: "1",
+          // 是否分别持证
+          sffbcz: "",
+          // 持证人
+          czr: "",
+          djyy: ''
+        },
+        //传递参数
+        propsParam: {},
+        rules: {},
+      };
     },
-  },
-};
+    methods: {
+      list (bsmSldy) {
+        var formdata = new FormData();
+        formdata.append("bsmSldy", bsmSldy);
+        Init(formdata).then((res) => {
+          if (res.code === 200 && res.result) {
+            this.ruleForm = {
+              ...res.result,
+              ...res.result.zdjbxxdatas,
+              ...res.result.qlxxdatas,
+              ...res.result.jsydsyqdatas,
+            };
+          }
+        });
+      },
+      onSubmit () {
+        fristReg(this.ruleForm).then((res) => {
+          if (res.code === 200 && res.result) {
+            console.log(res);
+            //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
+          }
+        });
+      },
+    },
+  };
 </script>
 <style scoped lang='scss'>
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-/deep/.el-form {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 130px);
-}
+  /deep/.el-form {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 130px);
+  }
 
-/deep/.el-form-item__label {
-  padding: 0;
-}
+  /deep/.el-form-item__label {
+    padding: 0;
+  }
 
-/deep/.el-radio {
-  margin-right: 10px;
-}
+  /deep/.el-radio {
+    margin-right: 10px;
+  }
 
-/deep/.el-select {
-  width: 100%;
-}
+  /deep/.el-select {
+    width: 100%;
+  }
 
-/deep/.el-form-item {
-  margin-bottom: 8px;
-}
+  /deep/.el-form-item {
+    margin-bottom: 8px;
+  }
 
-.marginBot0 {
-  margin-bottom: 0 !important;
-}
+  .marginBot0 {
+    margin-bottom: 0 !important;
+  }
 
-.slxx {
-  box-sizing: border-box;
-}
+  .slxx {
+    box-sizing: border-box;
+  }
 
-.slxx_con {
-  flex: 1;
-  height: 100%;
-  background-color: #ffffff;
-  overflow-y: auto;
-  padding-right: 3px;
-  overflow-x: hidden;
-}
+  .slxx_con {
+    flex: 1;
+    height: 100%;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding-right: 3px;
+    overflow-x: hidden;
+  }
 
-.submit_btn {
-  height: 50px;
-}
+  .submit_btn {
+    height: 50px;
+  }
 
-.slxx_title {
-  border-bottom: 1px solid $borderColor;
-  padding-left: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  margin-top: 5px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #4a4a4a;
-}
+  .slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
 
-.btn {
-  text-align: center;
-  padding-top: 10px;
-  height: 36px;
-  background-color: #ffffff;
-  padding: 5px 0;
-}
+  .btn {
+    text-align: center;
+    padding-top: 10px;
+    height: 36px;
+    background-color: #ffffff;
+    padding: 5px 0;
+  }
 
-.textArea {
-  /deep/.el-textarea__inner {
-    min-height: 90px !important;
+  .textArea {
+    /deep/.el-textarea__inner {
+      min-height: 90px !important;
+    }
   }
-}
 
-/deep/.el-form-item__label {
-  padding-bottom: 0px;
-}
+  /deep/.el-form-item__label {
+    padding-bottom: 0px;
+  }
 </style>

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:45:26
+-->
 <template>
   <!-- 受理信息 -->
   <div class="slxx">

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:45:28
+-->
 <template>
   <!-- 受理信息 -->
   <div class="slxx">

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:36:52
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:36:58
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:01
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:05
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:08
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:14
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:18
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:22
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:24
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:39
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:37:47
+ */
 import filter from '@/utils/filter.js'
 let vm = null
 

-export function queueDjywmc(djywbm) {
+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-17 10:36:42
+ */
+export function queueDjywmc (djywbm) {
     let vm = null;
     switch (djywbm) {
         case "A03100"://建设用地使用权（首次登记）
@@ -26,7 +31,7 @@ export function queueDjywmc(djywbm) {
         case "A04200":
         case "A04300":
         case "A04400":
-            vm="selectFwsyq";
+            vm = "selectFwsyq";
             break;
         case "A23100"://农用地使用权(首次登记)
         case "A09100"://土地经营权（首次登记）
@@ -50,19 +55,19 @@ export function queueDjywmc(djywbm) {
             vm = "cfdj";
             break;
         case "B40100"://预告首次
-          vm ="selectYgdj100";
-          break;
+            vm = "selectYgdj100";
+            break;
         case "B40200"://预告转移
         case "B40300"://预告变更
         case "B40400"://预告注销
         case "B41100": //预告抵押首次
-          vm ="selectYgdj200";
-          break;
+            vm = "selectYgdj200";
+            break;
         case "B41200": //预告抵押转移
         case "B41300": //预告抵押变更
         case "B41400": //预告抵押注销
-          vm ="selectYgdy";
-         break;
+            vm = "selectYgdy";
+            break;
         default:
             vm = "selecBdcql";
             break;