Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
61 changed files
with
2013 additions
and
510 deletions
... | @@ -23,6 +23,7 @@ | ... | @@ -23,6 +23,7 @@ |
23 | "node-sass": "^4.14.1", | 23 | "node-sass": "^4.14.1", |
24 | "normalize.css": "7.0.0", | 24 | "normalize.css": "7.0.0", |
25 | "nprogress": "0.2.0", | 25 | "nprogress": "0.2.0", |
26 | "qrcode": "^1.5.3", | ||
26 | "vue": "2.6.10", | 27 | "vue": "2.6.10", |
27 | "vue-json-editor": "^1.4.3", | 28 | "vue-json-editor": "^1.4.3", |
28 | "vue-quill-editor": "^3.0.6", | 29 | "vue-quill-editor": "^3.0.6", | ... | ... |
... | @@ -4,6 +4,7 @@ | ... | @@ -4,6 +4,7 @@ |
4 | * @LastEditTime: 2023-05-16 14:05:25 | 4 | * @LastEditTime: 2023-05-16 14:05:25 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | import { log } from 'bpmn-js-token-simulation' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 8 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | /** | 9 | /** |
9 | * @description: 添加补录记录 | 10 | * @description: 添加补录记录 |
... | @@ -24,9 +25,8 @@ export function addRepairRecord (data) { | ... | @@ -24,9 +25,8 @@ export function addRepairRecord (data) { |
24 | */ | 25 | */ |
25 | export function deleteFlow (params) { | 26 | export function deleteFlow (params) { |
26 | return request({ | 27 | return request({ |
27 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow', | 28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params, |
28 | method: 'get', | 29 | method: 'get', |
29 | params:params | ||
30 | }) | 30 | }) |
31 | } | 31 | } |
32 | 32 | ||
... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { | ... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { |
49 | */ | 49 | */ |
50 | export function init (params) { | 50 | export function init (params) { |
51 | return request({ | 51 | return request({ |
52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params, | 52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit, |
53 | method: 'get', | 53 | method: 'get', |
54 | }) | 54 | }) |
55 | } | 55 | } | ... | ... |
... | @@ -50,9 +50,6 @@ export function Init (data) { | ... | @@ -50,9 +50,6 @@ export function Init (data) { |
50 | */ | 50 | */ |
51 | export function saveData (data, djlx) { | 51 | export function saveData (data, djlx) { |
52 | let apiUrl = "/rest/ywbl/dyaq/saveData"; | 52 | let apiUrl = "/rest/ywbl/dyaq/saveData"; |
53 | if (djlx == "400") { | ||
54 | apiUrl = "/rest/ywbl/dyaq/saveLogoutData"; | ||
55 | } | ||
56 | return request({ | 53 | return request({ |
57 | url: SERVER.SERVERAPI + apiUrl, | 54 | url: SERVER.SERVERAPI + apiUrl, |
58 | method: 'post', | 55 | method: 'post', | ... | ... |
... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap | ... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap |
8 | 8 | ||
9 | // 初始化内容 | 9 | // 初始化内容 |
10 | export function Init (data) { | 10 | export function Init (data) { |
11 | return request({ | ||
12 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", | ||
13 | method: 'post', | ||
14 | data | ||
15 | }) | ||
16 | } | ||
17 | // 批量初始化内容 | ||
18 | export function bacthInit (data) { | ||
11 | let apiUrl = ""; | 19 | let apiUrl = ""; |
12 | switch (data.get("djlx")) { | 20 | switch (data.get("djlx")) { |
13 | case "100": | 21 | case "100": |
14 | apiUrl = "/rest/ywbl/zjgcdy/fristInit"; | 22 | apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit"; |
15 | break; | 23 | break; |
16 | case "200": | 24 | case "200": |
17 | apiUrl = "/rest/ywbl/zjgcdy/transferInit"; | 25 | apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit"; |
18 | break; | 26 | break; |
19 | case "300": | 27 | case "300": |
20 | apiUrl = "/rest/ywbl/zjgcdy/changeInit"; | 28 | apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit"; |
21 | break; | 29 | break; |
22 | case "400": | 30 | case "400": |
23 | apiUrl = "/rest/ywbl/zjgcdy/logoutInit"; | 31 | apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit"; |
24 | break; | 32 | break; |
25 | case "500": | 33 | case "500": |
26 | apiUrl = "/rest/ywbl/zjgcdy/riviseInit"; | 34 | apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit"; |
27 | break; | 35 | break; |
28 | case "901": | 36 | case "901": |
29 | apiUrl = "/rest/ywbl/zjgcdy/renewalInit"; | 37 | apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit"; |
30 | break; | 38 | break; |
31 | case "902": | 39 | case "902": |
32 | apiUrl = "/rest/ywbl/zjgcdy/replaceInit"; | 40 | apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit"; |
33 | break; | 41 | break; |
34 | } | 42 | } |
35 | return request({ | 43 | return request({ |
... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { | ... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { |
51 | }) | 59 | }) |
52 | } | 60 | } |
53 | 61 | ||
62 | // 受理信息保存 | ||
63 | export function saveBatchData (data, djlx) { | ||
64 | return request({ | ||
65 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", | ||
66 | method: 'post', | ||
67 | data | ||
68 | }) | ||
69 | } | ||
70 | |||
54 | // 流程图 | 71 | // 流程图 |
55 | export function getWorkFlowImage (bsmSlsq, bestepid) { | 72 | export function getWorkFlowImage (bsmSlsq, bestepid) { |
56 | return request({ | 73 | return request({ | ... | ... |
... | @@ -340,6 +340,18 @@ export function selectH (data) { | ... | @@ -340,6 +340,18 @@ export function selectH (data) { |
340 | }) | 340 | }) |
341 | } | 341 | } |
342 | 342 | ||
343 | /** | ||
344 | * @description: 业务办理-选择单元-查询土地所有权信息 | ||
345 | * @param {*} data | ||
346 | * @author: renchao | ||
347 | */ | ||
348 | export function selectTdsyqQlxx (data) { | ||
349 | return request({ | ||
350 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx', | ||
351 | method: 'post', | ||
352 | data | ||
353 | }) | ||
354 | } | ||
343 | 355 | ||
344 | /** | 356 | /** |
345 | * @description: 业务办理-选择单元-查询建设用地、宅基地信息 | 357 | * @description: 业务办理-选择单元-查询建设用地、宅基地信息 | ... | ... |
src/components/selectTable/index.vue
0 → 100644
1 | <!-- | ||
2 | * @Descripttion: 表格选择器组件 | ||
3 | * @version: 1.3 | ||
4 | * @Author: sakuya | ||
5 | * @Date: 2021年6月10日10:04:07 | ||
6 | * @LastEditors: Please set LastEditors | ||
7 | * @LastEditTime: 2023-06-29 11:14:11 | ||
8 | --> | ||
9 | |||
10 | <template> | ||
11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" | ||
12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" | ||
13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> | ||
14 | <template #empty> | ||
15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> | ||
16 | <div class="sc-table-select__header"> | ||
17 | <slot name="header" :form="formData" :submit="formSubmit"></slot> | ||
18 | </div> | ||
19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> | ||
20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> | ||
21 | <el-table-column v-else type="index" width="45"> | ||
22 | <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> | ||
23 | </el-table-column> | ||
24 | <slot></slot> | ||
25 | </el-table> | ||
26 | <div class="sc-table-select__page"> | ||
27 | <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" | ||
28 | @current-change="reload"></el-pagination> | ||
29 | </div> | ||
30 | </div> | ||
31 | </template> | ||
32 | </el-select> | ||
33 | </template> | ||
34 | |||
35 | <script> | ||
36 | import config from "./tableSelect"; | ||
37 | export default { | ||
38 | props: { | ||
39 | modelValue: null, | ||
40 | apiObj: { type: Object, default: () => { } }, | ||
41 | placeholder: { type: String, default: "请选择" }, | ||
42 | size: { type: String, default: "small" }, | ||
43 | clearable: { type: Boolean, default: false }, | ||
44 | multiple: { type: Boolean, default: false }, | ||
45 | filterable: { type: Boolean, default: false }, | ||
46 | collapseTags: { type: Boolean, default: false }, | ||
47 | collapseTagsTooltip: { type: Boolean, default: false }, | ||
48 | disabled: { type: Boolean, default: false }, | ||
49 | tableWidth: { type: Number, default: 400 }, | ||
50 | mode: { type: String, default: "popover" }, | ||
51 | props: { type: Object, default: () => { } } | ||
52 | }, | ||
53 | data () { | ||
54 | return { | ||
55 | loading: false, | ||
56 | keyword: null, | ||
57 | defaultValue: [], | ||
58 | tableData: [], | ||
59 | pageSize: config.pageSize, | ||
60 | total: 0, | ||
61 | currentPage: 1, | ||
62 | defaultProps: { | ||
63 | label: config.props.label, | ||
64 | value: config.props.value, | ||
65 | page: config.request.page, | ||
66 | pageSize: config.request.pageSize, | ||
67 | keyword: config.request.keyword | ||
68 | }, | ||
69 | formData: {} | ||
70 | } | ||
71 | }, | ||
72 | computed: { | ||
73 | |||
74 | }, | ||
75 | watch: { | ||
76 | modelValue: { | ||
77 | handler () { | ||
78 | this.defaultValue = this.modelValue | ||
79 | this.autoCurrentLabel() | ||
80 | }, | ||
81 | deep: true | ||
82 | } | ||
83 | }, | ||
84 | mounted () { | ||
85 | this.defaultProps = Object.assign(this.defaultProps, this.props); | ||
86 | this.defaultValue = this.modelValue | ||
87 | this.autoCurrentLabel() | ||
88 | }, | ||
89 | methods: { | ||
90 | //表格显示隐藏回调 | ||
91 | visibleChange (visible) { | ||
92 | if (visible) { | ||
93 | this.currentPage = 1 | ||
94 | this.keyword = null | ||
95 | this.formData = {} | ||
96 | this.getData() | ||
97 | } else { | ||
98 | this.autoCurrentLabel() | ||
99 | } | ||
100 | }, | ||
101 | //获取表格数据 | ||
102 | async getData () { | ||
103 | this.loading = true; | ||
104 | var reqData = { | ||
105 | [this.defaultProps.page]: this.currentPage, | ||
106 | [this.defaultProps.pageSize]: this.pageSize, | ||
107 | [this.defaultProps.keyword]: this.keyword | ||
108 | } | ||
109 | Object.assign(reqData, this.formData) | ||
110 | // var res = await this.apiObj.get(reqData); | ||
111 | let res = { | ||
112 | code: 200, | ||
113 | data: { | ||
114 | total: 2, rows: [ | ||
115 | { | ||
116 | user: 11111111111, | ||
117 | id: 111111111111 | ||
118 | }, | ||
119 | { | ||
120 | user: 2222222222222, | ||
121 | id: 22222222222 | ||
122 | } | ||
123 | ] | ||
124 | }, | ||
125 | message: "" | ||
126 | } | ||
127 | var parseData = config.parseData(res) | ||
128 | this.tableData = parseData.rows; | ||
129 | this.total = parseData.total; | ||
130 | this.loading = false; | ||
131 | //表格默认赋值 | ||
132 | this.$nextTick(() => { | ||
133 | if (this.multiple) { | ||
134 | this.defaultValue.forEach(row => { | ||
135 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) | ||
136 | if (setrow.length > 0) { | ||
137 | this.$refs.table.toggleRowSelection(setrow[0], true); | ||
138 | } | ||
139 | }) | ||
140 | } else { | ||
141 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) | ||
142 | this.$refs.table.setCurrentRow(setrow[0]); | ||
143 | } | ||
144 | this.$refs.table.setScrollTop(0) | ||
145 | }) | ||
146 | }, | ||
147 | //插糟表单提交 | ||
148 | formSubmit () { | ||
149 | this.currentPage = 1 | ||
150 | this.keyword = null | ||
151 | this.getData() | ||
152 | }, | ||
153 | //分页刷新表格 | ||
154 | reload () { | ||
155 | this.getData() | ||
156 | }, | ||
157 | //自动模拟options赋值 | ||
158 | autoCurrentLabel () { | ||
159 | this.$nextTick(() => { | ||
160 | if (this.multiple) { | ||
161 | this.$refs.select.selected.forEach(item => { | ||
162 | item.currentLabel = item.value[this.defaultProps.label] | ||
163 | }) | ||
164 | } else { | ||
165 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] | ||
166 | } | ||
167 | }) | ||
168 | }, | ||
169 | //表格勾选事件 | ||
170 | select (rows, row) { | ||
171 | var isSelect = rows.length && rows.indexOf(row) !== -1 | ||
172 | if (isSelect) { | ||
173 | this.defaultValue.push(row) | ||
174 | } else { | ||
175 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
176 | } | ||
177 | this.autoCurrentLabel() | ||
178 | this.$emit('update:modelValue', this.defaultValue); | ||
179 | this.$emit('change', this.defaultValue); | ||
180 | }, | ||
181 | //表格全选事件 | ||
182 | selectAll (rows) { | ||
183 | var isAllSelect = rows.length > 0 | ||
184 | if (isAllSelect) { | ||
185 | rows.forEach(row => { | ||
186 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
187 | if (!isHas) { | ||
188 | this.defaultValue.push(row) | ||
189 | } | ||
190 | }) | ||
191 | } else { | ||
192 | this.tableData.forEach(row => { | ||
193 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
194 | if (isHas) { | ||
195 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
196 | } | ||
197 | }) | ||
198 | } | ||
199 | this.autoCurrentLabel() | ||
200 | this.$emit('update:modelValue', this.defaultValue); | ||
201 | this.$emit('change', this.defaultValue); | ||
202 | }, | ||
203 | click (row) { | ||
204 | if (this.multiple) { | ||
205 | //处理多选点击行 | ||
206 | } else { | ||
207 | this.defaultValue = row | ||
208 | this.$refs.select.blur() | ||
209 | this.autoCurrentLabel() | ||
210 | this.$emit('update:modelValue', this.defaultValue); | ||
211 | this.$emit('change', this.defaultValue); | ||
212 | } | ||
213 | }, | ||
214 | //tags删除后回调 | ||
215 | removeTag (tag) { | ||
216 | var row = this.findRowByKey(tag[this.defaultProps.value]) | ||
217 | this.$refs.table.toggleRowSelection(row, false); | ||
218 | this.$emit('update:modelValue', this.defaultValue); | ||
219 | }, | ||
220 | //清空后的回调 | ||
221 | clear () { | ||
222 | this.$emit('update:modelValue', this.defaultValue); | ||
223 | }, | ||
224 | // 关键值查询表格数据行 | ||
225 | findRowByKey (value) { | ||
226 | return this.tableData.find(item => item[this.defaultProps.value] === value) | ||
227 | }, | ||
228 | filterMethod (keyword) { | ||
229 | if (!keyword) { | ||
230 | this.keyword = null; | ||
231 | return false; | ||
232 | } | ||
233 | this.keyword = keyword; | ||
234 | this.getData() | ||
235 | }, | ||
236 | // 触发select隐藏 | ||
237 | blur () { | ||
238 | this.$refs.select.blur(); | ||
239 | }, | ||
240 | // 触发select显示 | ||
241 | focus () { | ||
242 | this.$refs.select.focus(); | ||
243 | } | ||
244 | } | ||
245 | } | ||
246 | </script> | ||
247 | |||
248 | <style scoped> | ||
249 | .sc-table-select__table { | ||
250 | padding: 12px; | ||
251 | } | ||
252 | .sc-table-select__page { | ||
253 | padding-top: 12px; | ||
254 | } | ||
255 | </style> |
src/components/selectTable/tableSelect.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-29 11:05:49 | ||
5 | */ | ||
6 | //表格选择器配置 | ||
7 | |||
8 | export default { | ||
9 | pageSize: 10, //表格每一页条数 | ||
10 | parseData: function (res) { | ||
11 | return { | ||
12 | data: res.data, | ||
13 | rows: res.data.rows, //分析行数据字段结构 | ||
14 | total: res.data.total, //分析总数字段结构 | ||
15 | msg: res.message, //分析描述字段结构 | ||
16 | code: res.code //分析状态字段结构 | ||
17 | } | ||
18 | }, | ||
19 | request: { | ||
20 | page: 'page', //规定当前分页字段 | ||
21 | pageSize: 'pageSize', //规定一页条数字段 | ||
22 | keyword: 'keyword' //规定搜索字段 | ||
23 | }, | ||
24 | props: { | ||
25 | label: 'label', //映射label显示字段 | ||
26 | value: 'value', //映射value值字段 | ||
27 | } | ||
28 | } |
... | @@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => { |
56 | await store.dispatch('user/getUserInfo') | 56 | await store.dispatch('user/getUserInfo') |
57 | router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) | 57 | router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) |
58 | const routeTo = Cookies.get('routerTo') | 58 | const routeTo = Cookies.get('routerTo') |
59 | if (routeTo && routeTo !== '/') { | 59 | if (to.fullPath||routeTo && routeTo !== '/') { |
60 | next({ ...to, replace: true }) | 60 | next({ ...to, replace: true }) |
61 | } else { | 61 | } else { |
62 | next('/home') | 62 | next('/home') | ... | ... |
... | @@ -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 | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-03 08:59:06 | ||
5 | */ | ||
6 | import store from '@/store' | ||
1 | export function getSjlx (level) { | 7 | export function getSjlx (level) { |
2 | const resultMap = { | 8 | const resultMap = { |
3 | 1: '系统数据', | 9 | 1: '系统数据', |
... | @@ -6,3 +12,15 @@ export function getSjlx (level) { | ... | @@ -6,3 +12,15 @@ export function getSjlx (level) { |
6 | } | 12 | } |
7 | return resultMap[level] || resultMap.default; | 13 | return resultMap[level] || resultMap.default; |
8 | } | 14 | } |
15 | |||
16 | export function getDictLeabel (level, code) { | ||
17 | const resultMap = store.getters.dictData[code] | ||
18 | const desiredObject = resultMap.find(obj => obj.dcode === level); | ||
19 | |||
20 | if (desiredObject) { | ||
21 | const desiredName = desiredObject.dname; | ||
22 | return desiredName | ||
23 | } else { | ||
24 | return '' | ||
25 | } | ||
26 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | import cookies from './util.cookies' | 1 | import cookies from './util.cookies' |
2 | export function getUrlParam(paraName) { | 2 | export function getUrlParam (paraName) { |
3 | let url = document.location.toString(); | 3 | let url = document.location.toString(); |
4 | let arrObj = url.split('?'); | 4 | let arrObj = url.split('?'); |
5 | 5 | ||
... | @@ -22,7 +22,7 @@ export function getUrlParam(paraName) { | ... | @@ -22,7 +22,7 @@ export function getUrlParam(paraName) { |
22 | } | 22 | } |
23 | } | 23 | } |
24 | 24 | ||
25 | export function setToken(token) { | 25 | export function setToken (token) { |
26 | if (token === undefined) { | 26 | if (token === undefined) { |
27 | if (process.env.NODE_ENV === 'development') { | 27 | if (process.env.NODE_ENV === 'development') { |
28 | sessionStorage.removeItem('token') | 28 | sessionStorage.removeItem('token') |
... | @@ -38,10 +38,26 @@ export function setToken(token) { | ... | @@ -38,10 +38,26 @@ export function setToken(token) { |
38 | } | 38 | } |
39 | } | 39 | } |
40 | 40 | ||
41 | export function getToken() { | 41 | export function getToken () { |
42 | if (process.env.NODE_ENV === 'development') { | 42 | if (process.env.NODE_ENV === 'development') { |
43 | return sessionStorage.getItem('token') | 43 | return sessionStorage.getItem('token') |
44 | } | 44 | } |
45 | return cookies.get('ACCESS_TOKEN') | 45 | return cookies.get('ACCESS_TOKEN') |
46 | } | 46 | } |
47 | 47 | ||
48 | // 获取当前时间 | ||
49 | |||
50 | export function getNewDate (type = 1) { | ||
51 | const now = new Date(); | ||
52 | const year = now.getFullYear(); | ||
53 | const month = String(now.getMonth() + 1).padStart(2, '0'); | ||
54 | const day = String(now.getDate()).padStart(2, '0'); | ||
55 | const hours = String(now.getHours()).padStart(2, '0'); | ||
56 | const minutes = String(now.getMinutes()).padStart(2, '0'); | ||
57 | const seconds = String(now.getSeconds()).padStart(2, '0'); | ||
58 | if (type == 1) { | ||
59 | return `${year}年${month}月${day}日` | ||
60 | } else { | ||
61 | return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒` | ||
62 | } | ||
63 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
10 | <el-row> | 10 | <el-row> |
11 | <el-col :span="8"> | 11 | <el-col :span="8"> |
12 | <el-form-item label="权利人类型" prop="sqrlx"> | 12 | <el-form-item label="权利人类型1" prop="sqrlx"> |
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | 13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> |
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
15 | </el-option> | 15 | </el-option> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:39:47 | ||
5 | --> | ||
6 | <template> | ||
7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
8 | @closeDialog="closeDialog" :isButton="showButton"> | ||
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
10 | <el-row> | ||
11 | <el-col :span="8"> | ||
12 | <el-form-item label="义务人类型1" prop="sqrlx"> | ||
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="姓名/名称" prop="sqrmc"> | ||
21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="证件种类" prop="zjzl"> | ||
26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | ||
27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
28 | </el-option> | ||
29 | </el-select> | ||
30 | </el-form-item> | ||
31 | </el-col> | ||
32 | </el-row> | ||
33 | <el-row> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="证件号" prop="zjh"> | ||
36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="联系电话" prop="dh"> | ||
41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="性别"> | ||
46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | ||
47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
48 | </el-option> | ||
49 | </el-select> | ||
50 | </el-form-item> | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="8"> | ||
55 | <el-form-item label="法人名称"> | ||
56 | <el-input v-model="ruleForm.frmc"></el-input> | ||
57 | </el-form-item> | ||
58 | </el-col> | ||
59 | <el-col :span="8"> | ||
60 | <el-form-item label="国家/地区"> | ||
61 | <el-input v-model="ruleForm.gjdq"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | <el-col :span="8"> | ||
65 | <el-form-item label="户籍所在省市"> | ||
66 | <el-input v-model="ruleForm.szss"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | </el-row> | ||
70 | |||
71 | <el-row> | ||
72 | <el-col :span="16"> | ||
73 | <el-form-item label="地址"> | ||
74 | <el-input v-model="ruleForm.txdz"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="邮编"> | ||
79 | <el-input v-model="ruleForm.yb"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | </el-row> | ||
83 | |||
84 | <el-row> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="发证机关"> | ||
87 | <el-input v-model="ruleForm.fzjg"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="电子邮件"> | ||
92 | <el-input v-model="ruleForm.dzyj"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="权利比例"> | ||
97 | <el-input v-model="ruleForm.qlbl"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | </el-row> | ||
101 | |||
102 | <el-row> | ||
103 | <el-col :span="8"> | ||
104 | <el-form-item label="工作单位"> | ||
105 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
106 | </el-form-item> | ||
107 | </el-col> | ||
108 | <el-col :span="16"> | ||
109 | <el-form-item label="代理机构"> | ||
110 | <el-input v-model="ruleForm.dljg"></el-input> | ||
111 | </el-form-item> | ||
112 | </el-col> | ||
113 | </el-row> | ||
114 | |||
115 | <el-row> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item label="联系电话"> | ||
118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | <el-col :span="8"> | ||
122 | <el-form-item label="代理人姓名"> | ||
123 | <el-input v-model="ruleForm.dlrxm"></el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="8"> | ||
127 | <el-form-item label="代理人证件类型"> | ||
128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | ||
129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
130 | </el-option> | ||
131 | </el-select> | ||
132 | </el-form-item> | ||
133 | </el-col> | ||
134 | </el-row> | ||
135 | <el-row> | ||
136 | <el-col :span="8"> | ||
137 | <el-form-item label="代理人证件号"> | ||
138 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | ||
139 | </el-form-item> | ||
140 | </el-col> | ||
141 | </el-row> | ||
142 | </el-form> | ||
143 | </dialogBox> | ||
144 | </template> | ||
145 | <script> | ||
146 | import { mapGetters } from "vuex"; | ||
147 | export default { | ||
148 | props: { | ||
149 | value: { type: Boolean, default: false }, | ||
150 | details: { type: Object, default: {} }, | ||
151 | showButton: { type: Boolean, default: false } | ||
152 | }, | ||
153 | computed: { | ||
154 | ...mapGetters(["dictData"]), | ||
155 | }, | ||
156 | data () { | ||
157 | return { | ||
158 | myValue: this.value, | ||
159 | ruleForm: { | ||
160 | sqrlx: "", | ||
161 | sqrmc: "", | ||
162 | zjzl: "", | ||
163 | zjh: "", | ||
164 | dh: "", | ||
165 | xb: "", | ||
166 | frmc: "", | ||
167 | gjdq: "", | ||
168 | szss: "", | ||
169 | txdz: "", | ||
170 | yb: "", | ||
171 | fzjg: "", | ||
172 | dzyj: "", | ||
173 | qlbl: "", | ||
174 | gzdw: "", | ||
175 | dljg: "", | ||
176 | dlrxm: "", | ||
177 | dlrzjlx: "", | ||
178 | dlrzjh: "", | ||
179 | }, | ||
180 | rules: { | ||
181 | sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
182 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
185 | }, | ||
186 | }; | ||
187 | }, | ||
188 | watch: { | ||
189 | value (val) { | ||
190 | this.myValue = _.cloneDeep(val); | ||
191 | }, | ||
192 | details: { | ||
193 | handler: function (val, oldVal) { | ||
194 | this.ruleForm = val; | ||
195 | }, | ||
196 | deep: true, | ||
197 | }, | ||
198 | }, | ||
199 | methods: { | ||
200 | closeDialog () { | ||
201 | this.$emit("input", false); | ||
202 | this.$refs["ruleForm"].resetFields(); | ||
203 | }, | ||
204 | submitForm () { | ||
205 | this.$refs.ruleForm.validate((valid) => { | ||
206 | if (valid) { | ||
207 | this.$emit("input", false); | ||
208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
209 | } else { | ||
210 | return false; | ||
211 | } | ||
212 | }); | ||
213 | }, | ||
214 | }, | ||
215 | }; | ||
216 | </script> | ||
217 | <style scoped lang="scss"> | ||
218 | @import "~@/styles/dialogBoxheader.scss"; | ||
219 | .submit-button { | ||
220 | text-align: center; | ||
221 | height: 52px; | ||
222 | padding-top: 10px; | ||
223 | background-color: #fff; | ||
224 | } | ||
225 | </style> |
... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; | ... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; |
4 | var qlxxPage = [ | 4 | var qlxxPage = [ |
5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, | 5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, |
6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, | 6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, |
7 | { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" }, | 7 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, |
8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, | 8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, |
9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | 9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, |
10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, | 10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, |
... | @@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) { |
75 | if (bdcdylx == "4") { | 75 | if (bdcdylx == "4") { |
76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; | 76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; |
77 | } else { | 77 | } else { |
78 | |||
78 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 79 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
79 | } | 80 | } |
80 | } else { | 81 | } else { |
81 | console.log("jin1111"); | 82 | console.log("jin1111"); |
82 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; | 83 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; |
83 | console.log("nodenodenodenode",node); | ||
84 | } | 84 | } |
85 | break; | 85 | break; |
86 | } | 86 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:41:35 | 4 | * @LastEditTime: 2023-05-17 10:41:20 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ||
9 | :data="tableDataList"> | ||
8 | </lb-table> | 10 | </lb-table> |
11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
12 | </div> | ||
9 | </template> | 13 | </template> |
10 | <script> | 14 | <script> |
11 | import addQlr from './dialog/addQlr.vue' | 15 | import addYwr from './dialog/addYwr.vue' |
12 | import { mapGetters } from 'vuex' | 16 | import { mapGetters } from 'vuex' |
13 | export default { | 17 | export default { |
14 | components: { | 18 | components: { |
15 | addQlr | 19 | addYwr |
16 | }, | 20 | }, |
17 | computed: { | 21 | computed: { |
18 | ...mapGetters(["dictData"]), | 22 | ...mapGetters(["dictData"]), |
... | @@ -34,14 +38,16 @@ | ... | @@ -34,14 +38,16 @@ |
34 | key: 0, | 38 | key: 0, |
35 | dataIndex: 0, | 39 | dataIndex: 0, |
36 | dialog: false, | 40 | dialog: false, |
41 | isaddupdate: false, | ||
42 | showButton: this.$route.query.viewtype ? false : true, | ||
37 | details: {}, | 43 | details: {}, |
38 | tableDataList: [], | 44 | tableDataList: [], |
39 | qlrCommonTable: [ | 45 | InformationTable: [ |
40 | { | 46 | { |
41 | width: '50', | 47 | width: '50', |
42 | renderHeader: (h, scope) => { | 48 | renderHeader: (h, scope) => { |
43 | return <div> { | 49 | return <div> { |
44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
45 | } | 51 | } |
46 | </div> | 52 | </div> |
47 | }, | 53 | }, |
... | @@ -50,19 +56,33 @@ | ... | @@ -50,19 +56,33 @@ |
50 | <div> | 56 | <div> |
51 | { | 57 | { |
52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : |
53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
54 | } | 60 | } |
55 | </div> | 61 | </div> |
56 | ) | 62 | ) |
57 | } | 63 | } |
58 | }, | 64 | }, |
59 | { | 65 | { |
66 | label: '身份证读卡器', | ||
67 | align: 'center', | ||
68 | render: (h, scope) => { | ||
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | ||
70 | } | ||
71 | }, | ||
72 | { | ||
60 | prop: "sqrmc", | 73 | prop: "sqrmc", |
61 | label: "姓名/名称" | 74 | label: "姓名/名称" |
62 | }, | 75 | }, |
63 | { | 76 | { |
64 | prop: "zjzl", | 77 | prop: "zjzl", |
65 | label: "证件种类" | 78 | label: "证件种类", |
79 | render: (h, scope) => { | ||
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | ||
81 | if (option.dcode == scope.row.zjzl) { | ||
82 | return <span>{option.dname}</span> | ||
83 | } | ||
84 | }) | ||
85 | } | ||
66 | }, | 86 | }, |
67 | { | 87 | { |
68 | prop: "zjh", | 88 | prop: "zjh", |
... | @@ -73,29 +93,32 @@ | ... | @@ -73,29 +93,32 @@ |
73 | label: "联系电话" | 93 | label: "联系电话" |
74 | }, | 94 | }, |
75 | { | 95 | { |
76 | prop: "frmc", | ||
77 | label: "法人" | ||
78 | }, | ||
79 | { | ||
80 | label: '操作', | 96 | label: '操作', |
81 | render: (h, scope) => { | 97 | render: (h, scope) => { |
82 | return ( | 98 | return ( |
83 | <div> | 99 | <div> |
84 | { | 100 | { |
85 | <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> | 101 | this.$route.query.viewtype ? <el-button |
102 | icon="el-icon-view" | ||
103 | type="text" | ||
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
105 | icon="el-icon-edit-outline" | ||
106 | type="text" | ||
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
86 | } | 108 | } |
87 | </div> | 109 | </div> |
88 | ) | 110 | ) |
89 | } | 111 | } |
90 | } | 112 | } |
91 | ], | 113 | ], |
92 | column: this.qlrCommonTable | 114 | column: [] |
93 | } | 115 | } |
94 | }, | 116 | }, |
95 | watch: { | 117 | watch: { |
96 | tableData: { | 118 | tableData: { |
97 | handler: function (val, oldVal) { | 119 | handler: function (val, oldVal) { |
98 | let that = this | 120 | let that = this |
121 | this.$nextTick(() => { | ||
99 | if (val.length == 0 || !val) { | 122 | if (val.length == 0 || !val) { |
100 | that.tableDataList = _.cloneDeep([{ | 123 | that.tableDataList = _.cloneDeep([{ |
101 | sqrmc: '', | 124 | sqrmc: '', |
... | @@ -106,16 +129,19 @@ | ... | @@ -106,16 +129,19 @@ |
106 | } else { | 129 | } else { |
107 | that.tableDataList = _.cloneDeep(val) | 130 | that.tableDataList = _.cloneDeep(val) |
108 | } | 131 | } |
132 | }) | ||
109 | }, | 133 | }, |
110 | immediate: true, | 134 | immediate: true, |
111 | deep: true | 135 | deep: true |
112 | }, | 136 | }, |
113 | gyfs: { | 137 | gyfs: { |
114 | handler (newVal, oldValue) { | 138 | handler (newVal, oldValue) { |
115 | let dataList = _.cloneDeep(this.qlrCommonTable) | 139 | let dataList = _.cloneDeep(this.InformationTable) |
116 | if (newVal == '1') { | 140 | if (newVal == 0) { |
117 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
118 | } else if ((newVal == '2')) { | 142 | this.column = _.cloneDeep(dataList) |
143 | |||
144 | } else if ((newVal == '1' || newVal == '3')) { | ||
119 | this.column = dataList | 145 | this.column = dataList |
120 | } else { | 146 | } else { |
121 | this.column = _.cloneDeep(dataList) | 147 | this.column = _.cloneDeep(dataList) |
... | @@ -130,33 +156,66 @@ | ... | @@ -130,33 +156,66 @@ |
130 | } | 156 | } |
131 | }, | 157 | }, |
132 | methods: { | 158 | methods: { |
133 | updateDetail (value) { | 159 | handleupdateDetail (value) { |
134 | this.tableDataList[this.dataIndex] = value | 160 | if (this.isaddupdate) { |
135 | this.key++ | 161 | if (!_.isEqual(value, this.tableData)) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
163 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
164 | } | ||
165 | } else { | ||
166 | if (!_.isEqual(value, this.tableData)) { | ||
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
136 | this.$emit('upDateQlrxxList', this.tableDataList) | 168 | this.$emit('upDateQlrxxList', this.tableDataList) |
169 | } | ||
170 | } | ||
171 | this.key++ | ||
137 | }, | 172 | }, |
138 | // 添加 | 173 | // 新增 |
139 | handleAdd () { | 174 | addClick () { |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
177 | } else { | ||
140 | this.dialog = true | 178 | this.dialog = true |
179 | this.isaddupdate = true | ||
180 | } | ||
141 | }, | 181 | }, |
142 | // 减 | 182 | |
143 | handleMinus (index, row) { | 183 | // 删除 |
184 | deleClick (index, row) { | ||
185 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | ||
186 | confirmButtonText: '确定', | ||
187 | cancelButtonText: '取消', | ||
188 | type: 'warning' | ||
189 | }).then(() => { | ||
144 | this.tableData.splice(index, 1) | 190 | this.tableData.splice(index, 1) |
191 | }).catch(() => { | ||
192 | }); | ||
145 | }, | 193 | }, |
194 | |||
146 | // 身份证读取 | 195 | // 身份证读取 |
147 | readClick () { }, | 196 | readClick () { }, |
197 | |||
148 | // 修改 | 198 | // 修改 |
149 | handleEdit (index, row) { | 199 | editClick (index, row) { |
150 | console.log(row, 'rowrowrowrowrow'); | 200 | // popupDialog("申请人信息", "workflow/components/addYwr", { |
201 | // showButton: this.$route.query.viewtype ? false : true, | ||
202 | // dataIndex :index, | ||
203 | // details :row, | ||
204 | // isaddupdate :false | ||
205 | // }); | ||
151 | this.dataIndex = index | 206 | this.dataIndex = index |
152 | this.dialog = true | 207 | this.dialog = true |
153 | this.details = row | 208 | this.details = row |
209 | this.isaddupdate = false | ||
154 | }, | 210 | }, |
155 | handleView () { | 211 | queryViewClick (index, row) { |
212 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
213 | // showButton: this.$route.query.viewtype ? false : true, | ||
214 | // details: row, | ||
215 | // }); | ||
156 | this.dialog = true | 216 | this.dialog = true |
217 | this.details = row | ||
157 | } | 218 | } |
158 | } | 219 | } |
159 | } | 220 | } |
160 | </script> | 221 | </script> |
161 | <style scoped lang='scss'> | ||
162 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
... | @@ -338,7 +338,7 @@ | ... | @@ -338,7 +338,7 @@ |
338 | <script> | 338 | <script> |
339 | import { mapGetters } from "vuex"; | 339 | import { mapGetters } from "vuex"; |
340 | import { init, save } from "@/api/djbbl.js"; | 340 | import { init, save } from "@/api/djbbl.js"; |
341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 341 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
342 | import tdytTable from "@/views/workflow/components/tdytTable"; | 342 | import tdytTable from "@/views/workflow/components/tdytTable"; |
343 | // import the component | 343 | // import the component |
344 | // import Treeselect from '@riophae/vue-treeselect' | 344 | // import Treeselect from '@riophae/vue-treeselect' |
... | @@ -392,7 +392,9 @@ export default { | ... | @@ -392,7 +392,9 @@ export default { |
392 | mounted() {}, | 392 | mounted() {}, |
393 | methods: { | 393 | methods: { |
394 | loadData() { | 394 | loadData() { |
395 | init(this.propsParam.bsmRepair).then((res) => { | 395 | console.log("房屋", this.propsParam); |
396 | this.propsParam.isEdit=this.$parent.isEdit | ||
397 | init(this.propsParam).then((res) => { | ||
396 | if (res.code == 200) { | 398 | if (res.code == 200) { |
397 | this.ruleForm = res.result; | 399 | this.ruleForm = res.result; |
398 | if( this.ruleForm.tdytqxList.length>0){ | 400 | if( this.ruleForm.tdytqxList.length>0){ | ... | ... |
... | @@ -13,7 +13,8 @@ | ... | @@ -13,7 +13,8 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="127px"> | 16 | label-width="127px" |
17 | > | ||
17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
19 | 补录信息 | 20 | 补录信息 |
... | @@ -37,7 +38,7 @@ | ... | @@ -37,7 +38,7 @@ |
37 | </el-col> | 38 | </el-col> |
38 | </el-row> | 39 | </el-row> |
39 | <div class="slxx_title title-block"> | 40 | <div class="slxx_title title-block"> |
40 | 房地产权(独幢、层、套、间房屋) | 41 | 国有建设用地使用权信息 |
41 | <div class="triangle"></div> | 42 | <div class="triangle"></div> |
42 | </div> | 43 | </div> |
43 | <el-row :gutter="10"> | 44 | <el-row :gutter="10"> |
... | @@ -66,7 +67,12 @@ | ... | @@ -66,7 +67,12 @@ |
66 | <el-col :span="8"> | 67 | <el-col :span="8"> |
67 | <el-form-item label="登记类型:"> | 68 | <el-form-item label="登记类型:"> |
68 | <el-select v-model="ruleForm.qlxx.djlx"> | 69 | <el-select v-model="ruleForm.qlxx.djlx"> |
69 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 70 | <el-option |
71 | v-for="item in dictData['A21']" | ||
72 | :key="item.dcode" | ||
73 | :label="item.dname" | ||
74 | :value="item.dcode" | ||
75 | > | ||
70 | </el-option> | 76 | </el-option> |
71 | </el-select> | 77 | </el-select> |
72 | </el-form-item> | 78 | </el-form-item> |
... | @@ -74,36 +80,72 @@ | ... | @@ -74,36 +80,72 @@ |
74 | <el-col :span="8"> | 80 | <el-col :span="8"> |
75 | <el-form-item label="权属状态:"> | 81 | <el-form-item label="权属状态:"> |
76 | <el-select v-model="ruleForm.qlxx.qszt"> | 82 | <el-select v-model="ruleForm.qlxx.qszt"> |
77 | <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 83 | <el-option |
84 | v-for="item in qsztlist" | ||
85 | :key="item.dcode" | ||
86 | :label="item.dname" | ||
87 | :value="item.dcode" | ||
88 | > | ||
78 | </el-option> | 89 | </el-option> |
79 | </el-select> | 90 | </el-select> |
80 | </el-form-item> | 91 | </el-form-item> |
81 | </el-col> | 92 | </el-col> |
93 | |||
82 | <el-col :span="8"> | 94 | <el-col :span="8"> |
95 | <el-form-item label="登记原因:"> | ||
96 | <el-input v-model="ruleForm.jsydsyq.djyy"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | <!-- <el-col :span="8"> | ||
83 | <el-form-item label="房地坐落:"> | 100 | <el-form-item label="房地坐落:"> |
84 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 101 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
85 | </el-form-item> | 102 | </el-form-item> |
86 | </el-col> | 103 | </el-col> --> |
87 | <el-col :span="8"> | 104 | <el-col :span="8"> |
88 | <el-form-item label="使用权面积:"> | 105 | <el-form-item label="使用权面积:"> |
89 | <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> | 106 | <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> |
90 | </el-form-item> | 107 | </el-form-item> |
91 | </el-col> | 108 | </el-col> |
92 | <el-col :span="8"> | 109 | <el-col :span="8"> |
110 | <el-form-item label="使用权起始时间"> | ||
111 | <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input> | ||
112 | </el-form-item> | ||
113 | </el-col> | ||
114 | <el-col :span="8"> | ||
115 | <el-form-item label="使用权结束时间"> | ||
116 | <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input> | ||
117 | </el-form-item> | ||
118 | </el-col> | ||
119 | <el-col :span="8"> | ||
120 | <el-form-item label="土地使用期限"> | ||
121 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="土地用途"> | ||
126 | <el-input v-model="ruleForm.jsydsyq.yt"></el-input> | ||
127 | </el-form-item> | ||
128 | </el-col> | ||
129 | <el-col :span="8"> | ||
93 | <el-form-item label="取得价格:"> | 130 | <el-form-item label="取得价格:"> |
94 | <div style="display:flex"> | 131 | <div style="display: flex"> |
95 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"></el-input> | 132 | <el-input |
133 | v-model="ruleForm.jsydsyq.qdjg" | ||
134 | style="width: 500%" | ||
135 | ></el-input> | ||
96 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 136 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 137 | <el-option |
138 | v-for="item in dictData['A57']" | ||
139 | :key="item.dcode" | ||
140 | :label="item.dname" | ||
141 | :value="item.dcode" | ||
142 | > | ||
98 | </el-option> | 143 | </el-option> |
99 | </el-select> | 144 | </el-select> |
100 | </div> | 145 | </div> |
101 | </el-form-item> | 146 | </el-form-item> |
102 | </el-col> | 147 | </el-col> |
103 | 148 | ||
104 | |||
105 | |||
106 | |||
107 | <el-col :span="8"> | 149 | <el-col :span="8"> |
108 | <el-form-item label="不动产权证号:"> | 150 | <el-form-item label="不动产权证号:"> |
109 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 151 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
... | @@ -137,7 +179,14 @@ | ... | @@ -137,7 +179,14 @@ |
137 | </el-form-item> | 179 | </el-form-item> |
138 | </el-col> | 180 | </el-col> |
139 | </el-row> | 181 | </el-row> |
140 | 182 | <div class="slxx_title title-block"> | |
183 | 土地用途 | ||
184 | <div class="triangle"></div> | ||
185 | </div> | ||
186 | <tdytTable | ||
187 | :tableData="ruleForm.tdytqxList" | ||
188 | @upDateTdytxxList="upDateTdytxxList" | ||
189 | /> | ||
141 | <div class="slxx_title title-block"> | 190 | <div class="slxx_title title-block"> |
142 | 权利人信息 | 191 | 权利人信息 |
143 | <div class="triangle"></div> | 192 | <div class="triangle"></div> |
... | @@ -147,7 +196,8 @@ | ... | @@ -147,7 +196,8 @@ |
147 | <el-form-item label="共有方式:"> | 196 | <el-form-item label="共有方式:"> |
148 | <el-radio-group | 197 | <el-radio-group |
149 | :disabled="$route.query.viewtype == 0" | 198 | :disabled="$route.query.viewtype == 0" |
150 | v-model="ruleForm.qlxx.gyqk"> | 199 | v-model="ruleForm.qlxx.gyqk" |
200 | > | ||
151 | <el-radio label="0">单独所有</el-radio> | 201 | <el-radio label="0">单独所有</el-radio> |
152 | <el-radio label="1">共同共有</el-radio> | 202 | <el-radio label="1">共同共有</el-radio> |
153 | <el-radio label="2">按份所有</el-radio> | 203 | <el-radio label="2">按份所有</el-radio> |
... | @@ -158,15 +208,23 @@ | ... | @@ -158,15 +208,23 @@ |
158 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | 208 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> |
159 | <el-form-item label="是否分别持证:"> | 209 | <el-form-item label="是否分别持证:"> |
160 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | 210 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> |
161 | <el-radio :label=1>是</el-radio> | 211 | <el-radio :label="1">是</el-radio> |
162 | <el-radio :label=0>否</el-radio> | 212 | <el-radio :label="0">否</el-radio> |
163 | </el-radio-group> | 213 | </el-radio-group> |
164 | </el-form-item> | 214 | </el-form-item> |
165 | </el-col> | 215 | </el-col> |
166 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | 216 | <el-col |
217 | :span="6" | ||
218 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | ||
219 | > | ||
167 | <el-form-item label="持证人:"> | 220 | <el-form-item label="持证人:"> |
168 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 221 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
169 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 222 | <el-option |
223 | v-for="item in czrOptions" | ||
224 | :key="item.zjh" | ||
225 | :label="item.sqrmc" | ||
226 | :value="item.zjh" | ||
227 | > | ||
170 | </el-option> | 228 | </el-option> |
171 | </el-select> | 229 | </el-select> |
172 | </el-form-item> | 230 | </el-form-item> |
... | @@ -177,7 +235,8 @@ | ... | @@ -177,7 +235,8 @@ |
177 | @upDateQlrxxList="upDateQlrxxList" | 235 | @upDateQlrxxList="upDateQlrxxList" |
178 | :key="key" | 236 | :key="key" |
179 | :viewtype="$route.query.viewtype" | 237 | :viewtype="$route.query.viewtype" |
180 | :gyfs="ruleForm.qlxx.gyfs" /> | 238 | :gyfs="ruleForm.qlxx.gyfs" |
239 | /> | ||
181 | 240 | ||
182 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 241 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
183 | <div class="slxx_title title-block"> | 242 | <div class="slxx_title title-block"> |
... | @@ -189,7 +248,8 @@ | ... | @@ -189,7 +248,8 @@ |
189 | :tableData="ruleForm.ywrList" | 248 | :tableData="ruleForm.ywrList" |
190 | :key="key" | 249 | :key="key" |
191 | @upDateQlrxxList="upDateYwrxxList" | 250 | @upDateQlrxxList="upDateYwrxxList" |
192 | :viewtype="$route.query.viewtype" /> | 251 | :viewtype="$route.query.viewtype" |
252 | /> | ||
193 | </div> | 253 | </div> |
194 | </div> | 254 | </div> |
195 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 255 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
... | @@ -201,27 +261,28 @@ | ... | @@ -201,27 +261,28 @@ |
201 | </div> | 261 | </div> |
202 | </template> | 262 | </template> |
203 | <script> | 263 | <script> |
204 | import store from '@/store/index.js' | 264 | import store from "@/store/index.js"; |
205 | import { mapGetters } from "vuex"; | 265 | import { mapGetters } from "vuex"; |
206 | import { init,save } from "@/api/djbbl.js"; | 266 | import { init, save } from "@/api/djbbl.js"; |
207 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 267 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
208 | import tdytTable from "@/views/workflow/components/tdytTable"; | 268 | import tdytTable from "@/views/workflow/components/tdytTable"; |
209 | export default { | 269 | export default { |
210 | components: { qlrCommonTable,tdytTable }, | 270 | components: { qlrCommonTable, tdytTable }, |
211 | computed: { | 271 | computed: { |
212 | ...mapGetters(["dictData", "flag"]), | 272 | ...mapGetters(["dictData", "flag"]), |
213 | }, | 273 | }, |
214 | data() { | 274 | data() { |
215 | return { | 275 | return { |
216 | // 键名转换,方法默认是label和children进行树状渲染 | 276 | // 键名转换,方法默认是label和children进行树状渲染 |
217 | normalizer (node) { //方法 | 277 | normalizer(node) { |
218 | if (node.children == null || node.children == 'null') { | 278 | //方法 |
279 | if (node.children == null || node.children == "null") { | ||
219 | delete node.children; | 280 | delete node.children; |
220 | } | 281 | } |
221 | return { | 282 | return { |
222 | id: node.dcode, | 283 | id: node.dcode, |
223 | label: node.dname | 284 | label: node.dname, |
224 | } | 285 | }; |
225 | }, | 286 | }, |
226 | //表单是否可操作 | 287 | //表单是否可操作 |
227 | propsParam: this.$attrs, | 288 | propsParam: this.$attrs, |
... | @@ -238,6 +299,7 @@ export default { | ... | @@ -238,6 +299,7 @@ export default { |
238 | dname: "历史", | 299 | dname: "历史", |
239 | }, | 300 | }, |
240 | ], | 301 | ], |
302 | tdxz:null, | ||
241 | isShow: false, | 303 | isShow: false, |
242 | disabled: true, | 304 | disabled: true, |
243 | czrOptions: [], | 305 | czrOptions: [], |
... | @@ -252,31 +314,35 @@ export default { | ... | @@ -252,31 +314,35 @@ export default { |
252 | mounted() {}, | 314 | mounted() {}, |
253 | methods: { | 315 | methods: { |
254 | // 字典 | 316 | // 字典 |
255 | getDictData (val) { | 317 | getDictData(val) { |
256 | return store.getters.dictData[val] | 318 | return store.getters.dictData[val]; |
257 | }, | 319 | }, |
258 | loadData() { | 320 | loadData() { |
259 | console.log("建设用地使用权",this.propsParam); | 321 | this.propsParam.isEdit=this.$parent.isEdit |
260 | console.log("this.getDictData('A30')",this.getDictData('A22')); | 322 | init(this.propsParam).then((res) => { |
261 | init(this.propsParam.bsmRepair).then((res) => { | ||
262 | if (res.code == 200) { | 323 | if (res.code == 200) { |
263 | this.ruleForm = res.result; | 324 | this.ruleForm = res.result; |
264 | console.log("this.ruleForm",this.ruleForm); | 325 | if( this.ruleForm.tdytqxList.length>0){ |
326 | this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm | ||
327 | }else{ | ||
328 | this.tdxz=null | ||
329 | } | ||
330 | console.log("this.ruleForm", this.ruleForm); | ||
265 | this.isShow = true; | 331 | this.isShow = true; |
266 | } | 332 | } |
267 | }); | 333 | }); |
268 | }, | 334 | }, |
269 | // 更新土地用途信息 | 335 | // 更新土地用途信息 |
270 | upDateTdytxxList(val) { | 336 | upDateTdytxxList(val) { |
271 | console.log("VAL",val); | 337 | console.log("VAL", val); |
272 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 338 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
273 | this.key++; | 339 | this.key++; |
274 | }, | 340 | }, |
275 | // 更新权利人信息 | 341 | // 更新权利人信息 |
276 | upDateQlrxxList(val) { | 342 | upDateQlrxxList(val) { |
277 | console.log("val",val); | 343 | console.log("val", val); |
278 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 344 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
279 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | 345 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); |
280 | this.czrOptions = this.ruleForm.qlrData; | 346 | this.czrOptions = this.ruleForm.qlrData; |
281 | this.key++; | 347 | this.key++; |
282 | }, | 348 | }, |
... | @@ -286,7 +352,7 @@ export default { | ... | @@ -286,7 +352,7 @@ export default { |
286 | this.key++; | 352 | this.key++; |
287 | }, | 353 | }, |
288 | onSubmit() { | 354 | onSubmit() { |
289 | console.log("this.ruleForm大信息",this.ruleForm); | 355 | console.log("this.ruleForm大信息", this.ruleForm); |
290 | if (this.ruleForm.qlrData.length == 0) { | 356 | if (this.ruleForm.qlrData.length == 0) { |
291 | this.$message({ | 357 | this.$message({ |
292 | showClose: true, | 358 | showClose: true, | ... | ... |
This diff is collapsed.
Click to expand it.
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 | } | ... | ... |
... | @@ -4,7 +4,7 @@ class data extends filter { | ... | @@ -4,7 +4,7 @@ class data extends filter { |
4 | constructor() { | 4 | constructor() { |
5 | super() | 5 | super() |
6 | } | 6 | } |
7 | columns() { | 7 | columns () { |
8 | return { | 8 | return { |
9 | //空列值个数 | 9 | //空列值个数 |
10 | emptycolNum: 3, | 10 | emptycolNum: 3, |
... | @@ -26,8 +26,9 @@ class data extends filter { | ... | @@ -26,8 +26,9 @@ class data extends filter { |
26 | ], | 26 | ], |
27 | JSYDSYQ: [ | 27 | JSYDSYQ: [ |
28 | 28 | ||
29 | { prop:"cz", | 29 | { |
30 | label:"操作", | 30 | prop: "cz", |
31 | label: "操作", | ||
31 | render: (h, scope) => { | 32 | render: (h, scope) => { |
32 | return ( | 33 | return ( |
33 | <div> | 34 | <div> |
... | @@ -144,8 +145,9 @@ class data extends filter { | ... | @@ -144,8 +145,9 @@ class data extends filter { |
144 | ], | 145 | ], |
145 | FDCQ2: [ | 146 | FDCQ2: [ |
146 | 147 | ||
147 | { prop:"cz", | 148 | { |
148 | label:"操作" | 149 | prop: "cz", |
150 | label: "操作" | ||
149 | }, | 151 | }, |
150 | { | 152 | { |
151 | prop: "qszt", | 153 | prop: "qszt", |
... | @@ -283,8 +285,9 @@ class data extends filter { | ... | @@ -283,8 +285,9 @@ class data extends filter { |
283 | ], | 285 | ], |
284 | NYDSYQ: [ | 286 | NYDSYQ: [ |
285 | 287 | ||
286 | { prop:"cz", | 288 | { |
287 | label:"操作" | 289 | prop: "cz", |
290 | label: "操作" | ||
288 | }, | 291 | }, |
289 | { | 292 | { |
290 | prop: "qszt", | 293 | prop: "qszt", |
... | @@ -412,9 +415,9 @@ class data extends filter { | ... | @@ -412,9 +415,9 @@ class data extends filter { |
412 | }, | 415 | }, |
413 | ], | 416 | ], |
414 | DYAQ: [ | 417 | DYAQ: [ |
415 | 418 | { | |
416 | { prop:"cz", | 419 | prop: "cz", |
417 | label:"操作" | 420 | label: "操作" |
418 | }, | 421 | }, |
419 | { | 422 | { |
420 | prop: "qszt", | 423 | prop: "qszt", |
... | @@ -423,6 +426,19 @@ class data extends filter { | ... | @@ -423,6 +426,19 @@ class data extends filter { |
423 | { | 426 | { |
424 | prop: "dybdclx", | 427 | prop: "dybdclx", |
425 | label: "抵押不动产类型", | 428 | label: "抵押不动产类型", |
429 | render: (h, scope) => { | ||
430 | return ( | ||
431 | <div> | ||
432 | <span v-show={scope.row.dybdclx == '1'}>土地</span> | ||
433 | <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span> | ||
434 | <span v-show={scope.row.dybdclx == '3'}>林地和林木</span> | ||
435 | <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span> | ||
436 | <span v-show={scope.row.dybdclx == '5'}>海域</span> | ||
437 | <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span> | ||
438 | <span v-show={scope.row.dybdclx == '7'}>其它</span> | ||
439 | </div> | ||
440 | ) | ||
441 | } | ||
426 | }, | 442 | }, |
427 | { | 443 | { |
428 | prop: "djlxmc", | 444 | prop: "djlxmc", |
... | @@ -572,8 +588,9 @@ class data extends filter { | ... | @@ -572,8 +588,9 @@ class data extends filter { |
572 | ], | 588 | ], |
573 | DYIQ: [ | 589 | DYIQ: [ |
574 | 590 | ||
575 | { prop:"cz", | 591 | { |
576 | label:"操作" | 592 | prop: "cz", |
593 | label: "操作" | ||
577 | }, | 594 | }, |
578 | { | 595 | { |
579 | prop: "qszt", | 596 | prop: "qszt", |
... | @@ -666,8 +683,9 @@ class data extends filter { | ... | @@ -666,8 +683,9 @@ class data extends filter { |
666 | ], | 683 | ], |
667 | YGDJ: [ | 684 | YGDJ: [ |
668 | 685 | ||
669 | { prop:"cz", | 686 | { |
670 | label:"操作" | 687 | prop: "cz", |
688 | label: "操作" | ||
671 | }, | 689 | }, |
672 | { | 690 | { |
673 | prop: "qszt", | 691 | prop: "qszt", |
... | @@ -792,8 +810,9 @@ class data extends filter { | ... | @@ -792,8 +810,9 @@ class data extends filter { |
792 | ], | 810 | ], |
793 | CFDJ: [ | 811 | CFDJ: [ |
794 | 812 | ||
795 | { prop:"cz", | 813 | { |
796 | label:"操作" | 814 | prop: "cz", |
815 | label: "操作" | ||
797 | }, | 816 | }, |
798 | { | 817 | { |
799 | prop: "qszt", | 818 | prop: "qszt", |
... | @@ -903,8 +922,9 @@ class data extends filter { | ... | @@ -903,8 +922,9 @@ class data extends filter { |
903 | ], | 922 | ], |
904 | YYDJ: [ | 923 | YYDJ: [ |
905 | 924 | ||
906 | { prop:"cz", | 925 | { |
907 | label:"操作" | 926 | prop: "cz", |
927 | label: "操作" | ||
908 | }, | 928 | }, |
909 | { | 929 | { |
910 | prop: "qszt", | 930 | prop: "qszt", | ... | ... |
... | @@ -7,7 +7,6 @@ | ... | @@ -7,7 +7,6 @@ |
7 | export function getForm(tabName) { | 7 | export function getForm(tabName) { |
8 | let form; | 8 | let form; |
9 | switch (tabName) { | 9 | switch (tabName) { |
10 | |||
11 | case "zdjbxx": | 10 | case "zdjbxx": |
12 | form = require("@/views/registerBook/zdjbxx.vue"); | 11 | form = require("@/views/registerBook/zdjbxx.vue"); |
13 | break; | 12 | break; | ... | ... |
... | @@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | ... | @@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
8 | import { getPrintApplicationInfo } from "@/api/fqsq"; | 8 | import { getPrintApplicationInfo } from "@/api/fqsq"; |
9 | import { uploadUndo } from "@/api/clxx"; | 9 | import { uploadUndo } from "@/api/clxx"; |
10 | import { deleteFlow } from "@/api/ywbl"; | 10 | import { deleteFlow } from "@/api/djbbl"; |
11 | import { getLodop } from "@/utils/LodopFuncs" | 11 | import { getLodop } from "@/utils/LodopFuncs" |
12 | import { | 12 | import { |
13 | stepExpandInfo, | 13 | stepExpandInfo, |
... | @@ -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; |
... | @@ -242,19 +246,18 @@ export default { | ... | @@ -242,19 +246,18 @@ export default { |
242 | type: "warning", | 246 | type: "warning", |
243 | }) | 247 | }) |
244 | .then(() => { | 248 | .then(() => { |
245 | console.log('删除流程'); | 249 | deleteFlow(this.bsmSlsq).then((res) => { |
246 | // deleteFlow(formdata).then((res) => { | 250 | if (res.code === 200) { |
247 | // if (res.code === 200) { | 251 | this.$message({ |
248 | // this.$message({ | 252 | type: "success", |
249 | // type: "success", | 253 | message: "删除成功!", |
250 | // message: "删除成功!", | 254 | }); |
251 | // }); | 255 | window.close(); |
252 | // window.close(); | 256 | window.opener.getBpageList(); |
253 | // window.opener.getBpageList(); | 257 | } else { |
254 | // } else { | 258 | this.$message.error(res.message); |
255 | // this.$message.error(res.message); | 259 | } |
256 | // } | 260 | }); |
257 | // }); | ||
258 | }) | 261 | }) |
259 | .catch(() => { | 262 | .catch(() => { |
260 | this.$message({ | 263 | this.$message({ | ... | ... |
... | @@ -109,6 +109,7 @@ export default { | ... | @@ -109,6 +109,7 @@ export default { |
109 | qllx: this.$route.query.qllx, | 109 | qllx: this.$route.query.qllx, |
110 | //设置那个表单选中 | 110 | //设置那个表单选中 |
111 | tabName: "", | 111 | tabName: "", |
112 | isEdit:true, | ||
112 | // 弹框显示 | 113 | // 弹框显示 |
113 | dialogVisible: true, | 114 | dialogVisible: true, |
114 | //表单集合 | 115 | //表单集合 |
... | @@ -214,7 +215,7 @@ export default { | ... | @@ -214,7 +215,7 @@ export default { |
214 | }, | 215 | }, |
215 | //切换选项卡内容组件 | 216 | //切换选项卡内容组件 |
216 | getFromRouter(tabname) { | 217 | getFromRouter(tabname) { |
217 | console.log("tabname", tabname); | 218 | console.log("切换选项卡内容组件", tabname,this.tabList); |
218 | this.componentTag = getForm(tabname); | 219 | this.componentTag = getForm(tabname); |
219 | }, | 220 | }, |
220 | closefp() { | 221 | closefp() { | ... | ... |
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 | isEdit:false, | ||
115 | //表单集合 | ||
116 | tabList: [], | ||
117 | type: "READ_ONLY", | ||
118 | //选择加载哪一个组件 | ||
119 | componentTag: "", | ||
120 | //设置表单传递数据 | ||
121 | currentSelectProps: {}, | ||
122 | // 首次拿到的业务信息 | ||
123 | oneSelectProps: {}, | ||
124 | //材料信息选择卡索引 | ||
125 | oneget: true, | ||
126 | //页面监听时间 | ||
127 | _beforeUnload_time: "", | ||
128 | treedata: {}, | ||
129 | tabdata: [], | ||
130 | defaultNode: {}, | ||
131 | }; | ||
132 | }, | ||
133 | mounted() { | ||
134 | // this.getleftMenubl() | ||
135 | }, | ||
136 | |||
137 | methods: { | ||
138 | stepForm(qllx) { | ||
139 | this.oneSelectProps.qllx = qllx; | ||
140 | if (this.$refs.Menu.supplementarylist.length) { | ||
141 | this.oneSelectProps.type = this.type | ||
142 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
143 | this.$nextTick(function () { | ||
144 | this.tabList = res.result; | ||
145 | this.tabName = this.tabList[0].value; | ||
146 | this.getFromRouter(this.tabName); | ||
147 | }); | ||
148 | }); | ||
149 | } | ||
150 | }, | ||
151 | // 获取右侧菜单 | ||
152 | // getleftMenubl() { | ||
153 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
154 | // this.supplementarylist = res.result; | ||
155 | // }) | ||
156 | // }, | ||
157 | getQllxByBdcdyid() { | ||
158 | if (this.currentSelectProps.bdcdyid) { | ||
159 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
160 | (res) => { | ||
161 | if (res.code === 200) { | ||
162 | this.$refs.qllxlist.qllxlistdata = res.result; | ||
163 | this.$refs.qllxlist.dialogVisible = true; | ||
164 | } | ||
165 | } | ||
166 | ); | ||
167 | } | ||
168 | }, | ||
169 | // 获取右侧选项卡 | ||
170 | getCurrentSelectProps(val) { | ||
171 | if (val.bdcdyid) { | ||
172 | this.oneSelectProps = val; | ||
173 | } | ||
174 | this.currentSelectProps = val; | ||
175 | if (this.currentSelectProps.bsmRepair) { | ||
176 | this.stepForm(this.currentSelectProps.qllx); | ||
177 | } else if (!this.oneget) { | ||
178 | this.getdjblist(); | ||
179 | } | ||
180 | if (this.oneget) { | ||
181 | this.oneget = false; | ||
182 | this.stepForm(this.currentSelectProps.qllx); | ||
183 | } | ||
184 | }, | ||
185 | // 获取渲染登记簿列表 | ||
186 | getdjblist() { | ||
187 | getBdcqljqtsx({ | ||
188 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
189 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
190 | }).then((res) => { | ||
191 | if (res.code === 200) { | ||
192 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
193 | this.$nextTick(function () { | ||
194 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
195 | linShi: 0, | ||
196 | xianShi: 0, | ||
197 | liShi: 0, | ||
198 | }); | ||
199 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
200 | }); | ||
201 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
202 | this.tabdata = [ | ||
203 | ...settree, | ||
204 | ...settree[1].children[0].children[0].children, | ||
205 | ]; | ||
206 | this.tabdata.forEach((item, index, arr) => { | ||
207 | arr[index].name = item.label; | ||
208 | arr[index].value = item.id; | ||
209 | }); | ||
210 | this.tabList = this.tabdata; | ||
211 | } | ||
212 | }); | ||
213 | }, | ||
214 | //右侧表单选项卡事件 | ||
215 | beforeLeave(activeName) { | ||
216 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
217 | }, | ||
218 | //切换选项卡内容组件 | ||
219 | getFromRouter(tabname) { | ||
220 | this.componentTag = getForm(tabname); | ||
221 | }, | ||
222 | closefp() { | ||
223 | this.splitScreen = this.splitScreen ? false : true; | ||
224 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
225 | this.getFromRouter(this.tabList[0].value); | ||
226 | this.clxxForm = getForm(this.tabList[1].value); | ||
227 | }, | ||
228 | // 增加补录记录 | ||
229 | addRepairRecord(row, del) { | ||
230 | let from = { | ||
231 | bsmQlxx: "", | ||
232 | bsmSlsq: this.bsmSlsq, | ||
233 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
234 | operate: "C", | ||
235 | qllx: "", | ||
236 | }; | ||
237 | if (row) { | ||
238 | from.bsmQlxx = row.bsmQlxx; | ||
239 | if (del) { | ||
240 | from.operate = del; | ||
241 | } else { | ||
242 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
243 | } | ||
244 | from.qllx = row.qllx; | ||
245 | } | ||
246 | addRepairRecord(from) | ||
247 | .then((res) => { | ||
248 | if (res.code == "200") { | ||
249 | this.$refs.qllxlist.dialogVisible = false; | ||
250 | this.$nextTick(() => { | ||
251 | this.$refs.Menu.getleftMenubl(res.result); | ||
252 | this.$message({ | ||
253 | type: "success", | ||
254 | message: "补录成功!", | ||
255 | }); | ||
256 | }); | ||
257 | } else { | ||
258 | this.$alert(res.message, "提示", { | ||
259 | confirmButtonText: "确定", | ||
260 | type: "warning", | ||
261 | }); | ||
262 | } | ||
263 | }) | ||
264 | .catch((res) => { | ||
265 | console.log("错", res); | ||
266 | }); | ||
267 | }, | ||
268 | }, | ||
269 | }; | ||
270 | </script> | ||
271 | <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> |
30 | </div> | 31 | </div> |
31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</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 | 有效 | ||
37 | </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> |
... | @@ -114,7 +120,7 @@ | ... | @@ -114,7 +120,7 @@ |
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: "取消", | ... | ... |
... | @@ -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,11 +58,11 @@ | ... | @@ -61,11 +58,11 @@ |
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, getDictLeabel } 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, |
... | @@ -80,11 +77,11 @@ export default { | ... | @@ -80,11 +77,11 @@ export default { |
80 | columns: datas.columns().DYAQ, | 77 | columns: datas.columns().DYAQ, |
81 | }; | 78 | }; |
82 | }, | 79 | }, |
83 | created() { | 80 | created () { |
84 | this.loadData(); | 81 | this.loadData(); |
85 | }, | 82 | }, |
86 | methods: { | 83 | methods: { |
87 | loadData() { | 84 | loadData () { |
88 | if (this.$parent.addRepairRecord) { | 85 | if (this.$parent.addRepairRecord) { |
89 | this.columns.unshift({ prop: "cz", label: "操作" }); | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
90 | } | 87 | } |
... | @@ -97,6 +94,7 @@ export default { | ... | @@ -97,6 +94,7 @@ export default { |
97 | this.tableData = res.result; | 94 | this.tableData = res.result; |
98 | this.tableData.forEach((item) => { | 95 | this.tableData.forEach((item) => { |
99 | item.sjlx = getSjlx(item.sjlx); | 96 | item.sjlx = getSjlx(item.sjlx); |
97 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
100 | }); | 98 | }); |
101 | if (this.tableData.length < datas.columns().emptycolNum) { | 99 | if (this.tableData.length < datas.columns().emptycolNum) { |
102 | this.emptycolNum = | 100 | this.emptycolNum = |
... | @@ -107,7 +105,7 @@ export default { | ... | @@ -107,7 +105,7 @@ export default { |
107 | } | 105 | } |
108 | }); | 106 | }); |
109 | }, | 107 | }, |
110 | checkChange() { | 108 | checkChange () { |
111 | if (this.checkList.length === 0) { | 109 | if (this.checkList.length === 0) { |
112 | this.tableData = []; | 110 | this.tableData = []; |
113 | this.emptycolNum = datas.columns().emptycolNum; | 111 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -115,7 +113,7 @@ export default { | ... | @@ -115,7 +113,7 @@ export default { |
115 | this.loadData(); | 113 | this.loadData(); |
116 | } | 114 | } |
117 | }, | 115 | }, |
118 | getQsztName(code) { | 116 | getQsztName (code) { |
119 | let name = ""; | 117 | let name = ""; |
120 | for (let item of this.qsztList) { | 118 | for (let item of this.qsztList) { |
121 | if (item.value == code) { | 119 | if (item.value == code) { |
... | @@ -126,7 +124,7 @@ export default { | ... | @@ -126,7 +124,7 @@ export default { |
126 | return name; | 124 | return name; |
127 | }, | 125 | }, |
128 | // 新增一条补录信息 | 126 | // 新增一条补录信息 |
129 | editDialog(row, del) { | 127 | editDialog (row, del) { |
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 128 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
131 | confirmButtonText: "确定", | 129 | confirmButtonText: "确定", |
132 | cancelButtonText: "取消", | 130 | cancelButtonText: "取消", |
... | @@ -134,7 +132,6 @@ export default { | ... | @@ -134,7 +132,6 @@ export default { |
134 | }) | 132 | }) |
135 | .then(() => { | 133 | .then(() => { |
136 | this.$parent.addRepairRecord(row, del); | 134 | this.$parent.addRepairRecord(row, del); |
137 | |||
138 | this.$message({ | 135 | this.$message({ |
139 | type: "success", | 136 | type: "success", |
140 | message: "补录成功!", | 137 | message: "补录成功!", |
... | @@ -148,9 +145,9 @@ export default { | ... | @@ -148,9 +145,9 @@ export default { |
148 | }); | 145 | }); |
149 | }, | 146 | }, |
150 | }, | 147 | }, |
151 | }; | 148 | }; |
152 | </script> | 149 | </script> |
153 | 150 | ||
154 | <style lang="scss" scoped> | 151 | <style lang="scss" scoped> |
155 | @import "./qlxxCommon.scss"; | 152 | @import "./qlxxCommon.scss"; |
156 | </style> | 153 | </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,8 +25,8 @@ | ... | @@ -27,8 +25,8 @@ |
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> |
... | @@ -36,6 +34,9 @@ | ... | @@ -36,6 +34,9 @@ |
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,11 +52,11 @@ | ... | @@ -51,11 +52,11 @@ |
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, getDictLeabel } 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, |
... | @@ -70,11 +71,11 @@ export default { | ... | @@ -70,11 +71,11 @@ export default { |
70 | columns: datas.columns().DYIQ, | 71 | columns: datas.columns().DYIQ, |
71 | }; | 72 | }; |
72 | }, | 73 | }, |
73 | created() { | 74 | created () { |
74 | this.loadData(); | 75 | this.loadData(); |
75 | }, | 76 | }, |
76 | methods: { | 77 | methods: { |
77 | loadData() { | 78 | loadData () { |
78 | if (this.$parent.addRepairRecord) { | 79 | if (this.$parent.addRepairRecord) { |
79 | this.columns.unshift({ prop: "cz", label: "操作" }); | 80 | this.columns.unshift({ prop: "cz", label: "操作" }); |
80 | } | 81 | } |
... | @@ -87,6 +88,7 @@ export default { | ... | @@ -87,6 +88,7 @@ export default { |
87 | this.tableData = res.result; | 88 | this.tableData = res.result; |
88 | this.tableData.forEach((item) => { | 89 | this.tableData.forEach((item) => { |
89 | item.sjlx = getSjlx(item.sjlx); | 90 | item.sjlx = getSjlx(item.sjlx); |
91 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
90 | }); | 92 | }); |
91 | if (this.tableData.length < datas.columns().emptycolNum) { | 93 | if (this.tableData.length < datas.columns().emptycolNum) { |
92 | this.emptycolNum = | 94 | this.emptycolNum = |
... | @@ -97,7 +99,7 @@ export default { | ... | @@ -97,7 +99,7 @@ export default { |
97 | } | 99 | } |
98 | }); | 100 | }); |
99 | }, | 101 | }, |
100 | checkChange() { | 102 | checkChange () { |
101 | if (this.checkList.length === 0) { | 103 | if (this.checkList.length === 0) { |
102 | this.tableData = []; | 104 | this.tableData = []; |
103 | this.emptycolNum = datas.columns().emptycolNum; | 105 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -105,7 +107,7 @@ export default { | ... | @@ -105,7 +107,7 @@ export default { |
105 | this.loadData(); | 107 | this.loadData(); |
106 | } | 108 | } |
107 | }, | 109 | }, |
108 | getQsztName(code) { | 110 | getQsztName (code) { |
109 | let name = ""; | 111 | let name = ""; |
110 | for (let item of this.qsztList) { | 112 | for (let item of this.qsztList) { |
111 | if (item.value == code) { | 113 | if (item.value == code) { |
... | @@ -116,7 +118,7 @@ export default { | ... | @@ -116,7 +118,7 @@ export default { |
116 | return name; | 118 | return name; |
117 | }, | 119 | }, |
118 | // 新增一条补录信息 | 120 | // 新增一条补录信息 |
119 | editDialog(row, del) { | 121 | editDialog (row, del) { |
120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 122 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
121 | confirmButtonText: "确定", | 123 | confirmButtonText: "确定", |
122 | cancelButtonText: "取消", | 124 | cancelButtonText: "取消", |
... | @@ -138,9 +140,9 @@ export default { | ... | @@ -138,9 +140,9 @@ export default { |
138 | }); | 140 | }); |
139 | }, | 141 | }, |
140 | }, | 142 | }, |
141 | }; | 143 | }; |
142 | </script> | 144 | </script> |
143 | 145 | ||
144 | <style lang="scss" scoped> | 146 | <style lang="scss" scoped> |
145 | @import "./qlxxCommon.scss"; | 147 | @import "./qlxxCommon.scss"; |
146 | </style> | 148 | </style> | ... | ... |
... | @@ -11,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
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 | //接收参数 |
... | @@ -65,18 +65,19 @@ export default { | ... | @@ -65,18 +65,19 @@ export default { |
65 | this.loadComponent(data.form); | 65 | this.loadComponent(data.form); |
66 | }, | 66 | }, |
67 | loadComponent (form) { | 67 | loadComponent (form) { |
68 | console.log(form, 'formformformform'); | ||
68 | this.componentTag = (r) => | 69 | this.componentTag = (r) => |
69 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 70 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
70 | }, | 71 | }, |
71 | }, | 72 | }, |
72 | }; | 73 | }; |
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; |
... | @@ -97,31 +98,31 @@ export default { | ... | @@ -97,31 +98,31 @@ export default { |
97 | background-color: #f5f5f5; | 98 | background-color: #f5f5f5; |
98 | border: 1px solid rgb(228, 228, 228); | 99 | border: 1px solid rgb(228, 228, 228); |
99 | } | 100 | } |
100 | } | 101 | } |
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,11 +58,11 @@ | ... | @@ -61,11 +58,11 @@ |
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, |
... | @@ -80,11 +77,11 @@ export default { | ... | @@ -80,11 +77,11 @@ export default { |
80 | columns: datas.columns().FDCQ2, | 77 | columns: datas.columns().FDCQ2, |
81 | }; | 78 | }; |
82 | }, | 79 | }, |
83 | created() { | 80 | created () { |
84 | this.loadData(); | 81 | this.loadData(); |
85 | }, | 82 | }, |
86 | methods: { | 83 | methods: { |
87 | loadData() { | 84 | loadData () { |
88 | if (this.$parent.addRepairRecord) { | 85 | if (this.$parent.addRepairRecord) { |
89 | this.columns.unshift({ prop: "cz", label: "操作" }); | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
90 | } | 87 | } |
... | @@ -107,7 +104,7 @@ export default { | ... | @@ -107,7 +104,7 @@ export default { |
107 | } | 104 | } |
108 | }); | 105 | }); |
109 | }, | 106 | }, |
110 | checkChange() { | 107 | checkChange () { |
111 | if (this.checkList.length === 0) { | 108 | if (this.checkList.length === 0) { |
112 | this.tableData = []; | 109 | this.tableData = []; |
113 | this.emptycolNum = datas.columns().emptycolNum; | 110 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -115,7 +112,7 @@ export default { | ... | @@ -115,7 +112,7 @@ export default { |
115 | this.loadData(); | 112 | this.loadData(); |
116 | } | 113 | } |
117 | }, | 114 | }, |
118 | getQsztName(code) { | 115 | getQsztName (code) { |
119 | let name = ""; | 116 | let name = ""; |
120 | for (let item of this.qsztList) { | 117 | for (let item of this.qsztList) { |
121 | if (item.value == code) { | 118 | if (item.value == code) { |
... | @@ -126,7 +123,7 @@ export default { | ... | @@ -126,7 +123,7 @@ export default { |
126 | return name; | 123 | return name; |
127 | }, | 124 | }, |
128 | // 新增一条补录信息 | 125 | // 新增一条补录信息 |
129 | editDialog(row, del) { | 126 | editDialog (row, del) { |
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
131 | confirmButtonText: "确定", | 128 | confirmButtonText: "确定", |
132 | cancelButtonText: "取消", | 129 | cancelButtonText: "取消", |
... | @@ -143,9 +140,9 @@ export default { | ... | @@ -143,9 +140,9 @@ export default { |
143 | }); | 140 | }); |
144 | }, | 141 | }, |
145 | }, | 142 | }, |
146 | }; | 143 | }; |
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> | ... | ... |
... | @@ -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,9 +104,10 @@ | ... | @@ -100,9 +104,10 @@ |
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", |
110 | label: "操作" | ||
106 | }) | 111 | }) |
107 | } | 112 | } |
108 | getNydsyqList({ | 113 | getNydsyqList({ |
... | @@ -143,13 +148,13 @@ | ... | @@ -143,13 +148,13 @@ |
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', | ... | ... |
... | @@ -415,6 +415,19 @@ class data extends filter { | ... | @@ -415,6 +415,19 @@ class data extends filter { |
415 | { | 415 | { |
416 | prop: "dybdclx", | 416 | prop: "dybdclx", |
417 | label: "抵押不动产类型", | 417 | label: "抵押不动产类型", |
418 | render: (h, scope) => { | ||
419 | return ( | ||
420 | <div> | ||
421 | <span v-show={scope.row.dybdclx == '1'}>土地</span> | ||
422 | <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span> | ||
423 | <span v-show={scope.row.dybdclx == '3'}>林地和林木</span> | ||
424 | <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span> | ||
425 | <span v-show={scope.row.dybdclx == '5'}>海域</span> | ||
426 | <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span> | ||
427 | <span v-show={scope.row.dybdclx == '7'}>其它</span> | ||
428 | </div> | ||
429 | ) | ||
430 | } | ||
418 | }, | 431 | }, |
419 | { | 432 | { |
420 | prop: "djlxmc", | 433 | prop: "djlxmc", |
... | @@ -441,16 +454,8 @@ class data extends filter { | ... | @@ -441,16 +454,8 @@ class data extends filter { |
441 | label: "在建建筑物坐落", | 454 | label: "在建建筑物坐落", |
442 | }, | 455 | }, |
443 | { | 456 | { |
444 | prop: "dyfs", | 457 | prop: "dyfsmc", |
445 | label: "抵押方式", | 458 | label: "抵押方式", |
446 | render: (h, scope) => { | ||
447 | return ( | ||
448 | <div> | ||
449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> | ||
450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> | ||
451 | </div> | ||
452 | ) | ||
453 | } | ||
454 | }, | 459 | }, |
455 | { | 460 | { |
456 | prop: "qlrmc", | 461 | prop: "qlrmc", | ... | ... |
... | @@ -19,6 +19,7 @@ | ... | @@ -19,6 +19,7 @@ |
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> |
... | @@ -27,6 +28,9 @@ | ... | @@ -27,6 +28,9 @@ |
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,9 +46,10 @@ | ... | @@ -42,9 +46,10 @@ |
42 | </template> | 46 | </template> |
43 | 47 | ||
44 | <script> | 48 | <script> |
45 | import { getYgdjList } from "@/api/registerBook.js"; | 49 | import { datas } from "./qlxxFormData.js"; |
46 | import { datas } from "./qlxxFormData.js"; | 50 | import { getYgdjList } from "@/api/registerBook.js"; |
47 | export default { | 51 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
52 | export default { | ||
48 | data () { | 53 | data () { |
49 | return { | 54 | return { |
50 | title: "预告登记信息", | 55 | title: "预告登记信息", |
... | @@ -66,9 +71,10 @@ export default { | ... | @@ -66,9 +71,10 @@ export default { |
66 | methods: { | 71 | methods: { |
67 | loadData () { | 72 | loadData () { |
68 | // 判断是否在登记簿补录调的子页面 | 73 | // 判断是否在登记簿补录调的子页面 |
69 | if(this.$parent.addRepairRecord){ | 74 | if (this.$parent.addRepairRecord) { |
70 | this.columns.unshift({prop:"cz", | 75 | this.columns.unshift({ |
71 | label:"操作" | 76 | prop: "cz", |
77 | label: "操作" | ||
72 | }) | 78 | }) |
73 | } | 79 | } |
74 | getYgdjList({ | 80 | getYgdjList({ |
... | @@ -78,6 +84,10 @@ export default { | ... | @@ -78,6 +84,10 @@ export default { |
78 | }).then((res) => { | 84 | }).then((res) => { |
79 | if (res.code === 200) { | 85 | if (res.code === 200) { |
80 | this.tableData = res.result; | 86 | this.tableData = res.result; |
87 | this.tableData.forEach((item) => { | ||
88 | item.sjlx = getSjlx(item.sjlx); | ||
89 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
90 | }); | ||
81 | if (this.tableData.length < datas.columns().emptycolNum) { | 91 | if (this.tableData.length < datas.columns().emptycolNum) { |
82 | this.emptycolNum = | 92 | this.emptycolNum = |
83 | datas.columns().emptycolNum - this.tableData.length; | 93 | datas.columns().emptycolNum - this.tableData.length; |
... | @@ -106,13 +116,13 @@ export default { | ... | @@ -106,13 +116,13 @@ export default { |
106 | return name; | 116 | return name; |
107 | }, | 117 | }, |
108 | // 新增一条补录信息 | 118 | // 新增一条补录信息 |
109 | editDialog(row,del){ | 119 | editDialog (row, del) { |
110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 120 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
111 | confirmButtonText: '确定', | 121 | confirmButtonText: '确定', |
112 | cancelButtonText: '取消', | 122 | cancelButtonText: '取消', |
113 | type: 'warning' | 123 | type: 'warning' |
114 | }).then(() => { | 124 | }).then(() => { |
115 | this.$parent.addRepairRecord(row,del) | 125 | this.$parent.addRepairRecord(row, del) |
116 | 126 | ||
117 | this.$message({ | 127 | this.$message({ |
118 | type: 'success', | 128 | type: 'success', |
... | @@ -127,9 +137,9 @@ export default { | ... | @@ -127,9 +137,9 @@ export default { |
127 | 137 | ||
128 | }, | 138 | }, |
129 | }, | 139 | }, |
130 | }; | 140 | }; |
131 | </script> | 141 | </script> |
132 | 142 | ||
133 | <style lang="scss" scoped> | 143 | <style lang="scss" scoped> |
134 | @import "./qlxxCommon.scss"; | 144 | @import "./qlxxCommon.scss"; |
135 | </style> | 145 | </style> | ... | ... |
... | @@ -19,6 +19,7 @@ | ... | @@ -19,6 +19,7 @@ |
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> |
... | @@ -27,6 +28,9 @@ | ... | @@ -27,6 +28,9 @@ |
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,9 +46,10 @@ | ... | @@ -42,9 +46,10 @@ |
42 | </template> | 46 | </template> |
43 | 47 | ||
44 | <script> | 48 | <script> |
45 | import { getYydjList } from "@/api/registerBook.js"; | 49 | import { datas } from "./qlxxFormData.js"; |
46 | import { datas } from "./qlxxFormData.js"; | 50 | import { getYydjList } from "@/api/registerBook.js"; |
47 | export default { | 51 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
52 | export default { | ||
48 | data () { | 53 | data () { |
49 | return { | 54 | return { |
50 | title: "异议登记信息", | 55 | title: "异议登记信息", |
... | @@ -65,9 +70,10 @@ export default { | ... | @@ -65,9 +70,10 @@ export default { |
65 | }, | 70 | }, |
66 | methods: { | 71 | methods: { |
67 | loadData () { | 72 | loadData () { |
68 | if(this.$parent.addRepairRecord){ | 73 | if (this.$parent.addRepairRecord) { |
69 | this.columns.unshift({prop:"cz", | 74 | this.columns.unshift({ |
70 | label:"操作" | 75 | prop: "cz", |
76 | label: "操作" | ||
71 | }) | 77 | }) |
72 | } | 78 | } |
73 | getYydjList({ | 79 | getYydjList({ |
... | @@ -77,6 +83,10 @@ export default { | ... | @@ -77,6 +83,10 @@ export default { |
77 | }).then((res) => { | 83 | }).then((res) => { |
78 | if (res.code === 200) { | 84 | if (res.code === 200) { |
79 | this.tableData = res.result; | 85 | this.tableData = res.result; |
86 | this.tableData.forEach((item) => { | ||
87 | item.sjlx = getSjlx(item.sjlx); | ||
88 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
89 | }); | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | 90 | if (this.tableData.length < datas.columns().emptycolNum) { |
81 | this.emptycolNum = | 91 | this.emptycolNum = |
82 | datas.columns().emptycolNum - this.tableData.length; | 92 | datas.columns().emptycolNum - this.tableData.length; |
... | @@ -105,13 +115,13 @@ export default { | ... | @@ -105,13 +115,13 @@ export default { |
105 | return name; | 115 | return name; |
106 | }, | 116 | }, |
107 | // 新增一条补录信息 | 117 | // 新增一条补录信息 |
108 | editDialog(row,del){ | 118 | editDialog (row, del) { |
109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
110 | confirmButtonText: '确定', | 120 | confirmButtonText: '确定', |
111 | cancelButtonText: '取消', | 121 | cancelButtonText: '取消', |
112 | type: 'warning' | 122 | type: 'warning' |
113 | }).then(() => { | 123 | }).then(() => { |
114 | this.$parent.addRepairRecord(row,del) | 124 | this.$parent.addRepairRecord(row, del) |
115 | 125 | ||
116 | this.$message({ | 126 | this.$message({ |
117 | type: 'success', | 127 | type: 'success', |
... | @@ -126,9 +136,9 @@ export default { | ... | @@ -126,9 +136,9 @@ export default { |
126 | 136 | ||
127 | }, | 137 | }, |
128 | }, | 138 | }, |
129 | }; | 139 | }; |
130 | </script> | 140 | </script> |
131 | 141 | ||
132 | <style lang="scss" scoped> | 142 | <style lang="scss" scoped> |
133 | @import "./qlxxCommon.scss"; | 143 | @import "./qlxxCommon.scss"; |
134 | </style> | 144 | </style> | ... | ... |
... | @@ -107,25 +107,29 @@ | ... | @@ -107,25 +107,29 @@ |
107 | <el-button @click="closeDialog">关闭</el-button> | 107 | <el-button @click="closeDialog">关闭</el-button> |
108 | </div> | 108 | </div> |
109 | <!-- 打印模板需要此模块 --> | 109 | <!-- 打印模板需要此模块 --> |
110 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 110 | <!-- <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> |
111 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 111 | <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" /> |
112 | </object> | 112 | </object> --> |
113 | <printView ref="printContent" :form="form" v-show="false" /> | ||
113 | </div> | 114 | </div> |
114 | </template> | 115 | </template> |
115 | <script> | 116 | <script> |
116 | import store from '@/store/index.js' | 117 | import store from '@/store/index.js' |
117 | import { datas } from "./addjtfcdata"; | 118 | import { datas } from "./addjtfcdata"; |
118 | import { getLodop } from "@/utils/LodopFuncs" | 119 | import { getLodop } from "@/utils/LodopFuncs" |
120 | import printView from "./printView.vue"; | ||
119 | import { getIdCardInfo } from '@/utils/operation.js' | 121 | import { getIdCardInfo } from '@/utils/operation.js' |
120 | import { getPrintTemplateByCode } from "@/api/system"; | 122 | import { getPrintTemplateByCode } from "@/api/system"; |
121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; | 123 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; |
122 | import { log } from 'bpmn-js-token-simulation'; | ||
123 | export default { | 124 | export default { |
125 | components: { | ||
126 | printView | ||
127 | }, | ||
124 | props: { | 128 | props: { |
125 | formData: { | 129 | formData: { |
126 | type: Object, | 130 | type: Object, |
127 | default: () => { }, | 131 | default: () => { } |
128 | }, | 132 | } |
129 | }, | 133 | }, |
130 | data () { | 134 | data () { |
131 | return { | 135 | return { |
... | @@ -340,6 +344,7 @@ | ... | @@ -340,6 +344,7 @@ |
340 | this.$endLoading(); | 344 | this.$endLoading(); |
341 | if (res.code == 200) { | 345 | if (res.code == 200) { |
342 | this.form = res.result; | 346 | this.form = res.result; |
347 | console.log(this.form, 'form'); | ||
343 | this.isSearch = true; | 348 | this.isSearch = true; |
344 | } | 349 | } |
345 | }); | 350 | }); |
... | @@ -428,16 +433,15 @@ | ... | @@ -428,16 +433,15 @@ |
428 | }, | 433 | }, |
429 | //打开打印预览 | 434 | //打开打印预览 |
430 | openPrintPrew () { | 435 | openPrintPrew () { |
431 | //根据编号获取对应信息 | 436 | let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
432 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | 437 | // 获取页面的HTML内容 |
433 | if (res.code == 200) { | 438 | const pageHtml = this.$refs.printContent.$el.innerHTML; |
434 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 439 | lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml); |
435 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 440 | lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应 |
436 | LODOP.PREVIEW(); | 441 | lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例 |
442 | lodop.PREVIEW(); | ||
437 | } | 443 | } |
438 | }) | ||
439 | } | 444 | } |
440 | }, | ||
441 | }; | 445 | }; |
442 | </script> | 446 | </script> |
443 | <style scoped lang="scss"> | 447 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/jtfc/components/printView.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 不动产查询证明打印模板 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-03 10:44:15 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="printView" style="width:100%;padding:20px"> | ||
8 | <h1 style="color: red; | ||
9 | text-align: center; | ||
10 | font-size: 38px;">城固县不动产登记交易服务中心</h1> | ||
11 | <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px; | ||
12 | margin-bottom: 10px;"></p> | ||
13 | <h2 style="font-size: 36px; | ||
14 | text-align: center;">不动产登记信息查询证明</h2> | ||
15 | <h5 style=" text-align: center; | ||
16 | margin-top: 20px; | ||
17 | font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5> | ||
18 | <p v-if="form.cxjgList.length>0" style="text-indent: 2em; | ||
19 | margin-top: 15px; | ||
20 | line-height: 24px; | ||
21 | font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 | ||
22 | 有关规定,经线上查询不动产登记信息系统,权利人: {{form.cxjgList[0].qlrmc}} | ||
23 | ,证件号:{{form.cxjgList[0].zjhm}},截止{{newDatez}} | ||
24 | ,名下不动产登记信息查询结果如下:</p> | ||
25 | <table style=" border-collapse: collapse; | ||
26 | width: 100%; | ||
27 | margin-top: 20px;margin-left:20px"> | ||
28 | <thead> | ||
29 | <tr> | ||
30 | <th style="background-color: #f2f2f2; | ||
31 | text-align: center;height:36px">权利人</th> | ||
32 | <th style="background-color: #f2f2f2; | ||
33 | text-align: center;height:36px">证号</th> | ||
34 | <th style="background-color: #f2f2f2; | ||
35 | text-align: center;height:36px">坐落</th> | ||
36 | <th style="background-color: #f2f2f2; | ||
37 | text-align: center;height:36px">面积</th> | ||
38 | <th style="background-color: #f2f2f2; | ||
39 | text-align: center;height:36px">共有人</th> | ||
40 | <th style="background-color: #f2f2f2; | ||
41 | text-align: center;height:36px">状态</th> | ||
42 | </tr> | ||
43 | </thead> | ||
44 | <tbody> | ||
45 | <tr v-for="(item,index) in form.cxjgList" :key="index"> | ||
46 | <td style="border: 1px solid #ccc; | ||
47 | text-align: center; | ||
48 | padding: 8px; | ||
49 | text-align: left;">{{ item.qlrmc }}</td> | ||
50 | <td style="border: 1px solid #ccc; | ||
51 | text-align: center; | ||
52 | padding: 8px; | ||
53 | text-align: left;">{{ item.zjhm }}</td> | ||
54 | <td style="border: 1px solid #ccc; | ||
55 | text-align: center; | ||
56 | padding: 8px; | ||
57 | text-align: left;">{{ item.fdzl }}</td> | ||
58 | <td style="border: 1px solid #ccc; | ||
59 | text-align: center; | ||
60 | padding: 8px; | ||
61 | text-align: left;">{{ item.fwmj }}</td> | ||
62 | <td style="border: 1px solid #ccc; | ||
63 | text-align: center; | ||
64 | padding: 8px; | ||
65 | text-align: left;">{{ item.gyr }}</td> | ||
66 | <td style="border: 1px solid #ccc; | ||
67 | text-align: center; | ||
68 | padding: 8px; | ||
69 | text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td> | ||
70 | <td style="border: 1px solid #ccc; | ||
71 | text-align: center; | ||
72 | padding: 8px; | ||
73 | text-align: left;" v-if="item.dyzt != '0'">抵押</td> | ||
74 | <td style="border: 1px solid #ccc; | ||
75 | text-align: center; | ||
76 | padding: 8px; | ||
77 | text-align: left;" v-if="item.cfzt != '0'">查封</td> | ||
78 | </tr> | ||
79 | </tbody> | ||
80 | </table> | ||
81 | <h6 style="font-size: 28px; | ||
82 | margin-top: 20px; | ||
83 | font-weight: 100;">特此证明。</h6> | ||
84 | <div> | ||
85 | <img :src="qrcodeImage" alt="QR Code"> | ||
86 | </div> | ||
87 | <ul style="text-align: right; | ||
88 | line-height: 36px; | ||
89 | font-size: 18px;"> | ||
90 | <li style="list-style: none;">城固县不动产登记交易服务中心</li> | ||
91 | <li style="list-style: none;">{{newDate}}</li> | ||
92 | </ul> | ||
93 | <ol style="margin-left: 20px; | ||
94 | line-height: 36px;"> | ||
95 | <p>说明:</p> | ||
96 | <li>该查询结果仅显示权利人在当前查询时间点不动产(房产)登记有关情况(“/”表示未查询到不动产登记信息);</li> | ||
97 | <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息;</li> | ||
98 | <li>本次查询由系统终端自动检索,因数据采集处理误差而造成查询结果于实际登记信息不相符的,以我中心登记簿记载信息为准;</li> | ||
99 | <li>查询人应当妥善保管不动产登记查询结果,因操作不当,导致查询结果泄露,有关责任概由查询人承担。</li> | ||
100 | </ol> | ||
101 | </div> | ||
102 | </template> | ||
103 | <script> | ||
104 | import QRCode from 'qrcode'; | ||
105 | import { getNewDate } from '@/utils/util' | ||
106 | export default { | ||
107 | props: { | ||
108 | form: { | ||
109 | type: Object, | ||
110 | default: () => ({}) | ||
111 | } | ||
112 | }, | ||
113 | data () { | ||
114 | return { | ||
115 | qrcodeImage: '', | ||
116 | newDate: getNewDate(), | ||
117 | newDatez: getNewDate(2) | ||
118 | } | ||
119 | }, | ||
120 | watch: { | ||
121 | "form.djSqcxDO.cxbh": { | ||
122 | handler: function (val) { | ||
123 | if (val) { | ||
124 | QRCode.toDataURL(val) | ||
125 | .then(url => { | ||
126 | this.qrcodeImage = url | ||
127 | }) | ||
128 | .catch(error => { | ||
129 | console.error(error); | ||
130 | }) | ||
131 | } | ||
132 | }, | ||
133 | immediate: true | ||
134 | } | ||
135 | } | ||
136 | } | ||
137 | </script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-28 14:45:20 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 家庭房产 --> | 8 | <!-- 家庭房产 --> |
... | @@ -41,10 +46,10 @@ | ... | @@ -41,10 +46,10 @@ |
41 | </div> | 46 | </div> |
42 | </template> | 47 | </template> |
43 | <script> | 48 | <script> |
44 | import table from "@/utils/mixin/table"; | 49 | import table from "@/utils/mixin/table"; |
45 | import { datas, sendThis } from "./jtfcdata"; | 50 | import { datas, sendThis } from "./jtfcdata"; |
46 | import { getSqcxPage } from "@/api/sqcx"; | 51 | import { getSqcxPage } from "@/api/sqcx"; |
47 | export default { | 52 | export default { |
48 | name: "jtfc", | 53 | name: "jtfc", |
49 | mixins: [table], | 54 | mixins: [table], |
50 | mounted () { | 55 | mounted () { |
... | @@ -92,8 +97,8 @@ export default { | ... | @@ -92,8 +97,8 @@ export default { |
92 | }) | 97 | }) |
93 | } | 98 | } |
94 | } | 99 | } |
95 | } | 100 | } |
96 | </script> | 101 | </script> |
97 | <style scoped lang="scss"> | 102 | <style scoped lang="scss"> |
98 | @import "~@/styles/public.scss"; | 103 | @import "~@/styles/public.scss"; |
99 | </style> | 104 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-26 16:05:28 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class='batchDel'> | ||
8 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ||
9 | @selection-change="handleSelectionChange"> | ||
10 | </lb-table> | ||
11 | <div class="text-center"> | ||
12 | <el-button @click="$popupCacel">取消</el-button> | ||
13 | <el-button type="primary" @click="submitdelclick" plain>确定</el-button> | ||
14 | </div> | ||
15 | </div> | ||
16 | </template> | ||
17 | <script> | ||
18 | import { deleteFlow } from "@/api/ywbl.js" | ||
19 | import store from '@/store/index.js' | ||
20 | export default { | ||
21 | components: {}, | ||
22 | props: { | ||
23 | formData: { | ||
24 | type: Object, | ||
25 | default: {} | ||
26 | } | ||
27 | }, | ||
28 | data () { | ||
29 | return { | ||
30 | columns: [ | ||
31 | { | ||
32 | type: 'selection', | ||
33 | label: '全选' | ||
34 | }, | ||
35 | { | ||
36 | label: '序号', | ||
37 | type: 'index', | ||
38 | width: '50', | ||
39 | }, | ||
40 | { | ||
41 | prop: "bdcdyh", | ||
42 | label: "不动产单元号", | ||
43 | }, | ||
44 | { | ||
45 | prop: "zl", | ||
46 | label: "坐落", | ||
47 | }, | ||
48 | ], | ||
49 | dataList: [], | ||
50 | selectBdcdy: [], | ||
51 | } | ||
52 | }, | ||
53 | methods: { | ||
54 | // 批量删除确定按钮 | ||
55 | submitdelclick () { | ||
56 | var formdata = new FormData(); | ||
57 | formdata.append("bsmSldyList", this.selectBdcdy); | ||
58 | formdata.append("bsmSlsq", this.formData.bsmSlsq); | ||
59 | deleteFlow(formdata).then(res => { | ||
60 | if (res.code == 200) { | ||
61 | this.$popupCacel(); | ||
62 | store.dispatch('user/refreshPage', true); | ||
63 | this.$message.success("删除成功"); | ||
64 | } else { | ||
65 | this.$message.error(res.message) | ||
66 | } | ||
67 | }) | ||
68 | }, | ||
69 | // 批量删除勾选事件 | ||
70 | handleSelectionChange (e) { | ||
71 | this.selectBdcdy = []; | ||
72 | e.forEach((item, index) => { | ||
73 | this.selectBdcdy.push(item.bsmSldy) | ||
74 | }) | ||
75 | } | ||
76 | } | ||
77 | } | ||
78 | </script> | ||
79 | <style scoped lang='scss'> | ||
80 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 10:33:16 | 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;"> |
8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> | 9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> |
10 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx" | 10 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" |
11 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> | 11 | v-for="(item, index) in headTabBdcqz" :key="index"> |
12 | </el-tab-pane> | ||
12 | </el-tabs> | 13 | </el-tabs> |
13 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
14 | <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> |
15 | <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> |
16 | </div> | 17 | </div> |
17 | </template> | 18 | </template> |
18 | 19 | ||
... | @@ -49,13 +50,14 @@ | ... | @@ -49,13 +50,14 @@ |
49 | ruleForm: { | 50 | ruleForm: { |
50 | bsmBdcqz: '', | 51 | bsmBdcqz: '', |
51 | szmc: '不动产权证书', | 52 | szmc: '不动产权证书', |
52 | bdcqzlx: '', | 53 | bsmBdcqz: '', |
53 | szzh: '', | 54 | szzh: '', |
54 | ysxlh: '', | 55 | ysxlh: '', |
55 | }, | 56 | }, |
56 | } | 57 | } |
57 | }, | 58 | }, |
58 | mounted () { | 59 | mounted () { |
60 | debugger | ||
59 | this.columns = datas.columns(); | 61 | this.columns = datas.columns(); |
60 | if (this.formData.bdcqz) { | 62 | if (this.formData.bdcqz) { |
61 | //从缮证进入 | 63 | //从缮证进入 |
... | @@ -77,10 +79,10 @@ | ... | @@ -77,10 +79,10 @@ |
77 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | 79 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { |
78 | if (res.code == 200) { | 80 | if (res.code == 200) { |
79 | if (res.result && res.result.length > 0) { | 81 | if (res.result && res.result.length > 0) { |
80 | this.activeName = res.result[0].bdcqzlx | 82 | this.activeName = res.result[0].bsmBdcqz |
81 | this.bdcqz = res.result[0] | 83 | this.bdcqz = res.result[0] |
82 | this.headTabBdcqz = res.result | 84 | this.headTabBdcqz = res.result |
83 | if (this.activeName == 1) { | 85 | if (res.result[0].bdcqzlx == 1) { |
84 | this.drawTextOnImage() | 86 | this.drawTextOnImage() |
85 | } else { | 87 | } else { |
86 | this.drawTextzmImage() | 88 | this.drawTextzmImage() |
... | @@ -93,7 +95,7 @@ | ... | @@ -93,7 +95,7 @@ |
93 | //tab表头切换方法 | 95 | //tab表头切换方法 |
94 | handleClick (e) { | 96 | handleClick (e) { |
95 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 97 | this.bdcqz = this.headTabBdcqz[e.index - 0] |
96 | this.activeName = this.headTabBdcqz.bdcqzlx | 98 | this.activeName = this.headTabBdcqz.bsmBdcqz |
97 | if (this.activeName == '1') { | 99 | if (this.activeName == '1') { |
98 | this.drawTextOnImage() | 100 | this.drawTextOnImage() |
99 | } else { | 101 | } else { |
... | @@ -157,6 +159,15 @@ | ... | @@ -157,6 +159,15 @@ |
157 | context.drawImage(image, 0, 0); | 159 | context.drawImage(image, 0, 0); |
158 | context.font = '18px 楷体'; | 160 | context.font = '18px 楷体'; |
159 | 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 | } | ||
160 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 171 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
161 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 172 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
162 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 173 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
... | @@ -191,7 +202,7 @@ | ... | @@ -191,7 +202,7 @@ |
191 | }); | 202 | }); |
192 | }); | 203 | }); |
193 | // fj | 204 | // fj |
194 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | 205 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600); |
195 | }; | 206 | }; |
196 | 207 | ||
197 | image.src = this.bdczmSrc; | 208 | image.src = this.bdczmSrc; | ... | ... |
... | @@ -107,18 +107,20 @@ export default { | ... | @@ -107,18 +107,20 @@ export default { |
107 | switch (qllx) { | 107 | switch (qllx) { |
108 | case 'A04': | 108 | case 'A04': |
109 | this.showBatch = true; | 109 | this.showBatch = true; |
110 | this.batchButtonName = '批量单元信息'; | 110 | this.batchButtonName = '房屋批量操作'; |
111 | break; | 111 | break; |
112 | case 'B39': | 112 | case 'B39': |
113 | this.showBatch = true; | 113 | this.showBatch = true; |
114 | this.batchButtonName = '批量查封清单信息'; | 114 | this.batchButtonName = '查封批量操作'; |
115 | break; | 115 | break; |
116 | case 'A37': | 116 | case 'A37': |
117 | this.showBatch = true; | 117 | this.showBatch = true; |
118 | this.batchButtonName = '批量抵押'; | 118 | this.batchButtonName = '抵押批量操作'; |
119 | break; | ||
120 | case 'B37': | ||
121 | this.showBatch = true; | ||
122 | this.batchButtonName = '在建工程抵押批量操作'; | ||
119 | break; | 123 | break; |
120 | default: | ||
121 | this.batchButtonName = '批量操作'; | ||
122 | } | 124 | } |
123 | } | 125 | } |
124 | }, | 126 | }, | ... | ... |
... | @@ -59,16 +59,17 @@ | ... | @@ -59,16 +59,17 @@ |
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" :formatter="formatDate" width="160" align="center" /> |
69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" /> |
70 | <el-table-column label="操作方式" align="center"> | 70 | <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" /> |
71 | </el-table-column> | 71 | <el-table-column label="操作方式" prop="controls" align="center"/> |
72 | <el-table-column label="意见" prop="idea" align="center"/> | ||
72 | </el-table> | 73 | </el-table> |
73 | </div> | 74 | </div> |
74 | </div> | 75 | </div> |
... | @@ -118,6 +119,14 @@ | ... | @@ -118,6 +119,14 @@ |
118 | this.clearViewer() | 119 | this.clearViewer() |
119 | }, | 120 | }, |
120 | methods: { | 121 | methods: { |
122 | formatDate(row, column) { | ||
123 | let data = row[column.property] | ||
124 | if(data == null) { | ||
125 | return null | ||
126 | } | ||
127 | let dt = new Date(data) | ||
128 | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds() | ||
129 | }, | ||
121 | processReZoom () { | 130 | processReZoom () { |
122 | this.defaultZoom = 1 | 131 | this.defaultZoom = 1 |
123 | this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') | 132 | this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') |
... | @@ -237,13 +246,32 @@ | ... | @@ -237,13 +246,32 @@ |
237 | // 获取流程记录 | 246 | // 获取流程记录 |
238 | getCommentList() { | 247 | getCommentList() { |
239 | this.formData.allCommentList.forEach(async (item,index) => { | 248 | this.formData.allCommentList.forEach(async (item,index) => { |
249 | item.comments.forEach(element => { | ||
250 | if(element.type=="COMPLETE"){ | ||
251 | this.formData.allCommentList[index].idea=element.message | ||
252 | this.formData.allCommentList[index].controls="完成" | ||
253 | } | ||
254 | }); | ||
240 | this.formData.allCommentList[index].agent=item.assignee.name | 255 | this.formData.allCommentList[index].agent=item.assignee.name |
241 | }) | 256 | }) |
242 | setTimeout(() => { | 257 | this.formData.handlinglist.forEach(async (item,index) => { |
243 | this.taskList =this.formData.allCommentList; | 258 | if(item.assignee.name){ |
259 | this.formData.handlinglist[index].agent=item.assignee.name | ||
260 | }else{ | ||
261 | let str="" | ||
262 | item.countersign.forEach((item) => { | ||
263 | str+=item.name+"," | ||
264 | }) | ||
265 | str=str.slice(0, -1); | ||
266 | this.formData.allCommentList[index].agent=str | ||
267 | } | ||
268 | |||
269 | }) | ||
270 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
271 | // this.taskList =this.formData.allCommentList; | ||
244 | // 处理数据之后赋值 | 272 | // 处理数据之后赋值 |
245 | this.taskCommentList=this.taskList | 273 | this.taskCommentList=this.taskList |
246 | }, 100) | 274 | |
247 | }, | 275 | }, |
248 | 276 | ||
249 | // 设置流程图元素状态 | 277 | // 设置流程图元素状态 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 权利人列表 | 2 | * @Description: |
3 | * @Autor: miaofang | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-14 10:40:48 | 4 | * @LastEditTime: 2023-05-17 10:40:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
... | @@ -49,29 +49,33 @@ | ... | @@ -49,29 +49,33 @@ |
49 | ) | 49 | ) |
50 | } | 50 | } |
51 | }, | 51 | }, |
52 | // { | ||
53 | // prop: "bdcdyh", | ||
54 | // label: "不动产单元号" | ||
55 | // }, | ||
52 | { | 56 | { |
53 | prop: "qllxmc", | 57 | prop: "zl", |
54 | label: "权利类型" | 58 | label: "坐落" |
55 | }, | 59 | }, |
56 | { | 60 | { |
57 | prop: "bdcqzh", | 61 | prop: "shbw", |
58 | label: "不动产权证号" | 62 | label: "室号部位" |
59 | }, | 63 | }, |
60 | { | 64 | { |
61 | prop: "qlrmc", | 65 | prop: "fwxzmc", |
62 | label: "权利人" | 66 | label: "房屋性质" |
63 | }, | 67 | }, |
64 | { | 68 | { |
65 | prop: "ytmc", | 69 | prop: "jzmj", |
66 | label: "用途" | 70 | label: "建筑面积" |
67 | }, | 71 | }, |
68 | { | 72 | { |
69 | prop: "mj", | 73 | prop: "showfwyt", |
70 | label: "面积" | 74 | label: "房屋用途" |
71 | }, | 75 | }, |
72 | { | 76 | { |
73 | prop: "zl", | 77 | prop: "showfwjg", |
74 | label: "坐落" | 78 | label: "房屋结构" |
75 | }, | 79 | }, |
76 | ], | 80 | ], |
77 | column: this.qlrCommonTable | 81 | column: this.qlrCommonTable |
... | @@ -80,14 +84,8 @@ | ... | @@ -80,14 +84,8 @@ |
80 | watch: { | 84 | watch: { |
81 | tableData: { | 85 | tableData: { |
82 | handler: function (val, oldVal) { | 86 | handler: function (val, oldVal) { |
83 | let that = this | 87 | let that = this; |
84 | if (val.length == 0 || !val) { | 88 | if (val.length == 0 || !val) { |
85 | that.tableDataList = _.cloneDeep([{ | ||
86 | sqrmc: '', | ||
87 | dlrzjlx: '', | ||
88 | dlrzjh: '', | ||
89 | fr: '' | ||
90 | }]) | ||
91 | } else { | 89 | } else { |
92 | that.tableDataList = _.cloneDeep(val) | 90 | that.tableDataList = _.cloneDeep(val) |
93 | } | 91 | } | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | * @LastEditTime: 2023-06-19 13:16:53 | 4 | * @LastEditTime: 2023-06-19 13:16:53 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | export function getForm (tabName, djywbm) { | 7 | export function getForm(tabName, djywbm) { |
8 | let form; | 8 | let form; |
9 | switch (tabName) { | 9 | switch (tabName) { |
10 | case "tdsyqslxx": | 10 | case "tdsyqslxx": |
... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { | ... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { |
31 | case "nydsyqslxx100": | 31 | case "nydsyqslxx100": |
32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | 32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); |
33 | break; | 33 | break; |
34 | |||
35 | case "nydsyqslxx200": | 34 | case "nydsyqslxx200": |
36 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); | 35 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); |
37 | break; | 36 | break; |
... | @@ -66,6 +65,9 @@ export function getForm (tabName, djywbm) { | ... | @@ -66,6 +65,9 @@ export function getForm (tabName, djywbm) { |
66 | case "zjgcdyqSlxx": | 65 | case "zjgcdyqSlxx": |
67 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | 66 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); |
68 | break; | 67 | break; |
68 | case "batchZjgcdyq": | ||
69 | form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); | ||
70 | break; | ||
69 | case "cfdjxx": | 71 | case "cfdjxx": |
70 | form = require("@/views/registerBook/cfdj.vue"); | 72 | form = require("@/views/registerBook/cfdj.vue"); |
71 | break; | 73 | break; | ... | ... |
... | @@ -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 | }) | ... | ... |
... | @@ -86,64 +86,64 @@ | ... | @@ -86,64 +86,64 @@ |
86 | <el-row :gutter="10"> | 86 | <el-row :gutter="10"> |
87 | <el-col :span="8"> | 87 | <el-col :span="8"> |
88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> | 88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> |
89 | <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> | 89 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> |
90 | </el-form-item> | 90 | </el-form-item> |
91 | </el-col> | 91 | </el-col> |
92 | 92 | ||
93 | <el-col :span="8"> | 93 | <el-col :span="8"> |
94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> | 94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> |
95 | <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | 95 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> |
96 | </el-form-item> | 96 | </el-form-item> |
97 | </el-col> | 97 | </el-col> |
98 | <el-col :span="8"> | 98 | <el-col :span="8"> |
99 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况:"> | 99 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况:"> |
100 | <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input> | 100 | <el-input disabled v-model="ruleForm.ztQlxx.gyqk"></el-input> |
101 | </el-form-item> | 101 | </el-form-item> |
102 | </el-col> | 102 | </el-col> |
103 | </el-row> | 103 | </el-row> |
104 | <el-row :gutter="10"> | 104 | <el-row :gutter="10"> |
105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人:" prop="qlxx.qlrmc"> | 106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人:" prop="qlxx.qlrmc"> |
107 | <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> | 107 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> |
108 | </el-form-item> | 108 | </el-form-item> |
109 | </el-col> | 109 | </el-col> |
110 | <el-col :span="8"> | 110 | <el-col :span="8"> |
111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:"> | 111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:"> |
112 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> | 112 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input> |
113 | </el-form-item> | 113 | </el-form-item> |
114 | </el-col> | 114 | </el-col> |
115 | <el-col :span="8"> | 115 | <el-col :span="8"> |
116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:"> | 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:"> |
117 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> | 117 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input> |
118 | </el-form-item> | 118 | </el-form-item> |
119 | </el-col> | 119 | </el-col> |
120 | </el-row> | 120 | </el-row> |
121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
122 | <el-col :span="8"> | 122 | <el-col :span="8"> |
123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh"> | 123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh"> |
124 | <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> | 124 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | <el-col :span="16"> | 127 | <el-col :span="16"> |
128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> |
129 | <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> | 129 | <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input> |
130 | </el-form-item> | 130 | </el-form-item> |
131 | </el-col> | 131 | </el-col> |
132 | </el-row> | 132 | </el-row> |
133 | <el-row :gutter="10"> | 133 | <el-row :gutter="10"> |
134 | <el-col :span="8"> | 134 | <el-col :span="8"> |
135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:"> | 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:"> |
136 | <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input> | 136 | <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input> |
137 | </el-form-item> | 137 | </el-form-item> |
138 | </el-col> | 138 | </el-col> |
139 | <el-col :span="8"> | 139 | <el-col :span="8"> |
140 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:"> | 140 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:"> |
141 | <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> | 141 | <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> |
142 | </el-form-item> | 142 | </el-form-item> |
143 | </el-col> | 143 | </el-col> |
144 | <el-col :span="8"> | 144 | <el-col :span="8"> |
145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:"> | 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:"> |
146 | <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input> | 146 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
147 | </el-form-item> | 147 | </el-form-item> |
148 | </el-col> | 148 | </el-col> |
149 | </el-row> | 149 | </el-row> | ... | ... |
... | @@ -55,51 +55,51 @@ | ... | @@ -55,51 +55,51 @@ |
55 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
56 | <el-col :span="8"> | 56 | <el-col :span="8"> |
57 | <el-form-item label="权利人:"> | 57 | <el-form-item label="权利人:"> |
58 | <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> | 58 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> |
59 | </el-form-item> | 59 | </el-form-item> |
60 | </el-col> | 60 | </el-col> |
61 | <el-col :span="8"> | 61 | <el-col :span="8"> |
62 | <el-form-item label="证件号:"> | 62 | <el-form-item label="证件种类:"> |
63 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> | 63 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input> |
64 | </el-form-item> | 64 | </el-form-item> |
65 | </el-col> | 65 | </el-col> |
66 | <el-col :span="8"> | 66 | <el-col :span="8"> |
67 | <el-form-item label="证件种类:"> | 67 | <el-form-item label="证件号:"> |
68 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> | 68 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input> |
69 | </el-form-item> | 69 | </el-form-item> |
70 | </el-col> | 70 | </el-col> |
71 | </el-row> | 71 | </el-row> |
72 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
73 | <el-col :span="8"> | 73 | <el-col :span="8"> |
74 | <el-form-item label="权利类型:"> | 74 | <el-form-item label="权利类型:"> |
75 | <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> | 75 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> |
76 | </el-form-item> | 76 | </el-form-item> |
77 | </el-col> | 77 | </el-col> |
78 | <el-col :span="8"> | 78 | <el-col :span="8"> |
79 | <el-form-item label="不动产权证号:"> | 79 | <el-form-item label="不动产权证号:"> |
80 | <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | 80 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> |
81 | </el-form-item> | 81 | </el-form-item> |
82 | </el-col> | 82 | </el-col> |
83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
84 | <el-form-item label="坐落:"> | 84 | <el-form-item label="坐落:"> |
85 | <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> | 85 | <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input> |
86 | </el-form-item> | 86 | </el-form-item> |
87 | </el-col> | 87 | </el-col> |
88 | </el-row> | 88 | </el-row> |
89 | <el-row :gutter="10"> | 89 | <el-row :gutter="10"> |
90 | <el-col :span="8"> | 90 | <el-col :span="8"> |
91 | <el-form-item label="不动产单元号:"> | 91 | <el-form-item label="不动产单元号:"> |
92 | <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> | 92 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> |
93 | </el-form-item> | 93 | </el-form-item> |
94 | </el-col> | 94 | </el-col> |
95 | <el-col :span="8"> | 95 | <el-col :span="8"> |
96 | <el-form-item label="面积:"> | 96 | <el-form-item label="面积:"> |
97 | <el-input disabled v-model="ruleForm.ssQlxx.mj"></el-input> | 97 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> |
98 | </el-form-item> | 98 | </el-form-item> |
99 | </el-col> | 99 | </el-col> |
100 | <el-col :span="8"> | 100 | <el-col :span="8"> |
101 | <el-form-item label="用途:"> | 101 | <el-form-item label="用途:"> |
102 | <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> | 102 | <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> |
103 | </el-form-item> | 103 | </el-form-item> |
104 | </el-col> | 104 | </el-col> |
105 | </el-row> | 105 | </el-row> |
... | @@ -110,6 +110,12 @@ | ... | @@ -110,6 +110,12 @@ |
110 | </div> | 110 | </div> |
111 | 111 | ||
112 | <el-row :gutter="10"> | 112 | <el-row :gutter="10"> |
113 | <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'"> | ||
114 | <el-form-item label="原不动产登记证明号:"> | ||
115 | <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
116 | <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | ||
117 | </el-form-item> | ||
118 | </el-col> | ||
113 | <el-col :span="8"> | 119 | <el-col :span="8"> |
114 | <el-form-item label="抵押方式:"> | 120 | <el-form-item label="抵押方式:"> |
115 | <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> | 121 | <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> |
... | @@ -118,7 +124,7 @@ | ... | @@ -118,7 +124,7 @@ |
118 | </el-radio-group> | 124 | </el-radio-group> |
119 | </el-form-item> | 125 | </el-form-item> |
120 | </el-col> | 126 | </el-col> |
121 | <el-col :span="16"> | 127 | <el-col :span="8"> |
122 | <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px"> | 128 | <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px"> |
123 | <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz"> | 129 | <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz"> |
124 | <el-radio label="1">启用</el-radio> | 130 | <el-radio label="1">启用</el-radio> |
... | @@ -164,7 +170,7 @@ | ... | @@ -164,7 +170,7 @@ |
164 | <el-col :span="24"> | 170 | <el-col :span="24"> |
165 | <el-form-item label="担保范围:"> | 171 | <el-form-item label="担保范围:"> |
166 | <el-input v-model="ruleForm.diyaq.dbfw" | 172 | <el-input v-model="ruleForm.diyaq.dbfw" |
167 | :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> | 173 | :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input> |
168 | </el-form-item> | 174 | </el-form-item> |
169 | </el-col> | 175 | </el-col> |
170 | </el-row> | 176 | </el-row> |
... | @@ -230,7 +236,7 @@ | ... | @@ -230,7 +236,7 @@ |
230 | </div> | 236 | </div> |
231 | <el-row :gutter="10"> | 237 | <el-row :gutter="10"> |
232 | <el-col> | 238 | <el-col> |
233 | <el-form-item v-if="ruleForm.slsq.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 239 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
234 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 240 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" |
235 | v-model="ruleForm.diyaq.zxdyyy"> | 241 | v-model="ruleForm.diyaq.zxdyyy"> |
236 | </el-input> | 242 | </el-input> | ... | ... |
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> | ... | ... |
... | @@ -32,12 +32,12 @@ | ... | @@ -32,12 +32,12 @@ |
32 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 32 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
33 | <el-col :span="8"> | 33 | <el-col :span="8"> |
34 | <el-form-item label="权利类型:"> | 34 | <el-form-item label="权利类型:"> |
35 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
36 | </el-form-item> | 36 | </el-form-item> |
37 | </el-col> | 37 | </el-col> |
38 | <el-col :span="8"> | 38 | <el-col :span="8"> |
39 | <el-form-item label="登记类型:"> | 39 | <el-form-item label="登记类型:"> |
40 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
41 | </el-form-item> | 41 | </el-form-item> |
42 | </el-col> | 42 | </el-col> |
43 | <el-col :span="8"> | 43 | <el-col :span="8"> |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" | 104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" |
105 | v-model="ruleForm.sldy.gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
108 | <el-radio label="2">按份所有</el-radio> | 108 | <el-radio label="2">按份所有</el-radio> |
... | @@ -114,13 +114,13 @@ | ... | @@ -114,13 +114,13 @@ |
114 | 114 | ||
115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
116 | <el-form-item label="是否分别持证:"> | 116 | <el-form-item label="是否分别持证:"> |
117 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> | 117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
118 | <el-radio label="1">是</el-radio> | 118 | <el-radio label="1">是</el-radio> |
119 | <el-radio label="0">否</el-radio> | 119 | <el-radio label="0">否</el-radio> |
120 | </el-radio-group> | 120 | </el-radio-group> |
121 | </el-form-item> | 121 | </el-form-item> |
122 | </el-col> | 122 | </el-col> |
123 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | 123 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> |
124 | <el-form-item label="持证人:"> | 124 | <el-form-item label="持证人:"> |
125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> | 125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> |
126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -192,6 +192,7 @@ export default { | ... | @@ -192,6 +192,7 @@ export default { |
192 | ,qlxxList:[]//权利信息集合 | 192 | ,qlxxList:[]//权利信息集合 |
193 | ,sldyList:[]//受理不动产单元集合 | 193 | ,sldyList:[]//受理不动产单元集合 |
194 | ,slsq: {}//受理申请流程明细 | 194 | ,slsq: {}//受理申请流程明细 |
195 | ,flow: {}//受理申请流程明细 | ||
195 | ,sqrList:[]//申请人 | 196 | ,sqrList:[]//申请人 |
196 | ,ssQlxxList:[]//上手权利信息 | 197 | ,ssQlxxList:[]//上手权利信息 |
197 | ,user:{}//用户 | 198 | ,user:{}//用户 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-29 11:13:35 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -131,6 +131,15 @@ | ... | @@ -131,6 +131,15 @@ |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | 133 | ||
134 | <el-col :span="8"> | ||
135 | <el-form-item label="下拉表格测试:"> | ||
136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | ||
137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | ||
138 | <el-table-column prop="user" label="姓名"></el-table-column> | ||
139 | </select-table> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | |||
134 | </el-row> | 143 | </el-row> |
135 | 144 | ||
136 | <div class="slxx_title title-block"> | 145 | <div class="slxx_title title-block"> |
... | @@ -203,7 +212,9 @@ | ... | @@ -203,7 +212,9 @@ |
203 | import { mapGetters } from "vuex" | 212 | import { mapGetters } from "vuex" |
204 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 213 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" |
205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 214 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
215 | import selectTable from '@/components/selectTable/index.vue' | ||
206 | export default { | 216 | export default { |
217 | components: { qlrCommonTable, selectTable }, | ||
207 | mounted () { | 218 | mounted () { |
208 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 219 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
209 | this.propsParam = this.$attrs; | 220 | this.propsParam = this.$attrs; |
... | @@ -222,12 +233,22 @@ | ... | @@ -222,12 +233,22 @@ |
222 | }) | 233 | }) |
223 | }) | 234 | }) |
224 | }, | 235 | }, |
225 | components: { qlrCommonTable }, | 236 | |
226 | computed: { | 237 | computed: { |
227 | ...mapGetters(["dictData", "flag"]) | 238 | ...mapGetters(["dictData", "flag"]) |
228 | }, | 239 | }, |
229 | data () { | 240 | data () { |
230 | return { | 241 | return { |
242 | value2: { | ||
243 | id: "520000198407304275", | ||
244 | user: "史平" | ||
245 | }, | ||
246 | props: { | ||
247 | label: 'user', | ||
248 | value: 'id', | ||
249 | keyword: "keyword" | ||
250 | }, | ||
251 | |||
231 | //表单是否可操作 | 252 | //表单是否可操作 |
232 | ableOperation: true, | 253 | ableOperation: true, |
233 | key: 0, | 254 | key: 0, |
... | @@ -241,6 +262,7 @@ | ... | @@ -241,6 +262,7 @@ |
241 | } | 262 | } |
242 | }, | 263 | }, |
243 | methods: { | 264 | methods: { |
265 | change () { }, | ||
244 | // 更新权利人信息 | 266 | // 更新权利人信息 |
245 | upDateQlrxxList (val) { | 267 | upDateQlrxxList (val) { |
246 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 268 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | ... | ... |
src/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue
0 → 100644
This diff is collapsed.
Click to expand it.
... | @@ -43,41 +43,40 @@ | ... | @@ -43,41 +43,40 @@ |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
45 | <div class="slxx_title title-block"> | 45 | <div class="slxx_title title-block"> |
46 | 抵押房屋信息情况 | 46 | 抵押户信息情况 |
47 | <div class="triangle"></div> | 47 | <div class="triangle"></div> |
48 | </div> | 48 | </div> |
49 | |||
50 | <el-row :gutter="10"> | 49 | <el-row :gutter="10"> |
51 | <el-col :span="8"> | 50 | <el-col :span="8"> |
52 | <el-form-item label="权利人:"> | 51 | <el-form-item label="房屋用途:"> |
53 | <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input> | 52 | <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input> |
54 | </el-form-item> | 53 | </el-form-item> |
55 | </el-col> | 54 | </el-col> |
56 | <el-col :span="8"> | 55 | <el-col :span="8"> |
57 | <el-form-item label="证件号:"> | 56 | <el-form-item label="房屋性质:"> |
58 | <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input> | 57 | <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input> |
59 | </el-form-item> | 58 | </el-form-item> |
60 | </el-col> | 59 | </el-col> |
61 | <el-col :span="8"> | 60 | <el-col :span="8"> |
62 | <el-form-item label="证件种类:"> | 61 | <el-form-item label="房屋结构:"> |
63 | <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input> | 62 | <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input> |
64 | </el-form-item> | 63 | </el-form-item> |
65 | </el-col> | 64 | </el-col> |
66 | </el-row> | 65 | </el-row> |
67 | <el-row :gutter="10"> | 66 | <el-row :gutter="10"> |
68 | <el-col :span="8"> | 67 | <el-col :span="8"> |
69 | <el-form-item label="权利类型:"> | 68 | <el-form-item label="建筑面积:"> |
70 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 69 | <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input> |
71 | </el-form-item> | 70 | </el-form-item> |
72 | </el-col> | 71 | </el-col> |
73 | <el-col :span="8"> | 72 | <el-col :span="8"> |
74 | <el-form-item label="不动产权证号:"> | 73 | <el-form-item label="套内建筑面积:"> |
75 | <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> | 74 | <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input> |
76 | </el-form-item> | 75 | </el-form-item> |
77 | </el-col> | 76 | </el-col> |
78 | <el-col :span="8"> | 77 | <el-col :span="8"> |
79 | <el-form-item label="坐落:"> | 78 | <el-form-item label="分摊建筑面积:"> |
80 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | 79 | <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input> |
81 | </el-form-item> | 80 | </el-form-item> |
82 | </el-col> | 81 | </el-col> |
83 | </el-row> | 82 | </el-row> |
... | @@ -88,13 +87,13 @@ | ... | @@ -88,13 +87,13 @@ |
88 | </el-form-item> | 87 | </el-form-item> |
89 | </el-col> | 88 | </el-col> |
90 | <el-col :span="8"> | 89 | <el-col :span="8"> |
91 | <el-form-item label="面积:"> | 90 | <el-form-item label="室号部位:"> |
92 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | 91 | <el-input disabled v-model="ruleForm.qjh.shbw"></el-input> |
93 | </el-form-item> | 92 | </el-form-item> |
94 | </el-col> | 93 | </el-col> |
95 | <el-col :span="8"> | 94 | <el-col :span="8"> |
96 | <el-form-item label="用途:"> | 95 | <el-form-item label="坐落:"> |
97 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | 96 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> |
98 | </el-form-item> | 97 | </el-form-item> |
99 | </el-col> | 98 | </el-col> |
100 | </el-row> | 99 | </el-row> |
... | @@ -128,12 +127,20 @@ | ... | @@ -128,12 +127,20 @@ |
128 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
129 | <el-form-item label="被担保主债权数额:"> | 128 | <el-form-item label="被担保主债权数额:"> |
130 | <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> | 129 | <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> |
130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'"> | ||
131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
132 | </el-option> | ||
133 | </el-select> | ||
131 | </el-form-item> | 134 | </el-form-item> |
132 | </el-col> | 135 | </el-col> |
133 | 136 | ||
134 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> | 137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> |
135 | <el-form-item label="最高债权额:"> | 138 | <el-form-item label="最高债权额:"> |
136 | <el-input v-model="ruleForm.diyaq.zgzqse"></el-input> | 139 | <el-input v-model="ruleForm.diyaq.zgzqse"></el-input> |
140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'"> | ||
141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
142 | </el-option> | ||
143 | </el-select> | ||
137 | </el-form-item> | 144 | </el-form-item> |
138 | </el-col> | 145 | </el-col> |
139 | 146 | ||
... | @@ -254,14 +261,13 @@ | ... | @@ -254,14 +261,13 @@ |
254 | var formdata = new FormData(); | 261 | var formdata = new FormData(); |
255 | this.$startLoading(); | 262 | this.$startLoading(); |
256 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 263 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
257 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
258 | formdata.append("djlx", this.propsParam.djlx); | 264 | formdata.append("djlx", this.propsParam.djlx); |
259 | formdata.append("isEdit", this.ableOperation); | 265 | formdata.append("isEdit", this.ableOperation); |
260 | Init(formdata).then((res) => { | 266 | Init(formdata).then((res) => { |
261 | if (res.code === 200 && res.result) { | 267 | if (res.code === 200 && res.result) { |
262 | this.ruleForm = res.result; | 268 | this.ruleForm = res.result; |
263 | this.$endLoading(); | 269 | this.$endLoading(); |
264 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 270 | //this.ruleForm.diyaq.sfczjzhxz = "0"; |
265 | } | 271 | } |
266 | }) | 272 | }) |
267 | }, | 273 | }, |
... | @@ -275,12 +281,7 @@ | ... | @@ -275,12 +281,7 @@ |
275 | ableOperation: true, | 281 | ableOperation: true, |
276 | disabled: true, | 282 | disabled: true, |
277 | czrOptions: [], | 283 | czrOptions: [], |
278 | ruleForm: { | 284 | ruleForm: {}, |
279 | slywxx: {}, | ||
280 | qlxxold: {}, | ||
281 | diyaq: {}, | ||
282 | gyfs: "", | ||
283 | }, | ||
284 | //传递参数 | 285 | //传递参数 |
285 | propsParam: {}, | 286 | propsParam: {}, |
286 | rules: {}, | 287 | rules: {}, | ... | ... |
... | @@ -192,6 +192,18 @@ | ... | @@ -192,6 +192,18 @@ |
192 | this.queryClick(); | 192 | this.queryClick(); |
193 | }, | 193 | }, |
194 | ywhClick (item) { | 194 | ywhClick (item) { |
195 | //有任务权限 | ||
196 | if(item.sjlx=="3"){ | ||
197 | const { href } = this.$router.resolve( | ||
198 | "/djbworkFrameview?bsmSlsq=" + | ||
199 | item.bsmSlsq + | ||
200 | "&bestepid=" + | ||
201 | item.bestepid+ | ||
202 | "&isEdit=" + | ||
203 | true | ||
204 | ); | ||
205 | window.open(href, `urlname${item.bsmSlsq}`); | ||
206 | }else{ | ||
195 | const { href } = this.$router.resolve( | 207 | const { href } = this.$router.resolve( |
196 | "/workFrameView?bsmSlsq=" + | 208 | "/workFrameView?bsmSlsq=" + |
197 | item.bsmSlsq + | 209 | item.bsmSlsq + |
... | @@ -201,6 +213,9 @@ | ... | @@ -201,6 +213,9 @@ |
201 | "&viewtype=1" | 213 | "&viewtype=1" |
202 | ); | 214 | ); |
203 | window.open(href, `urlname${item.bsmSlsq}`); | 215 | window.open(href, `urlname${item.bsmSlsq}`); |
216 | } | ||
217 | |||
218 | |||
204 | }, | 219 | }, |
205 | }, | 220 | }, |
206 | }; | 221 | }; | ... | ... |
1 | <template> | ||
2 | <div class="from-clues"> | ||
3 | <!-- 表单部分 --> | ||
4 | <div class="from-clues-header"> | ||
5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
6 | <el-row> | ||
7 | <el-col :span="8"> | ||
8 | <el-form-item label="不动产单元号"> | ||
9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100"> | ||
10 | </el-input> | ||
11 | </el-form-item> | ||
12 | </el-col> | ||
13 | <el-col :span="10"> | ||
14 | <el-form-item label="不动产权证号"> | ||
15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | ||
16 | </el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | </el-row> | ||
20 | <el-row> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="权利人"> | ||
23 | <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100"> | ||
24 | </el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | <el-col :span="10"> | ||
28 | <el-form-item label="坐落"> | ||
29 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="6" class="btnColRight"> | ||
34 | <el-form-item> | ||
35 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
36 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | </el-form> | ||
41 | </div> | ||
42 | <!-- 表格 --> | ||
43 | <div class="from-clues-content loadingtext"> | ||
44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
47 | :data="tableData.data"> | ||
48 | </lb-table> | ||
49 | </div> | ||
50 | <div class="submit_button"> | ||
51 | <el-button @click="$popupCacel">取消</el-button> | ||
52 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
53 | </div> | ||
54 | </div> | ||
55 | </template> | ||
56 | <script> | ||
57 | //首次登记 | ||
58 | import store from '@/store/index.js' | ||
59 | import { datas, sendThis } from "../javascript/selectTdsyq.js"; | ||
60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
61 | import table from "@/utils/mixin/table"; | ||
62 | import jump from "./mixin/jump"; | ||
63 | import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js"; | ||
64 | export default { | ||
65 | mixins: [table, jump], | ||
66 | props: { | ||
67 | isJump: { type: Boolean, default: false }, | ||
68 | sqywInfo: { type: Object, default: () => { } }, | ||
69 | }, | ||
70 | data () { | ||
71 | return { | ||
72 | queryForm: defaultParameters.defaultParameters(), | ||
73 | tableData: { | ||
74 | total: 0, | ||
75 | columns: datas.columns(), | ||
76 | data: [] | ||
77 | }, | ||
78 | bdcdysz: [] | ||
79 | } | ||
80 | }, | ||
81 | mounted () { | ||
82 | sendThis(this); | ||
83 | }, | ||
84 | methods: { | ||
85 | queryClick () { | ||
86 | this.$startLoading(); | ||
87 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
88 | selectTdsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
89 | this.$endLoading(); | ||
90 | if (res.code === 200) { | ||
91 | let { total, records } = res.result; | ||
92 | this.tableData.total = total; | ||
93 | this.tableData.data = records; | ||
94 | } | ||
95 | }); | ||
96 | }, | ||
97 | submitForm () { | ||
98 | if (this.bdcdysz.length == 0) { | ||
99 | this.$message.error("请至少选择一条数据"); | ||
100 | return; | ||
101 | } | ||
102 | startBusinessFlow({ | ||
103 | bsmSqyw: this.sqywInfo.parentid, | ||
104 | bdcdysz: this.bdcdysz, | ||
105 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
106 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
107 | }).then((res) => { | ||
108 | if (res.code == 200) { | ||
109 | this.$message({ | ||
110 | showClose: true, | ||
111 | message: "发起申请成功", | ||
112 | type: "success", | ||
113 | }); | ||
114 | if (!this.isJump) { | ||
115 | this.jump(res.result, this.sqywInfo.djywbm); | ||
116 | } else { | ||
117 | store.dispatch('user/refreshPage', true); | ||
118 | } | ||
119 | this.$popupCacel() | ||
120 | } else { | ||
121 | this.$message.error(res.message); | ||
122 | } | ||
123 | }) | ||
124 | }, | ||
125 | handleSelectionChange (val) { | ||
126 | this.bdcdysz = val; | ||
127 | }, | ||
128 | openBook (row) { | ||
129 | var param = { | ||
130 | bdcdyid: row.bdcdyid, | ||
131 | qllx: row.qllx, | ||
132 | bdcdyh: row.bdcdyh, | ||
133 | bsmQlxx: row.bsmQlxx, | ||
134 | }; | ||
135 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
136 | formData: param | ||
137 | }) | ||
138 | }, | ||
139 | select (selection, row) { | ||
140 | if (this.sqywInfo.sqywdylx == "1") { | ||
141 | // 清除 所有勾选项 | ||
142 | this.$refs.table.clearSelection() | ||
143 | // 当表格数据都没有被勾选的时候 就返回 | ||
144 | // 主要用于将当前勾选的表格状态清除 | ||
145 | if (selection.length == 0) return | ||
146 | this.$refs.table.toggleRowSelection(row, true); | ||
147 | } | ||
148 | }, | ||
149 | handleRowClick (row) { | ||
150 | // 如果状态是1,那就是单选 | ||
151 | if (this.sqywInfo.sqywdylx == "1") { | ||
152 | const bdcdysz = this.bdcdysz | ||
153 | this.$refs.table.clearSelection() | ||
154 | if (bdcdysz.length == 1) { | ||
155 | bdcdysz.forEach(item => { | ||
156 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
157 | if (item == row) { | ||
158 | this.$refs.table.toggleRowSelection(row, false); | ||
159 | } | ||
160 | // 不然就让当前的一行勾选 | ||
161 | else { | ||
162 | this.$refs.table.toggleRowSelection(row, true); | ||
163 | } | ||
164 | }) | ||
165 | } | ||
166 | else { | ||
167 | this.$refs.table.toggleRowSelection(row, true); | ||
168 | } | ||
169 | } else { | ||
170 | this.$refs.table.toggleRowSelection(row); | ||
171 | } | ||
172 | }, | ||
173 | } | ||
174 | } | ||
175 | </script> | ||
176 | <style scoped lang="scss"> | ||
177 | @import "~@/styles/mixin.scss"; | ||
178 | @import "~@/styles/public.scss"; | ||
179 | </style> |
1 | /* | ||
2 | * @Description: 土地所有权对象处理 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023年06月28日 11:08:58 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | type: 'selection', | ||
20 | label: '全选', | ||
21 | selectable: this.selected | ||
22 | }, | ||
23 | { | ||
24 | label: '序号', | ||
25 | type: 'index', | ||
26 | width: '50', | ||
27 | render: (h, scope) => { | ||
28 | return ( | ||
29 | <div> | ||
30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
31 | </div> | ||
32 | ) | ||
33 | } | ||
34 | }, | ||
35 | { | ||
36 | label: "状态", | ||
37 | width: '130', | ||
38 | render: (h, scope) => { | ||
39 | return ( | ||
40 | <div> | ||
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
42 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
43 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
45 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
46 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
47 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
48 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
49 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
50 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
51 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
52 | </div> | ||
53 | ) | ||
54 | } | ||
55 | }, | ||
56 | { | ||
57 | prop: "qllxmc", | ||
58 | label: "权利类型", | ||
59 | }, | ||
60 | { | ||
61 | prop: "bdcdyh", | ||
62 | label: "不动产单元号", | ||
63 | minWidth: '150' | ||
64 | }, | ||
65 | { | ||
66 | prop: "bdcqzh", | ||
67 | label: "不动产权证号", | ||
68 | minWidth: '150' | ||
69 | }, | ||
70 | { | ||
71 | prop: "gyqk", | ||
72 | label: "共有方式", | ||
73 | }, | ||
74 | { | ||
75 | prop: "qlrmc", | ||
76 | label: "使用权人", | ||
77 | }, | ||
78 | { | ||
79 | prop: "qlrzjhm", | ||
80 | label: "证件号", | ||
81 | }, | ||
82 | { | ||
83 | prop: "qlxzmc", | ||
84 | width: '80', | ||
85 | label: "权利性质", | ||
86 | }, | ||
87 | { | ||
88 | prop: "mjmc", | ||
89 | width: '100', | ||
90 | label: "使用权面积", | ||
91 | }, | ||
92 | { | ||
93 | prop: "ytmc", | ||
94 | label: "土地用途", | ||
95 | }, | ||
96 | { | ||
97 | prop: "zl", | ||
98 | label: "坐落", | ||
99 | minWidth: '150' | ||
100 | }, | ||
101 | { | ||
102 | label: '操作', | ||
103 | width: '80', | ||
104 | align: 'center', | ||
105 | fixed: 'right', | ||
106 | render: (h, scope) => { | ||
107 | return ( | ||
108 | <div> | ||
109 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
110 | </div> | ||
111 | ) | ||
112 | } | ||
113 | }, | ||
114 | ] | ||
115 | } | ||
116 | |||
117 | |||
118 | } | ||
119 | let datas = new data() | ||
120 | export { | ||
121 | datas, | ||
122 | sendThis | ||
123 | } |
... | @@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { | ... | @@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { |
15 | case "A07100"://集体建设用地使用权(首次登记) | 15 | case "A07100"://集体建设用地使用权(首次登记) |
16 | vm = "selectQjzdjbxx"; | 16 | vm = "selectQjzdjbxx"; |
17 | break; | 17 | break; |
18 | case "A01200": | ||
19 | case "A01300": | ||
20 | case "A01400": | ||
21 | case "A02200": | ||
22 | case "A02300": | ||
23 | case "A02400": | ||
24 | vm = "selectTdsyq"; | ||
25 | break; | ||
18 | case "A03200": | 26 | case "A03200": |
19 | case "A03300": | 27 | case "A03300": |
20 | case "A03400": | 28 | case "A03400": |
... | @@ -52,6 +60,9 @@ export function queueDjywmc(djywbm, djqxbm) { | ... | @@ -52,6 +60,9 @@ export function queueDjywmc(djywbm, djqxbm) { |
52 | case "A37200"://抵押权转移 | 60 | case "A37200"://抵押权转移 |
53 | case "A37300"://抵押权变更 | 61 | case "A37300"://抵押权变更 |
54 | case "A37400"://抵押权注销 | 62 | case "A37400"://抵押权注销 |
63 | case "B37200"://抵押权转移 | ||
64 | case "B37300"://抵押权变更 | ||
65 | case "B37400"://抵押权注销 | ||
55 | vm = "diyaq"; | 66 | vm = "diyaq"; |
56 | break; | 67 | break; |
57 | case "B39300"://续封 | 68 | case "B39300"://续封 | ... | ... |
-
Please register or sign in to post a comment