Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
19 changed files
with
962 additions
and
627 deletions
... | @@ -34,7 +34,7 @@ export const constantRoutes = [ | ... | @@ -34,7 +34,7 @@ export const constantRoutes = [ |
34 | hidden: true, | 34 | hidden: true, |
35 | meta: { title: '发起申请' } | 35 | meta: { title: '发起申请' } |
36 | }, | 36 | }, |
37 | // 业务流程框架 | 37 | // 登记簿补录 |
38 | { | 38 | { |
39 | path: '/djbworkFrame', | 39 | path: '/djbworkFrame', |
40 | component: () => import('@/views/djbworkflow/workFrame.vue'), | 40 | component: () => import('@/views/djbworkflow/workFrame.vue'), |
... | @@ -42,6 +42,14 @@ export const constantRoutes = [ | ... | @@ -42,6 +42,14 @@ export const constantRoutes = [ |
42 | hidden: true, | 42 | hidden: true, |
43 | meta: { title: '登记簿补录' } | 43 | meta: { title: '登记簿补录' } |
44 | }, | 44 | }, |
45 | // 登记簿补录只读框架 | ||
46 | { | ||
47 | path: '/djbworkFrameView', | ||
48 | component: () => import('@/views/djbworkflow/workFrameView.vue'), | ||
49 | name: 'djbworkFrameView', | ||
50 | hidden: true, | ||
51 | meta: { title: '登记簿补录' } | ||
52 | }, | ||
45 | //登记簿详情 | 53 | //登记簿详情 |
46 | { | 54 | { |
47 | path: '/djbFrameall', | 55 | path: '/djbFrameall', | ... | ... |
... | @@ -147,9 +147,11 @@ div:focus { | ... | @@ -147,9 +147,11 @@ div:focus { |
147 | .pl-5 { | 147 | .pl-5 { |
148 | padding-left: 5px; | 148 | padding-left: 5px; |
149 | } | 149 | } |
150 | |||
150 | .pt-10 { | 151 | .pt-10 { |
151 | padding-top: 10px; | 152 | padding-top: 10px; |
152 | } | 153 | } |
154 | |||
153 | .block { | 155 | .block { |
154 | display: block; | 156 | display: block; |
155 | } | 157 | } |
... | @@ -383,7 +385,65 @@ aside { | ... | @@ -383,7 +385,65 @@ aside { |
383 | transition: 0.5s; | 385 | transition: 0.5s; |
384 | margin-left: -1px; | 386 | margin-left: -1px; |
385 | border-top: 0; | 387 | border-top: 0; |
388 | |||
386 | .el-checkbox__label { | 389 | .el-checkbox__label { |
387 | font-size: 16px; | 390 | font-size: 16px; |
388 | } | 391 | } |
389 | } | 392 | } |
393 | |||
394 | |||
395 | .linshiIcon { | ||
396 | position: relative; | ||
397 | |||
398 | .icon { | ||
399 | position: absolute; | ||
400 | top: 12px; | ||
401 | right: -5px; | ||
402 | transform: rotate(45deg); | ||
403 | color: #fff; | ||
404 | font-size: 12px; | ||
405 | z-index: 10; | ||
406 | } | ||
407 | } | ||
408 | |||
409 | .linshiIcon::after { | ||
410 | content: ""; | ||
411 | display: block; | ||
412 | width: 0; | ||
413 | height: 0; | ||
414 | border-width: 0px 0px 55px 55px; | ||
415 | border-style: none solid solid; | ||
416 | border-color: transparent transparent #fe9400; | ||
417 | position: absolute; | ||
418 | top: 0; | ||
419 | right: 0; | ||
420 | transform: rotate(-90deg); | ||
421 | } | ||
422 | |||
423 | .xianshiIcon { | ||
424 | position: relative; | ||
425 | |||
426 | .icon { | ||
427 | position: absolute; | ||
428 | top: 9px; | ||
429 | right: 5px; | ||
430 | transform: rotate(45deg); | ||
431 | color: #fff; | ||
432 | font-size: 12px; | ||
433 | z-index: 10; | ||
434 | } | ||
435 | } | ||
436 | |||
437 | .xianshiIcon::after { | ||
438 | content: ""; | ||
439 | display: block; | ||
440 | width: 0; | ||
441 | height: 0; | ||
442 | border-width: 0px 0px 55px 55px; | ||
443 | border-style: none solid solid; | ||
444 | border-color: transparent transparent #67C23A; | ||
445 | position: absolute; | ||
446 | top: 0; | ||
447 | right: 0; | ||
448 | transform: rotate(-90deg); | ||
449 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -107,64 +107,6 @@ | ... | @@ -107,64 +107,6 @@ |
107 | } | 107 | } |
108 | } | 108 | } |
109 | 109 | ||
110 | .linshiIcon { | ||
111 | position: relative; | ||
112 | |||
113 | .icon { | ||
114 | position: absolute; | ||
115 | top: 12px; | ||
116 | right: -5px; | ||
117 | transform: rotate(45deg); | ||
118 | color: #fff; | ||
119 | font-size: 12px; | ||
120 | z-index: 10; | ||
121 | } | ||
122 | } | ||
123 | |||
124 | .linshiIcon::after { | ||
125 | content: ""; | ||
126 | display: block; | ||
127 | width: 0; | ||
128 | height: 0; | ||
129 | border-width: 0px 0px 55px 55px; | ||
130 | border-style: none solid solid; | ||
131 | border-color: transparent transparent #fe9400; | ||
132 | position: absolute; | ||
133 | top: 0; | ||
134 | right: 0; | ||
135 | transform: rotate(-90deg); | ||
136 | } | ||
137 | |||
138 | .xianshiIcon { | ||
139 | position: relative; | ||
140 | |||
141 | .icon { | ||
142 | position: absolute; | ||
143 | top: 9px; | ||
144 | right: 5px; | ||
145 | transform: rotate(45deg); | ||
146 | color: #fff; | ||
147 | font-size: 12px; | ||
148 | z-index: 10; | ||
149 | } | ||
150 | } | ||
151 | |||
152 | .xianshiIcon::after { | ||
153 | content: ""; | ||
154 | display: block; | ||
155 | width: 0; | ||
156 | height: 0; | ||
157 | border-width: 0px 0px 55px 55px; | ||
158 | border-style: none solid solid; | ||
159 | border-color: transparent transparent #67C23A; | ||
160 | position: absolute; | ||
161 | top: 0; | ||
162 | right: 0; | ||
163 | transform: rotate(-90deg); | ||
164 | } | ||
165 | |||
166 | |||
167 | |||
168 | tr { | 110 | tr { |
169 | display: flex; | 111 | display: flex; |
170 | } | 112 | } |
... | @@ -209,4 +151,4 @@ | ... | @@ -209,4 +151,4 @@ |
209 | margin-left: 2px; | 151 | margin-left: 2px; |
210 | } | 152 | } |
211 | } | 153 | } |
212 | } | 154 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -43,8 +43,12 @@ export default { | ... | @@ -43,8 +43,12 @@ export default { |
43 | //加载流程初始参数 | 43 | //加载流程初始参数 |
44 | flowInitParam () { | 44 | flowInitParam () { |
45 | var formdata = new FormData(); | 45 | var formdata = new FormData(); |
46 | |||
46 | formdata.append("bsmSlsq", this.bsmSlsq); | 47 | formdata.append("bsmSlsq", this.bsmSlsq); |
47 | formdata.append("bestepid", this.bestepid); | 48 | formdata.append("bestepid", this.bestepid); |
49 | if (this.type) { | ||
50 | formdata.append("type", "READ_ONLY"); | ||
51 | } | ||
48 | stepExpandInfo(formdata).then((res) => { | 52 | stepExpandInfo(formdata).then((res) => { |
49 | if (res.code === 200) { | 53 | if (res.code === 200) { |
50 | this.leftButtonList = res.result.button; | 54 | this.leftButtonList = res.result.button; | ... | ... |
src/views/djbworkflow/workFrameView.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-24 15:31:00 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="container"> | ||
8 | <!-- 顶部内容框 --> | ||
9 | <div class="topButton"> | ||
10 | <!-- 左侧业务功能按钮 --> | ||
11 | <ul> | ||
12 | <li | ||
13 | @click="operation(item)" | ||
14 | v-for="(item, index) in leftButtonList" | ||
15 | :key="index" | ||
16 | > | ||
17 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
18 | <span class="iconName">{{ item.name }}</span> | ||
19 | </li> | ||
20 | </ul> | ||
21 | <ul> | ||
22 | <li | ||
23 | @click="operation(item)" | ||
24 | v-for="(item, index) in rightButtonList" | ||
25 | :key="index" | ||
26 | > | ||
27 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
28 | <span class="iconName">{{ item.name }}</span> | ||
29 | </li> | ||
30 | </ul> | ||
31 | <!-- <NoticeBar | ||
32 | class="NoticeBar" | ||
33 | :noticeList="noticeList" | ||
34 | v-if="noticeList.length > 0" | ||
35 | /> --> | ||
36 | </div> | ||
37 | <!-- 内容框架 --> | ||
38 | <div class="containerFrame"> | ||
39 | <!-- 左侧菜单栏 区分业务--> | ||
40 | <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" /> | ||
41 | <div class="leftCon"> | ||
42 | <!-- 分屏左侧预览 --> | ||
43 | <div v-if="splitScreen" class="splitScreen-con"> | ||
44 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | ||
45 | </div> | ||
46 | <!-- 表单内容区域 --> | ||
47 | <div class="rightContainer"> | ||
48 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | ||
49 | <el-tab-pane | ||
50 | :label="item.name" | ||
51 | :name="item.value" | ||
52 | v-for="item in tabList" | ||
53 | :key="item.value" | ||
54 | > | ||
55 | </el-tab-pane> | ||
56 | </el-tabs> | ||
57 | <component | ||
58 | :key="fresh" | ||
59 | :is="componentTag" | ||
60 | v-bind="currentSelectProps" | ||
61 | /> | ||
62 | </div> | ||
63 | </div> | ||
64 | </div> | ||
65 | <!-- 新增补录信息勾选权利类型 --> | ||
66 | <qllxDailog ref="qllxlist" /> | ||
67 | </div> | ||
68 | </template> | ||
69 | <style scoped lang="scss"> | ||
70 | @import "~@/styles/mixin.scss"; | ||
71 | @import "./workFrame.scss"; | ||
72 | </style> | ||
73 | <script> | ||
74 | import WorkFlow from "./mixin/index"; | ||
75 | import { getForm } from "./flowform"; | ||
76 | import { getStepFormInfo } from "@/api/fqsq.js"; | ||
77 | import NoticeBar from "@/components/NoticeBar/index"; | ||
78 | import ProcessViewer from "./components/processViewer.vue"; | ||
79 | // 引入左侧菜单 | ||
80 | import { leftMenubl } from "@/api/djbbl.js"; | ||
81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | ||
82 | import qllxDailog from "./djbBook/components/qllxDailog"; | ||
83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | ||
85 | // 登记簿数据信息 | ||
86 | import { addRepairRecord } from "@/api/djbbl.js"; | ||
87 | // 获取权利类型数组 | ||
88 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | ||
89 | |||
90 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
91 | export default { | ||
92 | components: { | ||
93 | selectBdc, | ||
94 | NoticeBar, | ||
95 | ProcessViewer, | ||
96 | ordinaryMenu, | ||
97 | qllxDailog, | ||
98 | }, | ||
99 | mixins: [WorkFlow], | ||
100 | data() { | ||
101 | return { | ||
102 | bsmSlsq: this.$route.query.bsmSlsq, | ||
103 | //当前流程所在环节 | ||
104 | bestepid: this.$route.query.bestepid, | ||
105 | //受理申请标识码 | ||
106 | bdcdyid: this.$route.query.bdcdyid, | ||
107 | //当前流程所在环节 | ||
108 | bdcdyh: this.$route.query.bdcdyh, | ||
109 | qllx: this.$route.query.qllx, | ||
110 | //设置那个表单选中 | ||
111 | tabName: "", | ||
112 | // 弹框显示 | ||
113 | dialogVisible: true, | ||
114 | //表单集合 | ||
115 | tabList: [], | ||
116 | type: "READ_ONLY", | ||
117 | //选择加载哪一个组件 | ||
118 | componentTag: "", | ||
119 | //设置表单传递数据 | ||
120 | currentSelectProps: {}, | ||
121 | // 首次拿到的业务信息 | ||
122 | oneSelectProps: {}, | ||
123 | //材料信息选择卡索引 | ||
124 | oneget: true, | ||
125 | //页面监听时间 | ||
126 | _beforeUnload_time: "", | ||
127 | treedata: {}, | ||
128 | tabdata: [], | ||
129 | defaultNode: {}, | ||
130 | }; | ||
131 | }, | ||
132 | mounted() { | ||
133 | // this.getleftMenubl() | ||
134 | }, | ||
135 | |||
136 | methods: { | ||
137 | stepForm(qllx) { | ||
138 | this.oneSelectProps.qllx = qllx; | ||
139 | if (this.$refs.Menu.supplementarylist.length) { | ||
140 | this.oneSelectProps.type = this.type | ||
141 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
142 | this.$nextTick(function () { | ||
143 | this.tabList = res.result; | ||
144 | this.tabName = this.tabList[0].value; | ||
145 | this.getFromRouter(this.tabName); | ||
146 | }); | ||
147 | }); | ||
148 | } | ||
149 | }, | ||
150 | // 获取右侧菜单 | ||
151 | // getleftMenubl() { | ||
152 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
153 | // this.supplementarylist = res.result; | ||
154 | // }) | ||
155 | // }, | ||
156 | getQllxByBdcdyid() { | ||
157 | if (this.currentSelectProps.bdcdyid) { | ||
158 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
159 | (res) => { | ||
160 | if (res.code === 200) { | ||
161 | this.$refs.qllxlist.qllxlistdata = res.result; | ||
162 | this.$refs.qllxlist.dialogVisible = true; | ||
163 | } | ||
164 | } | ||
165 | ); | ||
166 | } | ||
167 | }, | ||
168 | // 获取右侧选项卡 | ||
169 | getCurrentSelectProps(val) { | ||
170 | if (val.bdcdyid) { | ||
171 | this.oneSelectProps = val; | ||
172 | } | ||
173 | this.currentSelectProps = val; | ||
174 | if (this.currentSelectProps.bsmRepair) { | ||
175 | this.stepForm(this.currentSelectProps.qllx); | ||
176 | } else if (!this.oneget) { | ||
177 | this.getdjblist(); | ||
178 | } | ||
179 | if (this.oneget) { | ||
180 | this.oneget = false; | ||
181 | this.stepForm(this.currentSelectProps.qllx); | ||
182 | } | ||
183 | }, | ||
184 | // 获取渲染登记簿列表 | ||
185 | getdjblist() { | ||
186 | getBdcqljqtsx({ | ||
187 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
188 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
189 | }).then((res) => { | ||
190 | if (res.code === 200) { | ||
191 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
192 | this.$nextTick(function () { | ||
193 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
194 | linShi: 0, | ||
195 | xianShi: 0, | ||
196 | liShi: 0, | ||
197 | }); | ||
198 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
199 | }); | ||
200 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
201 | this.tabdata = [ | ||
202 | ...settree, | ||
203 | ...settree[1].children[0].children[0].children, | ||
204 | ]; | ||
205 | this.tabdata.forEach((item, index, arr) => { | ||
206 | arr[index].name = item.label; | ||
207 | arr[index].value = item.id; | ||
208 | }); | ||
209 | this.tabList = this.tabdata; | ||
210 | } | ||
211 | }); | ||
212 | }, | ||
213 | //右侧表单选项卡事件 | ||
214 | beforeLeave(activeName) { | ||
215 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
216 | }, | ||
217 | //切换选项卡内容组件 | ||
218 | getFromRouter(tabname) { | ||
219 | console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList); | ||
220 | this.componentTag = getForm(tabname); | ||
221 | }, | ||
222 | closefp() { | ||
223 | console.log("点击分屏"); | ||
224 | this.splitScreen = this.splitScreen ? false : true; | ||
225 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
226 | this.getFromRouter(this.tabList[0].value); | ||
227 | this.clxxForm = getForm(this.tabList[1].value); | ||
228 | }, | ||
229 | // 增加补录记录 | ||
230 | addRepairRecord(row, del) { | ||
231 | let from = { | ||
232 | bsmQlxx: "", | ||
233 | bsmSlsq: this.bsmSlsq, | ||
234 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
235 | operate: "C", | ||
236 | qllx: "", | ||
237 | }; | ||
238 | if (row) { | ||
239 | from.bsmQlxx = row.bsmQlxx; | ||
240 | if (del) { | ||
241 | from.operate = del; | ||
242 | } else { | ||
243 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
244 | } | ||
245 | from.qllx = row.qllx; | ||
246 | } | ||
247 | addRepairRecord(from) | ||
248 | .then((res) => { | ||
249 | if (res.code == "200") { | ||
250 | this.$refs.qllxlist.dialogVisible = false; | ||
251 | this.$nextTick(() => { | ||
252 | this.$refs.Menu.getleftMenubl(res.result); | ||
253 | this.$message({ | ||
254 | type: "success", | ||
255 | message: "补录成功!", | ||
256 | }); | ||
257 | }); | ||
258 | } else { | ||
259 | this.$alert(res.message, "提示", { | ||
260 | confirmButtonText: "确定", | ||
261 | type: "warning", | ||
262 | }); | ||
263 | } | ||
264 | }) | ||
265 | .catch((res) => { | ||
266 | console.log("错", res); | ||
267 | }); | ||
268 | }, | ||
269 | }, | ||
270 | }; | ||
271 | </script> | ||
272 | <style scoped lang="scss"></style> |
... | @@ -22,13 +22,19 @@ | ... | @@ -22,13 +22,19 @@ |
22 | :class="[ | 22 | :class="[ |
23 | row.qszt == '2' ? 'lishi' : '', | 23 | row.qszt == '2' ? 'lishi' : '', |
24 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
26 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
26 | ]"> | 27 | ]"> |
27 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
36 | 有效 | ||
30 | </div> | 37 | </div> |
31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | ||
32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 38 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
33 | 39 | ||
34 | <span v-else>{{ row[item.prop] }}</span> | 40 | <span v-else>{{ row[item.prop] }}</span> |
... | @@ -66,9 +72,9 @@ | ... | @@ -66,9 +72,9 @@ |
66 | }, | 72 | }, |
67 | methods: { | 73 | methods: { |
68 | loadData () { | 74 | loadData () { |
69 | if (this.$parent.addRepairRecord) { | 75 | if (this.$parent.addRepairRecord) { |
70 | this.columns.unshift({ prop: "cz", label: "操作" }); | 76 | this.columns.unshift({ prop: "cz", label: "操作" }); |
71 | } | 77 | } |
72 | getCfdjList({ | 78 | getCfdjList({ |
73 | bdcdyid: this.propsParam.bdcdyid, | 79 | bdcdyid: this.propsParam.bdcdyid, |
74 | qllx: this.propsParam.qllx, | 80 | qllx: this.propsParam.qllx, |
... | @@ -113,28 +119,28 @@ | ... | @@ -113,28 +119,28 @@ |
113 | } | 119 | } |
114 | return name; | 120 | return name; |
115 | }, | 121 | }, |
116 | // 新增一条补录信息 | 122 | // 新增一条补录信息 |
117 | editDialog(row, del) { | 123 | editDialog (row, del) { |
118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 124 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
119 | confirmButtonText: "确定", | 125 | confirmButtonText: "确定", |
120 | cancelButtonText: "取消", | 126 | cancelButtonText: "取消", |
121 | type: "warning", | 127 | type: "warning", |
122 | }) | ||
123 | .then(() => { | ||
124 | this.$parent.addRepairRecord(row, del); | ||
125 | |||
126 | this.$message({ | ||
127 | type: "success", | ||
128 | message: "补录成功!", | ||
129 | }); | ||
130 | }) | 128 | }) |
131 | .catch(() => { | 129 | .then(() => { |
132 | this.$message({ | 130 | this.$parent.addRepairRecord(row, del); |
133 | type: "info", | 131 | |
134 | message: "取消编辑", | 132 | this.$message({ |
133 | type: "success", | ||
134 | message: "补录成功!", | ||
135 | }); | ||
136 | }) | ||
137 | .catch(() => { | ||
138 | this.$message({ | ||
139 | type: "info", | ||
140 | message: "取消编辑", | ||
141 | }); | ||
135 | }); | 142 | }); |
136 | }); | 143 | }, |
137 | }, | ||
138 | }, | 144 | }, |
139 | }; | 145 | }; |
140 | </script> | 146 | </script> | ... | ... |
... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
8 | <el-checkbox | 8 | <el-checkbox |
9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
10 | :key="item.value" | 10 | :key="item.value" |
11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
15 | </div> | 13 | </div> |
16 | </div> | 14 | </div> |
... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
31 | > | 29 | ]"> |
32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
33 | <el-button | 31 | <el-button |
34 | type="text" | 32 | type="text" |
35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
37 | >编辑</el-button | ||
38 | > | ||
39 | <el-button | 35 | <el-button |
40 | type="text" | 36 | type="text" |
41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
43 | >删除</el-button | ||
44 | > | ||
45 | </div> | 39 | </div> |
46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
47 | 正在办理 | 41 | 正在办理 |
48 | </div> | 42 | </div> |
43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
44 | 有效 | ||
45 | </div> | ||
49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
51 | </span> | 48 | </span> |
... | @@ -61,96 +58,95 @@ | ... | @@ -61,96 +58,95 @@ |
61 | </template> | 58 | </template> |
62 | 59 | ||
63 | <script> | 60 | <script> |
64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
66 | import { getDiyaqList } from "@/api/registerBook.js"; | 63 | import { getDiyaqList } from "@/api/registerBook.js"; |
67 | export default { | 64 | export default { |
68 | data() { | 65 | data () { |
69 | return { | 66 | return { |
70 | title: "抵押权登记信息", | 67 | title: "抵押权登记信息", |
71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
72 | checkList: datas.columns().checkList, | 69 | checkList: datas.columns().checkList, |
73 | //传递参数 | 70 | //传递参数 |
74 | propsParam: this.$attrs, | 71 | propsParam: this.$attrs, |
75 | //列表数据 | 72 | //列表数据 |
76 | tableData: [], | 73 | tableData: [], |
77 | //空列值个数 | 74 | //空列值个数 |
78 | emptycolNum: datas.columns().emptycolNum, | 75 | emptycolNum: datas.columns().emptycolNum, |
79 | //列名称对象 | 76 | //列名称对象 |
80 | columns: datas.columns().DYAQ, | 77 | columns: datas.columns().DYAQ, |
81 | }; | 78 | }; |
82 | }, | ||
83 | created() { | ||
84 | this.loadData(); | ||
85 | }, | ||
86 | methods: { | ||
87 | loadData() { | ||
88 | if (this.$parent.addRepairRecord) { | ||
89 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
90 | } | ||
91 | getDiyaqList({ | ||
92 | bdcdyid: this.propsParam.bdcdyid, | ||
93 | qllx: this.propsParam.qllx, | ||
94 | qszt: this.checkList, | ||
95 | }).then((res) => { | ||
96 | if (res.code === 200) { | ||
97 | this.tableData = res.result; | ||
98 | this.tableData.forEach((item) => { | ||
99 | item.sjlx = getSjlx(item.sjlx); | ||
100 | }); | ||
101 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
102 | this.emptycolNum = | ||
103 | datas.columns().emptycolNum - this.tableData.length; | ||
104 | } else { | ||
105 | this.emptycolNum = 0; | ||
106 | } | ||
107 | } | ||
108 | }); | ||
109 | }, | 79 | }, |
110 | checkChange() { | 80 | created () { |
111 | if (this.checkList.length === 0) { | 81 | this.loadData(); |
112 | this.tableData = []; | ||
113 | this.emptycolNum = datas.columns().emptycolNum; | ||
114 | } else { | ||
115 | this.loadData(); | ||
116 | } | ||
117 | }, | 82 | }, |
118 | getQsztName(code) { | 83 | methods: { |
119 | let name = ""; | 84 | loadData () { |
120 | for (let item of this.qsztList) { | 85 | if (this.$parent.addRepairRecord) { |
121 | if (item.value == code) { | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
122 | name = item.label; | ||
123 | break; | ||
124 | } | 87 | } |
125 | } | 88 | getDiyaqList({ |
126 | return name; | 89 | bdcdyid: this.propsParam.bdcdyid, |
127 | }, | 90 | qllx: this.propsParam.qllx, |
128 | // 新增一条补录信息 | 91 | qszt: this.checkList, |
129 | editDialog(row, del) { | 92 | }).then((res) => { |
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 93 | if (res.code === 200) { |
131 | confirmButtonText: "确定", | 94 | this.tableData = res.result; |
132 | cancelButtonText: "取消", | 95 | this.tableData.forEach((item) => { |
133 | type: "warning", | 96 | item.sjlx = getSjlx(item.sjlx); |
134 | }) | 97 | }); |
135 | .then(() => { | 98 | if (this.tableData.length < datas.columns().emptycolNum) { |
136 | this.$parent.addRepairRecord(row, del); | 99 | this.emptycolNum = |
137 | 100 | datas.columns().emptycolNum - this.tableData.length; | |
138 | this.$message({ | 101 | } else { |
139 | type: "success", | 102 | this.emptycolNum = 0; |
140 | message: "补录成功!", | 103 | } |
141 | }); | 104 | } |
105 | }); | ||
106 | }, | ||
107 | checkChange () { | ||
108 | if (this.checkList.length === 0) { | ||
109 | this.tableData = []; | ||
110 | this.emptycolNum = datas.columns().emptycolNum; | ||
111 | } else { | ||
112 | this.loadData(); | ||
113 | } | ||
114 | }, | ||
115 | getQsztName (code) { | ||
116 | let name = ""; | ||
117 | for (let item of this.qsztList) { | ||
118 | if (item.value == code) { | ||
119 | name = item.label; | ||
120 | break; | ||
121 | } | ||
122 | } | ||
123 | return name; | ||
124 | }, | ||
125 | // 新增一条补录信息 | ||
126 | editDialog (row, del) { | ||
127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
128 | confirmButtonText: "确定", | ||
129 | cancelButtonText: "取消", | ||
130 | type: "warning", | ||
142 | }) | 131 | }) |
143 | .catch(() => { | 132 | .then(() => { |
144 | this.$message({ | 133 | this.$parent.addRepairRecord(row, del); |
145 | type: "info", | 134 | this.$message({ |
146 | message: "取消编辑", | 135 | type: "success", |
136 | message: "补录成功!", | ||
137 | }); | ||
138 | }) | ||
139 | .catch(() => { | ||
140 | this.$message({ | ||
141 | type: "info", | ||
142 | message: "取消编辑", | ||
143 | }); | ||
147 | }); | 144 | }); |
148 | }); | 145 | }, |
149 | }, | 146 | }, |
150 | }, | 147 | }; |
151 | }; | ||
152 | </script> | 148 | </script> |
153 | 149 | ||
154 | <style lang="scss" scoped> | 150 | <style lang="scss" scoped> |
155 | @import "./qlxxCommon.scss"; | 151 | @import "./qlxxCommon.scss"; |
156 | </style> | 152 | </style> | ... | ... |
... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
8 | <el-checkbox | 8 | <el-checkbox |
9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
10 | :key="item.value" | 10 | :key="item.value" |
11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
15 | </div> | 13 | </div> |
16 | </div> | 14 | </div> |
... | @@ -27,15 +25,18 @@ | ... | @@ -27,15 +25,18 @@ |
27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
31 | > | 29 | ]"> |
32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
33 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
35 | </div> | 33 | </div> |
36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
37 | 正在办理 | 35 | 正在办理 |
38 | </div> | 36 | </div> |
37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
38 | 有效 | ||
39 | </div> | ||
39 | <span v-if="item.prop == 'qszt'"> | 40 | <span v-if="item.prop == 'qszt'"> |
40 | {{ getQsztName(row[item.prop]) }} | 41 | {{ getQsztName(row[item.prop]) }} |
41 | </span> | 42 | </span> |
... | @@ -51,96 +52,96 @@ | ... | @@ -51,96 +52,96 @@ |
51 | </template> | 52 | </template> |
52 | 53 | ||
53 | <script> | 54 | <script> |
54 | import { datas } from "./qlxxFormData.js"; | 55 | import { datas } from "./qlxxFormData.js"; |
55 | import { getSjlx } from "@/utils/dictionary.js"; | 56 | import { getSjlx } from "@/utils/dictionary.js"; |
56 | import { getDiyiqList } from "@/api/registerBook.js"; | 57 | import { getDiyiqList } from "@/api/registerBook.js"; |
57 | export default { | 58 | export default { |
58 | data() { | 59 | data () { |
59 | return { | 60 | return { |
60 | title: "地役权登记信息", | 61 | title: "地役权登记信息", |
61 | qsztList: datas.columns().qsztList, | 62 | qsztList: datas.columns().qsztList, |
62 | checkList: datas.columns().checkList, | 63 | checkList: datas.columns().checkList, |
63 | //传递参数 | 64 | //传递参数 |
64 | propsParam: this.$attrs, | 65 | propsParam: this.$attrs, |
65 | //列表数据 | 66 | //列表数据 |
66 | tableData: [], | 67 | tableData: [], |
67 | //空列值个数 | 68 | //空列值个数 |
68 | emptycolNum: datas.columns().emptycolNum, | 69 | emptycolNum: datas.columns().emptycolNum, |
69 | //列名称对象 | 70 | //列名称对象 |
70 | columns: datas.columns().DYIQ, | 71 | columns: datas.columns().DYIQ, |
71 | }; | 72 | }; |
72 | }, | ||
73 | created() { | ||
74 | this.loadData(); | ||
75 | }, | ||
76 | methods: { | ||
77 | loadData() { | ||
78 | if (this.$parent.addRepairRecord) { | ||
79 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
80 | } | ||
81 | getDiyiqList({ | ||
82 | bdcdyid: this.propsParam.bdcdyid, | ||
83 | qllx: this.propsParam.qllx, | ||
84 | qszt: this.checkList, | ||
85 | }).then((res) => { | ||
86 | if (res.code === 200) { | ||
87 | this.tableData = res.result; | ||
88 | this.tableData.forEach((item) => { | ||
89 | item.sjlx = getSjlx(item.sjlx); | ||
90 | }); | ||
91 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
92 | this.emptycolNum = | ||
93 | datas.columns().emptycolNum - this.tableData.length; | ||
94 | } else { | ||
95 | this.emptycolNum = 0; | ||
96 | } | ||
97 | } | ||
98 | }); | ||
99 | }, | 73 | }, |
100 | checkChange() { | 74 | created () { |
101 | if (this.checkList.length === 0) { | 75 | this.loadData(); |
102 | this.tableData = []; | ||
103 | this.emptycolNum = datas.columns().emptycolNum; | ||
104 | } else { | ||
105 | this.loadData(); | ||
106 | } | ||
107 | }, | 76 | }, |
108 | getQsztName(code) { | 77 | methods: { |
109 | let name = ""; | 78 | loadData () { |
110 | for (let item of this.qsztList) { | 79 | if (this.$parent.addRepairRecord) { |
111 | if (item.value == code) { | 80 | this.columns.unshift({ prop: "cz", label: "操作" }); |
112 | name = item.label; | ||
113 | break; | ||
114 | } | 81 | } |
115 | } | 82 | getDiyiqList({ |
116 | return name; | 83 | bdcdyid: this.propsParam.bdcdyid, |
117 | }, | 84 | qllx: this.propsParam.qllx, |
118 | // 新增一条补录信息 | 85 | qszt: this.checkList, |
119 | editDialog(row, del) { | 86 | }).then((res) => { |
120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 87 | if (res.code === 200) { |
121 | confirmButtonText: "确定", | 88 | this.tableData = res.result; |
122 | cancelButtonText: "取消", | 89 | this.tableData.forEach((item) => { |
123 | type: "warning", | 90 | item.sjlx = getSjlx(item.sjlx); |
124 | }) | 91 | }); |
125 | .then(() => { | 92 | if (this.tableData.length < datas.columns().emptycolNum) { |
126 | this.$parent.addRepairRecord(row, del); | 93 | this.emptycolNum = |
127 | 94 | datas.columns().emptycolNum - this.tableData.length; | |
128 | this.$message({ | 95 | } else { |
129 | type: "success", | 96 | this.emptycolNum = 0; |
130 | message: "补录成功!", | 97 | } |
131 | }); | 98 | } |
99 | }); | ||
100 | }, | ||
101 | checkChange () { | ||
102 | if (this.checkList.length === 0) { | ||
103 | this.tableData = []; | ||
104 | this.emptycolNum = datas.columns().emptycolNum; | ||
105 | } else { | ||
106 | this.loadData(); | ||
107 | } | ||
108 | }, | ||
109 | getQsztName (code) { | ||
110 | let name = ""; | ||
111 | for (let item of this.qsztList) { | ||
112 | if (item.value == code) { | ||
113 | name = item.label; | ||
114 | break; | ||
115 | } | ||
116 | } | ||
117 | return name; | ||
118 | }, | ||
119 | // 新增一条补录信息 | ||
120 | editDialog (row, del) { | ||
121 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
122 | confirmButtonText: "确定", | ||
123 | cancelButtonText: "取消", | ||
124 | type: "warning", | ||
132 | }) | 125 | }) |
133 | .catch(() => { | 126 | .then(() => { |
134 | this.$message({ | 127 | this.$parent.addRepairRecord(row, del); |
135 | type: "info", | 128 | |
136 | message: "取消编辑", | 129 | this.$message({ |
130 | type: "success", | ||
131 | message: "补录成功!", | ||
132 | }); | ||
133 | }) | ||
134 | .catch(() => { | ||
135 | this.$message({ | ||
136 | type: "info", | ||
137 | message: "取消编辑", | ||
138 | }); | ||
137 | }); | 139 | }); |
138 | }); | 140 | }, |
139 | }, | 141 | }, |
140 | }, | 142 | }; |
141 | }; | ||
142 | </script> | 143 | </script> |
143 | 144 | ||
144 | <style lang="scss" scoped> | 145 | <style lang="scss" scoped> |
145 | @import "./qlxxCommon.scss"; | 146 | @import "./qlxxCommon.scss"; |
146 | </style> | 147 | </style> | ... | ... |
... | @@ -11,117 +11,118 @@ | ... | @@ -11,117 +11,118 @@ |
11 | </div> | 11 | </div> |
12 | </template> | 12 | </template> |
13 | <script> | 13 | <script> |
14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
15 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 15 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
16 | export default { | 16 | export default { |
17 | data () { | 17 | data () { |
18 | return { | 18 | return { |
19 | //接收参数 | 19 | //接收参数 |
20 | // propsParam: this.$attrs, | 20 | // propsParam: this.$attrs, |
21 | //左侧目录 | 21 | //左侧目录 |
22 | catalog: {}, | 22 | catalog: {}, |
23 | //选择加载哪一个组件 | 23 | //选择加载哪一个组件 |
24 | componentTag: "", | 24 | componentTag: "", |
25 | //子组件接收参数 | 25 | //子组件接收参数 |
26 | currentSelectProps: {}, | 26 | currentSelectProps: {}, |
27 | //左侧树形结构数据 | 27 | //左侧树形结构数据 |
28 | treedata: [], | 28 | treedata: [], |
29 | defaultNode: "", | 29 | defaultNode: "", |
30 | defaultProps: { | 30 | defaultProps: { |
31 | value: "id", | 31 | value: "id", |
32 | children: "children", | 32 | children: "children", |
33 | label: "label", | 33 | label: "label", |
34 | }, | 34 | }, |
35 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 | 35 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 |
36 | }; | ||
37 | }, | ||
38 | props: ["formData"], | ||
39 | mounted () { | ||
40 | this.loadData(); | ||
41 | }, | ||
42 | methods: { | ||
43 | loadData () { | ||
44 | getBdcqljqtsx({ | ||
45 | bdcdyid: this.formData.bdcdyid, | ||
46 | bdcdyh: this.formData.bdcdyh, | ||
47 | }).then((res) => { | ||
48 | if (res.code === 200) { | ||
49 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | ||
50 | this.$nextTick(function () { | ||
51 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
52 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
53 | this.loadComponent(this.defaultNode.form); | ||
54 | }); | ||
55 | } | ||
56 | }); | ||
57 | this.currentSelectProps = { | ||
58 | bdcdyid: this.formData.bdcdyid, | ||
59 | bdcdyh: this.formData.bdcdyh, | ||
60 | qllx: this.formData.qllx, | ||
61 | bsmQlxx: this.formData.bsmQlxx, | ||
62 | }; | 36 | }; |
63 | }, | 37 | }, |
64 | handleNodeClick (data, node, elem) { | 38 | props: ["formData"], |
65 | this.loadComponent(data.form); | 39 | mounted () { |
40 | this.loadData(); | ||
66 | }, | 41 | }, |
67 | loadComponent (form) { | 42 | methods: { |
68 | this.componentTag = (r) => | 43 | loadData () { |
69 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 44 | getBdcqljqtsx({ |
45 | bdcdyid: this.formData.bdcdyid, | ||
46 | bdcdyh: this.formData.bdcdyh, | ||
47 | }).then((res) => { | ||
48 | if (res.code === 200) { | ||
49 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | ||
50 | this.$nextTick(function () { | ||
51 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
52 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
53 | this.loadComponent(this.defaultNode.form); | ||
54 | }); | ||
55 | } | ||
56 | }); | ||
57 | this.currentSelectProps = { | ||
58 | bdcdyid: this.formData.bdcdyid, | ||
59 | bdcdyh: this.formData.bdcdyh, | ||
60 | qllx: this.formData.qllx, | ||
61 | bsmQlxx: this.formData.bsmQlxx, | ||
62 | }; | ||
63 | }, | ||
64 | handleNodeClick (data, node, elem) { | ||
65 | this.loadComponent(data.form); | ||
66 | }, | ||
67 | loadComponent (form) { | ||
68 | console.log(form, 'formformformform'); | ||
69 | this.componentTag = (r) => | ||
70 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | ||
71 | }, | ||
70 | }, | 72 | }, |
71 | }, | 73 | }; |
72 | }; | ||
73 | </script> | 74 | </script> |
74 | <style scoped lang="scss"> | 75 | <style scoped lang="scss"> |
75 | /deep/.rollTable { | 76 | /deep/.rollTable { |
76 | height: calc(100vh - 240px) !important; | 77 | height: calc(100vh - 240px) !important; |
77 | } | 78 | } |
78 | 79 | ||
79 | .content { | 80 | .content { |
80 | width: 100%; | 81 | width: 100%; |
81 | height: 100%; | 82 | height: 100%; |
82 | display: flex; | 83 | display: flex; |
83 | 84 | ||
84 | .left { | 85 | .left { |
85 | width: 256px; | 86 | width: 256px; |
86 | height: 704px; | 87 | height: 704px; |
87 | background-color: #f5f5f5; | 88 | background-color: #f5f5f5; |
88 | color: #333; | 89 | color: #333; |
89 | border: 1px solid rgb(228, 228, 228); | 90 | border: 1px solid rgb(228, 228, 228); |
90 | } | 91 | } |
91 | 92 | ||
92 | .right { | 93 | .right { |
93 | width: calc(100% - 256px); | 94 | width: calc(100% - 256px); |
94 | height: 704px; | 95 | height: 704px; |
95 | // overflow-y: scroll; | 96 | // overflow-y: scroll; |
96 | overflow: auto; | 97 | overflow: auto; |
97 | background-color: #f5f5f5; | 98 | background-color: #f5f5f5; |
98 | border: 1px solid rgb(228, 228, 228); | 99 | border: 1px solid rgb(228, 228, 228); |
100 | } | ||
99 | } | 101 | } |
100 | } | ||
101 | 102 | ||
102 | /deep/ .expanded.el-tree-node__expand-icon, | 103 | /deep/ .expanded.el-tree-node__expand-icon, |
103 | /deep/ .el-tree-node__expand-icon { | 104 | /deep/ .el-tree-node__expand-icon { |
104 | visibility: hidden; | 105 | visibility: hidden; |
105 | } | 106 | } |
106 | 107 | ||
107 | /deep/ .el-tree-node__content { | 108 | /deep/ .el-tree-node__content { |
108 | border: 1px solid rgb(228, 228, 228); | 109 | border: 1px solid rgb(228, 228, 228); |
109 | height: 45px; | 110 | height: 45px; |
110 | } | 111 | } |
111 | 112 | ||
112 | /deep/ .el-tree-node:focus>.el-tree-node__content { | 113 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
113 | background-color: #f5f5f5; | 114 | background-color: #f5f5f5; |
114 | color: #0079fe; | 115 | color: #0079fe; |
115 | border-right: 4px solid #0079fe; | 116 | border-right: 4px solid #0079fe; |
116 | } | 117 | } |
117 | 118 | ||
118 | /deep/.el-tree-node { | 119 | /deep/.el-tree-node { |
119 | white-space: pre-wrap; | 120 | white-space: pre-wrap; |
120 | } | 121 | } |
121 | 122 | ||
122 | /deep/ .is-current>.el-tree-node__content { | 123 | /deep/ .is-current > .el-tree-node__content { |
123 | background-color: #f5f5f5; | 124 | background-color: #f5f5f5; |
124 | color: #0079fe; | 125 | color: #0079fe; |
125 | border-right: 4px solid #0079fe; | 126 | border-right: 4px solid #0079fe; |
126 | } | 127 | } |
127 | </style> | 128 | </style> | ... | ... |
... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
8 | <el-checkbox | 8 | <el-checkbox |
9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
10 | :key="item.value" | 10 | :key="item.value" |
11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
15 | </div> | 13 | </div> |
16 | </div> | 14 | </div> |
... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
31 | > | 29 | ]"> |
32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
33 | <el-button | 31 | <el-button |
34 | type="text" | 32 | type="text" |
35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
37 | >编辑</el-button | ||
38 | > | ||
39 | <el-button | 35 | <el-button |
40 | type="text" | 36 | type="text" |
41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
43 | >删除</el-button | ||
44 | > | ||
45 | </div> | 39 | </div> |
46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
47 | 正在办理 | 41 | 正在办理 |
48 | </div> | 42 | </div> |
43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
44 | 有效 | ||
45 | </div> | ||
49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
51 | </span> | 48 | </span> |
... | @@ -61,91 +58,91 @@ | ... | @@ -61,91 +58,91 @@ |
61 | </template> | 58 | </template> |
62 | 59 | ||
63 | <script> | 60 | <script> |
64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
66 | import { getFdcq2List } from "@/api/registerBook.js"; | 63 | import { getFdcq2List } from "@/api/registerBook.js"; |
67 | export default { | 64 | export default { |
68 | data() { | 65 | data () { |
69 | return { | 66 | return { |
70 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 67 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
72 | checkList: datas.columns().checkList, | 69 | checkList: datas.columns().checkList, |
73 | //传递参数 | 70 | //传递参数 |
74 | propsParam: this.$attrs, | 71 | propsParam: this.$attrs, |
75 | //列表数据 | 72 | //列表数据 |
76 | tableData: [], | 73 | tableData: [], |
77 | //空列值个数 | 74 | //空列值个数 |
78 | emptycolNum: datas.columns().emptycolNum, | 75 | emptycolNum: datas.columns().emptycolNum, |
79 | //列名称对象 | 76 | //列名称对象 |
80 | columns: datas.columns().FDCQ2, | 77 | columns: datas.columns().FDCQ2, |
81 | }; | 78 | }; |
82 | }, | ||
83 | created() { | ||
84 | this.loadData(); | ||
85 | }, | ||
86 | methods: { | ||
87 | loadData() { | ||
88 | if (this.$parent.addRepairRecord) { | ||
89 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
90 | } | ||
91 | getFdcq2List({ | ||
92 | bdcdyid: this.propsParam.bdcdyid, | ||
93 | qllx: this.propsParam.qllx, | ||
94 | qszt: this.checkList, | ||
95 | }).then((res) => { | ||
96 | if (res.code === 200) { | ||
97 | this.tableData = res.result; | ||
98 | this.tableData.forEach((item) => { | ||
99 | item.sjlx = getSjlx(item.sjlx); | ||
100 | }); | ||
101 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
102 | this.emptycolNum = | ||
103 | datas.columns().emptycolNum - this.tableData.length; | ||
104 | } else { | ||
105 | this.emptycolNum = 0; | ||
106 | } | ||
107 | } | ||
108 | }); | ||
109 | }, | 79 | }, |
110 | checkChange() { | 80 | created () { |
111 | if (this.checkList.length === 0) { | 81 | this.loadData(); |
112 | this.tableData = []; | ||
113 | this.emptycolNum = datas.columns().emptycolNum; | ||
114 | } else { | ||
115 | this.loadData(); | ||
116 | } | ||
117 | }, | 82 | }, |
118 | getQsztName(code) { | 83 | methods: { |
119 | let name = ""; | 84 | loadData () { |
120 | for (let item of this.qsztList) { | 85 | if (this.$parent.addRepairRecord) { |
121 | if (item.value == code) { | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
122 | name = item.label; | ||
123 | break; | ||
124 | } | 87 | } |
125 | } | 88 | getFdcq2List({ |
126 | return name; | 89 | bdcdyid: this.propsParam.bdcdyid, |
127 | }, | 90 | qllx: this.propsParam.qllx, |
128 | // 新增一条补录信息 | 91 | qszt: this.checkList, |
129 | editDialog(row, del) { | 92 | }).then((res) => { |
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 93 | if (res.code === 200) { |
131 | confirmButtonText: "确定", | 94 | this.tableData = res.result; |
132 | cancelButtonText: "取消", | 95 | this.tableData.forEach((item) => { |
133 | type: "warning", | 96 | item.sjlx = getSjlx(item.sjlx); |
134 | }) | 97 | }); |
135 | .then(() => { | 98 | if (this.tableData.length < datas.columns().emptycolNum) { |
136 | this.$parent.addRepairRecord(row, del); | 99 | this.emptycolNum = |
100 | datas.columns().emptycolNum - this.tableData.length; | ||
101 | } else { | ||
102 | this.emptycolNum = 0; | ||
103 | } | ||
104 | } | ||
105 | }); | ||
106 | }, | ||
107 | checkChange () { | ||
108 | if (this.checkList.length === 0) { | ||
109 | this.tableData = []; | ||
110 | this.emptycolNum = datas.columns().emptycolNum; | ||
111 | } else { | ||
112 | this.loadData(); | ||
113 | } | ||
114 | }, | ||
115 | getQsztName (code) { | ||
116 | let name = ""; | ||
117 | for (let item of this.qsztList) { | ||
118 | if (item.value == code) { | ||
119 | name = item.label; | ||
120 | break; | ||
121 | } | ||
122 | } | ||
123 | return name; | ||
124 | }, | ||
125 | // 新增一条补录信息 | ||
126 | editDialog (row, del) { | ||
127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
128 | confirmButtonText: "确定", | ||
129 | cancelButtonText: "取消", | ||
130 | type: "warning", | ||
137 | }) | 131 | }) |
138 | .catch(() => { | 132 | .then(() => { |
139 | this.$message({ | 133 | this.$parent.addRepairRecord(row, del); |
140 | type: "info", | 134 | }) |
141 | message: "取消", | 135 | .catch(() => { |
136 | this.$message({ | ||
137 | type: "info", | ||
138 | message: "取消", | ||
139 | }); | ||
142 | }); | 140 | }); |
143 | }); | 141 | }, |
144 | }, | 142 | }, |
145 | }, | 143 | }; |
146 | }; | ||
147 | </script> | 144 | </script> |
148 | 145 | ||
149 | <style lang="scss" scoped> | 146 | <style lang="scss" scoped> |
150 | @import "./qlxxCommon.scss"; | 147 | @import "./qlxxCommon.scss"; |
151 | </style> | 148 | </style> | ... | ... |
... | @@ -23,8 +23,8 @@ | ... | @@ -23,8 +23,8 @@ |
23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
24 | ]"> | 24 | ]"> |
25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
28 | </div> | 28 | </div> |
29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
30 | 正在办理 | 30 | 正在办理 |
... | @@ -51,10 +51,14 @@ | ... | @@ -51,10 +51,14 @@ |
51 | row.qszt == '2' ? 'lishi' : '', | 51 | row.qszt == '2' ? 'lishi' : '', |
52 | row.qszt == '0' ? 'linshi' : '', | 52 | row.qszt == '0' ? 'linshi' : '', |
53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
54 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
54 | ]"> | 55 | ]"> |
55 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
56 | 正在办理 | 57 | 正在办理 |
57 | </div> | 58 | </div> |
59 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
60 | 有效 | ||
61 | </div> | ||
58 | <span v-if="item.prop == 'qszt'"> | 62 | <span v-if="item.prop == 'qszt'"> |
59 | {{ getQsztName(row[item.prop]) }} | 63 | {{ getQsztName(row[item.prop]) }} |
60 | </span> | 64 | </span> |
... | @@ -100,11 +104,12 @@ | ... | @@ -100,11 +104,12 @@ |
100 | }, | 104 | }, |
101 | methods: { | 105 | methods: { |
102 | loadData () { | 106 | loadData () { |
103 | if(this.$parent.addRepairRecord){ | 107 | if (this.$parent.addRepairRecord) { |
104 | this.columns.unshift({prop:"cz", | 108 | this.columns.unshift({ |
105 | label:"操作" | 109 | prop: "cz", |
106 | }) | 110 | label: "操作" |
107 | } | 111 | }) |
112 | } | ||
108 | getNydsyqList({ | 113 | getNydsyqList({ |
109 | bdcdyid: this.propsParam.bdcdyid, | 114 | bdcdyid: this.propsParam.bdcdyid, |
110 | qllx: this.propsParam.qllx, | 115 | qllx: this.propsParam.qllx, |
... | @@ -142,14 +147,14 @@ | ... | @@ -142,14 +147,14 @@ |
142 | } | 147 | } |
143 | return name; | 148 | return name; |
144 | }, | 149 | }, |
145 | // 新增一条补录信息 | 150 | // 新增一条补录信息 |
146 | editDialog(row,del){ | 151 | editDialog (row, del) { |
147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 152 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
148 | confirmButtonText: '确定', | 153 | confirmButtonText: '确定', |
149 | cancelButtonText: '取消', | 154 | cancelButtonText: '取消', |
150 | type: 'warning' | 155 | type: 'warning' |
151 | }).then(() => { | 156 | }).then(() => { |
152 | this.$parent.addRepairRecord(row,del) | 157 | this.$parent.addRepairRecord(row, del) |
153 | 158 | ||
154 | this.$message({ | 159 | this.$message({ |
155 | type: 'success', | 160 | type: 'success', | ... | ... |
... | @@ -19,14 +19,18 @@ | ... | @@ -19,14 +19,18 @@ |
19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
22 | ]"> | 23 | ]"> |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
26 | </div> | 27 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 29 | 正在办理 |
29 | </div> | 30 | </div> |
31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
32 | 有效 | ||
33 | </div> | ||
30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
32 | </span> | 36 | </span> |
... | @@ -42,77 +46,78 @@ | ... | @@ -42,77 +46,78 @@ |
42 | </template> | 46 | </template> |
43 | 47 | ||
44 | <script> | 48 | <script> |
45 | import { getYgdjList } from "@/api/registerBook.js"; | 49 | import { getYgdjList } from "@/api/registerBook.js"; |
46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
47 | export default { | 51 | export default { |
48 | data () { | 52 | data () { |
49 | return { | 53 | return { |
50 | title: "预告登记信息", | 54 | title: "预告登记信息", |
51 | qsztList: datas.columns().qsztList, | 55 | qsztList: datas.columns().qsztList, |
52 | checkList: datas.columns().checkList, | 56 | checkList: datas.columns().checkList, |
53 | //传递参数 | 57 | //传递参数 |
54 | propsParam: this.$attrs, | 58 | propsParam: this.$attrs, |
55 | //列表数据 | 59 | //列表数据 |
56 | tableData: [], | 60 | tableData: [], |
57 | //空列值个数 | 61 | //空列值个数 |
58 | emptycolNum: datas.columns().emptycolNum, | 62 | emptycolNum: datas.columns().emptycolNum, |
59 | //列名称对象 | 63 | //列名称对象 |
60 | columns: datas.columns().YGDJ, | 64 | columns: datas.columns().YGDJ, |
61 | }; | 65 | }; |
62 | }, | ||
63 | created () { | ||
64 | this.loadData(); | ||
65 | }, | ||
66 | methods: { | ||
67 | loadData () { | ||
68 | // 判断是否在登记簿补录调的子页面 | ||
69 | if(this.$parent.addRepairRecord){ | ||
70 | this.columns.unshift({prop:"cz", | ||
71 | label:"操作" | ||
72 | }) | ||
73 | } | ||
74 | getYgdjList({ | ||
75 | bdcdyid: this.propsParam.bdcdyid, | ||
76 | qllx: this.propsParam.qllx, | ||
77 | qszt: this.checkList, | ||
78 | }).then((res) => { | ||
79 | if (res.code === 200) { | ||
80 | this.tableData = res.result; | ||
81 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
82 | this.emptycolNum = | ||
83 | datas.columns().emptycolNum - this.tableData.length; | ||
84 | } else { | ||
85 | this.emptycolNum = 0; | ||
86 | } | ||
87 | } | ||
88 | }); | ||
89 | }, | 66 | }, |
90 | checkChange () { | 67 | created () { |
91 | if (this.checkList.length === 0) { | 68 | this.loadData(); |
92 | this.tableData = []; | ||
93 | this.emptycolNum = datas.columns().emptycolNum; | ||
94 | } else { | ||
95 | this.loadData(); | ||
96 | } | ||
97 | }, | 69 | }, |
98 | getQsztName (code) { | 70 | methods: { |
99 | let name = ""; | 71 | loadData () { |
100 | for (let item of this.qsztList) { | 72 | // 判断是否在登记簿补录调的子页面 |
101 | if (item.value == code) { | 73 | if (this.$parent.addRepairRecord) { |
102 | name = item.label; | 74 | this.columns.unshift({ |
103 | break; | 75 | prop: "cz", |
76 | label: "操作" | ||
77 | }) | ||
104 | } | 78 | } |
105 | } | 79 | getYgdjList({ |
106 | return name; | 80 | bdcdyid: this.propsParam.bdcdyid, |
107 | }, | 81 | qllx: this.propsParam.qllx, |
108 | // 新增一条补录信息 | 82 | qszt: this.checkList, |
109 | editDialog(row,del){ | 83 | }).then((res) => { |
110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 84 | if (res.code === 200) { |
85 | this.tableData = res.result; | ||
86 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
87 | this.emptycolNum = | ||
88 | datas.columns().emptycolNum - this.tableData.length; | ||
89 | } else { | ||
90 | this.emptycolNum = 0; | ||
91 | } | ||
92 | } | ||
93 | }); | ||
94 | }, | ||
95 | checkChange () { | ||
96 | if (this.checkList.length === 0) { | ||
97 | this.tableData = []; | ||
98 | this.emptycolNum = datas.columns().emptycolNum; | ||
99 | } else { | ||
100 | this.loadData(); | ||
101 | } | ||
102 | }, | ||
103 | getQsztName (code) { | ||
104 | let name = ""; | ||
105 | for (let item of this.qsztList) { | ||
106 | if (item.value == code) { | ||
107 | name = item.label; | ||
108 | break; | ||
109 | } | ||
110 | } | ||
111 | return name; | ||
112 | }, | ||
113 | // 新增一条补录信息 | ||
114 | editDialog (row, del) { | ||
115 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
111 | confirmButtonText: '确定', | 116 | confirmButtonText: '确定', |
112 | cancelButtonText: '取消', | 117 | cancelButtonText: '取消', |
113 | type: 'warning' | 118 | type: 'warning' |
114 | }).then(() => { | 119 | }).then(() => { |
115 | this.$parent.addRepairRecord(row,del) | 120 | this.$parent.addRepairRecord(row, del) |
116 | 121 | ||
117 | this.$message({ | 122 | this.$message({ |
118 | type: 'success', | 123 | type: 'success', |
... | @@ -126,10 +131,10 @@ export default { | ... | @@ -126,10 +131,10 @@ export default { |
126 | }); | 131 | }); |
127 | 132 | ||
128 | }, | 133 | }, |
129 | }, | 134 | }, |
130 | }; | 135 | }; |
131 | </script> | 136 | </script> |
132 | 137 | ||
133 | <style lang="scss" scoped> | 138 | <style lang="scss" scoped> |
134 | @import "./qlxxCommon.scss"; | 139 | @import "./qlxxCommon.scss"; |
135 | </style> | 140 | </style> | ... | ... |
... | @@ -19,14 +19,18 @@ | ... | @@ -19,14 +19,18 @@ |
19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
22 | ]"> | 23 | ]"> |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
26 | </div> | 27 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 29 | 正在办理 |
29 | </div> | 30 | </div> |
31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
32 | 有效 | ||
33 | </div> | ||
30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
32 | </span> | 36 | </span> |
... | @@ -42,76 +46,77 @@ | ... | @@ -42,76 +46,77 @@ |
42 | </template> | 46 | </template> |
43 | 47 | ||
44 | <script> | 48 | <script> |
45 | import { getYydjList } from "@/api/registerBook.js"; | 49 | import { getYydjList } from "@/api/registerBook.js"; |
46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
47 | export default { | 51 | export default { |
48 | data () { | 52 | data () { |
49 | return { | 53 | return { |
50 | title: "异议登记信息", | 54 | title: "异议登记信息", |
51 | qsztList: datas.columns().qsztList, | 55 | qsztList: datas.columns().qsztList, |
52 | checkList: datas.columns().checkList, | 56 | checkList: datas.columns().checkList, |
53 | //传递参数 | 57 | //传递参数 |
54 | propsParam: this.$attrs, | 58 | propsParam: this.$attrs, |
55 | //列表数据 | 59 | //列表数据 |
56 | tableData: [], | 60 | tableData: [], |
57 | //空列值个数 | 61 | //空列值个数 |
58 | emptycolNum: datas.columns().emptycolNum, | 62 | emptycolNum: datas.columns().emptycolNum, |
59 | //列名称对象 | 63 | //列名称对象 |
60 | columns: datas.columns().YYDJ, | 64 | columns: datas.columns().YYDJ, |
61 | }; | 65 | }; |
62 | }, | ||
63 | created () { | ||
64 | this.loadData(); | ||
65 | }, | ||
66 | methods: { | ||
67 | loadData () { | ||
68 | if(this.$parent.addRepairRecord){ | ||
69 | this.columns.unshift({prop:"cz", | ||
70 | label:"操作" | ||
71 | }) | ||
72 | } | ||
73 | getYydjList({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | ||
86 | } | ||
87 | }); | ||
88 | }, | 66 | }, |
89 | checkChange () { | 67 | created () { |
90 | if (this.checkList.length === 0) { | 68 | this.loadData(); |
91 | this.tableData = []; | ||
92 | this.emptycolNum = datas.columns().emptycolNum; | ||
93 | } else { | ||
94 | this.loadData(); | ||
95 | } | ||
96 | }, | 69 | }, |
97 | getQsztName (code) { | 70 | methods: { |
98 | let name = ""; | 71 | loadData () { |
99 | for (let item of this.qsztList) { | 72 | if (this.$parent.addRepairRecord) { |
100 | if (item.value == code) { | 73 | this.columns.unshift({ |
101 | name = item.label; | 74 | prop: "cz", |
102 | break; | 75 | label: "操作" |
76 | }) | ||
103 | } | 77 | } |
104 | } | 78 | getYydjList({ |
105 | return name; | 79 | bdcdyid: this.propsParam.bdcdyid, |
106 | }, | 80 | qllx: this.propsParam.qllx, |
107 | // 新增一条补录信息 | 81 | qszt: this.checkList, |
108 | editDialog(row,del){ | 82 | }).then((res) => { |
109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 83 | if (res.code === 200) { |
84 | this.tableData = res.result; | ||
85 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
86 | this.emptycolNum = | ||
87 | datas.columns().emptycolNum - this.tableData.length; | ||
88 | } else { | ||
89 | this.emptycolNum = 0; | ||
90 | } | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | checkChange () { | ||
95 | if (this.checkList.length === 0) { | ||
96 | this.tableData = []; | ||
97 | this.emptycolNum = datas.columns().emptycolNum; | ||
98 | } else { | ||
99 | this.loadData(); | ||
100 | } | ||
101 | }, | ||
102 | getQsztName (code) { | ||
103 | let name = ""; | ||
104 | for (let item of this.qsztList) { | ||
105 | if (item.value == code) { | ||
106 | name = item.label; | ||
107 | break; | ||
108 | } | ||
109 | } | ||
110 | return name; | ||
111 | }, | ||
112 | // 新增一条补录信息 | ||
113 | editDialog (row, del) { | ||
114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
110 | confirmButtonText: '确定', | 115 | confirmButtonText: '确定', |
111 | cancelButtonText: '取消', | 116 | cancelButtonText: '取消', |
112 | type: 'warning' | 117 | type: 'warning' |
113 | }).then(() => { | 118 | }).then(() => { |
114 | this.$parent.addRepairRecord(row,del) | 119 | this.$parent.addRepairRecord(row, del) |
115 | 120 | ||
116 | this.$message({ | 121 | this.$message({ |
117 | type: 'success', | 122 | type: 'success', |
... | @@ -125,10 +130,10 @@ export default { | ... | @@ -125,10 +130,10 @@ export default { |
125 | }); | 130 | }); |
126 | 131 | ||
127 | }, | 132 | }, |
128 | }, | 133 | }, |
129 | }; | 134 | }; |
130 | </script> | 135 | </script> |
131 | 136 | ||
132 | <style lang="scss" scoped> | 137 | <style lang="scss" scoped> |
133 | @import "./qlxxCommon.scss"; | 138 | @import "./qlxxCommon.scss"; |
134 | </style> | 139 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-29 16:31:57 | 4 | * @LastEditTime: 2023-06-30 14:32:40 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -12,8 +12,8 @@ | ... | @@ -12,8 +12,8 @@ |
12 | </el-tab-pane> | 12 | </el-tab-pane> |
13 | </el-tabs> | 13 | </el-tabs> |
14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
15 | <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas> | 15 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> |
16 | <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas> | 16 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> |
17 | </div> | 17 | </div> |
18 | </template> | 18 | </template> |
19 | 19 | ||
... | @@ -57,6 +57,7 @@ | ... | @@ -57,6 +57,7 @@ |
57 | } | 57 | } |
58 | }, | 58 | }, |
59 | mounted () { | 59 | mounted () { |
60 | debugger | ||
60 | this.columns = datas.columns(); | 61 | this.columns = datas.columns(); |
61 | if (this.formData.bdcqz) { | 62 | if (this.formData.bdcqz) { |
62 | //从缮证进入 | 63 | //从缮证进入 |
... | @@ -81,7 +82,7 @@ | ... | @@ -81,7 +82,7 @@ |
81 | this.activeName = res.result[0].bsmBdcqz | 82 | this.activeName = res.result[0].bsmBdcqz |
82 | this.bdcqz = res.result[0] | 83 | this.bdcqz = res.result[0] |
83 | this.headTabBdcqz = res.result | 84 | this.headTabBdcqz = res.result |
84 | if (this.activeName == 1) { | 85 | if (res.result[0].bdcqzlx == 1) { |
85 | this.drawTextOnImage() | 86 | this.drawTextOnImage() |
86 | } else { | 87 | } else { |
87 | this.drawTextzmImage() | 88 | this.drawTextzmImage() |
... | @@ -158,6 +159,15 @@ | ... | @@ -158,6 +159,15 @@ |
158 | context.drawImage(image, 0, 0); | 159 | context.drawImage(image, 0, 0); |
159 | context.font = '18px 楷体'; | 160 | context.font = '18px 楷体'; |
160 | context.fillStyle = '#000000'; | 161 | context.fillStyle = '#000000'; |
162 | // ysxlh | ||
163 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ||
164 | // djsj | ||
165 | if (this.bdcqz.djsj) { | ||
166 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | ||
167 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | ||
168 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | ||
169 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | ||
170 | } | ||
161 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 171 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
162 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 172 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
163 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 173 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
... | @@ -192,7 +202,7 @@ | ... | @@ -192,7 +202,7 @@ |
192 | }); | 202 | }); |
193 | }); | 203 | }); |
194 | // fj | 204 | // fj |
195 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | 205 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600); |
196 | }; | 206 | }; |
197 | 207 | ||
198 | image.src = this.bdczmSrc; | 208 | image.src = this.bdczmSrc; | ... | ... |
... | @@ -59,16 +59,16 @@ | ... | @@ -59,16 +59,16 @@ |
59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> |
60 | <el-table-column label="流程状态" header-align="center" align="center"> | 60 | <el-table-column label="流程状态" header-align="center" align="center"> |
61 | <template slot-scope="scope"> | 61 | <template slot-scope="scope"> |
62 | <div v-if="scope.row.finishTime == null">正在办理</div> | 62 | <div v-if="scope.row.endTime">已完结</div> |
63 | <div v-else>已完结</div> | 63 | <div v-else>正在办理</div> |
64 | </template> | 64 | </template> |
65 | </el-table-column> | 65 | </el-table-column> |
66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> | 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> |
67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> |
68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> | 68 | <el-table-column label="创建时间" prop="createTime" width="160" align="center" /> |
69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="办结时间" prop="endTime" width="160" align="center" /> |
70 | <el-table-column label="操作方式" align="center"> | 70 | <el-table-column label="操作方式" prop="businessName" align="center"/> |
71 | </el-table-column> | 71 | <el-table-column label="意见" prop="idea" align="center"/> |
72 | </el-table> | 72 | </el-table> |
73 | </div> | 73 | </div> |
74 | </div> | 74 | </div> |
... | @@ -237,13 +237,31 @@ | ... | @@ -237,13 +237,31 @@ |
237 | // 获取流程记录 | 237 | // 获取流程记录 |
238 | getCommentList() { | 238 | getCommentList() { |
239 | this.formData.allCommentList.forEach(async (item,index) => { | 239 | this.formData.allCommentList.forEach(async (item,index) => { |
240 | this.formData.allCommentList[index].agent=item.assignee.name | 240 | item.comments.forEach(element => { |
241 | if(element.type=="COMPLETE"){ | ||
242 | this.formData.allCommentList[index].idea=element.message | ||
243 | } | ||
244 | }); | ||
245 | this.formData.allCommentList[index].agent=item.assignee.name | ||
241 | }) | 246 | }) |
242 | setTimeout(() => { | 247 | this.formData.handlinglist.forEach(async (item,index) => { |
243 | this.taskList =this.formData.allCommentList; | 248 | if(item.assignee.name){ |
249 | this.formData.handlinglist[index].agent=item.assignee.name | ||
250 | }else{ | ||
251 | let str="" | ||
252 | item.countersign.forEach((item) => { | ||
253 | str+=item.name+"," | ||
254 | }) | ||
255 | str=str.slice(0, -1); | ||
256 | this.formData.allCommentList[index].agent=str | ||
257 | } | ||
258 | |||
259 | }) | ||
260 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
261 | // this.taskList =this.formData.allCommentList; | ||
244 | // 处理数据之后赋值 | 262 | // 处理数据之后赋值 |
245 | this.taskCommentList=this.taskList | 263 | this.taskCommentList=this.taskList |
246 | }, 100) | 264 | |
247 | }, | 265 | }, |
248 | 266 | ||
249 | // 设置流程图元素状态 | 267 | // 设置流程图元素状态 | ... | ... |
... | @@ -76,6 +76,7 @@ export default { | ... | @@ -76,6 +76,7 @@ export default { |
76 | rejectedTaskSet: {}, | 76 | rejectedTaskSet: {}, |
77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds | 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds |
78 | }, | 78 | }, |
79 | handlinglist:result.runningTasks, | ||
79 | allCommentList: result.finishedTasks | 80 | allCommentList: result.finishedTasks |
80 | }, '80%', true) | 81 | }, '80%', true) |
81 | }) | 82 | }) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:43:41 | 4 | * @LastEditTime: 2023-06-30 17:09:35 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" |
... | @@ -28,10 +28,14 @@ | ... | @@ -28,10 +28,14 @@ |
28 | row.qszt == '2' ? 'lishi' : '', | 28 | row.qszt == '2' ? 'lishi' : '', |
29 | row.qszt == '0' ? 'linshi' : '', | 29 | row.qszt == '0' ? 'linshi' : '', |
30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
31 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
31 | ]"> | 32 | ]"> |
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 33 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
33 | 正在办理 | 34 | 正在办理 |
34 | </div> | 35 | </div> |
36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
37 | 有效 | ||
38 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | 39 | <span v-if="item.prop == 'qszt'"> |
36 | {{ getQsztName(row[item.prop]) }} | 40 | {{ getQsztName(row[item.prop]) }} |
37 | </span> | 41 | </span> | ... | ... |
... | @@ -195,7 +195,7 @@ | ... | @@ -195,7 +195,7 @@ |
195 | //有任务权限 | 195 | //有任务权限 |
196 | if(item.sjlx=="3"){ | 196 | if(item.sjlx=="3"){ |
197 | const { href } = this.$router.resolve( | 197 | const { href } = this.$router.resolve( |
198 | "/djbworkFrame?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
200 | "&bestepid=" + | 200 | "&bestepid=" + |
201 | item.bestepid + | 201 | item.bestepid + | ... | ... |
-
Please register or sign in to post a comment