Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f2e6d2d2 by tianhaohao@pashanhoo.com
Options

重构修改工作流框架内容

1 parent 9ab01e32
Expand all
Inline Side-by-side
Showing 19 changed files with 314 additions and 18 deletions
...@@ -4,88 +4,228 @@ ...@@ -4,88 +4,228 @@
4 * @LastEditTime: 2024-01-23 14:07:58 4 * @LastEditTime: 2024-01-23 14:07:58
5 */ 5 */
6 /** 6 /**
7 * @description: 流程环节操作按钮 7 * @description: 流程表单操作
8 * @param {*} tabName 8 * @param {*} tabName
9 * @author: renchao 9 * @author: renchao
10 */ 10 */
11 // export function getForm(tabName) {
12 // let form;
13 // if (tabName == 0) return
14 // switch (tabName) {
15 // //土地所有权
16 // case "tdsyqslxx":
17 // form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
18 // break;
19 // //建设用地、宅基地
20 // case "jsydsyqslxx100":
21 // case "jsydsyqslxx300":
22 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
23 // break;
24 // //土地承包经营权
25 // case "tdcbjyqslxx100":
26 // form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue");
27 // break;
28 // //房屋多幢
29 // case "fwsyqdzslxx":
30 // form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
31 // break;
32 // //房屋独幢
33 // case "fwsyqslxx100":
34 // case "fwsyqslxx200":
35 // case "fwsyqslxx400":
36 // case "fwsyqslxx300":
37 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
38 // break;
39 // //房屋独幢（批量）
40 // case "plfdcq2":
41 // form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue");
42 // break;
43 // //林地使用权
44 // case "lqslxx":
45 // form = require("@/views/ywbl/slsqxx/lqslxx");
46 // break;
47 // //森林林木使用权
48 // case "sllmslxx":
49 // form = require("@/views/ywbl/slsqxx/sllmslxx");
50 // break;
51 // //农用地使用权
52 // case "nydsyqslxx100":
53 // case "nydsyqslxx200":
54 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
55 // break;
56 // //查封登记
57 // case "tdslxxCfdj":
58 // form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue");
59 // break;
60 // //查封登记（批量）
61 // case "plslxxCfdj":
62 // form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue");
63 // break;
64 // //抵押权
65 // case "diyaqSlxx":
66 // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
67 // break;
68 // //抵押权（批量）
69 // case "batchDiyaq":
70 // form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue");
71 // break;
72 // //预告买卖登记
73 // case "ygmm100":
74 // case "ygmm300":
75 // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
76 // break;
77 // //预告抵押登记
78 // case "ygdy100":
79 // case "ygdy300":
80 // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
81 // break;
82 // //在建工程抵押权
83 // case "zjgcdyqSlxx":
84 // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
85 // break;
86 // //在建工程抵押权（批量）
87 // case "batchZjgcdyq":
88 // form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
89 // break;
90 // case "clxx"://材料信息
91 // form = require("@/views/workflow/components/clxx/clxxUnify.vue");
92 // break;
93 // case "spyj"://审批意见
94 // form = require("@/views/workflow/components/spyj.vue");
95 // break;
96 // case "swxx"://税务信息
97 // form = require("@/views/workflow/components/swxx.vue");
98 // break;
99 // case "sfxx"://收费信息
100 // form = require("@/views/workflow/components/sfxx.vue");
101 // break;
102 // case "sdqxx"://水电气信息
103 // form = require("@/views/workflow/components/sdqxx.vue");
104 // break;
105 // case "zdjbxx"://宗地基本信息
106 // form = require("@/views/registerBook/zdjbxx.vue");
107 // break;
108 // case "szxx"://缮证信息
109 // form = require("@/views/workflow/components/szxx.vue");
110 // break;
111 // case "fzxx"://发证信息
112 // form = require("@/views/workflow/components/fzxx.vue");
113 // break;
114 // case "zdjbxxImg"://宗地图
115 // form = require("@/views/workflow/components/zdt.vue");
116 // break;
117 // case "cfdjxx":
118 // form = require("@/views/registerBook/cfdj.vue");
119 // break;
120 // case "tdsyqQlxx":
121 // form = require("@/views/registerBook/tdsyq.vue");
122 // break;
123 // case "jsydsyqQlxx":
124 // form = require("@/views/registerBook/jsydsyq.vue");
125 // break;
126 // case "nydsyqQlxx":
127 // form = require("@/views/registerBook/nydsyq.vue");
128 // break;
129 // case "fdcq1Qlxx":
130 // form = require("@/views/registerBook/fdcq1.vue");
131 // break;
132 // case "fdcq2Qlxx":
133 // form = require("@/views/registerBook/fdcq2.vue");
134 // break;
135 // case "lqQlxx":
136 // form = require("@/views/registerBook/ldsyq.vue");
137 // break;
138 // case "diyaqQlxx":
139 // form = require("@/views/registerBook/diyaq.vue");
140 // break;
141 // case "ygdjQlxx":
142 // form = require("@/views/registerBook/ygdj.vue");
143 // break;
144 // default://默认地址404空页面
145 // form = require("@/views/error-page/404.vue");
146 // break;
147 // }
148 // return (r) => require.ensure([], () => r(form));
149 // }
150
11 export function getForm(tabName) { 151 export function getForm(tabName) {
12 let form; 152 let form;
13 if (tabName == 0) return 153 if (tabName == 0) return
14 switch (tabName) { 154 switch (tabName) {
15 //土地所有权 155 //土地所有权
16 case "tdsyqslxx": 156 case "tdsyqslxx":
17 form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue"); 157 form = require("@/views/workflow/main/slsqxx/tdsyq/slxx.vue");
18 break; 158 break;
19 //建设用地、宅基地 159 //建设用地、宅基地
20 case "jsydsyqslxx100": 160 case "jsydsyqslxx100":
21 case "jsydsyqslxx300": 161 case "jsydsyqslxx300":
22 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 162 form = require("@/views/workflow/main/slsqxx/jsydsyq/slxx.vue");
23 break; 163 break;
24 //土地承包经营权 164 //土地承包经营权
25 case "tdcbjyqslxx100": 165 case "tdcbjyqslxx100":
26 form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue"); 166 form = require("@/views/workflow/main/slsqxx/tdcbjyq/slxx.vue");
27 break; 167 break;
28 //房屋多幢 168 //房屋多幢
29 case "fwsyqdzslxx": 169 case "fwsyqdzslxx":
30 form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue"); 170 form = require("@/views/workflow/main/slsqxx/fdcq1/slxx.vue");
31 break; 171 break;
32 //房屋独幢 172 //房屋独幢
33 case "fwsyqslxx100": 173 case "fwsyqslxx100":
34 case "fwsyqslxx200": 174 case "fwsyqslxx200":
35 case "fwsyqslxx400": 175 case "fwsyqslxx400":
36 case "fwsyqslxx300": 176 case "fwsyqslxx300":
37 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 177 form = require("@/views/workflow/main/slsqxx/fdcq2/slxx.vue");
38 break; 178 break;
39 //房屋独幢（批量） 179 //房屋独幢（批量）
40 case "plfdcq2": 180 case "plfdcq2":
41 form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue"); 181 form = require("@/views/workflow/main/slsqxx/fdcq2/batchSlxx.vue");
42 break; 182 break;
43 //林地使用权 183 //林地使用权
44 case "lqslxx": 184 case "lqslxx":
45 form = require("@/views/ywbl/slsqxx/lqslxx"); 185 form = require("@/views/workflow/main/slsqxx/lqslxx");
46 break; 186 break;
47 //森林林木使用权 187 //森林林木使用权
48 case "sllmslxx": 188 case "sllmslxx":
49 form = require("@/views/ywbl/slsqxx/sllmslxx"); 189 form = require("@/views/workflow/main/slsqxx/sllmslxx");
50 break; 190 break;
51 //农用地使用权 191 //农用地使用权
52 case "nydsyqslxx100": 192 case "nydsyqslxx100":
53 case "nydsyqslxx200": 193 case "nydsyqslxx200":
54 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 194 form = require("@/views/workflow/main/slsqxx/nydsyq/slxx.vue");
55 break; 195 break;
56 //查封登记 196 //查封登记
57 case "tdslxxCfdj": 197 case "tdslxxCfdj":
58 form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue"); 198 form = require("@/views/workflow/main/slsqxx/cfdj/slxx.vue");
59 break; 199 break;
60 //查封登记（批量） 200 //查封登记（批量）
61 case "plslxxCfdj": 201 case "plslxxCfdj":
62 form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue"); 202 form = require("@/views/workflow/main/slsqxx/cfdj/batchSlxx.vue");
63 break; 203 break;
64 //抵押权 204 //抵押权
65 case "diyaqSlxx": 205 case "diyaqSlxx":
66 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 206 form = require("@/views/workflow/main/slsqxx/diyaq/slxx.vue");
67 break; 207 break;
68 //抵押权（批量） 208 //抵押权（批量）
69 case "batchDiyaq": 209 case "batchDiyaq":
70 form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue"); 210 form = require("@/views/workflow/main/slsqxx/diyaq/batchSlxx.vue");
71 break; 211 break;
72 //预告买卖登记 212 //预告买卖登记
73 case "ygmm100": 213 case "ygmm100":
74 case "ygmm300": 214 case "ygmm300":
75 form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); 215 form = require("@/views/workflow/main/slsqxx/ygdj/slxx.vue");
76 break; 216 break;
77 //预告抵押登记 217 //预告抵押登记
78 case "ygdy100": 218 case "ygdy100":
79 case "ygdy300": 219 case "ygdy300":
80 form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); 220 form = require("@/views/workflow/main/slsqxx/ygdy/slxx.vue");
81 break; 221 break;
82 //在建工程抵押权 222 //在建工程抵押权
83 case "zjgcdyqSlxx": 223 case "zjgcdyqSlxx":
84 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 224 form = require("@/views/workflow/main/slsqxx/zjgcdy/slxx.vue");
85 break; 225 break;
86 //在建工程抵押权（批量） 226 //在建工程抵押权（批量）
87 case "batchZjgcdyq": 227 case "batchZjgcdyq":
88 form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); 228 form = require("@/views/workflow/main/slsqxx/zjgcdy/batchSlxx.vue");
89 break; 229 break;
90 case "clxx"://材料信息 230 case "clxx"://材料信息
91 form = require("@/views/workflow/components/clxx/clxxUnify.vue"); 231 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:50
5 -->
6 <template>
7 <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
8 style="overflow-y:scroll;">
9 <div class="tableBox">
10 <div class="title">
11 <span>{{ title }}</span>
12 </div>
13 <div class="xxTableBox">
14 <table class="xxTable">
15 <tr>
16 <td></td>
17 <td>变更前2</td>
18 <td>变更后</td>
19 </tr>
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td
25 v-for="(row, index) in tableData"
26 :key="index"
27 :class="[
28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '',
31
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
36 ]">
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 </tr>
64 </table>
65 </div>
66 </div>
67 </div>
68 </template>
69
70 <script>
71 import { getFdcqLSInfo } from "@/api/djbDetail.js";
72 import { datas } from "@/views/registerBook/qlxxFormData.js";
73
74 export default {
75 data () {
76 return {
77 title: "房地产权登记信息（独幢、层、套、间房屋）",
78 qsztList: datas.columns().qsztList,
79 checkList: datas.columns().checkList,
80 //传递参数
81 propsParam: this.$attrs,
82 //列表数据
83 tableData: [],
84 //空列值个数
85 emptycolNum: 1,
86 //列名称对象
87 columns: datas.columns().FDCQ2,
88 tdColumns: datas.columns().JSYDSYQ
89
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 mounted () {
96 this.timeLineHeight = document.documentElement.clientHeight - 210;
97 window.onresize = () => {
98 this.timeLineHeight = document.documentElement.clientHeight - 210;
99 };
100 },
101 methods: {
102 /**
103 * @description: loadData
104 * @author: renchao
105 */
106 loadData () {
107 var formdata = new FormData();
108 formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
109 formdata.append("qllx", this.propsParam.formData.qllx);
110 formdata.append("isEdit", this.ableOperation);
111 getFdcqLSInfo(formdata).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 if (this.tableData.length < datas.columns().emptycolNum) {
115 this.emptycolNum =
116 datas.columns().emptycolNum - this.tableData.length;
117 } else {
118 this.emptycolNum = 0;
119 }
120 }
121 });
122 },
123 /**
124 * @description: checkChange
125 * @author: renchao
126 */
127 checkChange () {
128 if (this.checkList.length === 0) {
129 this.tableData = [];
130 this.emptycolNum = datas.columns().emptycolNum;
131 } else {
132 this.loadData();
133 }
134 },
135 /**
136 * @description: getQsztName
137 * @param {*} code
138 * @author: renchao
139 */
140 getQsztName (code) {
141 let name = "";
142 for (let item of this.qsztList) {
143 if (item.value == code) {
144 name = item.label;
145 break;
146 }
147 }
148 return name;
149 },
150 },
151 };
152 </script>
153
154 <style lang="scss" scoped>
155 @import "~@/views/registerBook/qlxxCommon.scss";
156 </style>