重构修改工作流框架内容

@@ -4,88 +4,228 @@
  * @LastEditTime: 2024-01-23 14:07:58
  */
 /**
- * @description: 流程环节操作按钮
+ * @description: 流程表单操作
  * @param {*} tabName
  * @author: renchao
  */
+// export function getForm(tabName) {
+//   let form;
+//   if (tabName == 0) return
+//   switch (tabName) {
+//     //土地所有权
+//     case "tdsyqslxx":
+//       form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
+//       break;
+//     //建设用地、宅基地
+//     case "jsydsyqslxx100":
+//     case "jsydsyqslxx300":
+//       form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
+//       break;
+//     //土地承包经营权
+//     case "tdcbjyqslxx100":
+//       form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue");
+//       break;
+//     //房屋多幢
+//     case "fwsyqdzslxx":
+//       form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
+//       break;
+//     //房屋独幢
+//     case "fwsyqslxx100":
+//     case "fwsyqslxx200":
+//     case "fwsyqslxx400":
+//     case "fwsyqslxx300":
+//       form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
+//       break;
+//     //房屋独幢（批量）
+//     case "plfdcq2":
+//       form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue");
+//       break;
+//     //林地使用权
+//     case "lqslxx":
+//       form = require("@/views/ywbl/slsqxx/lqslxx");
+//       break;
+//     //森林林木使用权
+//     case "sllmslxx":
+//       form = require("@/views/ywbl/slsqxx/sllmslxx");
+//       break;
+//     //农用地使用权
+//     case "nydsyqslxx100":
+//     case "nydsyqslxx200":
+//       form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
+//       break;
+//     //查封登记
+//     case "tdslxxCfdj":
+//       form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue");
+//       break;
+//     //查封登记（批量）
+//     case "plslxxCfdj":
+//       form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue");
+//       break;
+//     //抵押权
+//     case "diyaqSlxx":
+//       form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
+//       break;
+//     //抵押权（批量）
+//     case "batchDiyaq":
+//       form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue");
+//       break;
+//     //预告买卖登记
+//     case "ygmm100":
+//     case "ygmm300":
+//       form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
+//       break;
+//     //预告抵押登记
+//     case "ygdy100":
+//     case "ygdy300":
+//       form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
+//       break;
+//     //在建工程抵押权
+//     case "zjgcdyqSlxx":
+//       form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
+//       break;
+//     //在建工程抵押权（批量）
+//     case "batchZjgcdyq":
+//       form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
+//       break;
+//     case "clxx"://材料信息
+//       form = require("@/views/workflow/components/clxx/clxxUnify.vue");
+//       break;
+//     case "spyj"://审批意见
+//       form = require("@/views/workflow/components/spyj.vue");
+//       break;
+//     case "swxx"://税务信息
+//       form = require("@/views/workflow/components/swxx.vue");
+//       break;
+//     case "sfxx"://收费信息
+//       form = require("@/views/workflow/components/sfxx.vue");
+//       break;
+//     case "sdqxx"://水电气信息
+//       form = require("@/views/workflow/components/sdqxx.vue");
+//       break;
+//     case "zdjbxx"://宗地基本信息
+//       form = require("@/views/registerBook/zdjbxx.vue");
+//       break;
+//     case "szxx"://缮证信息
+//       form = require("@/views/workflow/components/szxx.vue");
+//       break;
+//     case "fzxx"://发证信息
+//       form = require("@/views/workflow/components/fzxx.vue");
+//       break;
+//     case "zdjbxxImg"://宗地图
+//       form = require("@/views/workflow/components/zdt.vue");
+//       break;
+//     case "cfdjxx":
+//       form = require("@/views/registerBook/cfdj.vue");
+//       break;
+//     case "tdsyqQlxx":
+//       form = require("@/views/registerBook/tdsyq.vue");
+//       break;
+//     case "jsydsyqQlxx":
+//       form = require("@/views/registerBook/jsydsyq.vue");
+//       break;
+//     case "nydsyqQlxx":
+//       form = require("@/views/registerBook/nydsyq.vue");
+//       break;
+//     case "fdcq1Qlxx":
+//       form = require("@/views/registerBook/fdcq1.vue");
+//       break;
+//     case "fdcq2Qlxx":
+//       form = require("@/views/registerBook/fdcq2.vue");
+//       break;
+//     case "lqQlxx":
+//       form = require("@/views/registerBook/ldsyq.vue");
+//       break;
+//     case "diyaqQlxx":
+//       form = require("@/views/registerBook/diyaq.vue");
+//       break;
+//     case "ygdjQlxx":
+//       form = require("@/views/registerBook/ygdj.vue");
+//       break;
+//     default://默认地址404空页面
+//       form = require("@/views/error-page/404.vue");
+//       break;
+//   }
+//   return (r) => require.ensure([], () => r(form));
+// }
+
 export function getForm(tabName) {
   let form;
   if (tabName == 0) return
   switch (tabName) {
     //土地所有权
     case "tdsyqslxx":
-      form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/tdsyq/slxx.vue");
       break;
     //建设用地、宅基地
     case "jsydsyqslxx100":
     case "jsydsyqslxx300":
-      form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/jsydsyq/slxx.vue");
       break;
     //土地承包经营权
     case "tdcbjyqslxx100":
-      form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/tdcbjyq/slxx.vue");
       break;
     //房屋多幢
     case "fwsyqdzslxx":
-      form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/fdcq1/slxx.vue");
       break;
     //房屋独幢
     case "fwsyqslxx100":
     case "fwsyqslxx200":
     case "fwsyqslxx400":
     case "fwsyqslxx300":
-      form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/fdcq2/slxx.vue");
       break;
     //房屋独幢（批量）
     case "plfdcq2":
-      form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue");
+      form = require("@/views/workflow/main/slsqxx/fdcq2/batchSlxx.vue");
       break;
     //林地使用权
     case "lqslxx":
-      form = require("@/views/ywbl/slsqxx/lqslxx");
+      form = require("@/views/workflow/main/slsqxx/lqslxx");
       break;
     //森林林木使用权
     case "sllmslxx":
-      form = require("@/views/ywbl/slsqxx/sllmslxx");
+      form = require("@/views/workflow/main/slsqxx/sllmslxx");
       break;
     //农用地使用权
     case "nydsyqslxx100":
     case "nydsyqslxx200":
-      form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/nydsyq/slxx.vue");
       break;
     //查封登记
     case "tdslxxCfdj":
-      form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/cfdj/slxx.vue");
       break;
     //查封登记（批量）
     case "plslxxCfdj":
-      form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue");
+      form = require("@/views/workflow/main/slsqxx/cfdj/batchSlxx.vue");
       break;
     //抵押权
     case "diyaqSlxx":
-      form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/diyaq/slxx.vue");
       break;
     //抵押权（批量）
     case "batchDiyaq":
-      form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue");
+      form = require("@/views/workflow/main/slsqxx/diyaq/batchSlxx.vue");
       break;
     //预告买卖登记
     case "ygmm100":
     case "ygmm300":
-      form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/ygdj/slxx.vue");
       break;
     //预告抵押登记
     case "ygdy100":
     case "ygdy300":
-      form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/ygdy/slxx.vue");
       break;
     //在建工程抵押权
     case "zjgcdyqSlxx":
-      form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
+      form = require("@/views/workflow/main/slsqxx/zjgcdy/slxx.vue");
       break;
     //在建工程抵押权（批量）
     case "batchZjgcdyq":
-      form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
+      form = require("@/views/workflow/main/slsqxx/zjgcdy/batchSlxx.vue");
       break;
     case "clxx"://材料信息
       form = require("@/views/workflow/components/clxx/clxxUnify.vue");

+<!--
+ * @Description:
+ * @Autor: renchao
+ * @LastEditTime: 2023-08-24 16:15:50
+-->
+<template>
+  <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
+    style="overflow-y:scroll;">
+    <div class="tableBox">
+      <div class="title">
+        <span>{{ title }}</span>
+      </div>
+      <div class="xxTableBox">
+        <table class="xxTable">
+          <tr>
+            <td></td>
+            <td>变更前2</td>
+            <td>变更后</td>
+          </tr>
+          <tr v-for="(item, colindex) in columns" :key="colindex">
+            <td>
+              {{ item.label }}
+            </td>
+            <td
+              v-for="(row, index) in tableData"
+              :key="index"
+              :class="[
+                row.qszt == '2' ? 'lishi' : '',
+                row.qszt == '0' ? 'linshi' : '',
+                row.qlzt == '4' ? 'linshi' : '',
+
+                item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
+                item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
+              ]">
+              <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
+                有效
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
+                正在补录
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
+                正在申请
+              </div>
+              <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
+                正在注销
+              </div>
+
+              <p v-if="!['djyy','fj'].includes(item.prop)">
+                <span v-if="item.prop == 'qszt'">
+                  {{ getQsztName(row[item.prop]) }}
+                </span>
+                <span v-else>{{ row[item.prop] }}</span>
+              </p>
+
+              <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
+                <span class="ellipsis-line">
+                  {{ row[item.prop] }}
+                </span>
+              </el-tooltip>
+            </td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getFdcqLSInfo } from "@/api/djbDetail.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
+
+      };
+    },
+    created () {
+      this.loadData();
+    },
+    mounted () {
+      this.timeLineHeight = document.documentElement.clientHeight - 210;
+      window.onresize = () => {
+        this.timeLineHeight = document.documentElement.clientHeight - 210;
+      };
+    },
+    methods: {
+      /**
+       * @description: loadData
+       * @author: renchao
+       */
+      loadData () {
+        var formdata = new FormData();
+        formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
+        formdata.append("qllx", this.propsParam.formData.qllx);
+        formdata.append("isEdit", this.ableOperation);
+        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;
+            }
+          }
+        });
+      },
+      /**
+       * @description: checkChange
+       * @author: renchao
+       */
+      checkChange () {
+        if (this.checkList.length === 0) {
+          this.tableData = [];
+          this.emptycolNum = datas.columns().emptycolNum;
+        } else {
+          this.loadData();
+        }
+      },
+      /**
+       * @description: getQsztName
+       * @param {*} code
+       * @author: renchao
+       */
+      getQsztName (code) {
+        let name = "";
+        for (let item of this.qsztList) {
+          if (item.value == code) {
+            name = item.label;
+            break;
+          }
+        }
+        return name;
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  @import "~@/views/registerBook/qlxxCommon.scss";
+</style>