Merge branch 'dev'
Showing
61 changed files
with
1236 additions
and
3643 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", | ... | ... |
1 | { | 1 | { |
2 | "TITLE": "不动产登记系统", | 2 | "TITLE": "不动产登记系统", |
3 | "SERVERAPI": "/bdcdj-ssq", | 3 | "SERVERAPI": "/bdcdj", |
4 | "ip": "http://192.168.2.38", | ||
5 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" | 4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" |
6 | } | 5 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -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 | ... | ... |
... | @@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) { | ... | @@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) { |
72 | } | 72 | } |
73 | 73 | ||
74 | /** | 74 | /** |
75 | * @description: 获取土地所有权 | ||
76 | * @param {*} data | ||
77 | * @author: renchao | ||
78 | */ | ||
79 | export function getTdsyqList (data) { | ||
80 | return request({ | ||
81 | url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList', | ||
82 | method: 'post', | ||
83 | data | ||
84 | }) | ||
85 | } | ||
86 | |||
87 | /** | ||
75 | * @description: 获取建设用地使用权 | 88 | * @description: 获取建设用地使用权 |
76 | * @param {*} data | 89 | * @param {*} data |
77 | * @author: renchao | 90 | * @author: renchao | ... | ... |
src/api/workflow/tdsyqFlow.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:31:23 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | // 初始化内容 | ||
10 | export function Init (data) { | ||
11 | let apiUrl = ""; | ||
12 | switch (data.get("djlx")) { | ||
13 | case "100": | ||
14 | apiUrl = "/rest/ywbl/tdsyq/firstInit"; | ||
15 | break; | ||
16 | case "200": | ||
17 | apiUrl = "/rest/ywbl/tdsyq/transferInit"; | ||
18 | break; | ||
19 | case "300": | ||
20 | apiUrl = "/rest/ywbl/tdsyq/changeInit"; | ||
21 | break; | ||
22 | case "400": | ||
23 | apiUrl = "/rest/ywbl/tdsyq/logoutInit"; | ||
24 | break; | ||
25 | case "500": | ||
26 | apiUrl = "/rest/ywbl/tdsyq/riviseInit"; | ||
27 | break; | ||
28 | case "901": | ||
29 | apiUrl = "/rest/ywbl/tdsyq/renewalInit"; | ||
30 | break; | ||
31 | case "902": | ||
32 | apiUrl = "/rest/ywbl/tdsyq/replaceInit"; | ||
33 | break; | ||
34 | } | ||
35 | return request({ | ||
36 | url: SERVER.SERVERAPI + apiUrl, | ||
37 | method: 'post', | ||
38 | data | ||
39 | }) | ||
40 | } | ||
41 | /** | ||
42 | * @description: 受理信息保存 | ||
43 | * @param {*} data | ||
44 | * @author: renchao | ||
45 | */ | ||
46 | export function saveData (data) { | ||
47 | return request({ | ||
48 | url: SERVER.SERVERAPI + '/rest/ywbl/tdsyq/saveData', | ||
49 | method: 'post', | ||
50 | data | ||
51 | }) | ||
52 | } | ||
53 | |||
54 | /** | ||
55 | * @description: 流程图 | ||
56 | * @param {*} bsmSlsq | ||
57 | * @param {*} bestepid | ||
58 | * @author: renchao | ||
59 | */ | ||
60 | export function getWorkFlowImage (bsmSlsq, bestepid) { | ||
61 | return request({ | ||
62 | url: SERVER.SERVERAPI + '/rest/business/workFlow/getWorkFlowImage', | ||
63 | method: 'get', | ||
64 | params: { | ||
65 | bsmSlsq: bsmSlsq, | ||
66 | bestepid: bestepid | ||
67 | } | ||
68 | }) | ||
69 | } |
... | @@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue' | ... | @@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue' |
7 | import LbTable from '@/components/LbTable/lb-table.vue' | 7 | import LbTable from '@/components/LbTable/lb-table.vue' |
8 | import Theme from '@/components/Theme/theme.vue' | 8 | import Theme from '@/components/Theme/theme.vue' |
9 | import Popup from '@/components/Popup/index' | 9 | import Popup from '@/components/Popup/index' |
10 | import Treeselect from '@riophae/vue-treeselect' //树形下拉框组件 | ||
10 | import MessageBox from '@/components/MessageBox/index.js' | 11 | import MessageBox from '@/components/MessageBox/index.js' |
11 | export default { | 12 | export default { |
12 | install: (Vue) => { | 13 | install: (Vue) => { |
13 | Vue.component('dialogBox', dialogBox); | 14 | Vue.component('dialogBox', dialogBox); |
14 | Vue.component('lbTable', LbTable); | 15 | Vue.component('lbTable', LbTable); |
15 | Vue.component('Theme', Theme); | 16 | Vue.component('Theme', Theme); |
17 | Vue.component('Treeselect', Treeselect); | ||
16 | Vue.prototype.$popup = Popup.install; | 18 | Vue.prototype.$popup = Popup.install; |
17 | Vue.prototype.$alertMes = MessageBox.alert; | 19 | Vue.prototype.$alertMes = MessageBox.alert; |
18 | } | 20 | } | ... | ... |
... | @@ -6,16 +6,18 @@ | ... | @@ -6,16 +6,18 @@ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | import App from './App' | 7 | import App from './App' |
8 | import 'normalize.css/normalize.css' // a modern alternative to CSS resets | 8 | import 'normalize.css/normalize.css' // a modern alternative to CSS resets |
9 | import Element from 'element-ui' | 9 | import Element, { install } from 'element-ui' |
10 | import axios from 'axios' | 10 | import axios from 'axios' |
11 | import '@/styles/element-variables.scss' | 11 | import '@/styles/element-variables.scss' |
12 | import '@/styles/index.scss' | 12 | import '@/styles/index.scss' |
13 | import Base from '@/components/Base/base' // 全局组件引入 | 13 | import Base from '@/components/Base/base' // 全局组件引入 |
14 | import mixin from '@/utils/mixin/theme.js' | 14 | import mixin from '@/utils/mixin/theme.js' |
15 | import Loading from '@/components/Loading/index.js'; | 15 | import Loading from '@/components/Loading/index.js'; |
16 | import '@riophae/vue-treeselect/dist/vue-treeselect.css' | ||
16 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' | 17 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' |
17 | Vue.mixin(mixin); | 18 | Vue.mixin(mixin); |
18 | Vue.use(Loading.directive); | 19 | Vue.use(Loading.directive); |
20 | |||
19 | // 引入xml | 21 | // 引入xml |
20 | import x2js from 'x2js' | 22 | import x2js from 'x2js' |
21 | Vue.prototype.$x2js = new x2js() | 23 | Vue.prototype.$x2js = new x2js() | ... | ... |
1 | <template> | ||
2 | <div class="bdcqldjml"> | ||
3 | <table class="mlTable"> | ||
4 | <tr> | ||
5 | <th colspan="5" class="title">不动产权利登记目录</th> | ||
6 | </tr> | ||
7 | <tr> | ||
8 | <td>序号</td> | ||
9 | <td>不动产单元号</td> | ||
10 | <td>不动产类型</td> | ||
11 | <td>所在本数</td> | ||
12 | <td>备注</td> | ||
13 | </tr> | ||
14 | <tr v-for="(item, index) in bdcqlml" :key="index"> | ||
15 | <td>{{ index + 1 }}</td> | ||
16 | <td>{{ item.bdcdyh }}</td> | ||
17 | <td>{{ item.bdclx }}</td> | ||
18 | <td>{{ item.szbs }}</td> | ||
19 | <td>{{ item.bz }}</td> | ||
20 | </tr> | ||
21 | </table> | ||
22 | </div> | ||
23 | </template> | ||
24 | |||
25 | <script> | ||
26 | import { getBdcqldjmlByBdcdyid } from "@/api/registerBook.js"; | ||
27 | export default { | ||
28 | data() { | ||
29 | return { | ||
30 | bdcqlml: [], | ||
31 | propsParam: this.$attrs, | ||
32 | }; | ||
33 | }, | ||
34 | mounted() { | ||
35 | getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
36 | if (res.code === 200) { | ||
37 | this.bdcqlml = res.result; | ||
38 | } | ||
39 | }); | ||
40 | }, | ||
41 | }; | ||
42 | </script> | ||
43 | |||
44 | <style lang="scss" scoped> | ||
45 | .bdcqldjml { | ||
46 | width: 100%; | ||
47 | height: 100%; | ||
48 | background: #fff; | ||
49 | overflow-y: scroll; | ||
50 | .mlTable { | ||
51 | width: 90%; | ||
52 | margin: 0 auto; | ||
53 | color: #333; | ||
54 | border-spacing: 1px; | ||
55 | background-color: #333; | ||
56 | |||
57 | .title { | ||
58 | font-size: 20px; | ||
59 | line-height: 60px; | ||
60 | font-family: serif; | ||
61 | position: relative; | ||
62 | } | ||
63 | |||
64 | td, | ||
65 | th { | ||
66 | background-color: white; | ||
67 | line-height: 30px; | ||
68 | padding: 0 4px; | ||
69 | text-align: center; | ||
70 | } | ||
71 | } | ||
72 | } | ||
73 | </style> |
1 | <template> | ||
2 | <div class="bdcqljqtsx"> | ||
3 | <div class="content"> | ||
4 | <div class="title">不动产权利及其他事项<br />登记信息</div> | ||
5 | <div> | ||
6 | 不动产单元号: | ||
7 | <div class="underline">{{ propsParam.bdcdyh }}</div> | ||
8 | </div> | ||
9 | <br /><br /><br /> | ||
10 | <div> | ||
11 | <div class="underline">{{ qlxxList.ztqlmc }}</div> | ||
12 | 登记 共 | ||
13 | <div class="underline">{{ qlxxList.ztql.total }}</div> | ||
14 | 条 | ||
15 | </div> | ||
16 | <br /><br /> | ||
17 | <div> | ||
18 | 抵押权登记 共 | ||
19 | <div class="underline">{{ qlxxList.diyaq.total }}</div> | ||
20 | 条 | ||
21 | </div> | ||
22 | <br /> | ||
23 | <div> | ||
24 | 地役权登记 共 | ||
25 | <div class="underline">{{ qlxxList.diyiq.total }}</div> | ||
26 | 条 | ||
27 | </div> | ||
28 | <br /> | ||
29 | <div> | ||
30 | 预告登记 共 | ||
31 | <div class="underline">{{ qlxxList.ygdj.total }}</div> | ||
32 | 条 | ||
33 | </div> | ||
34 | <br /> | ||
35 | <div> | ||
36 | 异议登记 共 | ||
37 | <div class="underline">{{ qlxxList.yydj.total }}</div> | ||
38 | 条 | ||
39 | </div> | ||
40 | <br /> | ||
41 | <div> | ||
42 | 查封登记 共 | ||
43 | <div class="underline">{{ qlxxList.cfdj.total }}</div> | ||
44 | 条 | ||
45 | </div> | ||
46 | <br /> | ||
47 | </div> | ||
48 | </div> | ||
49 | </template> | ||
50 | |||
51 | <script> | ||
52 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
53 | export default { | ||
54 | name: "bdcqljqtsx", | ||
55 | data() { | ||
56 | return { | ||
57 | //传递参数 | ||
58 | propsParam: this.$attrs, | ||
59 | qlxxList: "", | ||
60 | }; | ||
61 | }, | ||
62 | mounted() { | ||
63 | getBdcqljqtsx({ | ||
64 | bdcdyid: this.propsParam.bdcdyid, | ||
65 | bdcdyh: this.propsParam.bdcdyh, | ||
66 | }).then((res) => { | ||
67 | if (res.code === 200) { | ||
68 | this.qlxxList = res.result; | ||
69 | } | ||
70 | }); | ||
71 | }, | ||
72 | }; | ||
73 | </script> | ||
74 | |||
75 | <style lang="scss" scoped> | ||
76 | .bdcqljqtsx { | ||
77 | width: 100%; | ||
78 | height: 100%; | ||
79 | background: #fff; | ||
80 | |||
81 | .content { | ||
82 | width: 50%; | ||
83 | height: 100%; | ||
84 | margin: 0 auto; | ||
85 | text-align: right; | ||
86 | color: #333; | ||
87 | font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif; | ||
88 | font-weight: 700; | ||
89 | font-size: 18px; | ||
90 | line-height: 16px; | ||
91 | |||
92 | .title { | ||
93 | font-size: 32px; | ||
94 | text-align: center; | ||
95 | padding: 40px 0; | ||
96 | line-height: 34px; | ||
97 | } | ||
98 | |||
99 | .underline { | ||
100 | font-size: 14px; | ||
101 | font-weight: normal; | ||
102 | text-decoration: underline; | ||
103 | display: inline-block; | ||
104 | } | ||
105 | } | ||
106 | } | ||
107 | </style> |
1 | <!-- | ||
2 | * @Description :查封登记信息 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-13 13:56:45 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <table class="xxTable"> | ||
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
20 | <td> | ||
21 | {{ item.label }} | ||
22 | </td> | ||
23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]"> | ||
28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | ||
36 | {{ getQsztName(row[item.prop]) }} | ||
37 | </span> | ||
38 | |||
39 | <span v-else> {{ row[item.prop] }}</span> | ||
40 | </td> | ||
41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
42 | </tr> | ||
43 | </table> | ||
44 | </div> | ||
45 | </div> | ||
46 | </div> | ||
47 | </template> | ||
48 | |||
49 | <script> | ||
50 | import { getCfdjList } from "@/api/registerBook.js"; | ||
51 | import { datas } from "./qlxxFormData.js"; | ||
52 | export default { | ||
53 | data () { | ||
54 | return { | ||
55 | title: "查封登记信息", | ||
56 | qsztList: datas.columns().qsztList, | ||
57 | checkList: datas.columns().checkList, | ||
58 | //传递参数 | ||
59 | propsParam: this.$attrs, | ||
60 | //列表数据 | ||
61 | tableData: [], | ||
62 | //空列值个数 | ||
63 | emptycolNum: datas.columns().emptycolNum, | ||
64 | //列名称对象 | ||
65 | columns: datas.columns().CFDJ, | ||
66 | }; | ||
67 | }, | ||
68 | created () { | ||
69 | this.loadData(); | ||
70 | }, | ||
71 | methods: { | ||
72 | loadData () { | ||
73 | getCfdjList({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | this.tableData.forEach((item, index) => { | ||
81 | if (item.sfbxf == '1') { | ||
82 | item.zxywh = ''; | ||
83 | item.zxdbr = ''; | ||
84 | item.zxsj = ''; | ||
85 | } | ||
86 | }) | ||
87 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
88 | this.emptycolNum = | ||
89 | datas.columns().emptycolNum - this.tableData.length; | ||
90 | } else { | ||
91 | this.emptycolNum = 0; | ||
92 | } | ||
93 | } | ||
94 | }); | ||
95 | }, | ||
96 | checkChange () { | ||
97 | if (this.checkList.length === 0) { | ||
98 | this.tableData = []; | ||
99 | this.emptycolNum = datas.columns().emptycolNum; | ||
100 | } else { | ||
101 | this.loadData(); | ||
102 | } | ||
103 | }, | ||
104 | getQsztName (code) { | ||
105 | let name = ""; | ||
106 | for (let item of this.qsztList) { | ||
107 | if (item.value == code) { | ||
108 | name = item.label; | ||
109 | break; | ||
110 | } | ||
111 | } | ||
112 | return name; | ||
113 | }, | ||
114 | // 编辑 | ||
115 | editDialog(row){ | ||
116 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
117 | confirmButtonText: '确定', | ||
118 | cancelButtonText: '取消', | ||
119 | type: 'warning' | ||
120 | }).then(() => { | ||
121 | this.$parent.addRepairRecord(row) | ||
122 | |||
123 | this.$message({ | ||
124 | type: 'success', | ||
125 | message: '补录成功!' | ||
126 | }); | ||
127 | }).catch(() => { | ||
128 | this.$message({ | ||
129 | type: 'info', | ||
130 | message: '取消编辑' | ||
131 | }); | ||
132 | }); | ||
133 | |||
134 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
135 | // datalist:this.columns, | ||
136 | // data: row, | ||
137 | |||
138 | // }) | ||
139 | |||
140 | }, | ||
141 | // 删除 | ||
142 | deleteDialog(row){ | ||
143 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
144 | confirmButtonText: '确定', | ||
145 | cancelButtonText: '取消', | ||
146 | type: 'warning' | ||
147 | }).then(() => { | ||
148 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
149 | // deleteClmx(bsmClmx).then(res => { | ||
150 | // if (res.code == 200) { | ||
151 | // that.$emit('updateList', res.result) | ||
152 | // that.$message({ | ||
153 | // message: '删除成功!', | ||
154 | // type: 'success' | ||
155 | // }) | ||
156 | // } | ||
157 | // }) | ||
158 | this.$message({ | ||
159 | type: 'success', | ||
160 | message: '删除成功!' | ||
161 | }); | ||
162 | }).catch(() => { | ||
163 | this.$message({ | ||
164 | type: 'info', | ||
165 | message: '已取消删除' | ||
166 | }); | ||
167 | }); | ||
168 | |||
169 | } | ||
170 | }, | ||
171 | }; | ||
172 | </script> | ||
173 | |||
174 | <style lang="scss" scoped> | ||
175 | @import "./qlxxCommon.scss"; | ||
176 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:40:38 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="clxx"> | ||
8 | <div class="right"> | ||
9 | <!-- 材料预览 --> | ||
10 | <div class="clyl-box"> | ||
11 | <div class="menu-tree"> | ||
12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
13 | <div class="item"> | ||
14 | 材料目录({{tableData.length}}) | ||
15 | <div style="margin-top:10px"> | ||
16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
19 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
20 | {{ item.sjmc }} | ||
21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
22 | </div> | ||
23 | </div> | ||
24 | </div> | ||
25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
26 | </div> | ||
27 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
28 | @prevPriview="prevPriview" /> | ||
29 | </div> | ||
30 | </div> | ||
31 | <clxxAddDialog v-model="isDialog" /> | ||
32 | <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> --> | ||
33 | </div> | ||
34 | </template> | ||
35 | <script> | ||
36 | import { mapGetters } from "vuex"; | ||
37 | import clxxAddDialog from "./components/clxxAddDialog.vue"; | ||
38 | import imagePreview from '@/views/components/imagePreview.vue' | ||
39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
40 | import { popupDialog } from "@/utils/popup.js"; | ||
41 | export default { | ||
42 | components: { clxxAddDialog, imagePreview }, | ||
43 | data () { | ||
44 | return { | ||
45 | isDialog: false, | ||
46 | iclass: "", | ||
47 | // 材料目录选中 | ||
48 | treeCheckIndex: 0, | ||
49 | treeCheckId: "", | ||
50 | key: 0, | ||
51 | tableData: [], | ||
52 | previewImg: { | ||
53 | // 收件标识码 | ||
54 | bsmSj: '', | ||
55 | bsmSlsq: this.$parent.bsmSlsq, | ||
56 | index: 0, | ||
57 | selectedIndex: 0, | ||
58 | imgList: [] | ||
59 | } | ||
60 | } | ||
61 | }, | ||
62 | computed: { | ||
63 | ...mapGetters(["dictData"]) | ||
64 | }, | ||
65 | created () { | ||
66 | this.clmlInitList(1) | ||
67 | }, | ||
68 | methods: { | ||
69 | // 自动预览 | ||
70 | nextPriview () { | ||
71 | if (this.treeCheckIndex < this.tableData.length) { | ||
72 | this.treeCheckIndex++ | ||
73 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
74 | this.previewImg.index = 0 | ||
75 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
76 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
77 | } | ||
78 | }, | ||
79 | prevPriview () { | ||
80 | if (this.treeCheckIndex >= 1) { | ||
81 | this.treeCheckIndex-- | ||
82 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
83 | this.previewImg.index = this.previewImg.imgList.length | ||
84 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
85 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
86 | } | ||
87 | }, | ||
88 | // 材料目录明细初始化 | ||
89 | clmlInitList (type) { | ||
90 | //type 1:列表初始化 2:新增材料 | ||
91 | return new Promise(resolve => { | ||
92 | this.unitData = this.$parent.unitData; | ||
93 | var formdata = new FormData(); | ||
94 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
95 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
96 | InitClml(formdata).then((res) => { | ||
97 | if (res.code == 200) { | ||
98 | resolve(res.code) | ||
99 | if (res.result && res.result.length > 0) { | ||
100 | this.tableData = res.result; | ||
101 | if (type == 1) { | ||
102 | this.treeClick(this.tableData[0], 0); | ||
103 | } else { | ||
104 | //新增材料后刷新列表焦点置于新增的对象上 | ||
105 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
106 | } | ||
107 | } | ||
108 | } else { | ||
109 | this.$message.error(res.message) | ||
110 | } | ||
111 | }) | ||
112 | }) | ||
113 | }, | ||
114 | setChecked (item) { | ||
115 | this.treeCheckId = item.bsmSj; | ||
116 | this.title = item.sjmc; | ||
117 | this.titleYs = 1; | ||
118 | this.titleNum = item.children.length; | ||
119 | this.previewImg.imgList = item.children; | ||
120 | this.previewImg.bsmSj = item.bsmSj; | ||
121 | }, | ||
122 | updateList (val) { | ||
123 | let that = this | ||
124 | if (val != null) { //删除最后一张图片时 val=null | ||
125 | this.tableData.forEach(item => { | ||
126 | if (item.bsmSj === val.bsmSj) { | ||
127 | item.children = val.children | ||
128 | } | ||
129 | }) | ||
130 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
131 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
132 | this.previewImg.index = this.previewImg.index - 1 | ||
133 | } | ||
134 | } else { | ||
135 | this.previewImg.imgList = [] | ||
136 | this.tableData.forEach((item, index) => { | ||
137 | if (this.treeCheckId == item.bsmSj) { | ||
138 | item.children = [] | ||
139 | that.treeCheckIndex = index | ||
140 | } | ||
141 | }) | ||
142 | } | ||
143 | |||
144 | }, | ||
145 | // 添加材料目录 | ||
146 | handleAdd () { | ||
147 | this.isDialog = true; | ||
148 | }, | ||
149 | // 新增弹窗保存 | ||
150 | addSave (data) { | ||
151 | let obj = { | ||
152 | bsmSlsq: this.$parent.bsmSlsq, | ||
153 | isrequired: "1", | ||
154 | sjmc: data.clmc, | ||
155 | sjsl: 0, | ||
156 | smzt: '', | ||
157 | ys: 0, | ||
158 | sjlx: data.cllx, | ||
159 | sfxjcl: "1", // 是否必选 | ||
160 | }; | ||
161 | saveClml(obj).then(async (res) => { | ||
162 | if (res.code == 200) { | ||
163 | let res = await this.clmlInitList(2) | ||
164 | if (res == 200) this.$message({ | ||
165 | message: "新增成功", | ||
166 | type: "success", | ||
167 | }) | ||
168 | } | ||
169 | }); | ||
170 | }, | ||
171 | // 材料目录点击选中 | ||
172 | treeClick (item, index) { | ||
173 | this.previewImg.index = 0 | ||
174 | this.treeCheckId = item?.bsmSj | ||
175 | this.treeCheckIndex = index | ||
176 | this.previewImg.imgList = item?.children | ||
177 | this.previewImg.bsmSj = item?.bsmSj | ||
178 | }, | ||
179 | // 小图片点击 | ||
180 | imgClick (item, index) { | ||
181 | this.showImg = item; | ||
182 | this.titleYs = index + 1; | ||
183 | }, | ||
184 | // 字典 | ||
185 | dicStatus (val, code) { | ||
186 | let data = this.$store.getters.dictData[code], | ||
187 | name = "暂无"; | ||
188 | if (data) { | ||
189 | data.map((item) => { | ||
190 | if (item.dcode == val) { | ||
191 | name = item.dname | ||
192 | } | ||
193 | }); | ||
194 | return name | ||
195 | } | ||
196 | }, | ||
197 | //查看明细 | ||
198 | viewDetail () { | ||
199 | this.$popupDialog("查看明细", "djbworkflow/components/dialog/clxxDetailDialog", { | ||
200 | data: this.tableData | ||
201 | }, "60%") | ||
202 | }, | ||
203 | //设置tableData | ||
204 | setTableData (tableData) { | ||
205 | this.$nextTick(res => { | ||
206 | this.tableData = tableData; | ||
207 | }) | ||
208 | }, | ||
209 | }, | ||
210 | }; | ||
211 | </script> | ||
212 | <style scoped lang='scss'> | ||
213 | @import "~@/styles/mixin.scss"; | ||
214 | |||
215 | .active { | ||
216 | background: $light-blue !important; | ||
217 | color: #fff; | ||
218 | } | ||
219 | |||
220 | .required { | ||
221 | font-size: 12px; | ||
222 | color: $pink; | ||
223 | float: left; | ||
224 | } | ||
225 | |||
226 | .cl_number { | ||
227 | float: right; | ||
228 | } | ||
229 | |||
230 | .clxx { | ||
231 | width: 100%; | ||
232 | display: flex; | ||
233 | padding-left: 5px; | ||
234 | height: calc(100vh - 125px); | ||
235 | |||
236 | .left { | ||
237 | display: flex; | ||
238 | flex-direction: column; | ||
239 | justify-content: space-between; | ||
240 | |||
241 | .item { | ||
242 | width: 28px; | ||
243 | height: 49%; | ||
244 | @include flex-center; | ||
245 | background-color: #e4e7ed; | ||
246 | border-bottom-right-radius: 10px; | ||
247 | padding: 5px; | ||
248 | cursor: pointer; | ||
249 | transition: all 0.3s; | ||
250 | |||
251 | &:hover { | ||
252 | @extend .active; | ||
253 | } | ||
254 | } | ||
255 | } | ||
256 | |||
257 | .right { | ||
258 | width: 100%; | ||
259 | height: 100%; | ||
260 | |||
261 | .clmlmx-box { | ||
262 | margin: 0 auto; | ||
263 | |||
264 | .title { | ||
265 | text-align: center; | ||
266 | height: 60px; | ||
267 | line-height: 60px; | ||
268 | border: 1px solid #dfe6ec; | ||
269 | font-size: 20px; | ||
270 | background: #81d3f81a; | ||
271 | margin-bottom: -1px; | ||
272 | } | ||
273 | } | ||
274 | |||
275 | .clyl-box { | ||
276 | width: 100%; | ||
277 | height: 100%; | ||
278 | display: flex; | ||
279 | |||
280 | .menu-tree { | ||
281 | width: 20%; | ||
282 | min-width: 160px; | ||
283 | height: 100%; | ||
284 | margin-right: 10px; | ||
285 | border-right: 1px dotted #d9d9d9; | ||
286 | padding: 0 15px; | ||
287 | |||
288 | .item { | ||
289 | line-height: 30px; | ||
290 | padding-top: 5px; | ||
291 | border-bottom: 1px solid #e8e8e8; | ||
292 | font-size: 16px; | ||
293 | text-align: center; | ||
294 | color: $light-blue; | ||
295 | |||
296 | .itemIcon { | ||
297 | float: right; | ||
298 | line-height: 60px; | ||
299 | cursor: pointer; | ||
300 | } | ||
301 | |||
302 | .child { | ||
303 | line-height: 32px; | ||
304 | border-bottom: 1px solid #e8e8e8; | ||
305 | padding-left: 10px; | ||
306 | color: #6b6b6b; | ||
307 | cursor: pointer; | ||
308 | box-sizing: border-box; | ||
309 | border-radius: 6px; | ||
310 | line-height: 20px; | ||
311 | transition: all 0.3s; | ||
312 | padding: 8px 0; | ||
313 | } | ||
314 | |||
315 | .child:hover { | ||
316 | color: $light-blue; | ||
317 | transform: scale(1.1); | ||
318 | } | ||
319 | |||
320 | .checked { | ||
321 | border: 1px solid $light-blue; | ||
322 | color: $light-blue; | ||
323 | } | ||
324 | } | ||
325 | } | ||
326 | |||
327 | .clyl-img { | ||
328 | width: 75%; | ||
329 | height: 100%; | ||
330 | background: #f3f4f7; | ||
331 | margin: 0 auto; | ||
332 | position: relative; | ||
333 | } | ||
334 | } | ||
335 | } | ||
336 | } | ||
337 | </style> |
... | @@ -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 | 补录信息 |
... | @@ -21,7 +22,7 @@ | ... | @@ -21,7 +22,7 @@ |
21 | </div> | 22 | </div> |
22 | <el-row :gutter="10"> | 23 | <el-row :gutter="10"> |
23 | <el-col :span="8"> | 24 | <el-col :span="8"> |
24 | <el-form-item label="补录编号:"> | 25 | <el-form-item label="补录编号11:"> |
25 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> |
26 | </el-form-item> | 27 | </el-form-item> |
27 | </el-col> | 28 | </el-col> |
... | @@ -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> |
... | @@ -93,27 +99,53 @@ | ... | @@ -93,27 +99,53 @@ |
93 | </el-col> | 99 | </el-col> |
94 | <el-col :span="8"> | 100 | <el-col :span="8"> |
95 | <!-- 下拉框 --> | 101 | <!-- 下拉框 --> |
96 | <el-form-item label="土地性质:" style="margin-bottom:3px"> | 102 | <el-form-item label="土地性质:" style="margin-bottom: 3px"> |
97 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" | 103 | <treeselect |
104 | v-model="tdxz" | ||
105 | noOptionsText="暂无数据" | ||
106 | placeholder="" | ||
98 | :normalizer="normalizer" | 107 | :normalizer="normalizer" |
99 | :show-count="true" :options="dictData['A45']" /> | 108 | :show-count="true" |
109 | :options="dictData['A9']" | ||
110 | /> | ||
100 | </el-form-item> | 111 | </el-form-item> |
101 | </el-col> | 112 | </el-col> |
102 | <el-col :span="8"> | 113 | <el-col :span="8"> |
103 | <el-form-item label="房地产交易价格:"> | 114 | <el-form-item label="房地产交易价格:"> |
104 | <div style="display:flex"> | 115 | <div style="display: flex"> |
105 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> | 116 | <el-input |
117 | v-model="ruleForm.fdcq2.qjjg" | ||
118 | style="width: 500%" | ||
119 | ></el-input> | ||
106 | <el-select v-model="ruleForm.fdcq2.jedw"> | 120 | <el-select v-model="ruleForm.fdcq2.jedw"> |
107 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 121 | <el-option |
122 | v-for="item in dictData['A57']" | ||
123 | :key="item.dcode" | ||
124 | :label="item.dname" | ||
125 | :value="item.dcode" | ||
126 | > | ||
108 | </el-option> | 127 | </el-option> |
109 | </el-select> | 128 | </el-select> |
110 | </div> | 129 | </div> |
111 | </el-form-item> | 130 | </el-form-item> |
112 | </el-col> | 131 | </el-col> |
113 | <el-col :span="8"> | 132 | <el-col :span="8"> |
133 | <el-form-item label="权属状态:"> | ||
134 | <el-select v-model="ruleForm.qlxx.qszt"> | ||
135 | <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
136 | </el-option> | ||
137 | </el-select> | ||
138 | </el-form-item> | ||
139 | </el-col> | ||
140 | <el-col :span="8"> | ||
114 | <el-form-item label="规划用途:"> | 141 | <el-form-item label="规划用途:"> |
115 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 142 | <el-select v-model="ruleForm.fdcq2.ghyt"> |
116 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 143 | <el-option |
144 | v-for="item in dictData['A17']" | ||
145 | :key="item.dcode" | ||
146 | :label="item.dname" | ||
147 | :value="item.dcode" | ||
148 | > | ||
117 | </el-option> | 149 | </el-option> |
118 | </el-select> | 150 | </el-select> |
119 | </el-form-item> | 151 | </el-form-item> |
... | @@ -131,7 +163,12 @@ | ... | @@ -131,7 +163,12 @@ |
131 | <el-col :span="8"> | 163 | <el-col :span="8"> |
132 | <el-form-item label="房屋性质:"> | 164 | <el-form-item label="房屋性质:"> |
133 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 165 | <el-select v-model="ruleForm.fdcq2.fwxz"> |
134 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 166 | <el-option |
167 | v-for="item in dictData['A19']" | ||
168 | :key="item.dcode" | ||
169 | :label="item.dname" | ||
170 | :value="item.dcode" | ||
171 | > | ||
135 | </el-option> | 172 | </el-option> |
136 | </el-select> | 173 | </el-select> |
137 | </el-form-item> | 174 | </el-form-item> |
... | @@ -139,7 +176,12 @@ | ... | @@ -139,7 +176,12 @@ |
139 | <el-col :span="8"> | 176 | <el-col :span="8"> |
140 | <el-form-item label="房屋结构:"> | 177 | <el-form-item label="房屋结构:"> |
141 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 178 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
142 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 179 | <el-option |
180 | v-for="item in dictData['A46']" | ||
181 | :key="item.dcode" | ||
182 | :label="item.dname" | ||
183 | :value="item.dcode" | ||
184 | > | ||
143 | </el-option> | 185 | </el-option> |
144 | </el-select> | 186 | </el-select> |
145 | </el-form-item> | 187 | </el-form-item> |
... | @@ -221,8 +263,8 @@ | ... | @@ -221,8 +263,8 @@ |
221 | </div> | 263 | </div> |
222 | <tdytTable | 264 | <tdytTable |
223 | :tableData="ruleForm.tdytqxList" | 265 | :tableData="ruleForm.tdytqxList" |
224 | @upDateQlrxxList="upDateTdytxxList" | 266 | @upDateTdytxxList="upDateTdytxxList" |
225 | :viewtype="$route.query.viewtype" /> | 267 | /> |
226 | <div class="slxx_title title-block"> | 268 | <div class="slxx_title title-block"> |
227 | 权利人信息 | 269 | 权利人信息 |
228 | <div class="triangle"></div> | 270 | <div class="triangle"></div> |
... | @@ -231,8 +273,8 @@ | ... | @@ -231,8 +273,8 @@ |
231 | <el-col :span="12"> | 273 | <el-col :span="12"> |
232 | <el-form-item label="共有方式:"> | 274 | <el-form-item label="共有方式:"> |
233 | <el-radio-group | 275 | <el-radio-group |
234 | :disabled="$route.query.viewtype == 0" | 276 | v-model="ruleForm.qlxx.gyqk" |
235 | v-model="ruleForm.qlxx.gyqk"> | 277 | > |
236 | <el-radio label="0">单独所有</el-radio> | 278 | <el-radio label="0">单独所有</el-radio> |
237 | <el-radio label="1">共同共有</el-radio> | 279 | <el-radio label="1">共同共有</el-radio> |
238 | <el-radio label="2">按份所有</el-radio> | 280 | <el-radio label="2">按份所有</el-radio> |
... | @@ -240,29 +282,37 @@ | ... | @@ -240,29 +282,37 @@ |
240 | </el-radio-group> | 282 | </el-radio-group> |
241 | </el-form-item> | 283 | </el-form-item> |
242 | </el-col> | 284 | </el-col> |
243 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | 285 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> |
244 | <el-form-item label="是否分别持证:"> | 286 | <el-form-item label="是否分别持证:"> |
245 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | 287 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> |
246 | <el-radio :label=1>是</el-radio> | 288 | <el-radio :label="1">是</el-radio> |
247 | <el-radio :label=0>否</el-radio> | 289 | <el-radio :label="0">否</el-radio> |
248 | </el-radio-group> | 290 | </el-radio-group> |
249 | </el-form-item> | 291 | </el-form-item> |
250 | </el-col> | 292 | </el-col> --> |
251 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | 293 | <!-- <el-col |
294 | :span="6" | ||
295 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | ||
296 | > | ||
252 | <el-form-item label="持证人:"> | 297 | <el-form-item label="持证人:"> |
253 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 298 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
254 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 299 | <el-option |
300 | v-for="item in czrOptions" | ||
301 | :key="item.zjh" | ||
302 | :label="item.sqrmc" | ||
303 | :value="item.zjh" | ||
304 | > | ||
255 | </el-option> | 305 | </el-option> |
256 | </el-select> | 306 | </el-select> |
257 | </el-form-item> | 307 | </el-form-item> |
258 | </el-col> | 308 | </el-col> --> |
259 | </el-row> | 309 | </el-row> |
260 | <qlrCommonTable | 310 | <qlrCommonTable |
261 | :tableData="ruleForm.qlrList" | 311 | :tableData="ruleForm.qlrData" |
262 | @upDateQlrxxList="upDateQlrxxList" | 312 | @upDateQlrxxList="upDateQlrxxList" |
263 | :key="key" | 313 | :key="key" |
264 | :viewtype="$route.query.viewtype" | 314 | :gyfs="ruleForm.qlxx.gyfs" |
265 | :gyfs="ruleForm.qlxx.gyfs" /> | 315 | /> |
266 | 316 | ||
267 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 317 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
268 | <div class="slxx_title title-block"> | 318 | <div class="slxx_title title-block"> |
... | @@ -274,10 +324,10 @@ | ... | @@ -274,10 +324,10 @@ |
274 | :tableData="ruleForm.ywrList" | 324 | :tableData="ruleForm.ywrList" |
275 | :key="key" | 325 | :key="key" |
276 | @upDateQlrxxList="upDateYwrxxList" | 326 | @upDateQlrxxList="upDateYwrxxList" |
277 | :viewtype="$route.query.viewtype" /> | 327 | /> |
278 | </div> | 328 | </div> |
279 | </div> | 329 | </div> |
280 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 330 | <el-row class="btn"> |
281 | <el-form-item> | 331 | <el-form-item> |
282 | <el-button type="primary" @click="onSubmit">保存</el-button> | 332 | <el-button type="primary" @click="onSubmit">保存</el-button> |
283 | </el-form-item> | 333 | </el-form-item> |
... | @@ -286,37 +336,48 @@ | ... | @@ -286,37 +336,48 @@ |
286 | </div> | 336 | </div> |
287 | </template> | 337 | </template> |
288 | <script> | 338 | <script> |
289 | import { mapGetters } from "vuex"; | 339 | import { mapGetters } from "vuex"; |
290 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 340 | import { init, save } from "@/api/djbbl.js"; |
291 | import { init } from "@/api/djbbl.js"; | 341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
292 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 342 | import tdytTable from "@/views/workflow/components/tdytTable"; |
293 | import tdytTable from "@/views/workflow/components/tdytTable"; | 343 | // import the component |
294 | // import the component | 344 | // import Treeselect from '@riophae/vue-treeselect' |
295 | import Treeselect from '@riophae/vue-treeselect' | 345 | // // import the styles |
296 | // import the styles | 346 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
297 | import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 347 | export default { |
298 | 348 | components: { qlrCommonTable, tdytTable }, | |
299 | export default { | ||
300 | components: { qlrCommonTable, tdytTable, Treeselect }, | ||
301 | computed: { | 349 | computed: { |
302 | ...mapGetters(["dictData", "flag"]), | 350 | ...mapGetters(["dictData", "flag"]), |
303 | }, | 351 | }, |
304 | data () { | 352 | data() { |
305 | return { | 353 | return { |
306 | // 键名转换,方法默认是label和children进行树状渲染 | 354 | // 键名转换,方法默认是label和children进行树状渲染 |
307 | normalizer (node) { //方法 | 355 | normalizer(node) { |
308 | if (node.children == null || node.children == 'null') { | 356 | //方法 |
357 | if (node.children == null || node.children == "null") { | ||
309 | delete node.children; | 358 | delete node.children; |
310 | } | 359 | } |
311 | return { | 360 | return { |
312 | id: node.dcode, | 361 | id: node.dcode, |
313 | label: node.dname | 362 | label: node.dname, |
314 | } | 363 | }; |
315 | }, | 364 | }, |
365 | |||
316 | //表单是否可操作 | 366 | //表单是否可操作 |
317 | propsParam: this.$attrs, | 367 | propsParam: this.$attrs, |
318 | ableOperation: true, | 368 | // 权属状态 |
369 | qsztlist: [ | ||
370 | { | ||
371 | dcode: "1", | ||
372 | dname: "现势", | ||
373 | }, | ||
374 | { | ||
375 | dcode: "2", | ||
376 | dname: "历史", | ||
377 | }, | ||
378 | ], | ||
319 | key: 0, | 379 | key: 0, |
380 | tdxz:null, | ||
320 | isShow: false, | 381 | isShow: false, |
321 | disabled: true, | 382 | disabled: true, |
322 | czrOptions: [], | 383 | czrOptions: [], |
... | @@ -325,48 +386,42 @@ | ... | @@ -325,48 +386,42 @@ |
325 | rules: {}, | 386 | rules: {}, |
326 | }; | 387 | }; |
327 | }, | 388 | }, |
328 | created () { | 389 | created() { |
329 | this.loadData(); | 390 | this.loadData(); |
330 | }, | 391 | }, |
331 | mounted () { }, | 392 | mounted() {}, |
332 | methods: { | 393 | methods: { |
333 | loadData () { | 394 | loadData() { |
334 | console.log("房地产权", this.propsParam); | ||
335 | init(this.propsParam.bsmRepair).then((res) => { | 395 | init(this.propsParam.bsmRepair).then((res) => { |
336 | if (res.code == 200) { | 396 | if (res.code == 200) { |
337 | |||
338 | this.ruleForm = res.result; | 397 | this.ruleForm = res.result; |
398 | if( this.ruleForm.tdytqxList.length>0){ | ||
399 | this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm | ||
400 | }else{ | ||
401 | this.tdxz=null | ||
402 | } | ||
339 | this.isShow = true; | 403 | this.isShow = true; |
340 | // this.tableData = res.result; | ||
341 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
342 | // this.emptycolNum = | ||
343 | // datas.columns().emptycolNum - this.tableData.length; | ||
344 | // } else { | ||
345 | // this.emptycolNum = 0; | ||
346 | // } | ||
347 | } | 404 | } |
348 | }); | 405 | }); |
349 | }, | 406 | }, |
350 | // 更新土地用途信息 | 407 | // 更新土地用途信息 |
351 | upDateTdytxxList (val) { | 408 | upDateTdytxxList(val) { |
352 | console.log("VAL", val); | ||
353 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 409 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
354 | this.key++; | 410 | this.key++; |
355 | }, | 411 | }, |
356 | // 更新权利人信息 | 412 | // 更新权利人信息 |
357 | upDateQlrxxList (val) { | 413 | upDateQlrxxList(val) { |
358 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 414 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
359 | this.czrOptions = this.ruleForm.qlrList; | 415 | this.czrOptions = this.ruleForm.qlrData; |
360 | this.key++; | 416 | this.key++; |
361 | }, | 417 | }, |
362 | // 更新义务人信息 | 418 | // 更新义务人信息 |
363 | upDateYwrxxList (val) { | 419 | upDateYwrxxList(val) { |
364 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 420 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); |
365 | this.key++; | 421 | this.key++; |
366 | }, | 422 | }, |
367 | onSubmit () { | 423 | onSubmit() { |
368 | console.log("this.ruleForm大信息", this.ruleForm); | 424 | if (this.ruleForm.qlrData.length == 0) { |
369 | if (this.ruleForm.qlrList.length == 0) { | ||
370 | this.$message({ | 425 | this.$message({ |
371 | showClose: true, | 426 | showClose: true, |
372 | message: "请确认权利人信息", | 427 | message: "请确认权利人信息", |
... | @@ -374,36 +429,57 @@ | ... | @@ -374,36 +429,57 @@ |
374 | }); | 429 | }); |
375 | return false; | 430 | return false; |
376 | } | 431 | } |
377 | 432 | if( this.ruleForm.tdytqxList.length==0&&!this.tdxz){ | |
378 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
379 | if (this.ruleForm.qlrList.length > 1) { | ||
380 | this.$message({ | 433 | this.$message({ |
381 | showClose: true, | 434 | showClose: true, |
382 | message: "共有方式:单独所有,权利人只能是一个人", | 435 | message: "请补充土地用途信息", |
383 | type: "error", | 436 | type: "error", |
384 | }); | 437 | }); |
385 | return false; | 438 | return false; |
386 | } | 439 | } |
387 | this.ruleForm.qlrList[0].sfczr = "1"; | 440 | if(!this.tdxz){ |
388 | } | 441 | this.$message({ |
389 | if (this.ruleForm.qlxx.gyfs == "1") { | 442 | showClose: true, |
390 | //是否分别持证 | 443 | message: "请补充土地性质", |
391 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 444 | type: "error", |
392 | //是 | ||
393 | this.ruleForm.qlrList.forEach((item, index) => { | ||
394 | item.sfczr = "1"; | ||
395 | }); | 445 | }); |
396 | } else { | 446 | return false; |
397 | this.ruleForm.qlrList.forEach((item, index) => { | 447 | } |
398 | if (item.zjh == this.ruleForm.czr) { | 448 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { |
399 | item.sfczr = "1"; | 449 | return{ |
400 | } else { | 450 | ...item, |
401 | item.sfczr = "0"; | 451 | qlxzbm:this.tdxz |
402 | } | 452 | } |
453 | }) | ||
454 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
455 | if (this.ruleForm.qlrData.length > 1) { | ||
456 | this.$message({ | ||
457 | showClose: true, | ||
458 | message: "共有方式:单独所有,权利人只能是一个人", | ||
459 | type: "error", | ||
403 | }); | 460 | }); |
461 | return false; | ||
404 | } | 462 | } |
463 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
405 | } | 464 | } |
406 | saveData(this.ruleForm).then((res) => { | 465 | // if (this.ruleForm.qlxx.gyfs == "1") { |
466 | // //是否分别持证 | ||
467 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
468 | // //是 | ||
469 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
470 | // item.sfczr = "1"; | ||
471 | // }); | ||
472 | // } else { | ||
473 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
474 | // if (item.zjh == this.ruleForm.czr) { | ||
475 | // item.sfczr = "1"; | ||
476 | // } else { | ||
477 | // item.sfczr = "0"; | ||
478 | // } | ||
479 | // }); | ||
480 | // } | ||
481 | // } | ||
482 | save(this.ruleForm).then((res) => { | ||
407 | if (res.code === 200) { | 483 | if (res.code === 200) { |
408 | this.$message({ | 484 | this.$message({ |
409 | showClose: true, | 485 | showClose: true, |
... | @@ -421,12 +497,9 @@ | ... | @@ -421,12 +497,9 @@ |
421 | }); | 497 | }); |
422 | }, | 498 | }, |
423 | }, | 499 | }, |
424 | }; | 500 | }; |
425 | </script> | 501 | </script> |
426 | <style scoped lang="scss"> | 502 | <style scoped lang="scss"> |
427 | @import "~@/styles/public.scss"; | 503 | @import "~@/styles/public.scss"; |
428 | @import "~@/styles/slxx/slxx.scss"; | 504 | @import "~@/styles/slxx/slxx.scss"; |
429 | /deep/.vue-treeselect__menu-container { | ||
430 | transition: 0.3s !important; | ||
431 | } | ||
432 | </style> | 505 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
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="120px" | 16 | label-width="127px" |
17 | > | 17 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
... | @@ -67,122 +67,56 @@ | ... | @@ -67,122 +67,56 @@ |
67 | <el-col :span="8"> | 67 | <el-col :span="8"> |
68 | <el-form-item label="登记类型:"> | 68 | <el-form-item label="登记类型:"> |
69 | <el-select v-model="ruleForm.qlxx.djlx"> | 69 | <el-select v-model="ruleForm.qlxx.djlx"> |
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 70 | <el-option |
71 | </el-option> | 71 | v-for="item in dictData['A21']" |
72 | </el-select> | 72 | :key="item.dcode" |
73 | </el-form-item> | 73 | :label="item.dname" |
74 | </el-col> | 74 | :value="item.dcode" |
75 | <el-col :span="8"> | 75 | > |
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></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.fdcq2.fttdmj"></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.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | 76 | </el-option> |
121 | </el-select> | 77 | </el-select> |
122 | </el-form-item> | 78 | </el-form-item> |
123 | </el-col> | 79 | </el-col> |
124 | <el-col :span="8"> | 80 | <el-col :span="8"> |
125 | <el-form-item label="规划用途:"> | 81 | <el-form-item label="权属状态:"> |
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 82 | <el-select v-model="ruleForm.qlxx.qszt"> |
127 | <el-option v-for="item in dictData['A17']" :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 | > | ||
128 | </el-option> | 89 | </el-option> |
129 | </el-select> | 90 | </el-select> |
130 | </el-form-item> | 91 | </el-form-item> |
131 | </el-col> | 92 | </el-col> |
132 | <el-col :span="8"> | 93 | <el-col :span="8"> |
133 | <el-form-item label="批准用途:"> | 94 | <el-form-item label="房地坐落:"> |
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 95 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
135 | </el-form-item> | 96 | </el-form-item> |
136 | </el-col> | 97 | </el-col> |
137 | <el-col :span="8"> | 98 | <el-col :span="8"> |
138 | <el-form-item label="实际用途:"> | 99 | <el-form-item label="使用权面积:"> |
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 100 | <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> |
140 | </el-form-item> | 101 | </el-form-item> |
141 | </el-col> | 102 | </el-col> |
142 | <el-col :span="8"> | 103 | <el-col :span="8"> |
143 | <el-form-item label="房屋性质:"> | 104 | <el-form-item label="取得价格:"> |
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 105 | <div style="display: flex"> |
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 106 | <el-input |
146 | </el-option> | 107 | v-model="ruleForm.jsydsyq.qdjg" |
147 | </el-select> | 108 | style="width: 500%" |
148 | </el-form-item> | 109 | ></el-input> |
149 | </el-col> | 110 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
150 | <el-col :span="8"> | 111 | <el-option |
151 | <el-form-item label="房屋结构:"> | 112 | v-for="item in dictData['A57']" |
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 113 | :key="item.dcode" |
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 114 | :label="item.dname" |
115 | :value="item.dcode" | ||
116 | > | ||
154 | </el-option> | 117 | </el-option> |
155 | </el-select> | 118 | </el-select> |
156 | </el-form-item> | 119 | </div> |
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | 120 | </el-form-item> |
187 | </el-col> | 121 | </el-col> |
188 | 122 | ||
... | @@ -214,15 +148,8 @@ | ... | @@ -214,15 +148,8 @@ |
214 | </el-row> | 148 | </el-row> |
215 | <el-row> | 149 | <el-row> |
216 | <el-col :span="24"> | 150 | <el-col :span="24"> |
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | 151 | <el-form-item label="附记:"> |
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 152 | <el-input v-model="ruleForm.jsydsyq.fj"></el-input> |
226 | </el-form-item> | 153 | </el-form-item> |
227 | </el-col> | 154 | </el-col> |
228 | </el-row> | 155 | </el-row> |
... | @@ -231,10 +158,8 @@ | ... | @@ -231,10 +158,8 @@ |
231 | <div class="triangle"></div> | 158 | <div class="triangle"></div> |
232 | </div> | 159 | </div> |
233 | <tdytTable | 160 | <tdytTable |
234 | :tableData="ruleForm.tdxxList" | 161 | :tableData="ruleForm.tdytqxList" |
235 | @upDateQlrxxList="upDateQlrxxList" | 162 | @upDateTdytxxList="upDateTdytxxList" |
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | 163 | /> |
239 | <div class="slxx_title title-block"> | 164 | <div class="slxx_title title-block"> |
240 | 权利人信息 | 165 | 权利人信息 |
... | @@ -257,22 +182,30 @@ | ... | @@ -257,22 +182,30 @@ |
257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | 182 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> |
258 | <el-form-item label="是否分别持证:"> | 183 | <el-form-item label="是否分别持证:"> |
259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | 184 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> |
260 | <el-radio :label=1>是</el-radio> | 185 | <el-radio :label="1">是</el-radio> |
261 | <el-radio :label=0>否</el-radio> | 186 | <el-radio :label="0">否</el-radio> |
262 | </el-radio-group> | 187 | </el-radio-group> |
263 | </el-form-item> | 188 | </el-form-item> |
264 | </el-col> | 189 | </el-col> |
265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | 190 | <el-col |
191 | :span="6" | ||
192 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | ||
193 | > | ||
266 | <el-form-item label="持证人:"> | 194 | <el-form-item label="持证人:"> |
267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 195 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 196 | <el-option |
197 | v-for="item in czrOptions" | ||
198 | :key="item.zjh" | ||
199 | :label="item.sqrmc" | ||
200 | :value="item.zjh" | ||
201 | > | ||
269 | </el-option> | 202 | </el-option> |
270 | </el-select> | 203 | </el-select> |
271 | </el-form-item> | 204 | </el-form-item> |
272 | </el-col> | 205 | </el-col> |
273 | </el-row> | 206 | </el-row> |
274 | <qlrCommonTable | 207 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 208 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 209 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 210 | :key="key" |
278 | :viewtype="$route.query.viewtype" | 211 | :viewtype="$route.query.viewtype" |
... | @@ -302,22 +235,45 @@ | ... | @@ -302,22 +235,45 @@ |
302 | </div> | 235 | </div> |
303 | </template> | 236 | </template> |
304 | <script> | 237 | <script> |
238 | import store from "@/store/index.js"; | ||
305 | import { mapGetters } from "vuex"; | 239 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 240 | import { init, save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | ||
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 241 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 242 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 243 | export default { |
311 | components: { qlrCommonTable,tdytTable }, | 244 | components: { qlrCommonTable, tdytTable }, |
312 | computed: { | 245 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 246 | ...mapGetters(["dictData", "flag"]), |
314 | }, | 247 | }, |
315 | data() { | 248 | data() { |
316 | return { | 249 | return { |
250 | // 键名转换,方法默认是label和children进行树状渲染 | ||
251 | normalizer(node) { | ||
252 | //方法 | ||
253 | if (node.children == null || node.children == "null") { | ||
254 | delete node.children; | ||
255 | } | ||
256 | return { | ||
257 | id: node.dcode, | ||
258 | label: node.dname, | ||
259 | }; | ||
260 | }, | ||
317 | //表单是否可操作 | 261 | //表单是否可操作 |
318 | propsParam: this.$attrs, | 262 | propsParam: this.$attrs, |
319 | ableOperation: true, | 263 | ableOperation: true, |
320 | key: 0, | 264 | key: 0, |
265 | // 权属状态 | ||
266 | qsztlist: [ | ||
267 | { | ||
268 | dcode: "1", | ||
269 | dname: "现势", | ||
270 | }, | ||
271 | { | ||
272 | dcode: "2", | ||
273 | dname: "历史", | ||
274 | }, | ||
275 | ], | ||
276 | tdxz:null, | ||
321 | isShow: false, | 277 | isShow: false, |
322 | disabled: true, | 278 | disabled: true, |
323 | czrOptions: [], | 279 | czrOptions: [], |
... | @@ -331,28 +287,36 @@ export default { | ... | @@ -331,28 +287,36 @@ export default { |
331 | }, | 287 | }, |
332 | mounted() {}, | 288 | mounted() {}, |
333 | methods: { | 289 | methods: { |
290 | // 字典 | ||
291 | getDictData(val) { | ||
292 | return store.getters.dictData[val]; | ||
293 | }, | ||
334 | loadData() { | 294 | loadData() { |
335 | console.log("建设用地使用权"); | ||
336 | init(this.propsParam.bsmRepair).then((res) => { | 295 | init(this.propsParam.bsmRepair).then((res) => { |
337 | if (res.code == 200) { | 296 | if (res.code == 200) { |
338 | |||
339 | this.ruleForm = res.result; | 297 | this.ruleForm = res.result; |
340 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 298 | if( this.ruleForm.tdytqxList.length>0){ |
299 | this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm | ||
300 | }else{ | ||
301 | this.tdxz=null | ||
302 | } | ||
303 | console.log("this.ruleForm", this.ruleForm); | ||
341 | this.isShow = true; | 304 | this.isShow = true; |
342 | // this.tableData = res.result; | ||
343 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
344 | // this.emptycolNum = | ||
345 | // datas.columns().emptycolNum - this.tableData.length; | ||
346 | // } else { | ||
347 | // this.emptycolNum = 0; | ||
348 | // } | ||
349 | } | 305 | } |
350 | }); | 306 | }); |
351 | }, | 307 | }, |
308 | // 更新土地用途信息 | ||
309 | upDateTdytxxList(val) { | ||
310 | console.log("VAL", val); | ||
311 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
312 | this.key++; | ||
313 | }, | ||
352 | // 更新权利人信息 | 314 | // 更新权利人信息 |
353 | upDateQlrxxList(val) { | 315 | upDateQlrxxList(val) { |
354 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 316 | console.log("val", val); |
355 | this.czrOptions = this.ruleForm.qlrList; | 317 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
318 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); | ||
319 | this.czrOptions = this.ruleForm.qlrData; | ||
356 | this.key++; | 320 | this.key++; |
357 | }, | 321 | }, |
358 | // 更新义务人信息 | 322 | // 更新义务人信息 |
... | @@ -361,7 +325,8 @@ export default { | ... | @@ -361,7 +325,8 @@ export default { |
361 | this.key++; | 325 | this.key++; |
362 | }, | 326 | }, |
363 | onSubmit() { | 327 | onSubmit() { |
364 | if (this.ruleForm.qlrList.length == 0) { | 328 | console.log("this.ruleForm大信息", this.ruleForm); |
329 | if (this.ruleForm.qlrData.length == 0) { | ||
365 | this.$message({ | 330 | this.$message({ |
366 | showClose: true, | 331 | showClose: true, |
367 | message: "请确认权利人信息", | 332 | message: "请确认权利人信息", |
... | @@ -371,7 +336,7 @@ export default { | ... | @@ -371,7 +336,7 @@ export default { |
371 | } | 336 | } |
372 | 337 | ||
373 | if (this.ruleForm.qlxx.gyfs == "0") { | 338 | if (this.ruleForm.qlxx.gyfs == "0") { |
374 | if (this.ruleForm.qlrList.length > 1) { | 339 | if (this.ruleForm.qlrData.length > 1) { |
375 | this.$message({ | 340 | this.$message({ |
376 | showClose: true, | 341 | showClose: true, |
377 | message: "共有方式:单独所有,权利人只能是一个人", | 342 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -379,17 +344,17 @@ export default { | ... | @@ -379,17 +344,17 @@ export default { |
379 | }); | 344 | }); |
380 | return false; | 345 | return false; |
381 | } | 346 | } |
382 | this.ruleForm.qlrList[0].sfczr = "1"; | 347 | this.ruleForm.qlrData[0].sfczr = "1"; |
383 | } | 348 | } |
384 | if (this.ruleForm.qlxx.gyfs == "1") { | 349 | if (this.ruleForm.qlxx.gyfs == "1") { |
385 | //是否分别持证 | 350 | //是否分别持证 |
386 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 351 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
387 | //是 | 352 | //是 |
388 | this.ruleForm.qlrList.forEach((item, index) => { | 353 | this.ruleForm.qlrData.forEach((item, index) => { |
389 | item.sfczr = "1"; | 354 | item.sfczr = "1"; |
390 | }); | 355 | }); |
391 | } else { | 356 | } else { |
392 | this.ruleForm.qlrList.forEach((item, index) => { | 357 | this.ruleForm.qlrData.forEach((item, index) => { |
393 | if (item.zjh == this.ruleForm.czr) { | 358 | if (item.zjh == this.ruleForm.czr) { |
394 | item.sfczr = "1"; | 359 | item.sfczr = "1"; |
395 | } else { | 360 | } else { |
... | @@ -398,7 +363,7 @@ export default { | ... | @@ -398,7 +363,7 @@ export default { |
398 | }); | 363 | }); |
399 | } | 364 | } |
400 | } | 365 | } |
401 | saveData(this.ruleForm).then((res) => { | 366 | save(this.ruleForm).then((res) => { |
402 | if (res.code === 200) { | 367 | if (res.code === 200) { |
403 | this.$message({ | 368 | this.$message({ |
404 | showClose: true, | 369 | showClose: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
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="120px" | 16 | label-width="127px"> |
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 补录信息 | 19 | 补录信息 |
... | @@ -77,48 +76,37 @@ | ... | @@ -77,48 +76,37 @@ |
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
78 | </el-form-item> | 77 | </el-form-item> |
79 | </el-col> | 78 | </el-col> |
80 | <el-col :span="8"> | 79 | <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
81 | <el-form-item label="土地使用权人:"> | 80 | <el-form-item label="土地使用权人:"> |
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> |
83 | </el-form-item> | 82 | </el-form-item> |
84 | </el-col> | 83 | </el-col> |
85 | <el-col :span="8"> | 84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
86 | <el-form-item label="独用土地面积:"> | 85 | <el-form-item label="独用土地面积:"> |
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> |
88 | </el-form-item> | 87 | </el-form-item> |
89 | </el-col> | 88 | </el-col> |
90 | <el-col :span="8"> | 89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
91 | <el-form-item label="分摊土地面积:"> | 90 | <el-form-item label="分摊土地面积:"> |
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></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" v-if="ruleForm.fdcq2.ftjzmj"> |
96 | <el-form-item label="土地用途:"> | 95 | <el-form-item label="土地性质:" style="margin-bottom:3px"> |
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 96 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" |
98 | </el-form-item> | 97 | :normalizer="normalizer" |
99 | </el-col> | 98 | :show-count="true" :options="dictData['A45']" /> |
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | 99 | </el-form-item> |
109 | </el-col> | 100 | </el-col> |
110 | <el-col :span="8"> | 101 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | 102 | <el-form-item label="房地产交易价格:"> |
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | 103 | <div style="display:flex"> |
104 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | 105 | <el-select v-model="ruleForm.fdcq2.jedw"> |
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 106 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
120 | </el-option> | 107 | </el-option> |
121 | </el-select> | 108 | </el-select> |
109 | </div> | ||
122 | </el-form-item> | 110 | </el-form-item> |
123 | </el-col> | 111 | </el-col> |
124 | <el-col :span="8"> | 112 | <el-col :span="8"> |
... | @@ -175,7 +163,7 @@ | ... | @@ -175,7 +163,7 @@ |
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 163 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
176 | </el-form-item> | 164 | </el-form-item> |
177 | </el-col> | 165 | </el-col> |
178 | <el-col :span="8"> | 166 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
179 | <el-form-item label="分摊建筑面积:"> | 167 | <el-form-item label="分摊建筑面积:"> |
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 168 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
181 | </el-form-item> | 169 | </el-form-item> |
... | @@ -184,7 +172,7 @@ | ... | @@ -184,7 +172,7 @@ |
184 | <el-form-item label="竣工时间:"> | 172 | <el-form-item label="竣工时间:"> |
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 173 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> |
186 | </el-form-item> | 174 | </el-form-item> |
187 | </el-col> | 175 | </el-col> --> |
188 | 176 | ||
189 | <el-col :span="8"> | 177 | <el-col :span="8"> |
190 | <el-form-item label="不动产权证号:"> | 178 | <el-form-item label="不动产权证号:"> |
... | @@ -212,30 +200,14 @@ | ... | @@ -212,30 +200,14 @@ |
212 | </el-form-item> | 200 | </el-form-item> |
213 | </el-col> | 201 | </el-col> |
214 | </el-row> | 202 | </el-row> |
215 | <el-row> | 203 | <!-- <el-row> |
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | 204 | <el-col :span="24"> |
224 | <el-form-item label="附记:"> | 205 | <el-form-item label="附记:"> |
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 206 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> |
226 | </el-form-item> | 207 | </el-form-item> |
227 | </el-col> | 208 | </el-col> |
228 | </el-row> | 209 | </el-row> --> |
229 | <div class="slxx_title title-block"> | 210 | |
230 | 土地用途 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <tdytTable | ||
234 | :tableData="ruleForm.tdxxList" | ||
235 | @upDateQlrxxList="upDateQlrxxList" | ||
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | ||
239 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
240 | 权利人信息 | 212 | 权利人信息 |
241 | <div class="triangle"></div> | 213 | <div class="triangle"></div> |
... | @@ -245,8 +217,7 @@ | ... | @@ -245,8 +217,7 @@ |
245 | <el-form-item label="共有方式:"> | 217 | <el-form-item label="共有方式:"> |
246 | <el-radio-group | 218 | <el-radio-group |
247 | :disabled="$route.query.viewtype == 0" | 219 | :disabled="$route.query.viewtype == 0" |
248 | v-model="ruleForm.qlxx.gyqk" | 220 | v-model="ruleForm.qlxx.gyqk"> |
249 | > | ||
250 | <el-radio label="0">单独所有</el-radio> | 221 | <el-radio label="0">单独所有</el-radio> |
251 | <el-radio label="1">共同共有</el-radio> | 222 | <el-radio label="1">共同共有</el-radio> |
252 | <el-radio label="2">按份所有</el-radio> | 223 | <el-radio label="2">按份所有</el-radio> |
... | @@ -272,12 +243,11 @@ | ... | @@ -272,12 +243,11 @@ |
272 | </el-col> | 243 | </el-col> |
273 | </el-row> | 244 | </el-row> |
274 | <qlrCommonTable | 245 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 246 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 247 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 248 | :key="key" |
278 | :viewtype="$route.query.viewtype" | 249 | :viewtype="$route.query.viewtype" |
279 | :gyfs="ruleForm.qlxx.gyfs" | 250 | :gyfs="ruleForm.qlxx.gyfs" /> |
280 | /> | ||
281 | 251 | ||
282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 252 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
283 | <div class="slxx_title title-block"> | 253 | <div class="slxx_title title-block"> |
... | @@ -289,8 +259,7 @@ | ... | @@ -289,8 +259,7 @@ |
289 | :tableData="ruleForm.ywrList" | 259 | :tableData="ruleForm.ywrList" |
290 | :key="key" | 260 | :key="key" |
291 | @upDateQlrxxList="upDateYwrxxList" | 261 | @upDateQlrxxList="upDateYwrxxList" |
292 | :viewtype="$route.query.viewtype" | 262 | :viewtype="$route.query.viewtype" /> |
293 | /> | ||
294 | </div> | 263 | </div> |
295 | </div> | 264 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 265 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
... | @@ -303,8 +272,7 @@ | ... | @@ -303,8 +272,7 @@ |
303 | </template> | 272 | </template> |
304 | <script> | 273 | <script> |
305 | import { mapGetters } from "vuex"; | 274 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 275 | import { init,save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | ||
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 277 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 278 | export default { |
... | @@ -332,26 +300,27 @@ export default { | ... | @@ -332,26 +300,27 @@ export default { |
332 | mounted() {}, | 300 | mounted() {}, |
333 | methods: { | 301 | methods: { |
334 | loadData() { | 302 | loadData() { |
303 | console.log("预告登记",this.propsParam); | ||
335 | init(this.propsParam.bsmRepair).then((res) => { | 304 | init(this.propsParam.bsmRepair).then((res) => { |
336 | if (res.code == 200) { | 305 | if (res.code == 200) { |
337 | |||
338 | this.ruleForm = res.result; | 306 | this.ruleForm = res.result; |
339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 307 | console.log("this.ruleForm",this.ruleForm); |
340 | this.isShow = true; | 308 | this.isShow = true; |
341 | // this.tableData = res.result; | ||
342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
343 | // this.emptycolNum = | ||
344 | // datas.columns().emptycolNum - this.tableData.length; | ||
345 | // } else { | ||
346 | // this.emptycolNum = 0; | ||
347 | // } | ||
348 | } | 309 | } |
349 | }); | 310 | }); |
350 | }, | 311 | }, |
312 | // 更新土地用途信息 | ||
313 | upDateTdytxxList(val) { | ||
314 | console.log("VAL",val); | ||
315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
316 | this.key++; | ||
317 | }, | ||
351 | // 更新权利人信息 | 318 | // 更新权利人信息 |
352 | upDateQlrxxList(val) { | 319 | upDateQlrxxList(val) { |
353 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 320 | console.log("val",val); |
354 | this.czrOptions = this.ruleForm.qlrList; | 321 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
322 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
323 | this.czrOptions = this.ruleForm.qlrData; | ||
355 | this.key++; | 324 | this.key++; |
356 | }, | 325 | }, |
357 | // 更新义务人信息 | 326 | // 更新义务人信息 |
... | @@ -360,7 +329,8 @@ export default { | ... | @@ -360,7 +329,8 @@ export default { |
360 | this.key++; | 329 | this.key++; |
361 | }, | 330 | }, |
362 | onSubmit() { | 331 | onSubmit() { |
363 | if (this.ruleForm.qlrList.length == 0) { | 332 | console.log("this.ruleForm大信息",this.ruleForm); |
333 | if (this.ruleForm.qlrData.length == 0) { | ||
364 | this.$message({ | 334 | this.$message({ |
365 | showClose: true, | 335 | showClose: true, |
366 | message: "请确认权利人信息", | 336 | message: "请确认权利人信息", |
... | @@ -370,7 +340,7 @@ export default { | ... | @@ -370,7 +340,7 @@ export default { |
370 | } | 340 | } |
371 | 341 | ||
372 | if (this.ruleForm.qlxx.gyfs == "0") { | 342 | if (this.ruleForm.qlxx.gyfs == "0") { |
373 | if (this.ruleForm.qlrList.length > 1) { | 343 | if (this.ruleForm.qlrData.length > 1) { |
374 | this.$message({ | 344 | this.$message({ |
375 | showClose: true, | 345 | showClose: true, |
376 | message: "共有方式:单独所有,权利人只能是一个人", | 346 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -378,17 +348,17 @@ export default { | ... | @@ -378,17 +348,17 @@ export default { |
378 | }); | 348 | }); |
379 | return false; | 349 | return false; |
380 | } | 350 | } |
381 | this.ruleForm.qlrList[0].sfczr = "1"; | 351 | this.ruleForm.qlrData[0].sfczr = "1"; |
382 | } | 352 | } |
383 | if (this.ruleForm.qlxx.gyfs == "1") { | 353 | if (this.ruleForm.qlxx.gyfs == "1") { |
384 | //是否分别持证 | 354 | //是否分别持证 |
385 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 355 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
386 | //是 | 356 | //是 |
387 | this.ruleForm.qlrList.forEach((item, index) => { | 357 | this.ruleForm.qlrData.forEach((item, index) => { |
388 | item.sfczr = "1"; | 358 | item.sfczr = "1"; |
389 | }); | 359 | }); |
390 | } else { | 360 | } else { |
391 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | this.ruleForm.qlrData.forEach((item, index) => { |
392 | if (item.zjh == this.ruleForm.czr) { | 362 | if (item.zjh == this.ruleForm.czr) { |
393 | item.sfczr = "1"; | 363 | item.sfczr = "1"; |
394 | } else { | 364 | } else { |
... | @@ -397,7 +367,7 @@ export default { | ... | @@ -397,7 +367,7 @@ export default { |
397 | }); | 367 | }); |
398 | } | 368 | } |
399 | } | 369 | } |
400 | saveData(this.ruleForm).then((res) => { | 370 | save(this.ruleForm).then((res) => { |
401 | if (res.code === 200) { | 371 | if (res.code === 200) { |
402 | this.$message({ | 372 | this.$message({ |
403 | showClose: true, | 373 | showClose: true, | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-09 09:20:10 | ||
5 | --> | ||
6 | <template> | ||
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
8 | :isFullscreen="false"> | ||
9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | ||
10 | <el-row> | ||
11 | <el-col :span="24"> | ||
12 | <el-form-item label="材料类型"> | ||
13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | </el-row> | ||
20 | <el-row :gutter="20"> | ||
21 | <el-col :span="24"> | ||
22 | <el-form-item label="材料名称"> | ||
23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | </el-form> | ||
28 | </dialogBox> | ||
29 | </template> | ||
30 | |||
31 | <script> | ||
32 | import { mapGetters } from "vuex"; | ||
33 | export default { | ||
34 | props: { | ||
35 | value: { type: Boolean, default: false }, | ||
36 | }, | ||
37 | data () { | ||
38 | return { | ||
39 | myValue: this.value, | ||
40 | ruleForm: { | ||
41 | cllx: "", | ||
42 | clmc: "", | ||
43 | }, | ||
44 | }; | ||
45 | }, | ||
46 | computed: { | ||
47 | ...mapGetters(["dictData"]), | ||
48 | }, | ||
49 | watch: { | ||
50 | value (val) { | ||
51 | console.log("进去新增材料弹框"); | ||
52 | this.myValue = val; | ||
53 | }, | ||
54 | }, | ||
55 | methods: { | ||
56 | closeDialog () { | ||
57 | this.$emit("input", false); | ||
58 | this.ruleForm = { | ||
59 | cllx: "", | ||
60 | clmc: "", | ||
61 | } | ||
62 | }, | ||
63 | handleSubmit () { | ||
64 | this.$parent.addSave(this.ruleForm); | ||
65 | this.ruleForm = { | ||
66 | cllx: "", | ||
67 | clmc: "", | ||
68 | } | ||
69 | this.$emit("input", false); | ||
70 | }, | ||
71 | }, | ||
72 | }; | ||
73 | </script> | ||
74 | <style scoped lang="scss"> | ||
75 | .submit-button { | ||
76 | text-align: center; | ||
77 | height: 52px; | ||
78 | padding-top: 10px; | ||
79 | background-color: #fff; | ||
80 | } | ||
81 | </style> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | :visible.sync="dialogVisible" | 11 | :visible.sync="dialogVisible" |
12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
13 | append-to-body | 13 | append-to-body |
14 | width="60%" | 14 | width="31%" |
15 | > | 15 | > |
16 | <!-- <el-radio-group v-model="radio"> | 16 | <!-- <el-radio-group v-model="radio"> |
17 | <el-radio-button | 17 | <el-radio-button |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | </el-radio-group> --> | 23 | </el-radio-group> --> |
24 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" | 24 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" |
25 | :key="key" | 25 | :key="key" |
26 | :label="value" @click="clicksss(key)" plain>确定{{value}}</el-button> | 26 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> |
27 | <div class="btn"> | 27 | <div class="btn"> |
28 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 28 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
29 | <el-button type="primary" @click="closeDialog">取消</el-button> | 29 | <el-button type="primary" @click="closeDialog">取消</el-button> |
... | @@ -48,7 +48,6 @@ export default { | ... | @@ -48,7 +48,6 @@ export default { |
48 | }, | 48 | }, |
49 | 49 | ||
50 | clicksss(el){ | 50 | clicksss(el){ |
51 | console.log("el",el); | ||
52 | this.qllx=el | 51 | this.qllx=el |
53 | }, | 52 | }, |
54 | handleSubmit() { | 53 | handleSubmit() { |
... | @@ -72,19 +71,22 @@ export default { | ... | @@ -72,19 +71,22 @@ export default { |
72 | }; | 71 | }; |
73 | </script> | 72 | </script> |
74 | <style scoped lang="scss"> | 73 | <style scoped lang="scss"> |
74 | @import '~@/styles/public.scss'; | ||
75 | .qllxdialog { | 75 | .qllxdialog { |
76 | margin-top: 200px; | 76 | margin-top: 160px; |
77 | /deep/.el-dialog__body { | 77 | /deep/.el-dialog__body { |
78 | margin-top: 10px; | 78 | margin-top: 10px; |
79 | // height: 100px; | 79 | // height: 100px; |
80 | padding: 30px; | 80 | padding: 20px; |
81 | } | 81 | } |
82 | .gettypebutton{ | 82 | .gettypebutton{ |
83 | cursor: pointer; | 83 | cursor: pointer; |
84 | margin-left: 20px; | ||
85 | width: 45%; | ||
84 | line-height: 20px; | 86 | line-height: 20px; |
85 | background-color: #ebebeb; | 87 | background-color: #ebebeb; |
86 | margin-top: 10px; | 88 | margin-top: 20px; |
87 | padding-left: 10px; | 89 | padding-left: 20px; |
88 | border-radius: 2px; | 90 | border-radius: 2px; |
89 | -webkit-box-sizing: border-box; | 91 | -webkit-box-sizing: border-box; |
90 | box-sizing: border-box; | 92 | box-sizing: border-box; |
... | @@ -103,7 +105,7 @@ export default { | ... | @@ -103,7 +105,7 @@ export default { |
103 | color: #ebebeb; | 105 | color: #ebebeb; |
104 | } | 106 | } |
105 | .btn{ | 107 | .btn{ |
106 | margin:30px; | 108 | margin-top:30px; |
107 | text-align: center; | 109 | text-align: center; |
108 | .el-button { | 110 | .el-button { |
109 | margin-top: 10px; | 111 | margin-top: 10px; | ... | ... |
1 | <!-- | ||
2 | * @Description : 地役权登记信息 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-08 08:46:10 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <table class="xxTable"> | ||
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
20 | <td> | ||
21 | {{ item.label }} | ||
22 | </td> | ||
23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]"> | ||
28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | ||
36 | {{ getQsztName(row[item.prop]) }} | ||
37 | </span> | ||
38 | |||
39 | <span v-else> {{ row[item.prop] }}</span> | ||
40 | </td> | ||
41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
42 | </tr> | ||
43 | </table> | ||
44 | </div> | ||
45 | </div> | ||
46 | </div> | ||
47 | </template> | ||
48 | |||
49 | <script> | ||
50 | import { getDiyiqList } from "@/api/registerBook.js"; | ||
51 | import { datas } from "./qlxxFormData.js"; | ||
52 | export default { | ||
53 | data () { | ||
54 | return { | ||
55 | title: "地役权登记信息", | ||
56 | qsztList: datas.columns().qsztList, | ||
57 | checkList: datas.columns().checkList, | ||
58 | //传递参数 | ||
59 | propsParam: this.$attrs, | ||
60 | //列表数据 | ||
61 | tableData: [], | ||
62 | //空列值个数 | ||
63 | emptycolNum: datas.columns().emptycolNum, | ||
64 | //列名称对象 | ||
65 | columns: datas.columns().DYIQ, | ||
66 | }; | ||
67 | }, | ||
68 | created () { | ||
69 | this.loadData(); | ||
70 | }, | ||
71 | methods: { | ||
72 | loadData () { | ||
73 | getDiyiqList({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | ||
86 | } | ||
87 | }); | ||
88 | }, | ||
89 | checkChange () { | ||
90 | if (this.checkList.length === 0) { | ||
91 | this.tableData = []; | ||
92 | this.emptycolNum = datas.columns().emptycolNum; | ||
93 | } else { | ||
94 | this.loadData(); | ||
95 | } | ||
96 | }, | ||
97 | getQsztName (code) { | ||
98 | let name = ""; | ||
99 | for (let item of this.qsztList) { | ||
100 | if (item.value == code) { | ||
101 | name = item.label; | ||
102 | break; | ||
103 | } | ||
104 | } | ||
105 | return name; | ||
106 | }, | ||
107 | // 编辑 | ||
108 | editDialog(row){ | ||
109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
110 | confirmButtonText: '确定', | ||
111 | cancelButtonText: '取消', | ||
112 | type: 'warning' | ||
113 | }).then(() => { | ||
114 | this.$parent.addRepairRecord(row) | ||
115 | |||
116 | this.$message({ | ||
117 | type: 'success', | ||
118 | message: '补录成功!' | ||
119 | }); | ||
120 | }).catch(() => { | ||
121 | this.$message({ | ||
122 | type: 'info', | ||
123 | message: '取消编辑' | ||
124 | }); | ||
125 | }); | ||
126 | |||
127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
128 | // datalist:this.columns, | ||
129 | // data: row, | ||
130 | |||
131 | // }) | ||
132 | |||
133 | }, | ||
134 | // 删除 | ||
135 | deleteDialog(row){ | ||
136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
137 | confirmButtonText: '确定', | ||
138 | cancelButtonText: '取消', | ||
139 | type: 'warning' | ||
140 | }).then(() => { | ||
141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
142 | // deleteClmx(bsmClmx).then(res => { | ||
143 | // if (res.code == 200) { | ||
144 | // that.$emit('updateList', res.result) | ||
145 | // that.$message({ | ||
146 | // message: '删除成功!', | ||
147 | // type: 'success' | ||
148 | // }) | ||
149 | // } | ||
150 | // }) | ||
151 | this.$message({ | ||
152 | type: 'success', | ||
153 | message: '删除成功!' | ||
154 | }); | ||
155 | }).catch(() => { | ||
156 | this.$message({ | ||
157 | type: 'info', | ||
158 | message: '已取消删除' | ||
159 | }); | ||
160 | }); | ||
161 | |||
162 | } | ||
163 | }, | ||
164 | }; | ||
165 | </script> | ||
166 | |||
167 | <style lang="scss" scoped> | ||
168 | @import "./qlxxCommon.scss"; | ||
169 | </style> |
1 | <template> | ||
2 | <div class="djbfm"> | ||
3 | <br /><br /> | ||
4 | <p> | ||
5 | <font>{{ info.sheng }}</font> | ||
6 | 省 (区、市) | ||
7 | <font>{{ info.shi }}</font> | ||
8 | 市 (区) | ||
9 | <font>{{ info.xian }}</font> | ||
10 | 区 (县、市) | ||
11 | </p> | ||
12 | <p> | ||
13 | <font>{{ info.jdh }}</font> | ||
14 | 街道 (乡、镇) | ||
15 | <font>{{ info.jfh }}</font> | ||
16 | 街坊 (村) | ||
17 | <font>{{ info.zh }}</font> | ||
18 | 组 | ||
19 | </p> | ||
20 | <div class="title">不动产登记簿</div> | ||
21 | <br /> | ||
22 | <p> | ||
23 | 宗地/宗海号: | ||
24 | <font>{{ info.zddm }}</font> | ||
25 | </p> | ||
26 | <div class="bottom"> | ||
27 | <p> | ||
28 | 登记机构: | ||
29 | <font>{{ info.djjg }}</font> | ||
30 | </p> | ||
31 | </div> | ||
32 | </div> | ||
33 | </template> | ||
34 | |||
35 | <script> | ||
36 | import { getDjbfm } from "@/api/registerBook.js"; | ||
37 | |||
38 | export default { | ||
39 | data () { | ||
40 | return { | ||
41 | //传递参数 | ||
42 | propsParam: this.$attrs, | ||
43 | info: {}, | ||
44 | }; | ||
45 | }, | ||
46 | mounted () { | ||
47 | this.loadData(); | ||
48 | }, | ||
49 | methods: { | ||
50 | loadData () { | ||
51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
52 | if (res.code === 200) { | ||
53 | this.info = res.result; | ||
54 | } | ||
55 | }); | ||
56 | }, | ||
57 | }, | ||
58 | }; | ||
59 | </script> | ||
60 | |||
61 | <style lang="scss" scoped> | ||
62 | .djbfm { | ||
63 | width: 100%; | ||
64 | height: 100%; | ||
65 | background: #fff; | ||
66 | border-right: 1px solid #ccc; | ||
67 | line-height: 45px; | ||
68 | text-align: center; | ||
69 | font-size: 18px; | ||
70 | font-family: serif; | ||
71 | position: relative; | ||
72 | |||
73 | font { | ||
74 | border-bottom: 1px solid #000; | ||
75 | display: inline-block; | ||
76 | padding: 0 15px; | ||
77 | line-height: 16px; | ||
78 | } | ||
79 | |||
80 | .title { | ||
81 | height: 40%; | ||
82 | display: flex; | ||
83 | font-size: 38px; | ||
84 | color: #000; | ||
85 | justify-content: center; | ||
86 | align-items: center; | ||
87 | } | ||
88 | |||
89 | .bottom { | ||
90 | position: absolute; | ||
91 | bottom: 0px; | ||
92 | text-align: center; | ||
93 | width: 100%; | ||
94 | left: 0; | ||
95 | height: 100px; | ||
96 | line-height: 100px; | ||
97 | |||
98 | p { | ||
99 | font-size: 28px; | ||
100 | } | ||
101 | |||
102 | font { | ||
103 | font-size: 24px; | ||
104 | line-height: 24px; | ||
105 | } | ||
106 | } | ||
107 | } | ||
108 | </style> |
1 | <!-- | ||
2 | * @Description : 房地产权1 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-16 10:23:27 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <!-- 固定前三个 --> | ||
19 | <table class="xxTable"> | ||
20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
21 | <td> | ||
22 | {{ item.label }} | ||
23 | </td> | ||
24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
25 | row.qszt == '2' ? 'lishi' : '', | ||
26 | row.qszt == '0' ? 'linshi' : '', | ||
27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
29 | ]"> | ||
30 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
32 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
33 | </div> | ||
34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
35 | 正在办理 | ||
36 | </div> | ||
37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
38 | 有效 | ||
39 | </div> | ||
40 | <span v-if="item.prop == 'qszt'"> | ||
41 | {{ getQsztName(row[item.prop]) }} | ||
42 | </span> | ||
43 | |||
44 | <span v-else> {{ row[item.prop] }}</span> | ||
45 | </td> | ||
46 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
47 | </tr> | ||
48 | </table> | ||
49 | </div> | ||
50 | </div> | ||
51 | </div> | ||
52 | </template> | ||
53 | |||
54 | <script> | ||
55 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
56 | import { datas } from "./qlxxFormData.js"; | ||
57 | export default { | ||
58 | data () { | ||
59 | return { | ||
60 | title: "建设用地使用权、宅基地使用权登记信息", | ||
61 | qsztList: datas.columns().qsztList, | ||
62 | checkList: datas.columns().checkList, | ||
63 | //传递参数 | ||
64 | propsParam: this.$attrs, | ||
65 | //列表数据 | ||
66 | tableData: [], | ||
67 | //空列值个数 | ||
68 | emptycolNum: datas.columns().emptycolNum, | ||
69 | //列名称对象 | ||
70 | columns: datas.columns().JSYDSYQ, | ||
71 | }; | ||
72 | }, | ||
73 | created () { | ||
74 | this.loadData(); | ||
75 | }, | ||
76 | methods: { | ||
77 | loadData () { | ||
78 | getJsydsyqList({ | ||
79 | bdcdyid: this.propsParam.bdcdyid, | ||
80 | qllx: this.propsParam.qllx, | ||
81 | qszt: this.checkList, | ||
82 | }).then((res) => { | ||
83 | if (res.code === 200) { | ||
84 | this.tableData = res.result; | ||
85 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
86 | this.emptycolNum = | ||
87 | datas.columns().emptycolNum - this.tableData.length; | ||
88 | } else { | ||
89 | this.emptycolNum = 0; | ||
90 | } | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | checkChange () { | ||
95 | if (this.checkList.length === 0) { | ||
96 | this.tableData = []; | ||
97 | this.emptycolNum = datas.columns().emptycolNum; | ||
98 | } else { | ||
99 | this.loadData(); | ||
100 | } | ||
101 | }, | ||
102 | getQsztName (code) { | ||
103 | let name = ""; | ||
104 | for (let item of this.qsztList) { | ||
105 | if (item.value == code) { | ||
106 | name = item.label; | ||
107 | break; | ||
108 | } | ||
109 | } | ||
110 | return name; | ||
111 | }, | ||
112 | // 编辑 | ||
113 | editDialog(row){ | ||
114 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
115 | // confirmButtonText: '确定', | ||
116 | // cancelButtonText: '取消', | ||
117 | // type: 'warning' | ||
118 | // }).then(() => { | ||
119 | this.$parent.addRepairRecord(row) | ||
120 | // this.$message({ | ||
121 | // type: 'success', | ||
122 | // message: '补录成功!' | ||
123 | // }); | ||
124 | // }).catch(() => { | ||
125 | // this.$message({ | ||
126 | // type: 'info', | ||
127 | // message: '取消编辑' | ||
128 | // }); | ||
129 | // }); | ||
130 | |||
131 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
132 | // datalist:this.columns, | ||
133 | // data: row, | ||
134 | |||
135 | // }) | ||
136 | |||
137 | }, | ||
138 | // 删除 | ||
139 | deleteDialog(row){ | ||
140 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
141 | confirmButtonText: '确定', | ||
142 | cancelButtonText: '取消', | ||
143 | type: 'warning' | ||
144 | }).then(() => { | ||
145 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
146 | // deleteClmx(bsmClmx).then(res => { | ||
147 | // if (res.code == 200) { | ||
148 | // that.$emit('updateList', res.result) | ||
149 | // that.$message({ | ||
150 | // message: '删除成功!', | ||
151 | // type: 'success' | ||
152 | // }) | ||
153 | // } | ||
154 | // }) | ||
155 | this.$message({ | ||
156 | type: 'success', | ||
157 | message: '删除成功!' | ||
158 | }); | ||
159 | }).catch(() => { | ||
160 | this.$message({ | ||
161 | type: 'info', | ||
162 | message: '已取消删除' | ||
163 | }); | ||
164 | }); | ||
165 | |||
166 | } | ||
167 | }, | ||
168 | }; | ||
169 | </script> | ||
170 | |||
171 | <style lang="scss" scoped> | ||
172 | @import "./qlxxCommon.scss"; | ||
173 | </style> |
1 | <!-- | ||
2 | * @Description : 房地产权2 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime: 2023-06-20 09:59:18 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <table class="xxTable"> | ||
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
20 | <td> | ||
21 | {{ item.label }} | ||
22 | </td> | ||
23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]"> | ||
28 | <div class="setbut" v-if="item.prop == 'cz'&&item.sjlx !='系统数据'"> | ||
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | ||
36 | {{ getQsztName(row[item.prop]) }} | ||
37 | </span> | ||
38 | |||
39 | <span v-else> {{ row[item.prop] }}</span> | ||
40 | </td> | ||
41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
42 | </tr> | ||
43 | </table> | ||
44 | </div> | ||
45 | </div> | ||
46 | </div> | ||
47 | </template> | ||
48 | |||
49 | <script> | ||
50 | import { getFdcq2List } from "@/api/registerBook.js"; | ||
51 | import { datas } from "./qlxxFormData.js"; | ||
52 | export default { | ||
53 | data () { | ||
54 | return { | ||
55 | title: "房地产权登记信息(独幢、层、套、间房屋)", | ||
56 | qsztList: datas.columns().qsztList, | ||
57 | checkList: datas.columns().checkList, | ||
58 | //传递参数 | ||
59 | propsParam: this.$attrs, | ||
60 | //列表数据 | ||
61 | tableData: [], | ||
62 | //空列值个数 | ||
63 | emptycolNum: datas.columns().emptycolNum, | ||
64 | //列名称对象 | ||
65 | columns: datas.columns().FDCQ2, | ||
66 | }; | ||
67 | }, | ||
68 | created () { | ||
69 | this.loadData(); | ||
70 | }, | ||
71 | methods: { | ||
72 | loadData () { | ||
73 | getFdcq2List({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | ||
86 | } | ||
87 | }); | ||
88 | }, | ||
89 | checkChange () { | ||
90 | if (this.checkList.length === 0) { | ||
91 | this.tableData = []; | ||
92 | this.emptycolNum = datas.columns().emptycolNum; | ||
93 | } else { | ||
94 | this.loadData(); | ||
95 | } | ||
96 | }, | ||
97 | getQsztName (code) { | ||
98 | let name = ""; | ||
99 | for (let item of this.qsztList) { | ||
100 | if (item.value == code) { | ||
101 | name = item.label; | ||
102 | break; | ||
103 | } | ||
104 | } | ||
105 | return name; | ||
106 | }, | ||
107 | |||
108 | // 编辑 | ||
109 | editDialog (row) { | ||
110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
111 | confirmButtonText: '确定', | ||
112 | cancelButtonText: '取消', | ||
113 | type: 'warning' | ||
114 | }).then(() => { | ||
115 | this.$parent.addRepairRecord(row) | ||
116 | |||
117 | this.$message({ | ||
118 | type: 'success', | ||
119 | message: '补录成功!' | ||
120 | }); | ||
121 | }).catch(() => { | ||
122 | this.$message({ | ||
123 | type: 'info', | ||
124 | message: '取消编辑' | ||
125 | }); | ||
126 | }); | ||
127 | |||
128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
129 | // datalist:this.columns, | ||
130 | // data: row, | ||
131 | |||
132 | // }) | ||
133 | |||
134 | }, | ||
135 | // 删除 | ||
136 | deleteDialog (row) { | ||
137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
138 | confirmButtonText: '确定', | ||
139 | cancelButtonText: '取消', | ||
140 | type: 'warning' | ||
141 | }).then(() => { | ||
142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
143 | // deleteClmx(bsmClmx).then(res => { | ||
144 | // if (res.code == 200) { | ||
145 | // that.$emit('updateList', res.result) | ||
146 | // that.$message({ | ||
147 | // message: '删除成功!', | ||
148 | // type: 'success' | ||
149 | // }) | ||
150 | // } | ||
151 | // }) | ||
152 | this.$message({ | ||
153 | type: 'success', | ||
154 | message: '删除成功!' | ||
155 | }); | ||
156 | }).catch(() => { | ||
157 | this.$message({ | ||
158 | type: 'info', | ||
159 | message: '已取消删除' | ||
160 | }); | ||
161 | }); | ||
162 | |||
163 | } | ||
164 | |||
165 | }, | ||
166 | }; | ||
167 | </script> | ||
168 | |||
169 | <style lang="scss" scoped> | ||
170 | @import "./qlxxCommon.scss"; | ||
171 | </style> |
1 | <!-- | ||
2 | * @Description :国有建设用地使用权 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-16 10:23:54 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <!-- 固定前三个 --> | ||
19 | <table class="xxTable"> | ||
20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
21 | <td> | ||
22 | {{ item.label }} | ||
23 | </td> | ||
24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
25 | row.qszt == '2' ? 'lishi' : '', | ||
26 | row.qszt == '0' ? 'linshi' : '', | ||
27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
29 | ]" | ||
30 | > | ||
31 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
33 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
34 | </div> | ||
35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
36 | 正在办理 | ||
37 | </div> | ||
38 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
39 | 有效 | ||
40 | </div> | ||
41 | <span v-if="item.prop == 'qszt'"> | ||
42 | {{ getQsztName(row[item.prop]) }} | ||
43 | </span> | ||
44 | |||
45 | <span v-else> {{ row[item.prop] }}</span> | ||
46 | </td> | ||
47 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
48 | </tr> | ||
49 | </table> | ||
50 | </div> | ||
51 | </div> | ||
52 | </div> | ||
53 | </template> | ||
54 | |||
55 | <script> | ||
56 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
57 | import { datas } from "./qlxxFormData.js"; | ||
58 | |||
59 | export default { | ||
60 | data () { | ||
61 | return { | ||
62 | title: "建设用地使用权、宅基地使用权登记信息", | ||
63 | qsztList: datas.columns().qsztList, | ||
64 | checkList: datas.columns().checkList, | ||
65 | //传递参数 | ||
66 | propsParam: this.$attrs, | ||
67 | //列表数据 | ||
68 | tableData: [], | ||
69 | //空列值个数 | ||
70 | emptycolNum: datas.columns().emptycolNum, | ||
71 | //列名称对象 | ||
72 | columns: datas.columns().JSYDSYQ, | ||
73 | }; | ||
74 | }, | ||
75 | created () { | ||
76 | this.loadData(); | ||
77 | }, | ||
78 | methods: { | ||
79 | loadData () { | ||
80 | console.log(" this.propsParam", this.propsParam); | ||
81 | getJsydsyqList({ | ||
82 | bdcdyid: this.propsParam.bdcdyid, | ||
83 | qllx: this.propsParam.qllx, | ||
84 | qszt: this.checkList, | ||
85 | }).then((res) => { | ||
86 | if (res.code === 200) { | ||
87 | this.tableData = res.result; | ||
88 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
89 | this.emptycolNum = | ||
90 | datas.columns().emptycolNum - this.tableData.length; | ||
91 | } else { | ||
92 | this.emptycolNum = 0; | ||
93 | } | ||
94 | } | ||
95 | }); | ||
96 | |||
97 | }, | ||
98 | checkChange () { | ||
99 | if (this.checkList.length === 0) { | ||
100 | this.tableData = []; | ||
101 | this.emptycolNum = datas.columns().emptycolNum; | ||
102 | } else { | ||
103 | this.loadData(); | ||
104 | } | ||
105 | }, | ||
106 | getQsztName (code) { | ||
107 | let name = ""; | ||
108 | for (let item of this.qsztList) { | ||
109 | if (item.value == code) { | ||
110 | name = item.label; | ||
111 | break; | ||
112 | } | ||
113 | } | ||
114 | return name; | ||
115 | }, | ||
116 | // 编辑 | ||
117 | editDialog(row){ | ||
118 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
119 | // confirmButtonText: '确定', | ||
120 | // cancelButtonText: '取消', | ||
121 | // type: 'warning' | ||
122 | // }).then(() => { | ||
123 | this.$parent.addRepairRecord(row) | ||
124 | |||
125 | // this.$message({ | ||
126 | // type: 'success', | ||
127 | // message: '补录成功!' | ||
128 | // }); | ||
129 | // }).catch(() => { | ||
130 | // this.$message({ | ||
131 | // type: 'info', | ||
132 | // message: '取消编辑' | ||
133 | // }); | ||
134 | // }); | ||
135 | |||
136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
137 | // datalist:this.columns, | ||
138 | // data: row, | ||
139 | |||
140 | // }) | ||
141 | |||
142 | }, | ||
143 | // 删除 | ||
144 | deleteDialog(row){ | ||
145 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
146 | confirmButtonText: '确定', | ||
147 | cancelButtonText: '取消', | ||
148 | type: 'warning' | ||
149 | }).then(() => { | ||
150 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
151 | // deleteClmx(bsmClmx).then(res => { | ||
152 | // if (res.code == 200) { | ||
153 | // that.$emit('updateList', res.result) | ||
154 | // that.$message({ | ||
155 | // message: '删除成功!', | ||
156 | // type: 'success' | ||
157 | // }) | ||
158 | // } | ||
159 | // }) | ||
160 | this.$message({ | ||
161 | type: 'success', | ||
162 | message: '删除成功!' | ||
163 | }); | ||
164 | }).catch(() => { | ||
165 | this.$message({ | ||
166 | type: 'info', | ||
167 | message: '已取消删除' | ||
168 | }); | ||
169 | }); | ||
170 | |||
171 | } | ||
172 | }, | ||
173 | }; | ||
174 | </script> | ||
175 | |||
176 | <style lang="scss" scoped> | ||
177 | @import "./qlxxCommon.scss"; | ||
178 | </style> |
1 | <!-- | ||
2 | * @Description :用地 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-02 14:43:11 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox"> | ||
18 | <!-- 固定前三个 --> | ||
19 | <table class="xxTable"> | ||
20 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
21 | <td> | ||
22 | {{ item.label }} | ||
23 | </td> | ||
24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
25 | row.qszt == '2' ? 'lishi' : '', | ||
26 | row.qszt == '0' ? 'linshi' : '', | ||
27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
29 | ]"> | ||
30 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
32 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
33 | </div> | ||
34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
35 | 正在办理 | ||
36 | </div> | ||
37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
38 | 有效 | ||
39 | </div> | ||
40 | <span v-if="item.prop == 'qszt'"> | ||
41 | {{ getQsztName(row[item.prop]) }} | ||
42 | </span> | ||
43 | |||
44 | <span v-else> {{ row[item.prop] }}</span> | ||
45 | </td> | ||
46 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
47 | </tr> | ||
48 | </table> | ||
49 | |||
50 | <table class="xxTable rollTable"> | ||
51 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
52 | <td> | ||
53 | {{ item.label }} | ||
54 | </td> | ||
55 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
56 | row.qszt == '2' ? 'lishi' : '', | ||
57 | row.qszt == '0' ? 'linshi' : '', | ||
58 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
59 | ]"> | ||
60 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
61 | 正在办理 | ||
62 | </div> | ||
63 | <span v-if="item.prop == 'qszt'"> | ||
64 | {{ getQsztName(row[item.prop]) }} | ||
65 | </span> | ||
66 | |||
67 | <span v-else> {{ row[item.prop] }}</span> | ||
68 | </td> | ||
69 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
70 | </tr> | ||
71 | </table> | ||
72 | </div> | ||
73 | </div> | ||
74 | </div> | ||
75 | </template> | ||
76 | |||
77 | <script> | ||
78 | import { getNydsyqList } from "@/api/registerBook.js"; | ||
79 | import { datas } from "./qlxxFormData.js"; | ||
80 | export default { | ||
81 | data () { | ||
82 | return { | ||
83 | title: "农用地使用权登记信息", | ||
84 | qsztList: datas.columns().qsztList, | ||
85 | checkList: datas.columns().checkList, | ||
86 | //传递参数 | ||
87 | propsParam: this.$attrs, | ||
88 | //列表数据 | ||
89 | tableData: [], | ||
90 | //空列值个数 | ||
91 | emptycolNum: datas.columns().emptycolNum, | ||
92 | //列名称对象 | ||
93 | columns: datas.columns().NYDSYQ, | ||
94 | }; | ||
95 | }, | ||
96 | created () { | ||
97 | var qllx = this.$route.query.sqywbm.substr(0, 3) | ||
98 | if (qllx == 'A09') { | ||
99 | this.title = '土地经营权登记信息' | ||
100 | } else { | ||
101 | this.title = '农用地使用权登记信息' | ||
102 | } | ||
103 | this.loadData(); | ||
104 | }, | ||
105 | methods: { | ||
106 | loadData () { | ||
107 | getNydsyqList({ | ||
108 | bdcdyid: this.propsParam.bdcdyid, | ||
109 | qllx: this.propsParam.qllx, | ||
110 | qszt: this.checkList, | ||
111 | }).then((res) => { | ||
112 | if (res.code === 200) { | ||
113 | this.tableData = res.result; | ||
114 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
115 | this.emptycolNum = | ||
116 | datas.columns().emptycolNum - this.tableData.length; | ||
117 | } else { | ||
118 | this.emptycolNum = 0; | ||
119 | } | ||
120 | } | ||
121 | }); | ||
122 | }, | ||
123 | checkChange () { | ||
124 | if (this.checkList.length === 0) { | ||
125 | this.tableData = []; | ||
126 | this.emptycolNum = datas.columns().emptycolNum; | ||
127 | } else { | ||
128 | this.loadData(); | ||
129 | } | ||
130 | }, | ||
131 | getQsztName (code) { | ||
132 | let name = ""; | ||
133 | for (let item of this.qsztList) { | ||
134 | if (item.value == code) { | ||
135 | name = item.label; | ||
136 | break; | ||
137 | } | ||
138 | } | ||
139 | return name; | ||
140 | }, | ||
141 | // 编辑 | ||
142 | editDialog(row){ | ||
143 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
144 | confirmButtonText: '确定', | ||
145 | cancelButtonText: '取消', | ||
146 | type: 'warning' | ||
147 | }).then(() => { | ||
148 | this.$parent.addRepairRecord(row) | ||
149 | |||
150 | this.$message({ | ||
151 | type: 'success', | ||
152 | message: '补录成功!' | ||
153 | }); | ||
154 | }).catch(() => { | ||
155 | this.$message({ | ||
156 | type: 'info', | ||
157 | message: '取消编辑' | ||
158 | }); | ||
159 | }); | ||
160 | |||
161 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
162 | // datalist:this.columns, | ||
163 | // data: row, | ||
164 | |||
165 | // }) | ||
166 | |||
167 | }, | ||
168 | // 删除 | ||
169 | deleteDialog(row){ | ||
170 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
171 | confirmButtonText: '确定', | ||
172 | cancelButtonText: '取消', | ||
173 | type: 'warning' | ||
174 | }).then(() => { | ||
175 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
176 | // deleteClmx(bsmClmx).then(res => { | ||
177 | // if (res.code == 200) { | ||
178 | // that.$emit('updateList', res.result) | ||
179 | // that.$message({ | ||
180 | // message: '删除成功!', | ||
181 | // type: 'success' | ||
182 | // }) | ||
183 | // } | ||
184 | // }) | ||
185 | this.$message({ | ||
186 | type: 'success', | ||
187 | message: '删除成功!' | ||
188 | }); | ||
189 | }).catch(() => { | ||
190 | this.$message({ | ||
191 | type: 'info', | ||
192 | message: '已取消删除' | ||
193 | }); | ||
194 | }); | ||
195 | |||
196 | } | ||
197 | }, | ||
198 | }; | ||
199 | </script> | ||
200 | |||
201 | <style lang="scss" scoped> | ||
202 | @import "./qlxxCommon.scss"; | ||
203 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 房地产权(独幢、层、套、间房屋) | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | </el-row> | ||
61 | <el-row :gutter="10"> | ||
62 | <el-col :span="8"> | ||
63 | <el-form-item label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | ||
69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
71 | </el-option> | ||
72 | </el-select> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="房地坐落:"> | ||
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | <el-col :span="8"> | ||
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></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.fdcq2.fttdmj"></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.qlxx.ywh"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="土地使用起始时间:"> | ||
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="土地使用结束时间:"> | ||
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="土地使用期限:"> | ||
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | <el-col :span="8"> | ||
195 | <el-form-item label="区县代码:"> | ||
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | ||
198 | </el-col> | ||
199 | <el-col :span="8"> | ||
200 | <el-form-item label="登记机构:"> | ||
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | ||
203 | </el-col> | ||
204 | <el-col :span="8"> | ||
205 | <el-form-item label="登簿人:"> | ||
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> | ||
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | ||
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 权利人信息 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <el-row :gutter="10"> | ||
234 | <el-col :span="12"> | ||
235 | <el-form-item label="共有方式:"> | ||
236 | <el-radio-group | ||
237 | :disabled="$route.query.viewtype == 0" | ||
238 | v-model="ruleForm.qlxx.gyqk" | ||
239 | > | ||
240 | <el-radio label="0">单独所有</el-radio> | ||
241 | <el-radio label="1">共同共有</el-radio> | ||
242 | <el-radio label="2">按份所有</el-radio> | ||
243 | <el-radio label="3">其它共有</el-radio> | ||
244 | </el-radio-group> | ||
245 | </el-form-item> | ||
246 | </el-col> | ||
247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
248 | <el-form-item label="是否分别持证:"> | ||
249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
250 | <el-radio :label=1>是</el-radio> | ||
251 | <el-radio :label=0>否</el-radio> | ||
252 | </el-radio-group> | ||
253 | </el-form-item> | ||
254 | </el-col> --> | ||
255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
256 | <el-form-item label="持证人:"> | ||
257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
259 | </el-option> | ||
260 | </el-select> | ||
261 | </el-form-item> | ||
262 | </el-col> --> | ||
263 | </el-row> | ||
264 | <qlrCommonTable | ||
265 | :tableData="ruleForm.qlrList" | ||
266 | @upDateQlrxxList="upDateQlrxxList" | ||
267 | :key="key" | ||
268 | :viewtype="$route.query.viewtype" | ||
269 | :gyfs="ruleForm.qlxx.gyfs" | ||
270 | /> | ||
271 | |||
272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
273 | <div class="slxx_title title-block"> | ||
274 | 义务人信息 | ||
275 | <div class="triangle"></div> | ||
276 | </div> | ||
277 | <qlrCommonTable | ||
278 | v-if="ruleForm.ywrList" | ||
279 | :tableData="ruleForm.ywrList" | ||
280 | :key="key" | ||
281 | @upDateQlrxxList="upDateYwrxxList" | ||
282 | :viewtype="$route.query.viewtype" | ||
283 | /> | ||
284 | </div> | ||
285 | </div> | ||
286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
287 | <el-form-item> | ||
288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
289 | </el-form-item> | ||
290 | </el-row> | ||
291 | </el-form> | ||
292 | </div> | ||
293 | </template> | ||
294 | <script> | ||
295 | import { mapGetters } from "vuex"; | ||
296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
297 | import { init } from "@/api/djbbl.js"; | ||
298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
299 | export default { | ||
300 | components: { qlrCommonTable }, | ||
301 | computed: { | ||
302 | ...mapGetters(["dictData", "flag"]), | ||
303 | }, | ||
304 | data() { | ||
305 | return { | ||
306 | //表单是否可操作 | ||
307 | propsParam: this.$attrs, | ||
308 | ableOperation: true, | ||
309 | key: 0, | ||
310 | isShow: false, | ||
311 | disabled: true, | ||
312 | czrOptions: [], | ||
313 | ruleForm: {}, | ||
314 | //传递参数\ | ||
315 | rules: {}, | ||
316 | }; | ||
317 | }, | ||
318 | created() { | ||
319 | console.log("受理信息",this.ruleForm); | ||
320 | this.loadData(); | ||
321 | }, | ||
322 | mounted() {}, | ||
323 | methods: { | ||
324 | loadData() { | ||
325 | init(this.propsParam.bsmRepair).then((res) => { | ||
326 | if (res.code == 200) { | ||
327 | this.ruleForm = res.result; | ||
328 | this.isShow = true; | ||
329 | // this.tableData = res.result; | ||
330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
331 | // this.emptycolNum = | ||
332 | // datas.columns().emptycolNum - this.tableData.length; | ||
333 | // } else { | ||
334 | // this.emptycolNum = 0; | ||
335 | // } | ||
336 | } | ||
337 | }); | ||
338 | }, | ||
339 | // 更新权利人信息 | ||
340 | upDateQlrxxList(val) { | ||
341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
342 | this.czrOptions = this.ruleForm.qlrList; | ||
343 | this.key++; | ||
344 | }, | ||
345 | // 更新义务人信息 | ||
346 | upDateYwrxxList(val) { | ||
347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
348 | this.key++; | ||
349 | }, | ||
350 | onSubmit() { | ||
351 | if (this.ruleForm.qlrList.length == 0) { | ||
352 | this.$message({ | ||
353 | showClose: true, | ||
354 | message: "请确认权利人信息", | ||
355 | type: "error", | ||
356 | }); | ||
357 | return false; | ||
358 | } | ||
359 | |||
360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
361 | if (this.ruleForm.qlrList.length > 1) { | ||
362 | this.$message({ | ||
363 | showClose: true, | ||
364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
365 | type: "error", | ||
366 | }); | ||
367 | return false; | ||
368 | } | ||
369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
370 | } | ||
371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
372 | //是否分别持证 | ||
373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
374 | //是 | ||
375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
376 | item.sfczr = "1"; | ||
377 | }); | ||
378 | } else { | ||
379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
380 | if (item.zjh == this.ruleForm.czr) { | ||
381 | item.sfczr = "1"; | ||
382 | } else { | ||
383 | item.sfczr = "0"; | ||
384 | } | ||
385 | }); | ||
386 | } | ||
387 | } | ||
388 | saveData(this.ruleForm).then((res) => { | ||
389 | if (res.code === 200) { | ||
390 | this.$message({ | ||
391 | showClose: true, | ||
392 | message: "保存成功!", | ||
393 | type: "success", | ||
394 | }); | ||
395 | this.$store.dispatch("user/refreshPage", true); | ||
396 | } else { | ||
397 | this.$message({ | ||
398 | showClose: true, | ||
399 | message: res.message, | ||
400 | type: "error", | ||
401 | }); | ||
402 | } | ||
403 | }); | ||
404 | }, | ||
405 | }, | ||
406 | }; | ||
407 | </script> | ||
408 | <style scoped lang="scss"> | ||
409 | @import "~@/styles/public.scss"; | ||
410 | @import "~@/styles/slxx/slxx.scss"; | ||
411 | </style> |
... | @@ -95,7 +95,7 @@ | ... | @@ -95,7 +95,7 @@ |
95 | let that = this | 95 | let that = this |
96 | this.$startLoading() | 96 | this.$startLoading() |
97 | var formdata = new FormData(); | 97 | var formdata = new FormData(); |
98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 98 | formdata.append("bsmBusiness", this.propsParam.bsmRepair); |
99 | formdata.append("bestepid", this.$route.query.bestepid); | 99 | formdata.append("bestepid", this.$route.query.bestepid); |
100 | formdata.append("ableOperation", this.ableOperation) | 100 | formdata.append("ableOperation", this.ableOperation) |
101 | getSpyjList(formdata).then((res) => { | 101 | getSpyjList(formdata).then((res) => { | ... | ... |
1 | <!-- | ||
2 | * @Description :预告登记 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-15 13:50:25 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <table class="xxTable"> | ||
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
20 | <td> | ||
21 | {{ item.label }} | ||
22 | </td> | ||
23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]"> | ||
28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | ||
36 | {{ getQsztName(row[item.prop]) }} | ||
37 | </span> | ||
38 | |||
39 | <span v-else> {{ row[item.prop] }}</span> | ||
40 | </td> | ||
41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
42 | </tr> | ||
43 | </table> | ||
44 | </div> | ||
45 | </div> | ||
46 | </div> | ||
47 | </template> | ||
48 | |||
49 | <script> | ||
50 | import { getYgdjList } from "@/api/registerBook.js"; | ||
51 | import { datas } from "./qlxxFormData.js"; | ||
52 | export default { | ||
53 | data () { | ||
54 | return { | ||
55 | title: "预告登记信息", | ||
56 | qsztList: datas.columns().qsztList, | ||
57 | checkList: datas.columns().checkList, | ||
58 | //传递参数 | ||
59 | propsParam: this.$attrs, | ||
60 | //列表数据 | ||
61 | tableData: [], | ||
62 | //空列值个数 | ||
63 | emptycolNum: datas.columns().emptycolNum, | ||
64 | //列名称对象 | ||
65 | columns: datas.columns().YGDJ, | ||
66 | }; | ||
67 | }, | ||
68 | created () { | ||
69 | this.loadData(); | ||
70 | }, | ||
71 | methods: { | ||
72 | loadData () { | ||
73 | getYgdjList({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | ||
86 | } | ||
87 | }); | ||
88 | }, | ||
89 | checkChange () { | ||
90 | if (this.checkList.length === 0) { | ||
91 | this.tableData = []; | ||
92 | this.emptycolNum = datas.columns().emptycolNum; | ||
93 | } else { | ||
94 | this.loadData(); | ||
95 | } | ||
96 | }, | ||
97 | getQsztName (code) { | ||
98 | let name = ""; | ||
99 | for (let item of this.qsztList) { | ||
100 | if (item.value == code) { | ||
101 | name = item.label; | ||
102 | break; | ||
103 | } | ||
104 | } | ||
105 | return name; | ||
106 | }, | ||
107 | // 编辑 | ||
108 | editDialog(row){ | ||
109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
110 | confirmButtonText: '确定', | ||
111 | cancelButtonText: '取消', | ||
112 | type: 'warning' | ||
113 | }).then(() => { | ||
114 | this.$parent.addRepairRecord(row) | ||
115 | |||
116 | this.$message({ | ||
117 | type: 'success', | ||
118 | message: '补录成功!' | ||
119 | }); | ||
120 | }).catch(() => { | ||
121 | this.$message({ | ||
122 | type: 'info', | ||
123 | message: '取消编辑' | ||
124 | }); | ||
125 | }); | ||
126 | |||
127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
128 | // datalist:this.columns, | ||
129 | // data: row, | ||
130 | |||
131 | // }) | ||
132 | |||
133 | }, | ||
134 | // 删除 | ||
135 | deleteDialog(row){ | ||
136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
137 | confirmButtonText: '确定', | ||
138 | cancelButtonText: '取消', | ||
139 | type: 'warning' | ||
140 | }).then(() => { | ||
141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
142 | // deleteClmx(bsmClmx).then(res => { | ||
143 | // if (res.code == 200) { | ||
144 | // that.$emit('updateList', res.result) | ||
145 | // that.$message({ | ||
146 | // message: '删除成功!', | ||
147 | // type: 'success' | ||
148 | // }) | ||
149 | // } | ||
150 | // }) | ||
151 | this.$message({ | ||
152 | type: 'success', | ||
153 | message: '删除成功!' | ||
154 | }); | ||
155 | }).catch(() => { | ||
156 | this.$message({ | ||
157 | type: 'info', | ||
158 | message: '已取消删除' | ||
159 | }); | ||
160 | }); | ||
161 | |||
162 | } | ||
163 | }, | ||
164 | }; | ||
165 | </script> | ||
166 | |||
167 | <style lang="scss" scoped> | ||
168 | @import "./qlxxCommon.scss"; | ||
169 | </style> |
1 | <!-- | ||
2 | * @Description :异议登记 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-15 13:50:58 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | ||
15 | </div> | ||
16 | </div> | ||
17 | <div class="xxTableBox rollTable"> | ||
18 | <table class="xxTable"> | ||
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
20 | <td> | ||
21 | {{ item.label }} | ||
22 | </td> | ||
23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]"> | ||
28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
31 | </div> | ||
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
33 | 正在办理 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | ||
36 | {{ getQsztName(row[item.prop]) }} | ||
37 | </span> | ||
38 | |||
39 | <span v-else> {{ row[item.prop] }}</span> | ||
40 | </td> | ||
41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
42 | </tr> | ||
43 | </table> | ||
44 | </div> | ||
45 | </div> | ||
46 | </div> | ||
47 | </template> | ||
48 | |||
49 | <script> | ||
50 | import { getYydjList } from "@/api/registerBook.js"; | ||
51 | import { datas } from "./qlxxFormData.js"; | ||
52 | export default { | ||
53 | data () { | ||
54 | return { | ||
55 | title: "异议登记信息", | ||
56 | qsztList: datas.columns().qsztList, | ||
57 | checkList: datas.columns().checkList, | ||
58 | //传递参数 | ||
59 | propsParam: this.$attrs, | ||
60 | //列表数据 | ||
61 | tableData: [], | ||
62 | //空列值个数 | ||
63 | emptycolNum: datas.columns().emptycolNum, | ||
64 | //列名称对象 | ||
65 | columns: datas.columns().YYDJ, | ||
66 | }; | ||
67 | }, | ||
68 | created () { | ||
69 | console.log("异议登记"); | ||
70 | this.loadData(); | ||
71 | }, | ||
72 | methods: { | ||
73 | loadData () { | ||
74 | getYydjList({ | ||
75 | bdcdyid: this.propsParam.bdcdyid, | ||
76 | qllx: this.propsParam.qllx, | ||
77 | qszt: this.checkList, | ||
78 | }).then((res) => { | ||
79 | if (res.code === 200) { | ||
80 | this.tableData = res.result; | ||
81 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
82 | this.emptycolNum = | ||
83 | datas.columns().emptycolNum - this.tableData.length; | ||
84 | } else { | ||
85 | this.emptycolNum = 0; | ||
86 | } | ||
87 | } | ||
88 | }); | ||
89 | }, | ||
90 | checkChange () { | ||
91 | if (this.checkList.length === 0) { | ||
92 | this.tableData = []; | ||
93 | this.emptycolNum = datas.columns().emptycolNum; | ||
94 | } else { | ||
95 | this.loadData(); | ||
96 | } | ||
97 | }, | ||
98 | getQsztName (code) { | ||
99 | let name = ""; | ||
100 | for (let item of this.qsztList) { | ||
101 | if (item.value == code) { | ||
102 | name = item.label; | ||
103 | break; | ||
104 | } | ||
105 | } | ||
106 | return name; | ||
107 | }, | ||
108 | // 编辑 | ||
109 | editDialog(row){ | ||
110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
111 | confirmButtonText: '确定', | ||
112 | cancelButtonText: '取消', | ||
113 | type: 'warning' | ||
114 | }).then(() => { | ||
115 | this.$parent.addRepairRecord(row) | ||
116 | |||
117 | this.$message({ | ||
118 | type: 'success', | ||
119 | message: '补录成功!' | ||
120 | }); | ||
121 | }).catch(() => { | ||
122 | this.$message({ | ||
123 | type: 'info', | ||
124 | message: '取消编辑' | ||
125 | }); | ||
126 | }); | ||
127 | |||
128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
129 | // datalist:this.columns, | ||
130 | // data: row, | ||
131 | |||
132 | // }) | ||
133 | |||
134 | }, | ||
135 | // 删除 | ||
136 | deleteDialog(row){ | ||
137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
138 | confirmButtonText: '确定', | ||
139 | cancelButtonText: '取消', | ||
140 | type: 'warning' | ||
141 | }).then(() => { | ||
142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
143 | // deleteClmx(bsmClmx).then(res => { | ||
144 | // if (res.code == 200) { | ||
145 | // that.$emit('updateList', res.result) | ||
146 | // that.$message({ | ||
147 | // message: '删除成功!', | ||
148 | // type: 'success' | ||
149 | // }) | ||
150 | // } | ||
151 | // }) | ||
152 | this.$message({ | ||
153 | type: 'success', | ||
154 | message: '删除成功!' | ||
155 | }); | ||
156 | }).catch(() => { | ||
157 | this.$message({ | ||
158 | type: 'info', | ||
159 | message: '已取消删除' | ||
160 | }); | ||
161 | }); | ||
162 | |||
163 | } | ||
164 | }, | ||
165 | }; | ||
166 | </script> | ||
167 | |||
168 | <style lang="scss" scoped> | ||
169 | @import "./qlxxCommon.scss"; | ||
170 | </style> |
1 | <!-- | ||
2 | * @Description :宗地基本信息 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-15 13:57:20 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="tableDivCss"> | ||
8 | <table cellpadding="0" cellspacing="0" class="tableCss"> | ||
9 | <tr> | ||
10 | <th colspan="5" class="title">宗地基本信息</th> | ||
11 | </tr> | ||
12 | <tr> | ||
13 | <td>单位</td> | ||
14 | <td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td> | ||
15 | </tr> | ||
16 | <tr> | ||
17 | <td>不动产类型</td> | ||
18 | <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td> | ||
19 | </tr> | ||
20 | <tr> | ||
21 | <td>坐落</td> | ||
22 | <td colspan="4">{{ zdjbxx.zl }}</td> | ||
23 | </tr> | ||
24 | <tr> | ||
25 | <td rowspan="8">土地状况</td> | ||
26 | </tr> | ||
27 | <tr> | ||
28 | <td style="width:15%">宗地面积</td> | ||
29 | <td style="width:30%">{{ zdjbxx.zdmj }}m²</td> | ||
30 | <td style="width:15%">用途</td> | ||
31 | <td style="width:30%">{{ zdjbxx.ghytmc }}</td> | ||
32 | </tr> | ||
33 | <tr> | ||
34 | <td>等级</td> | ||
35 | <td>{{ zdjbxx.djmc }}</td> | ||
36 | <td>价格</td> | ||
37 | <td>{{ zdjbxx.jg }}</td> | ||
38 | </tr> | ||
39 | <tr> | ||
40 | <td>权利类型</td> | ||
41 | <td>{{ zdjbxx.qllxmc }}</td> | ||
42 | <td>权利性质</td> | ||
43 | <td>{{ zdjbxx.qlxzmc }}</td> | ||
44 | </tr> | ||
45 | <tr> | ||
46 | <td>权利设定方式</td> | ||
47 | <td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td> | ||
48 | <td>容积率</td> | ||
49 | <td>{{ zdjbxx.rjl }}</td> | ||
50 | </tr> | ||
51 | <tr> | ||
52 | <td>建筑密度</td> | ||
53 | <td>{{ zdjbxx.jzmd }}</td> | ||
54 | <td>建筑限高</td> | ||
55 | <td>{{ zdjbxx.jzxg }}</td> | ||
56 | </tr> | ||
57 | <tr> | ||
58 | <td>图幅号</td> | ||
59 | <td>{{ zdjbxx.tfh }}</td> | ||
60 | <td>地籍号</td> | ||
61 | <td>{{ zdjbxx.djh }}</td> | ||
62 | </tr> | ||
63 | <tr> | ||
64 | <td>档案号</td> | ||
65 | <td>{{ zdjbxx.dah }}</td> | ||
66 | <td>地块代码</td> | ||
67 | <td>{{ zdjbxx.dkdm }}</td> | ||
68 | </tr> | ||
69 | <tr> | ||
70 | <td rowspan="5">宗地四至</td> | ||
71 | </tr> | ||
72 | |||
73 | <tr> | ||
74 | <td>东</td> | ||
75 | <td colspan="3">{{ zdjbxx.zdszd }}</td> | ||
76 | </tr> | ||
77 | <tr> | ||
78 | <td>南</td> | ||
79 | <td colspan="3">{{ zdjbxx.zdszn }}</td> | ||
80 | </tr> | ||
81 | <tr> | ||
82 | <td>西</td> | ||
83 | <td colspan="3">{{ zdjbxx.zdszx }}</td> | ||
84 | </tr> | ||
85 | <tr> | ||
86 | <td>北</td> | ||
87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> | ||
88 | </tr> | ||
89 | <tr> | ||
90 | <td>登记时间</td> | ||
91 | <td colspan="2">{{ zdjbxx.bz }}</td> | ||
92 | <td>登簿人</td> | ||
93 | <td>{{ zdjbxx.bz }}</td> | ||
94 | </tr> | ||
95 | |||
96 | <tr> | ||
97 | <td>附记</td> | ||
98 | <td colspan="4">{{ zdjbxx.fj }}</td> | ||
99 | </tr> | ||
100 | <!-- <tr> | ||
101 | <td>状态</td> | ||
102 | <td colspan="2">{{ zdjbxx.zt }}</td> | ||
103 | <td>区县代码</td> | ||
104 | <td>{{ zdjbxx.qxdm }}</td> | ||
105 | </tr> --> | ||
106 | <tr v-if="showGroup"> | ||
107 | <td rowspan="4">变化情况</td> | ||
108 | |||
109 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | ||
110 | <tr v-for="(item, index) in bhqkColumns" :key="index"> | ||
111 | <td class="bhqkTh">{{ item.label }}</td> | ||
112 | </tr> | ||
113 | </table> --> | ||
114 | |||
115 | </tr> | ||
116 | |||
117 | <tr v-if="showGroup"> | ||
118 | <td>变化原因</td> | ||
119 | <td>变化内容</td> | ||
120 | <td>登记时间</td> | ||
121 | <td>登簿人</td> | ||
122 | </tr> | ||
123 | <!-- <tr > | ||
124 | <td>{{ zdbhqks[0].bhyy }}</td> | ||
125 | <td>{{ zdbhqks[0].bhnr }}</td> | ||
126 | <td>{{ zdbhqks[0].djsj }}</td> | ||
127 | <td>{{ zdbhqks[0].dbr }}</td> | ||
128 | </tr> --> | ||
129 | |||
130 | </table> | ||
131 | </div> | ||
132 | </template> | ||
133 | |||
134 | <script> | ||
135 | import store from '@/store/index.js' | ||
136 | import { getZdjjxxBybdcdyid } from "@/api/registerBook.js"; | ||
137 | |||
138 | export default { | ||
139 | data () { | ||
140 | return { | ||
141 | bhqkColumns: [ | ||
142 | { | ||
143 | prop: "ssywh", | ||
144 | label: "上手业务号", | ||
145 | }, | ||
146 | { | ||
147 | prop: "zddm", | ||
148 | label: "宗地代码", | ||
149 | }, | ||
150 | { | ||
151 | prop: "bhqzddm", | ||
152 | label: "变化前宗地代码", | ||
153 | }, | ||
154 | { | ||
155 | prop: "bhnr", | ||
156 | label: "变化内容", | ||
157 | }, | ||
158 | { | ||
159 | prop: "bhyy", | ||
160 | label: "变化原因", | ||
161 | }, | ||
162 | { | ||
163 | prop: "djsj", | ||
164 | label: "登记时间", | ||
165 | }, | ||
166 | { | ||
167 | prop: "dbr", | ||
168 | label: "登簿人", | ||
169 | }, | ||
170 | { | ||
171 | prop: "fj", | ||
172 | label: "附记", | ||
173 | }, | ||
174 | ], | ||
175 | bhqkTableWidth: 745, | ||
176 | zdjbxx: {}, | ||
177 | zdbhqks: [], | ||
178 | propsParam: this.$attrs, | ||
179 | showGroup: false, | ||
180 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"] | ||
181 | } | ||
182 | }, | ||
183 | filters: { | ||
184 | dictionary: function (value, param) { | ||
185 | const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value)) | ||
186 | if (foundItem) { | ||
187 | return foundItem.dname | ||
188 | } | ||
189 | } | ||
190 | }, | ||
191 | created () { | ||
192 | this.loadData() | ||
193 | }, | ||
194 | methods: { | ||
195 | loadData () { | ||
196 | console.log("this.$attrs", this.$attrs); | ||
197 | console.log("this.propsParam", this.propsParam); | ||
198 | if (this.propsParam.bsmSldy) { | ||
199 | console.log("宗地基本信息"); | ||
200 | } else { | ||
201 | console.log("登记簿里宗地基本信息"); | ||
202 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
203 | if (res.code === 200) { | ||
204 | this.zdjbxx = res.result.zdjbxx; | ||
205 | this.zdbhqks = res.result.zdbhqkList; | ||
206 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
207 | this.showGroup = true; | ||
208 | } | ||
209 | } | ||
210 | }) | ||
211 | } | ||
212 | |||
213 | } | ||
214 | } | ||
215 | } | ||
216 | </script> | ||
217 | <style lang="scss" scoped> | ||
218 | @import "~@/styles/tablecss.scss"; | ||
219 | </style> |
... | @@ -63,7 +63,7 @@ export function getForm(tabName) { | ... | @@ -63,7 +63,7 @@ export function getForm(tabName) { |
63 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 63 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); |
64 | break; | 64 | break; |
65 | case "clxx": | 65 | case "clxx": |
66 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); | 66 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); |
67 | break; | 67 | break; |
68 | case "spyj": | 68 | case "spyj": |
69 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 69 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ... | ... |
... | @@ -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, |
... | @@ -79,20 +79,16 @@ export default { | ... | @@ -79,20 +79,16 @@ export default { |
79 | }) | 79 | }) |
80 | break; | 80 | break; |
81 | case "B2": //材料分屏按钮 | 81 | case "B2": //材料分屏按钮 |
82 | this.splitScreen = this.splitScreen ? false : true; | 82 | |
83 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | 83 | this.closefp() |
84 | if (this.splitScreen) { | 84 | |
85 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 85 | // if (this.splitScreen) { |
86 | if (this.tabName == this.clxxTab.value) { | 86 | // //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
87 | this.tabName = this.tabList[this.clxxIndex - 1].value; | 87 | // if (this.tabName == this.clxxTab.value) { |
88 | this.getFromRouter(this.tabList[this.clxxIndex - 1].value); | 88 | // this.tabName = this.tabList[0].value; |
89 | } | 89 | // this.getFromRouter(this.tabList[0].value); |
90 | //删除材料信息选项卡数据 | 90 | // } |
91 | this.tabList.splice(this.clxxIndex, 1); | 91 | // } |
92 | } else { | ||
93 | //新增材料信息选项卡数据 | ||
94 | this.tabList.splice(this.clxxIndex, 0, this.clxxTab); | ||
95 | } | ||
96 | break; | 92 | break; |
97 | case "B3": //材料导入 | 93 | case "B3": //材料导入 |
98 | document.getElementById("cldr").click(); | 94 | document.getElementById("cldr").click(); |
... | @@ -246,7 +242,7 @@ export default { | ... | @@ -246,7 +242,7 @@ export default { |
246 | type: "warning", | 242 | type: "warning", |
247 | }) | 243 | }) |
248 | .then(() => { | 244 | .then(() => { |
249 | deleteFlow(formdata).then((res) => { | 245 | deleteFlow(this.bsmSlsq).then((res) => { |
250 | if (res.code === 200) { | 246 | if (res.code === 200) { |
251 | this.$message({ | 247 | this.$message({ |
252 | type: "success", | 248 | type: "success", | ... | ... |
... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
73 | <script> | 73 | <script> |
74 | import WorkFlow from "./mixin/index"; | 74 | import WorkFlow from "./mixin/index"; |
75 | import { getForm } from "./flowform"; | 75 | import { getForm } from "./flowform"; |
76 | import { getStepFormInfo } from "@/api/fqsq.js" | 76 | import { getStepFormInfo } from "@/api/fqsq.js"; |
77 | import NoticeBar from "@/components/NoticeBar/index"; | 77 | import NoticeBar from "@/components/NoticeBar/index"; |
78 | import ProcessViewer from "./components/processViewer.vue"; | 78 | import ProcessViewer from "./components/processViewer.vue"; |
79 | // 引入左侧菜单 | 79 | // 引入左侧菜单 |
... | @@ -118,12 +118,9 @@ export default { | ... | @@ -118,12 +118,9 @@ export default { |
118 | //设置表单传递数据 | 118 | //设置表单传递数据 |
119 | currentSelectProps: {}, | 119 | currentSelectProps: {}, |
120 | // 首次拿到的业务信息 | 120 | // 首次拿到的业务信息 |
121 | oneSelectProps:{}, | 121 | oneSelectProps: {}, |
122 | //材料信息选择卡索引 | 122 | //材料信息选择卡索引 |
123 | clxxIndex: "", | 123 | oneget: true, |
124 | //材料信息选项卡对象 | ||
125 | clxxTab: {}, | ||
126 | oneget:true, | ||
127 | //页面监听时间 | 124 | //页面监听时间 |
128 | _beforeUnload_time: "", | 125 | _beforeUnload_time: "", |
129 | treedata: {}, | 126 | treedata: {}, |
... | @@ -132,21 +129,20 @@ export default { | ... | @@ -132,21 +129,20 @@ export default { |
132 | }; | 129 | }; |
133 | }, | 130 | }, |
134 | mounted() { | 131 | mounted() { |
135 | // this.getleftMenubl() | 132 | // this.getleftMenubl() |
136 | }, | 133 | }, |
137 | 134 | ||
138 | methods: { | 135 | methods: { |
139 | 136 | stepForm(qllx) { | |
140 | stepForm (qllx) { | 137 | this.oneSelectProps.qllx = qllx; |
141 | this.oneSelectProps.qllx=qllx | 138 | if (this.$refs.Menu.supplementarylist.length) { |
142 | if(this.$refs.Menu.supplementarylist.length){ | ||
143 | getStepFormInfo(this.oneSelectProps).then((res) => { | 139 | getStepFormInfo(this.oneSelectProps).then((res) => { |
144 | this.$nextTick(function () { | 140 | this.$nextTick(function () { |
145 | this.tabList=res.result | 141 | this.tabList = res.result; |
146 | this.tabName =this.tabList[0].value; | 142 | this.tabName = this.tabList[0].value; |
147 | this.getFromRouter(this.tabName) | 143 | this.getFromRouter(this.tabName); |
144 | }); | ||
148 | }); | 145 | }); |
149 | }) | ||
150 | } | 146 | } |
151 | }, | 147 | }, |
152 | // 获取右侧菜单 | 148 | // 获取右侧菜单 |
... | @@ -156,7 +152,7 @@ export default { | ... | @@ -156,7 +152,7 @@ export default { |
156 | // }) | 152 | // }) |
157 | // }, | 153 | // }, |
158 | getQllxByBdcdyid() { | 154 | getQllxByBdcdyid() { |
159 | if(this.currentSelectProps.bdcdyid){ | 155 | if (this.currentSelectProps.bdcdyid) { |
160 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 156 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
161 | (res) => { | 157 | (res) => { |
162 | if (res.code === 200) { | 158 | if (res.code === 200) { |
... | @@ -166,26 +162,22 @@ export default { | ... | @@ -166,26 +162,22 @@ export default { |
166 | } | 162 | } |
167 | ); | 163 | ); |
168 | } | 164 | } |
169 | |||
170 | }, | 165 | }, |
171 | // 获取右侧选项卡 | 166 | // 获取右侧选项卡 |
172 | getCurrentSelectProps(val) { | 167 | getCurrentSelectProps(val) { |
173 | if(val.bdcdyid){ | 168 | if (val.bdcdyid) { |
174 | this.oneSelectProps = val; | 169 | this.oneSelectProps = val; |
175 | } | 170 | } |
176 | this.currentSelectProps = val; | 171 | this.currentSelectProps = val; |
177 | if (this.currentSelectProps.bsmRepair) { | 172 | if (this.currentSelectProps.bsmRepair) { |
178 | this.stepForm (this.currentSelectProps.qllx) | 173 | this.stepForm(this.currentSelectProps.qllx); |
179 | } else if(!this.oneget){ | 174 | } else if (!this.oneget) { |
180 | this.getdjblist(); | 175 | this.getdjblist(); |
181 | |||
182 | } | 176 | } |
183 | if(this.oneget){ | 177 | if (this.oneget) { |
184 | this.oneget=false | 178 | this.oneget = false; |
185 | this.stepForm (this.currentSelectProps.qllx) | 179 | this.stepForm(this.currentSelectProps.qllx); |
186 | |||
187 | } | 180 | } |
188 | |||
189 | }, | 181 | }, |
190 | // 获取渲染登记簿列表 | 182 | // 获取渲染登记簿列表 |
191 | getdjblist() { | 183 | getdjblist() { |
... | @@ -196,10 +188,11 @@ export default { | ... | @@ -196,10 +188,11 @@ export default { |
196 | if (res.code === 200) { | 188 | if (res.code === 200) { |
197 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 189 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
198 | this.$nextTick(function () { | 190 | this.$nextTick(function () { |
199 | this.defaultNode = getNode( | 191 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
200 | this.currentSelectProps.qllx, | 192 | linShi: 0, |
201 | { linShi: 0, xianShi: 0, liShi: 0 }, | 193 | xianShi: 0, |
202 | ); | 194 | liShi: 0, |
195 | }); | ||
203 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | 196 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 |
204 | }); | 197 | }); |
205 | let settree = JSON.parse(JSON.stringify(this.treedata)); | 198 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
... | @@ -221,11 +214,18 @@ export default { | ... | @@ -221,11 +214,18 @@ export default { |
221 | }, | 214 | }, |
222 | //切换选项卡内容组件 | 215 | //切换选项卡内容组件 |
223 | getFromRouter(tabname) { | 216 | getFromRouter(tabname) { |
217 | console.log("tabname", tabname); | ||
224 | this.componentTag = getForm(tabname); | 218 | this.componentTag = getForm(tabname); |
225 | }, | 219 | }, |
226 | 220 | closefp() { | |
221 | console.log("点击分屏"); | ||
222 | this.splitScreen = this.splitScreen ? false : true; | ||
223 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
224 | this.getFromRouter(this.tabList[0].value); | ||
225 | this.clxxForm = getForm(this.tabList[1].value); | ||
226 | }, | ||
227 | // 增加补录记录 | 227 | // 增加补录记录 |
228 | addRepairRecord(row,del) { | 228 | addRepairRecord(row, del) { |
229 | let from = { | 229 | let from = { |
230 | bsmQlxx: "", | 230 | bsmQlxx: "", |
231 | bsmSlsq: this.bsmSlsq, | 231 | bsmSlsq: this.bsmSlsq, |
... | @@ -235,15 +235,16 @@ export default { | ... | @@ -235,15 +235,16 @@ export default { |
235 | }; | 235 | }; |
236 | if (row) { | 236 | if (row) { |
237 | from.bsmQlxx = row.bsmQlxx; | 237 | from.bsmQlxx = row.bsmQlxx; |
238 | if(del){ | 238 | if (del) { |
239 | from.operate = del; | 239 | from.operate = del; |
240 | }else{ | 240 | } else { |
241 | from.operate = row.bsmQlxx ? "U" : "C"; | 241 | from.operate = row.bsmQlxx ? "U" : "C"; |
242 | } | 242 | } |
243 | from.qllx = row.qllx; | 243 | from.qllx = row.qllx; |
244 | } | 244 | } |
245 | addRepairRecord(from).then((res) => { | 245 | addRepairRecord(from) |
246 | if(res.code=='200'){ | 246 | .then((res) => { |
247 | if (res.code == "200") { | ||
247 | this.$refs.qllxlist.dialogVisible = false; | 248 | this.$refs.qllxlist.dialogVisible = false; |
248 | this.$nextTick(() => { | 249 | this.$nextTick(() => { |
249 | this.$refs.Menu.getleftMenubl(res.result); | 250 | this.$refs.Menu.getleftMenubl(res.result); |
... | @@ -252,16 +253,16 @@ export default { | ... | @@ -252,16 +253,16 @@ export default { |
252 | message: "补录成功!", | 253 | message: "补录成功!", |
253 | }); | 254 | }); |
254 | }); | 255 | }); |
255 | }else{ | 256 | } else { |
256 | this.$alert(res.message, '提示', { | 257 | this.$alert(res.message, "提示", { |
257 | confirmButtonText: '确定', | 258 | confirmButtonText: "确定", |
258 | type: 'warning' | 259 | type: "warning", |
259 | }); | 260 | }); |
260 | } | 261 | } |
261 | }).catch((res) => { | 262 | }) |
262 | 263 | .catch((res) => { | |
263 | console.log("错",res); | 264 | console.log("错", res); |
264 | });; | 265 | }); |
265 | }, | 266 | }, |
266 | }, | 267 | }, |
267 | }; | 268 | }; | ... | ... |
... | @@ -125,6 +125,15 @@ export default { | ... | @@ -125,6 +125,15 @@ export default { |
125 | this.initPage(); | 125 | this.initPage(); |
126 | this.userInfo.redirectUrl = localStorage.getItem("dj-location"); | 126 | this.userInfo.redirectUrl = localStorage.getItem("dj-location"); |
127 | this.reloadCaptcha() | 127 | this.reloadCaptcha() |
128 | let self = this; | ||
129 | document.onkeydown = function (e) { | ||
130 | //按下回车提交 | ||
131 | let key = window.event.keyCode; | ||
132 | //事件中keycode=13为回车事件 | ||
133 | if (key == 13) { | ||
134 | self.goHome(); | ||
135 | } | ||
136 | }; | ||
128 | }, | 137 | }, |
129 | methods: { | 138 | methods: { |
130 | // 更新验证码 | 139 | // 更新验证码 | ... | ... |
1 | 1 | ||
2 | 2 | ||
3 | var qlxxPage = [ | 3 | var qlxxPage = [ |
4 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, | 4 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, |
5 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, | 5 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, |
6 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, | 6 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, |
7 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, | 7 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, |
8 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | 8 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | ... | ... |
... | @@ -110,8 +110,8 @@ class data extends filter { | ... | @@ -110,8 +110,8 @@ class data extends filter { |
110 | label: "土地使用期限", | 110 | label: "土地使用期限", |
111 | }, | 111 | }, |
112 | { | 112 | { |
113 | prop: "qdjg", | 113 | prop: "qdjgmc", |
114 | label: "取得价格(万元)", | 114 | label: "取得价格", |
115 | }, | 115 | }, |
116 | { | 116 | { |
117 | prop: "djyy", | 117 | prop: "djyy", |
... | @@ -667,7 +667,7 @@ class data extends filter { | ... | @@ -667,7 +667,7 @@ class data extends filter { |
667 | label: "数据类型", | 667 | label: "数据类型", |
668 | }, | 668 | }, |
669 | { | 669 | { |
670 | prop: "ygdjzl", | 670 | prop: "ygdjzlmc", |
671 | label: "预告登记种类", | 671 | label: "预告登记种类", |
672 | }, | 672 | }, |
673 | { | 673 | { | ... | ... |
1 | <!-- | ||
2 | * @Description :抵押权登记信息 | ||
3 | * @Autor : miaofang | ||
4 | * @LastEditTime : 2023-06-13 13:56:37 | ||
5 | --> | ||
6 | <template> | 1 | <template> |
7 | <div class="djxxTable"> | 2 | <div class="djxxTable"> |
8 | <div class="tableBox"> | 3 | <div class="tableBox"> |
... | @@ -15,6 +10,7 @@ | ... | @@ -15,6 +10,7 @@ |
15 | </div> | 10 | </div> |
16 | </div> | 11 | </div> |
17 | <div class="xxTableBox rollTable"> | 12 | <div class="xxTableBox rollTable"> |
13 | <!-- 固定前三个 --> | ||
18 | <table class="xxTable"> | 14 | <table class="xxTable"> |
19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
20 | <td> | 16 | <td> |
... | @@ -24,14 +20,18 @@ | ... | @@ -24,14 +20,18 @@ |
24 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
25 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
27 | ]"> | 24 | ]"> |
28 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
31 | </div> | 28 | </div> |
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
33 | 正在办理 | 30 | 正在办理 |
34 | </div> | 31 | </div> |
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
33 | 有效 | ||
34 | </div> | ||
35 | <span v-if="item.prop == 'qszt'"> | 35 | <span v-if="item.prop == 'qszt'"> |
36 | {{ getQsztName(row[item.prop]) }} | 36 | {{ getQsztName(row[item.prop]) }} |
37 | </span> | 37 | </span> |
... | @@ -47,12 +47,13 @@ | ... | @@ -47,12 +47,13 @@ |
47 | </template> | 47 | </template> |
48 | 48 | ||
49 | <script> | 49 | <script> |
50 | import { getDiyaqList } from "@/api/registerBook.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
51 | import { datas } from "./qlxxFormData.js"; | 51 | import { getSjlx } from "@/utils/dictionary.js"; |
52 | export default { | 52 | import { getTdsyqList } from "@/api/registerBook.js"; |
53 | export default { | ||
53 | data () { | 54 | data () { |
54 | return { | 55 | return { |
55 | title: "抵押权登记信息", | 56 | title: "土地所有权信息", |
56 | qsztList: datas.columns().qsztList, | 57 | qsztList: datas.columns().qsztList, |
57 | checkList: datas.columns().checkList, | 58 | checkList: datas.columns().checkList, |
58 | //传递参数 | 59 | //传递参数 |
... | @@ -62,7 +63,7 @@ export default { | ... | @@ -62,7 +63,7 @@ export default { |
62 | //空列值个数 | 63 | //空列值个数 |
63 | emptycolNum: datas.columns().emptycolNum, | 64 | emptycolNum: datas.columns().emptycolNum, |
64 | //列名称对象 | 65 | //列名称对象 |
65 | columns: datas.columns().DYAQ, | 66 | columns: datas.columns().JSYDSYQ, |
66 | }; | 67 | }; |
67 | }, | 68 | }, |
68 | created () { | 69 | created () { |
... | @@ -70,13 +71,22 @@ export default { | ... | @@ -70,13 +71,22 @@ export default { |
70 | }, | 71 | }, |
71 | methods: { | 72 | methods: { |
72 | loadData () { | 73 | loadData () { |
73 | getDiyaqList({ | 74 | |
75 | if(this.$parent.addRepairRecord){ | ||
76 | this.columns.unshift({prop:"cz", | ||
77 | label:"操作" | ||
78 | }) | ||
79 | } | ||
80 | getTdsyqList({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | 81 | bdcdyid: this.propsParam.bdcdyid, |
75 | qllx: this.propsParam.qllx, | 82 | qllx: this.propsParam.qllx, |
76 | qszt: this.checkList, | 83 | qszt: this.checkList, |
77 | }).then((res) => { | 84 | }).then((res) => { |
78 | if (res.code === 200) { | 85 | if (res.code === 200) { |
79 | this.tableData = res.result; | 86 | this.tableData = res.result; |
87 | this.tableData.forEach(item => { | ||
88 | item.sjlx = getSjlx(item.sjlx) | ||
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; |
... | @@ -104,14 +114,14 @@ export default { | ... | @@ -104,14 +114,14 @@ export default { |
104 | } | 114 | } |
105 | return name; | 115 | return name; |
106 | }, | 116 | }, |
107 | // 编辑 | 117 | // 新增一条补录信息 |
108 | editDialog(row){ | 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) | 124 | this.$parent.addRepairRecord(row,del) |
115 | 125 | ||
116 | this.$message({ | 126 | this.$message({ |
117 | type: 'success', | 127 | type: 'success', |
... | @@ -124,46 +134,11 @@ export default { | ... | @@ -124,46 +134,11 @@ export default { |
124 | }); | 134 | }); |
125 | }); | 135 | }); |
126 | 136 | ||
127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
128 | // datalist:this.columns, | ||
129 | // data: row, | ||
130 | |||
131 | // }) | ||
132 | |||
133 | }, | 137 | }, |
134 | // 删除 | ||
135 | deleteDialog(row){ | ||
136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
137 | confirmButtonText: '确定', | ||
138 | cancelButtonText: '取消', | ||
139 | type: 'warning' | ||
140 | }).then(() => { | ||
141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
142 | // deleteClmx(bsmClmx).then(res => { | ||
143 | // if (res.code == 200) { | ||
144 | // that.$emit('updateList', res.result) | ||
145 | // that.$message({ | ||
146 | // message: '删除成功!', | ||
147 | // type: 'success' | ||
148 | // }) | ||
149 | // } | ||
150 | // }) | ||
151 | this.$message({ | ||
152 | type: 'success', | ||
153 | message: '删除成功!' | ||
154 | }); | ||
155 | }).catch(() => { | ||
156 | this.$message({ | ||
157 | type: 'info', | ||
158 | message: '已取消删除' | ||
159 | }); | ||
160 | }); | ||
161 | |||
162 | } | ||
163 | }, | 138 | }, |
164 | }; | 139 | }; |
165 | </script> | 140 | </script> |
166 | 141 | ||
167 | <style lang="scss" scoped> | 142 | <style lang="scss" scoped> |
168 | @import "./qlxxCommon.scss"; | 143 | @import "./qlxxCommon.scss"; |
169 | </style> | 144 | </style> | ... | ... |
... | @@ -108,23 +108,28 @@ | ... | @@ -108,23 +108,28 @@ |
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" /> | ||
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 | export default { | 124 | export default { |
125 | components: { | ||
126 | printView | ||
127 | }, | ||
123 | props: { | 128 | props: { |
124 | formData: { | 129 | formData: { |
125 | type: Object, | 130 | type: Object, |
126 | default: () => { }, | 131 | default: () => { } |
127 | }, | 132 | } |
128 | }, | 133 | }, |
129 | data () { | 134 | data () { |
130 | return { | 135 | return { |
... | @@ -297,7 +302,8 @@ | ... | @@ -297,7 +302,8 @@ |
297 | } | 302 | } |
298 | }, | 303 | }, |
299 | watch: { | 304 | watch: { |
300 | "form.djSqcxDO.ycqrgx" (val) { | 305 | "form.djSqcxDO.ycqrgx": { |
306 | handler: function (val) { | ||
301 | if (val == "1") { | 307 | if (val == "1") { |
302 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 308 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
303 | } else { | 309 | } else { |
... | @@ -305,10 +311,15 @@ | ... | @@ -305,10 +311,15 @@ |
305 | this.add("qlr"); | 311 | this.add("qlr"); |
306 | } | 312 | } |
307 | }, | 313 | }, |
308 | "form.sqrList" (val) { | 314 | immediate: true |
315 | }, | ||
316 | "form.sqrList": { | ||
317 | handler: function (val) { | ||
309 | if (this.form.djSqcxDO.ycqrgx == '1') { | 318 | if (this.form.djSqcxDO.ycqrgx == '1') { |
310 | this.form.qlrList = _.cloneDeep(val) | 319 | this.form.qlrList = _.cloneDeep(val) |
311 | } | 320 | } |
321 | }, | ||
322 | deep: true | ||
312 | } | 323 | } |
313 | }, | 324 | }, |
314 | methods: { | 325 | methods: { |
... | @@ -421,16 +432,15 @@ | ... | @@ -421,16 +432,15 @@ |
421 | }, | 432 | }, |
422 | //打开打印预览 | 433 | //打开打印预览 |
423 | openPrintPrew () { | 434 | openPrintPrew () { |
424 | //根据编号获取对应信息 | 435 | let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
425 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | 436 | // 获取页面的HTML内容 |
426 | if (res.code == 200) { | 437 | const pageHtml = this.$refs.printContent.$el.innerHTML; |
427 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 438 | lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml); |
428 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 439 | lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应 |
429 | LODOP.PREVIEW(); | 440 | lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例 |
441 | lodop.PREVIEW(); | ||
430 | } | 442 | } |
431 | }) | ||
432 | } | 443 | } |
433 | }, | ||
434 | }; | 444 | }; |
435 | </script> | 445 | </script> |
436 | <style scoped lang="scss"> | 446 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/jtfc/components/printView.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 不动产查询证明打印模板 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-28 11:27:37 | ||
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 | <hr style=" margin-top: 20px; | ||
12 | margin-bottom: 10px; | ||
13 | height: 1px; | ||
14 | width:100%; | ||
15 | border: none; | ||
16 | background-color: red;"> | ||
17 | <h2 style="font-size: 36px; | ||
18 | text-align: center;">不动产登记信息查询证明</h2> | ||
19 | <h5 style=" text-align: center; | ||
20 | margin-top: 20px; | ||
21 | font-size: 18px;">查询证明编号: LS201803050045</h5> | ||
22 | <p style="text-indent: 2em; | ||
23 | margin-top: 15px; | ||
24 | line-height: 24px; | ||
25 | font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 | ||
26 | 有关规定,经线上查询不动产登记信息系统,权利人: 杜林 | ||
27 | ,证件号:612322197805120010,截止2022年10月17日 13时15分13秒 | ||
28 | ,名下不动产登记信息查询结果如下:</p> | ||
29 | <table style=" border-collapse: collapse; | ||
30 | width: 100%; | ||
31 | margin-top: 20px;margin-left:20px"> | ||
32 | <thead> | ||
33 | <tr> | ||
34 | <th style="background-color: #f2f2f2; | ||
35 | text-align: center;">权利人</th> | ||
36 | <th style="background-color: #f2f2f2; | ||
37 | text-align: center;">证号</th> | ||
38 | <th style="background-color: #f2f2f2; | ||
39 | text-align: center;">坐落</th> | ||
40 | <th style="background-color: #f2f2f2; | ||
41 | text-align: center;">面积</th> | ||
42 | <th style="background-color: #f2f2f2; | ||
43 | text-align: center;">共有人</th> | ||
44 | <th style="background-color: #f2f2f2; | ||
45 | text-align: center;">状态</th> | ||
46 | </tr> | ||
47 | </thead> | ||
48 | <tbody> | ||
49 | <tr v-for="item in tableData" :key="item.id"> | ||
50 | <td style="border: 1px solid #ccc; | ||
51 | text-align: center; | ||
52 | padding: 8px; | ||
53 | text-align: left;">{{ item.id }}</td> | ||
54 | <td style="border: 1px solid #ccc; | ||
55 | text-align: center; | ||
56 | padding: 8px; | ||
57 | text-align: left;">{{ item.name }}</td> | ||
58 | </tr> | ||
59 | </tbody> | ||
60 | </table> | ||
61 | <h6 style="font-size: 28px; | ||
62 | margin-top: 20px; | ||
63 | font-weight: 100;">特此证明。</h6> | ||
64 | <div> | ||
65 | <img :src="qrcodeImage" alt="QR Code"> | ||
66 | </div> | ||
67 | <ul style="text-align: right; | ||
68 | line-height: 26px; | ||
69 | font-size: 18px;"> | ||
70 | <li style="list-style: none;">城固县不动产登记交易服务中心</li> | ||
71 | <li style="list-style: none;">2022年10月17日</li> | ||
72 | </ul> | ||
73 | <ol style="margin-left: 20px; | ||
74 | line-height: 26px;"> | ||
75 | <p>说明:</p> | ||
76 | <li>该查询结果仅显示权利人在当前查询时间点不动产(房产)登记有关情况(“/”表示未查询到不动产登记信息);</li> | ||
77 | <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息;</li> | ||
78 | <li>本次查询由系统终端自动检索,因数据采集处理误差而造成查询结果于实际登记信息不相符的,以我中心登记簿记载信息为准;</li> | ||
79 | <li>查询人应当妥善保管不动产登记查询结果,因操作不当,导致查询结果泄露,有关责任概由查询人承担。</li> | ||
80 | </ol> | ||
81 | </div> | ||
82 | </template> | ||
83 | <script> | ||
84 | import QRCode from 'qrcode'; | ||
85 | export default { | ||
86 | data () { | ||
87 | return { | ||
88 | qrcodeImage: '', | ||
89 | text: '22222222', | ||
90 | tableData: [ | ||
91 | |||
92 | ] | ||
93 | } | ||
94 | }, | ||
95 | mounted () { | ||
96 | this.generateQRCode() | ||
97 | }, | ||
98 | methods: { | ||
99 | generateQRCode () { | ||
100 | QRCode.toDataURL(this.text) | ||
101 | .then(url => { | ||
102 | this.qrcodeImage = url | ||
103 | }) | ||
104 | .catch(error => { | ||
105 | console.error(error); | ||
106 | }) | ||
107 | } | ||
108 | } | ||
109 | } | ||
110 | </script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -41,10 +41,10 @@ | ... | @@ -41,10 +41,10 @@ |
41 | </div> | 41 | </div> |
42 | </template> | 42 | </template> |
43 | <script> | 43 | <script> |
44 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
45 | import { datas, sendThis } from "./jtfcdata"; | 45 | import { datas, sendThis } from "./jtfcdata"; |
46 | import { getSqcxPage } from "@/api/sqcx"; | 46 | import { getSqcxPage } from "@/api/sqcx"; |
47 | export default { | 47 | export default { |
48 | name: "jtfc", | 48 | name: "jtfc", |
49 | mixins: [table], | 49 | mixins: [table], |
50 | mounted () { | 50 | mounted () { |
... | @@ -90,10 +90,11 @@ export default { | ... | @@ -90,10 +90,11 @@ export default { |
90 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { | 90 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { |
91 | sqcxBsm: row.bsmSqcx | 91 | sqcxBsm: row.bsmSqcx |
92 | }) | 92 | }) |
93 | // this.$popupDialog("模板", "sqcx/jtfc/components/printView", {}) | ||
94 | } | ||
93 | } | 95 | } |
94 | } | 96 | } |
95 | } | ||
96 | </script> | 97 | </script> |
97 | <style scoped lang="scss"> | 98 | <style scoped lang="scss"> |
98 | @import "~@/styles/public.scss"; | 99 | @import "~@/styles/public.scss"; |
99 | </style> | 100 | </style> | ... | ... |
... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | 26 | </el-row> |
27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> |
28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=800 height=600 pluginspage="install_lodop32.exe" /> |
29 | </object> | 29 | </object> |
30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> | 30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> |
31 | 31 | ||
... | @@ -37,11 +37,11 @@ | ... | @@ -37,11 +37,11 @@ |
37 | </template> | 37 | </template> |
38 | 38 | ||
39 | <script> | 39 | <script> |
40 | import { getLodop } from "@/utils/LodopFuncs" | 40 | import { getLodop } from "@/utils/LodopFuncs" |
41 | import { mapGetters } from 'vuex' | 41 | import { mapGetters } from 'vuex' |
42 | import store from '@/store/index.js' | 42 | import store from '@/store/index.js' |
43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" | 43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" |
44 | export default { | 44 | export default { |
45 | computed: { | 45 | computed: { |
46 | ...mapGetters(['dictData']), | 46 | ...mapGetters(['dictData']), |
47 | }, | 47 | }, |
... | @@ -160,17 +160,17 @@ export default { | ... | @@ -160,17 +160,17 @@ export default { |
160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | 160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 |
161 | } | 161 | } |
162 | } | 162 | } |
163 | } | 163 | } |
164 | </script> | 164 | </script> |
165 | <style scoped lang="scss"> | 165 | <style scoped lang="scss"> |
166 | @import "~@/styles/mixin.scss"; | 166 | @import "~@/styles/mixin.scss"; |
167 | @import "~@/styles/dialogBoxheader.scss"; | 167 | @import "~@/styles/dialogBoxheader.scss"; |
168 | 168 | ||
169 | .font-red { | 169 | .font-red { |
170 | color: red | 170 | color: red; |
171 | } | 171 | } |
172 | 172 | ||
173 | .middle-margin-bottom { | 173 | .middle-margin-bottom { |
174 | margin-top: 20px | 174 | margin-top: 20px; |
175 | } | 175 | } |
176 | </style> | 176 | </style> | ... | ... |
... | @@ -57,8 +57,9 @@ | ... | @@ -57,8 +57,9 @@ |
57 | watch: { | 57 | watch: { |
58 | isRefresh: { | 58 | isRefresh: { |
59 | handler (newVal, oldVal) { | 59 | handler (newVal, oldVal) { |
60 | if (newVal) this.fetchData | 60 | if (newVal) this.fetchData() |
61 | } | 61 | }, |
62 | immediate: true | ||
62 | } | 63 | } |
63 | }, | 64 | }, |
64 | methods: { | 65 | methods: { |
... | @@ -101,72 +102,9 @@ | ... | @@ -101,72 +102,9 @@ |
101 | message: "已取消删除", | 102 | message: "已取消删除", |
102 | }); | 103 | }); |
103 | }); | 104 | }); |
104 | }, | 105 | } |
105 | //设计打印模板 | 106 | } |
106 | DesignByPRGData (item) { | 107 | } |
107 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
108 | LODOP.ADD_PRINT_DATA("ProgramData", item.tmpcontent); //装载模板 | ||
109 | //窗口关闭后,回调函数中保存的设计代码 | ||
110 | if (LODOP.CVERSION) | ||
111 | CLODOP.On_Return = function (TaskID, printList) { | ||
112 | if (LODOP.CVERSION) | ||
113 | LODOP.On_Return = function (TaskID, Value) { | ||
114 | document.getElementById("S1").value = Value; | ||
115 | }; | ||
116 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
117 | "ProgramData", | ||
118 | 0 | ||
119 | ); | ||
120 | setTimeout(() => { | ||
121 | item.tmpcontent = document.getElementById("S1").value; | ||
122 | }, 1000); | ||
123 | }; | ||
124 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
125 | }, | ||
126 | editClick () { | ||
127 | let LODOP = getLodop(); | ||
128 | LODOP.SET_PRINT_MODE("PRINT_SETUP_PROGRAM", true); | ||
129 | LODOP.PRINT_INITA(0, 0, 850, 560, "不动产证明"); | ||
130 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='1' src=" + this.images + ">"); | ||
131 | LODOP.ADD_PRINT_TEXT(403, 220, 39, 25, this.printList.year); //year | ||
132 | LODOP.ADD_PRINT_TEXT(403, 278, 25, 25, this.printList.month); //month | ||
133 | LODOP.ADD_PRINT_TEXT(403, 309, 25, 25, this.printList.day); //day | ||
134 | LODOP.ADD_PRINT_TEXT(493, 205, 160, 25, this.printList.bh); //编号 | ||
135 | // 头部信息 | ||
136 | LODOP.ADD_PRINT_TEXT(78, 419, 39, 25, this.printList.xzq); //陕 | ||
137 | LODOP.ADD_PRINT_TEXT(78, 466, 39, 25, this.printList.xh); // | ||
138 | LODOP.ADD_PRINT_TEXT(78, 520, 60, 25, this.printList.d); // | ||
139 | LODOP.ADD_PRINT_TEXT(78, 670, 60, 25, this.printList.h); // | ||
140 | |||
141 | LODOP.ADD_PRINT_TEXT(119, 555, 190, 25, this.printList.zmsx); //然后多个ADD语句及SET语句 | ||
142 | LODOP.ADD_PRINT_TEXT(152, 557, 190, 25, this.printList.qlr); //权利人 | ||
143 | LODOP.ADD_PRINT_TEXT(186, 557, 190, 25, this.printList.ywr); //义务人 | ||
144 | LODOP.ADD_PRINT_TEXT(219, 557, 190, 25, this.printList.zl); //坐落 | ||
145 | LODOP.ADD_PRINT_TEXT(254, 557, 190, 25, this.printList.bdcdyh); //不动产单元号 | ||
146 | LODOP.ADD_PRINT_TEXT(318, 557, 190, 67, this.printList.qt); //其他 | ||
147 | LODOP.ADD_PRINT_TEXT(426, 557, 190, 67, this.printList.fj); //附记 | ||
148 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1); | ||
149 | LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", 1); | ||
150 | //窗口关闭后,回调函数中保存的设计代码 | ||
151 | if (LODOP.CVERSION) | ||
152 | CLODOP.On_Return = function (TaskID, printList) { | ||
153 | if (LODOP.CVERSION) | ||
154 | LODOP.On_Return = function (TaskID, Value) { | ||
155 | document.getElementById("S1").value = Value; | ||
156 | }; | ||
157 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
158 | "ProgramData", | ||
159 | 0 | ||
160 | ); | ||
161 | setTimeout(() => { | ||
162 | let printValue = document.getElementById("S1").value; | ||
163 | console.log("value", printValue); | ||
164 | }, 1000); | ||
165 | }; | ||
166 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
167 | }, | ||
168 | }, | ||
169 | }; | ||
170 | </script> | 108 | </script> |
171 | <style scoped lang="scss"> | 109 | <style scoped lang="scss"> |
172 | @import "~@/styles/public.scss"; | 110 | @import "~@/styles/public.scss"; | ... | ... |
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="138px"> | ||
10 | <el-row> | ||
11 | <el-col :span="12"> | ||
12 | <el-form-item label="土地用途" prop="tdyt"> | ||
13 | <el-input v-model="ruleForm.tdyt"></el-input> | ||
14 | </el-form-item> | ||
15 | </el-col> | ||
16 | <el-col :span="12"> | ||
17 | <el-form-item label="土地使用权限" prop="syqx"> | ||
18 | <el-input v-model="ruleForm.syqx"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | </el-row> | ||
22 | <el-row> | ||
23 | <el-col :span="12"> | ||
24 | <el-form-item label="土地使用结束时间" prop="jssj"> | ||
25 | <el-date-picker | ||
26 | v-model="ruleForm.jssj" | ||
27 | type="daterange" | ||
28 | range-separator="至" | ||
29 | start-placeholder="开始日期" | ||
30 | end-placeholder="结束日期" | ||
31 | value-format="yyyy-MM-dd">> | ||
32 | </el-date-picker> | ||
33 | </el-form-item> | ||
34 | </el-col> | ||
35 | <el-col :span="12"> | ||
36 | <el-form-item label="土地使用起止时间" prop="qzsj"> | ||
37 | <el-date-picker | ||
38 | v-model="ruleForm.qzsj" | ||
39 | type="daterange" | ||
40 | range-separator="至" | ||
41 | start-placeholder="开始日期" | ||
42 | end-placeholder="结束日期" | ||
43 | value-format="yyyy-MM-dd">> | ||
44 | </el-date-picker> | ||
45 | </el-form-item> | ||
46 | </el-col> | ||
47 | </el-row> | ||
48 | </el-form> | ||
49 | </dialogBox> | ||
50 | </template>z x addTdyt | ||
51 | <script> | ||
52 | import { mapGetters } from "vuex"; | ||
53 | export default { | ||
54 | props: { | ||
55 | value: { type: Boolean, default: false }, | ||
56 | details: { type: Object, default: {} }, | ||
57 | showButton: { type: Boolean, default: false } | ||
58 | }, | ||
59 | data () { | ||
60 | return { | ||
61 | myValue: this.value, | ||
62 | ruleForm: { | ||
63 | tdyt:"", | ||
64 | syqx:"", | ||
65 | jssj:"", | ||
66 | qzsj:"" | ||
67 | }, | ||
68 | rules: { | ||
69 | tdyt: [{ required: true, message: "土地用途", trigger: "blur" }], | ||
70 | syqx: [{ required: true, message: "土地使用权限", trigger: "blur" }], | ||
71 | jssj: [{ required: true, message: "土地使用结束时间", trigger: "blur" }], | ||
72 | qzsj: [{ required: true, message: "土地使用起止时间", trigger: "blur" }], | ||
73 | }, | ||
74 | }; | ||
75 | }, | ||
76 | watch: { | ||
77 | value (val) { | ||
78 | console.log("val",val); | ||
79 | this.myValue = _.cloneDeep(val); | ||
80 | }, | ||
81 | details: { | ||
82 | handler: function (val, oldVal) { | ||
83 | console.log("val2",val); | ||
84 | this.ruleForm = val; | ||
85 | }, | ||
86 | deep: true, | ||
87 | }, | ||
88 | }, | ||
89 | methods: { | ||
90 | closeDialog () { | ||
91 | this.$emit("input", false); | ||
92 | this.$refs["ruleForm"].resetFields(); | ||
93 | }, | ||
94 | submitForm () { | ||
95 | console.log("this.ruleForm",this.ruleForm); | ||
96 | this.$refs.ruleForm.validate((valid) => { | ||
97 | if (valid) { | ||
98 | this.$emit("input", false); | ||
99 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
100 | } else { | ||
101 | return false; | ||
102 | } | ||
103 | }); | ||
104 | }, | ||
105 | }, | ||
106 | }; | ||
107 | </script> | ||
108 | <style scoped lang="scss"> | ||
109 | @import "~@/styles/dialogBoxheader.scss"; | ||
110 | .submit-button { | ||
111 | text-align: center; | ||
112 | height: 52px; | ||
113 | padding-top: 10px; | ||
114 | background-color: #fff; | ||
115 | } | ||
116 | </style> |
... | @@ -5,20 +5,20 @@ | ... | @@ -5,20 +5,20 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="InformationTable" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table |
9 | :data="tableDataList"> | 9 | :column="InformationTable" |
10 | :pagination="false" | ||
11 | :key="key" | ||
12 | :heightNumSetting="true" | ||
13 | :minHeight="150" | ||
14 | :data="tableDataList" | ||
15 | > | ||
10 | </lb-table> | 16 | </lb-table> |
11 | <addTdyt v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
12 | </div> | 17 | </div> |
13 | </template> | 18 | </template> |
14 | <script> | 19 | <script> |
15 | import { mapGetters } from 'vuex' | 20 | import { mapGetters } from "vuex"; |
16 | import { getIdCardInfo } from '@/utils/operation.js' | 21 | export default { |
17 | import addTdyt from './dialog/addTdyt.vue' | ||
18 | export default { | ||
19 | components: { | ||
20 | addTdyt | ||
21 | }, | ||
22 | computed: { | 22 | computed: { |
23 | ...mapGetters(["dictData"]), | 23 | ...mapGetters(["dictData"]), |
24 | }, | 24 | }, |
... | @@ -26,59 +26,85 @@ | ... | @@ -26,59 +26,85 @@ |
26 | tableData: { | 26 | tableData: { |
27 | type: Array, | 27 | type: Array, |
28 | default: function () { | 28 | default: function () { |
29 | return [] | 29 | return []; |
30 | } | ||
31 | }, | 30 | }, |
32 | }, | 31 | }, |
33 | data () { | 32 | }, |
33 | data() { | ||
34 | return { | 34 | return { |
35 | key: 0, | 35 | key: 0, |
36 | dataIndex: 0, | 36 | newdata: { |
37 | dialog: false, | 37 | yt: "", |
38 | isaddupdate: false, | 38 | qssj: "", |
39 | showButton: this.$route.query.viewtype ? false : true, | 39 | jssj: "", |
40 | details: {}, | 40 | syqx: "", |
41 | }, | ||
41 | tableDataList: [], | 42 | tableDataList: [], |
42 | InformationTable: [ | 43 | InformationTable: [ |
43 | { | 44 | { |
44 | width: '50', | 45 | width: "50", |
45 | renderHeader: (h, scope) => { | 46 | renderHeader: (h, scope) => { |
46 | return <div> { | 47 | return ( |
47 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 48 | <div> |
48 | } | 49 | {" "} |
50 | {this.$route.query.viewtype == 1 ? ( | ||
51 | "序号" | ||
52 | ) : ( | ||
53 | <i | ||
54 | class="el-icon-plus pointer" | ||
55 | onClick={() => { | ||
56 | this.addClick(); | ||
57 | }} | ||
58 | ></i> | ||
59 | )} | ||
49 | </div> | 60 | </div> |
61 | ); | ||
50 | }, | 62 | }, |
51 | render: (h, scope) => { | 63 | render: (h, scope) => { |
52 | return ( | 64 | return ( |
53 | <div> | 65 | <div> |
54 | { | 66 | {this.$route.query.viewtype == 1 ? ( |
55 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 67 | <span>{scope.$index + 1}</span> |
56 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 68 | ) : ( |
57 | } | 69 | <i |
70 | class="el-icon-minus pointer" | ||
71 | onClick={() => { | ||
72 | this.deleClick(scope.$index, scope.row); | ||
73 | }} | ||
74 | ></i> | ||
75 | )} | ||
58 | </div> | 76 | </div> |
59 | ) | 77 | ); |
60 | } | 78 | }, |
61 | }, | 79 | }, |
62 | { | 80 | { |
63 | label: '土地用途', | 81 | label: "土地用途", |
64 | align: 'center', | 82 | align: "center", |
65 | render: (h, scope) => { | 83 | render: (h, scope) => { |
66 | return ( | 84 | return ( |
67 | <el-select value={scope.row.yt} | 85 | <el-select |
68 | onChange={(val) => { scope.row.yt = val }} clearable> | 86 | value={scope.row.yt} |
69 | { | 87 | onChange={(val) => { |
70 | this.dictData['tdyt'].map(option => { | 88 | scope.row.yt = val; |
89 | }} | ||
90 | clearable | ||
91 | onblur={() => { | ||
92 | this.addrow(scope); | ||
93 | }} | ||
94 | > | ||
95 | {this.dictData["tdyt"].map((option) => { | ||
71 | return ( | 96 | return ( |
72 | <el-option label={option.dname} value={option.dcode}></el-option> | 97 | <el-option |
73 | ) | 98 | label={option.dname} |
74 | }) | 99 | value={option.dcode} |
75 | } | 100 | ></el-option> |
101 | ); | ||
102 | })} | ||
76 | </el-select> | 103 | </el-select> |
77 | ) | 104 | ); |
78 | } | 105 | }, |
79 | }, | 106 | }, |
80 | { | 107 | { |
81 | prop: "sqrmc", | ||
82 | label: "土地使用起始时间", | 108 | label: "土地使用起始时间", |
83 | render: (h, scope) => { | 109 | render: (h, scope) => { |
84 | return ( | 110 | return ( |
... | @@ -86,12 +112,16 @@ | ... | @@ -86,12 +112,16 @@ |
86 | v-model={scope.row.qssj} | 112 | v-model={scope.row.qssj} |
87 | type="date" | 113 | type="date" |
88 | placeholder="选择日期" | 114 | placeholder="选择日期" |
115 | value-format="yyyy/MM/dd HH:mm:ss" | ||
116 | format="yyyy/MM/dd HH:mm:ss" | ||
117 | onblur={() => { | ||
118 | this.addrow(scope.row); | ||
119 | }} | ||
89 | ></el-date-picker> | 120 | ></el-date-picker> |
90 | ); | 121 | ); |
91 | } | 122 | }, |
92 | }, | 123 | }, |
93 | { | 124 | { |
94 | prop: "zjzl", | ||
95 | label: "土地使用结束时间", | 125 | label: "土地使用结束时间", |
96 | render: (h, scope) => { | 126 | render: (h, scope) => { |
97 | return ( | 127 | return ( |
... | @@ -99,120 +129,82 @@ | ... | @@ -99,120 +129,82 @@ |
99 | v-model={scope.row.jssj} | 129 | v-model={scope.row.jssj} |
100 | type="date" | 130 | type="date" |
101 | placeholder="选择日期" | 131 | placeholder="选择日期" |
132 | value-format="yyyy/MM/dd HH:mm:ss" | ||
133 | format="yyyy/MM/dd HH:mm:ss" | ||
134 | onblur={() => { | ||
135 | this.addrow(scope.row); | ||
136 | }} | ||
102 | ></el-date-picker> | 137 | ></el-date-picker> |
103 | ); | 138 | ); |
104 | } | 139 | }, |
105 | }, | 140 | }, |
106 | { | 141 | { |
107 | prop: "zjh", | ||
108 | label: "土地使用期限", | 142 | label: "土地使用期限", |
109 | render: (h, scope) => { | 143 | render: (h, scope) => { |
110 | return <el-input v-model={scope.row.syqx} ></el-input> | 144 | return ( |
111 | } | 145 | <el-input |
112 | } | 146 | v-model={scope.row.syqx} |
147 | onblur={() => { | ||
148 | this.addrow(scope.row); | ||
149 | }} | ||
150 | ></el-input> | ||
151 | ); | ||
152 | }, | ||
153 | }, | ||
113 | ], | 154 | ], |
114 | } | 155 | }; |
115 | }, | 156 | }, |
116 | watch: { | 157 | watch: { |
117 | tableData: { | 158 | tableData: { |
118 | handler: function (val, oldVal) { | 159 | handler: function (val, oldVal) { |
119 | console.log("什么事件111",val); | 160 | let that = this; |
120 | let that = this | ||
121 | this.$nextTick(() => { | 161 | this.$nextTick(() => { |
122 | if (val.length == 0 || !val) { | 162 | if (val.length == 0 || !val) { |
123 | that.tableDataList = _.cloneDeep([{ | 163 | that.tableDataList = _.cloneDeep([ |
124 | sqrmc: '', | 164 | { |
125 | dlrzjlx: '', | 165 | yt: "", |
126 | dlrzjh: '', | 166 | qssj: "", |
127 | fr: '' | 167 | jssj: "", |
128 | }]) | 168 | syqx: "", |
169 | }, | ||
170 | ]); | ||
129 | } else { | 171 | } else { |
130 | that.tableDataList = _.cloneDeep(val) | 172 | that.tableDataList = _.cloneDeep(val); |
131 | } | 173 | } |
132 | }) | 174 | }); |
133 | }, | 175 | }, |
134 | immediate: true, | 176 | immediate: true, |
135 | deep: true | 177 | deep: true, |
136 | }, | 178 | }, |
137 | // gyfs: { | ||
138 | // handler (newVal, oldValue) { | ||
139 | // console.log("什么事件222",newVal); | ||
140 | // let dataList = _.cloneDeep(this.InformationTable) | ||
141 | // let dataList = _.cloneDeep(this.InformationTable) | ||
142 | // if (newVal == 0) { | ||
143 | // // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
144 | // this.column = _.cloneDeep(dataList) | ||
145 | |||
146 | // } else if ((newVal == '1' || newVal == '3')) { | ||
147 | // this.column = dataList | ||
148 | // } else { | ||
149 | // this.column = _.cloneDeep(dataList) | ||
150 | // } | ||
151 | // }, | ||
152 | // immediate: true | ||
153 | // } | ||
154 | }, | 179 | }, |
155 | methods: { | 180 | methods: { |
156 | // 新增提交事件 | 181 | // 修改事件 |
157 | handleupdateDetail (value) { | 182 | addrow() { |
158 | console.log("什么事件33",this.tableData); | 183 | console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); |
159 | if (this.isaddupdate) { | 184 | |
160 | if (!_.isEqual(value, this.tableData)) { | 185 | this.$emit("upDateTdytxxList", this.tableDataList); |
161 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
162 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
163 | } | ||
164 | } else { | ||
165 | if (!_.isEqual(value, this.tableData)) { | ||
166 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
167 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
168 | } | ||
169 | } | ||
170 | this.key++ | ||
171 | }, | 186 | }, |
172 | // 新增 | 187 | // 新增 |
173 | addClick () { | 188 | addClick() { |
174 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | 189 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
175 | this.$message.warning("1") | 190 | this.$emit("upDateTdytxxList", this.tableDataList); |
176 | } else { | ||
177 | this.dialog = true | ||
178 | this.isaddupdate = true | ||
179 | } | ||
180 | }, | 191 | }, |
181 | 192 | ||
182 | // 删除 | 193 | // 删除 |
183 | deleClick (index, row) { | 194 | deleClick(index, row) { |
184 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 195 | console.log("删除"); |
185 | confirmButtonText: '确定', | 196 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
186 | cancelButtonText: '取消', | 197 | confirmButtonText: "确定", |
187 | type: 'warning' | 198 | cancelButtonText: "取消", |
188 | }).then(() => { | 199 | type: "warning", |
189 | this.tableData.splice(index, 1) | 200 | }) |
190 | }).catch(() => { | 201 | .then(() => { |
191 | }); | 202 | this.tableData.splice(index, 1); |
203 | }) | ||
204 | .catch(() => {}); | ||
192 | }, | 205 | }, |
193 | // 修改 | 206 | }, |
194 | editClick (index, row) { | 207 | }; |
195 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
196 | // showButton: this.$route.query.viewtype ? false : true, | ||
197 | // dataIndex :index, | ||
198 | // details :row,/[^\d]/g | ||
199 | // isaddupdate :false | ||
200 | // }); | ||
201 | this.dataIndex = index | ||
202 | this.dialog = true | ||
203 | this.details = row | ||
204 | this.isaddupdate = false | ||
205 | }, | ||
206 | queryViewClick (index, row) { | ||
207 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
208 | // showButton: this.$route.query.viewtype ? false : true, | ||
209 | // details: row, | ||
210 | // }); | ||
211 | this.dialog = true | ||
212 | this.details = row | ||
213 | } | ||
214 | } | ||
215 | } | ||
216 | </script> | 208 | </script> |
217 | <style scoped lang="scss"> | 209 | <style scoped lang="scss"> |
218 | .el-input { | 210 | .el-input { | ... | ... |
... | @@ -7,6 +7,9 @@ | ... | @@ -7,6 +7,9 @@ |
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": | ||
11 | form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue"); | ||
12 | break; | ||
10 | case "jsydsyqslxx100": | 13 | case "jsydsyqslxx100": |
11 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); | 14 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); |
12 | break; | 15 | break; |
... | @@ -66,6 +69,9 @@ export function getForm (tabName, djywbm) { | ... | @@ -66,6 +69,9 @@ export function getForm (tabName, djywbm) { |
66 | case "cfdjxx": | 69 | case "cfdjxx": |
67 | form = require("@/views/registerBook/cfdj.vue"); | 70 | form = require("@/views/registerBook/cfdj.vue"); |
68 | break; | 71 | break; |
72 | case "tdsyqQlxx": | ||
73 | form = require("@/views/registerBook/tdsyq.vue"); | ||
74 | break; | ||
69 | case "jsydsyqQlxx": | 75 | case "jsydsyqQlxx": |
70 | form = require("@/views/registerBook/jsydsyq.vue"); | 76 | form = require("@/views/registerBook/jsydsyq.vue"); |
71 | break; | 77 | break; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-20 11:28:09 | 4 | * @LastEditTime: 2023-06-26 17:03:07 |
5 | */ | 5 | */ |
6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
... | @@ -113,6 +113,7 @@ export default { | ... | @@ -113,6 +113,7 @@ export default { |
113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | 113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { |
114 | if (res.code == 200) { | 114 | if (res.code == 200) { |
115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { | 115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { |
116 | console.log(infoRes, 'infoRes'); | ||
116 | if (infoRes.code == 200) { | 117 | if (infoRes.code == 200) { |
117 | //打开模板设计 | 118 | //打开模板设计 |
118 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 119 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <el-row :gutter="10"> | 15 | <el-row :gutter="10"> |
16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
17 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slsq.ywh"> | 17 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slsq.ywh"> |
18 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 18 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="8"> | 21 | <el-col :span="8"> |
... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
32 | <el-row :gutter="10"> | 32 | <el-row :gutter="10"> |
33 | <el-col :span="8"> | 33 | <el-col :span="8"> |
34 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slsq.qllx"> | 34 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slsq.qllx"> |
35 | <el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型"> | 35 | <el-select disabled v-model="ruleForm.sldy.qllx" filterable clearable placeholder="请选择权利类型"> |
36 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 36 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
37 | </el-option> | 37 | </el-option> |
38 | </el-select> | 38 | </el-select> |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | </el-col> | 40 | </el-col> |
41 | <el-col :span="8"> | 41 | <el-col :span="8"> |
42 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slsq.djlx"> | 42 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slsq.djlx"> |
43 | <el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型"> | 43 | <el-select disabled v-model="ruleForm.sldy.djlx" filterable clearable placeholder="请选择登记类型"> |
44 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 44 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
45 | </el-option> | 45 | </el-option> |
46 | </el-select> | 46 | </el-select> | ... | ... |
... | @@ -21,7 +21,7 @@ | ... | @@ -21,7 +21,7 @@ |
21 | <el-row :gutter="10"> | 21 | <el-row :gutter="10"> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slsq.ywh"> | 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="slsq.ywh"> |
24 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 24 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | <el-col :span="8"> | 27 | <el-col :span="8"> |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slsq.qllx"> | 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="slsq.qllx"> |
41 | <el-select | 41 | <el-select |
42 | disabled | 42 | disabled |
43 | v-model="ruleForm.slsq.qllx" | 43 | v-model="ruleForm.sldy.qllx" |
44 | filterable | 44 | filterable |
45 | clearable | 45 | clearable |
46 | placeholder="请选择权利类型" | 46 | placeholder="请选择权利类型" |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slsq.djlx"> | 58 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="slsq.djlx"> |
59 | <el-select | 59 | <el-select |
60 | disabled | 60 | disabled |
61 | v-model="ruleForm.slsq.djlx" | 61 | v-model="ruleForm.sldy.djlx" |
62 | filterable | 62 | filterable |
63 | clearable | 63 | clearable |
64 | placeholder="请选择登记类型" | 64 | placeholder="请选择登记类型" | ... | ... |
... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
16 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 18 | <el-form-item label="业务号:"> |
19 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
... | @@ -33,12 +33,12 @@ | ... | @@ -33,12 +33,12 @@ |
33 | <el-row :gutter="10"> | 33 | <el-row :gutter="10"> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="权利类型:" prop="qllx"> | 35 | <el-form-item label="权利类型:" prop="qllx"> |
36 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记类型:" prop="djlx"> | 40 | <el-form-item label="登记类型:" prop="djlx"> |
41 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | <el-col :span="8"> | 44 | <el-col :span="8"> | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 15 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
17 | <el-form-item label="业务号:"> | 17 | <el-form-item label="业务号:"> |
18 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 18 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="8"> | 21 | <el-col :span="8"> |
... | @@ -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.slsq.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldy.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.slsq.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldy.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"> |
... | @@ -113,7 +113,7 @@ | ... | @@ -113,7 +113,7 @@ |
113 | </el-form-item> | 113 | </el-form-item> |
114 | </el-col> | 114 | </el-col> |
115 | </el-row> | 115 | </el-row> |
116 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 116 | <el-row :gutter="10"> |
117 | <el-col :span="8"> | 117 | <el-col :span="8"> |
118 | <el-form-item label="建筑面积:"> | 118 | <el-form-item label="建筑面积:"> |
119 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | 119 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | <el-col :span="14" v-if="ruleForm.qlxx"> | 138 | <el-col :span="14" v-if="ruleForm.qlxx"> |
139 | <el-form-item label="共有方式:"> | 139 | <el-form-item label="共有方式:"> |
140 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" | 140 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" |
141 | v-model="ruleForm.slsq.gyfs"> | 141 | v-model="ruleForm.sldy.gyfs"> |
142 | <el-radio label="0">单独所有</el-radio> | 142 | <el-radio label="0">单独所有</el-radio> |
143 | <el-radio label="1">共同共有</el-radio> | 143 | <el-radio label="1">共同共有</el-radio> |
144 | <el-radio label="2">按份所有</el-radio> | 144 | <el-radio label="2">按份所有</el-radio> |
... | @@ -155,15 +155,15 @@ | ... | @@ -155,15 +155,15 @@ |
155 | </el-form-item> | 155 | </el-form-item> |
156 | </el-col> | 156 | </el-col> |
157 | 157 | ||
158 | <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> | 158 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
159 | <el-form-item label="是否分别持证:"> | 159 | <el-form-item label="是否分别持证:"> |
160 | <el-radio-group v-model="ruleForm.slsq.sqfbcz"> | 160 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> |
161 | <el-radio label="1">是</el-radio> | 161 | <el-radio label="1">是</el-radio> |
162 | <el-radio label="0">否</el-radio> | 162 | <el-radio label="0">否</el-radio> |
163 | </el-radio-group> | 163 | </el-radio-group> |
164 | </el-form-item> | 164 | </el-form-item> |
165 | </el-col> | 165 | </el-col> |
166 | <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> | 166 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
167 | <el-form-item label="持证人:"> | 167 | <el-form-item label="持证人:"> |
168 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> | 168 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> |
169 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 169 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -172,7 +172,7 @@ | ... | @@ -172,7 +172,7 @@ |
172 | </el-form-item> | 172 | </el-form-item> |
173 | </el-col> | 173 | </el-col> |
174 | </el-row> | 174 | </el-row> |
175 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 175 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
176 | :gyfs="ruleForm.slsq.gyfs" /> | 176 | :gyfs="ruleForm.slsq.gyfs" /> |
177 | 177 | ||
178 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 178 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 15 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
17 | <el-form-item label="业务号:"> | 17 | <el-form-item label="业务号:"> |
18 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 18 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="8"> | 21 | <el-col :span="8"> |
... | @@ -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.slsq.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldy.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.slsq.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldy.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"> |
... | @@ -138,9 +138,9 @@ | ... | @@ -138,9 +138,9 @@ |
138 | <div class="triangle"></div> | 138 | <div class="triangle"></div> |
139 | </div> | 139 | </div> |
140 | <el-row :gutter="10"> | 140 | <el-row :gutter="10"> |
141 | <el-col :span="14" v-if="ruleForm.qlxx"> | 141 | <el-col :span="14"> |
142 | <el-form-item label="共有方式:"> | 142 | <el-form-item label="共有方式:"> |
143 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slsq.gyfs"> | 143 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
144 | <el-radio label="0">单独所有</el-radio> | 144 | <el-radio label="0">单独所有</el-radio> |
145 | <el-radio label="1">共同共有</el-radio> | 145 | <el-radio label="1">共同共有</el-radio> |
146 | <el-radio label="2">按份所有</el-radio> | 146 | <el-radio label="2">按份所有</el-radio> |
... | @@ -148,7 +148,7 @@ | ... | @@ -148,7 +148,7 @@ |
148 | </el-radio-group> | 148 | </el-radio-group> |
149 | </el-form-item> | 149 | </el-form-item> |
150 | </el-col> | 150 | </el-col> |
151 | <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> | 151 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
152 | <el-form-item label="是否分别持证:"> | 152 | <el-form-item label="是否分别持证:"> |
153 | <el-radio-group v-model="ruleForm.sffbcz"> | 153 | <el-radio-group v-model="ruleForm.sffbcz"> |
154 | <el-radio label="1">是</el-radio> | 154 | <el-radio label="1">是</el-radio> |
... | @@ -156,7 +156,7 @@ | ... | @@ -156,7 +156,7 @@ |
156 | </el-radio-group> | 156 | </el-radio-group> |
157 | </el-form-item> | 157 | </el-form-item> |
158 | </el-col> | 158 | </el-col> |
159 | <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> | 159 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
160 | <el-form-item label="持证人:"> | 160 | <el-form-item label="持证人:"> |
161 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 161 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
162 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 162 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | </el-form-item> | 165 | </el-form-item> |
166 | </el-col> | 166 | </el-col> |
167 | </el-row> | 167 | </el-row> |
168 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 168 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
169 | :gyfs="ruleForm.slsq.gyfs" /> | 169 | :gyfs="ruleForm.slsq.gyfs" /> |
170 | <div class="slxx_title title-block"> | 170 | <div class="slxx_title title-block"> |
171 | 登记原因 | 171 | 登记原因 | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 15 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
17 | <el-form-item label="业务号:"> | 17 | <el-form-item label="业务号:"> |
18 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 18 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="8"> | 21 | <el-col :span="8"> |
... | @@ -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.slsq.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldy.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.slsq.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldy.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"> |
... | @@ -99,10 +99,10 @@ | ... | @@ -99,10 +99,10 @@ |
99 | <div class="triangle"></div> | 99 | <div class="triangle"></div> |
100 | </div> | 100 | </div> |
101 | <el-row :gutter="10"> | 101 | <el-row :gutter="10"> |
102 | <el-col :span="14" v-if="ruleForm.qlxxList[0]"> | 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.slsq.gyfs"> | 105 | v-model="ruleForm.sldy.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> |
... | @@ -112,15 +112,15 @@ | ... | @@ -112,15 +112,15 @@ |
112 | </el-col> | 112 | </el-col> |
113 | 113 | ||
114 | 114 | ||
115 | <el-col :span="5" v-show="ruleForm.qlxxList[0] && 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.slsq.sqfbcz"> | 117 | <el-radio-group v-model="ruleForm.sldy.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.qlxxList[0] && ruleForm.slsq.gyfs == '2'"> | 123 | <el-col :span="5" v-show="ruleForm.sldy.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"> |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | </el-form-item> | 129 | </el-form-item> |
130 | </el-col> | 130 | </el-col> |
131 | </el-row> | 131 | </el-row> |
132 | <qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 132 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
133 | :gyfs="ruleForm.slsq.gyfs" /> | 133 | :gyfs="ruleForm.slsq.gyfs" /> |
134 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
135 | 登记原因 | 135 | 登记原因 | ... | ... |
... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
16 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 18 | <el-form-item label="业务号:"> |
19 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
... | @@ -33,12 +33,12 @@ | ... | @@ -33,12 +33,12 @@ |
33 | <el-row :gutter="10"> | 33 | <el-row :gutter="10"> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="权利类型:"> | 35 | <el-form-item label="权利类型:"> |
36 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记类型:"> | 40 | <el-form-item label="登记类型:"> |
41 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | <el-col :span="8"> | 44 | <el-col :span="8"> | ... | ... |
... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
16 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 18 | <el-form-item label="业务号:"> |
19 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
... | @@ -33,12 +33,12 @@ | ... | @@ -33,12 +33,12 @@ |
33 | <el-row :gutter="10"> | 33 | <el-row :gutter="10"> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="权利类型:"> | 35 | <el-form-item label="权利类型:"> |
36 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记类型:"> | 40 | <el-form-item label="登记类型:"> |
41 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | <el-col :span="8"> | 44 | <el-col :span="8"> | ... | ... |
... | @@ -11,34 +11,34 @@ | ... | @@ -11,34 +11,34 @@ |
11 | <el-row :gutter="10"> | 11 | <el-row :gutter="10"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item label="业务号:"> | 13 | <el-form-item label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="受理人员:"> | 18 | <el-form-item label="受理人员:"> |
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | 19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
23 | <el-form-item label="受理时间:"> | 23 | <el-form-item label="受理时间:"> |
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | 24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | </el-row> | 27 | </el-row> |
28 | <el-row :gutter="10"> | 28 | <el-row :gutter="10"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item label="权利类型:"> | 30 | <el-form-item label="权利类型:"> |
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | 31 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="登记类型:"> | 35 | <el-form-item label="登记类型:"> |
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记情形:"> | 40 | <el-form-item label="登记情形:"> |
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
179 | <el-radio-group v-model="ruleForm.slywxx.gyfs" :disabled="$route.query.viewtype"> | 179 | <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="$route.query.viewtype"> |
180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
... | @@ -184,15 +184,15 @@ | ... | @@ -184,15 +184,15 @@ |
184 | </el-radio-group> | 184 | </el-radio-group> |
185 | </el-form-item> | 185 | </el-form-item> |
186 | </el-col> | 186 | </el-col> |
187 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 187 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
188 | <el-form-item label="是否分别持证:"> | 188 | <el-form-item label="是否分别持证:"> |
189 | <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> | 189 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> |
190 | <el-radio label="1">是</el-radio> | 190 | <el-radio label="1">是</el-radio> |
191 | <el-radio label="0">否</el-radio> | 191 | <el-radio label="0">否</el-radio> |
192 | </el-radio-group> | 192 | </el-radio-group> |
193 | </el-form-item> | 193 | </el-form-item> |
194 | </el-col> | 194 | </el-col> |
195 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 195 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
196 | <el-form-item label="持证人:"> | 196 | <el-form-item label="持证人:"> |
197 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 197 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
198 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 198 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ... | ... |
... | @@ -11,34 +11,34 @@ | ... | @@ -11,34 +11,34 @@ |
11 | <el-row :gutter="10"> | 11 | <el-row :gutter="10"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item label="业务号:"> | 13 | <el-form-item label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="受理人员:"> | 18 | <el-form-item label="受理人员:"> |
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | 19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
23 | <el-form-item label="受理时间:"> | 23 | <el-form-item label="受理时间:"> |
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | 24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | </el-row> | 27 | </el-row> |
28 | <el-row :gutter="10"> | 28 | <el-row :gutter="10"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item label="权利类型:"> | 30 | <el-form-item label="权利类型:"> |
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | 31 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="登记类型:"> | 35 | <el-form-item label="登记类型:"> |
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记情形:"> | 40 | <el-form-item label="登记情形:"> |
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
179 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 179 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
... | @@ -184,15 +184,15 @@ | ... | @@ -184,15 +184,15 @@ |
184 | </el-radio-group> | 184 | </el-radio-group> |
185 | </el-form-item> | 185 | </el-form-item> |
186 | </el-col> | 186 | </el-col> |
187 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 187 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
188 | <el-form-item label="是否分别持证:"> | 188 | <el-form-item label="是否分别持证:"> |
189 | <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> | 189 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> |
190 | <el-radio label="1">是</el-radio> | 190 | <el-radio label="1">是</el-radio> |
191 | <el-radio label="0">否</el-radio> | 191 | <el-radio label="0">否</el-radio> |
192 | </el-radio-group> | 192 | </el-radio-group> |
193 | </el-form-item> | 193 | </el-form-item> |
194 | </el-col> | 194 | </el-col> |
195 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 195 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
196 | <el-form-item label="持证人:"> | 196 | <el-form-item label="持证人:"> |
197 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 197 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
198 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 198 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -202,7 +202,7 @@ | ... | @@ -202,7 +202,7 @@ |
202 | </el-col> | 202 | </el-col> |
203 | </el-row> | 203 | </el-row> |
204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> |
206 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
207 | 义务人信息 | 207 | 义务人信息 |
208 | <div class="triangle"></div> | 208 | <div class="triangle"></div> | ... | ... |
src/views/ywbl/slsqxx/tdsyq/slxx.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | ||
10 | :inline="flag" label-width="120px"> | ||
11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
12 | <div class="slxx_title title-block"> | ||
13 | 受理信息 | ||
14 | <div class="triangle"></div> | ||
15 | </div> | ||
16 | <el-row :gutter="10"> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item label="业务号:"> | ||
19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item label="受理人员:"> | ||
24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | <el-col :span="8"> | ||
28 | <el-form-item label="受理时间:"> | ||
29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
30 | </el-form-item> | ||
31 | </el-col> | ||
32 | </el-row> | ||
33 | <el-row :gutter="10"> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="权利类型:"> | ||
36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="登记类型:"> | ||
41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="登记情形:"> | ||
46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
47 | </el-form-item> | ||
48 | </el-col> | ||
49 | </el-row> | ||
50 | <div class="slxx_title title-block"> | ||
51 | 不动产单元情况 | ||
52 | <div class="triangle"></div> | ||
53 | </div> | ||
54 | <el-row :gutter="10"> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="宗地代码:"> | ||
57 | <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item label="不动产单元号:"> | ||
62 | <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="8"> | ||
66 | <el-form-item label="权利性质:"> | ||
67 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | </el-row> | ||
71 | <el-row :gutter="10"> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item label="宗地面积:"> | ||
74 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="土地用途:"> | ||
79 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="8"> | ||
83 | <el-form-item label="权利设定方式:"> | ||
84 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | ||
85 | </el-form-item> | ||
86 | </el-col> | ||
87 | </el-row> | ||
88 | <el-row :gutter="10"> | ||
89 | <el-col :span="8"> | ||
90 | <el-form-item label="农用地面积:"> | ||
91 | <el-input v-model="ruleForm.tdsyq.nydmj"></el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | <el-col :span="8"> | ||
95 | <el-form-item label="耕地面积:"> | ||
96 | <el-input v-model="ruleForm.tdsyq.gdmj"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | <el-col :span="8"> | ||
100 | <el-form-item label="林地面积:"> | ||
101 | <el-input v-model="ruleForm.tdsyq.ldmj"></el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | </el-row> | ||
105 | <el-row :gutter="10"> | ||
106 | <el-col :span="8"> | ||
107 | <el-form-item label="草地面积:"> | ||
108 | <el-input v-model="ruleForm.tdsyq.cdmj"></el-input> | ||
109 | </el-form-item> | ||
110 | </el-col> | ||
111 | <el-col :span="8"> | ||
112 | <el-form-item label="其他农用地面积:"> | ||
113 | <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input> | ||
114 | </el-form-item> | ||
115 | </el-col> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item label="建筑使用面积:"> | ||
118 | <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | </el-row> | ||
122 | <el-row :gutter="10"> | ||
123 | <el-col :span="8"> | ||
124 | <el-form-item label="未利用地面积:"> | ||
125 | <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | <el-col :span="8"> | ||
129 | <el-form-item label="面积单位:"> | ||
130 | <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> | ||
131 | </el-form-item> | ||
132 | </el-col> | ||
133 | |||
134 | </el-row> | ||
135 | |||
136 | <div class="slxx_title title-block"> | ||
137 | 权利人信息 | ||
138 | <div class="triangle"></div> | ||
139 | </div> | ||
140 | <el-row :gutter="10"> | ||
141 | <el-col :span="12"> | ||
142 | <el-form-item label="共有方式:"> | ||
143 | <el-radio-group :disabled="$route.query.viewtype == 0" v-model="ruleForm.sldy.gyfs"> | ||
144 | <el-radio label="0">单独所有</el-radio> | ||
145 | <el-radio label="1">共同共有</el-radio> | ||
146 | <el-radio label="2">按份所有</el-radio> | ||
147 | <el-radio label="3">其它共有</el-radio> | ||
148 | </el-radio-group> | ||
149 | </el-form-item> | ||
150 | </el-col> | ||
151 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> | ||
152 | <el-form-item label="是否分别持证:"> | ||
153 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> | ||
154 | <el-radio :label=1>是</el-radio> | ||
155 | <el-radio :label=0>否</el-radio> | ||
156 | </el-radio-group> | ||
157 | </el-form-item> | ||
158 | </el-col> | ||
159 | <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'"> | ||
160 | <el-form-item label="持证人:"> | ||
161 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
162 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
163 | </el-option> | ||
164 | </el-select> | ||
165 | </el-form-item> | ||
166 | </el-col> | ||
167 | </el-row> | ||
168 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :key="key" | ||
169 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
170 | |||
171 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
172 | <div class="slxx_title title-block"> | ||
173 | 义务人信息 | ||
174 | <div class="triangle"></div> | ||
175 | </div> | ||
176 | <qlrCommonTable v-if="ruleForm.ywrList" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" | ||
177 | :viewtype="$route.query.viewtype" /> | ||
178 | </div> | ||
179 | |||
180 | <div class="slxx_title title-block"> | ||
181 | 登记原因 | ||
182 | <div class="triangle"></div> | ||
183 | </div> | ||
184 | <el-row :gutter="10"> | ||
185 | <el-col> | ||
186 | <el-form-item label="登记原因:" prop="djyy"> | ||
187 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" | ||
188 | v-model="ruleForm.tdsyq.djyy"> | ||
189 | </el-input> | ||
190 | </el-form-item> | ||
191 | </el-col> | ||
192 | </el-row> | ||
193 | </div> | ||
194 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
195 | <el-form-item> | ||
196 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
197 | </el-form-item> | ||
198 | </el-row> | ||
199 | </el-form> | ||
200 | </div> | ||
201 | </template> | ||
202 | <script> | ||
203 | import { mapGetters } from "vuex" | ||
204 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | ||
205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | ||
206 | export default { | ||
207 | mounted () { | ||
208 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | ||
209 | this.propsParam = this.$attrs; | ||
210 | var formdata = new FormData(); | ||
211 | let that = this | ||
212 | this.$startLoading(); | ||
213 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
214 | formdata.append("djlx", this.propsParam.djlx); | ||
215 | formdata.append("isEdit", this.ableOperation); | ||
216 | Init(formdata).then((res) => { | ||
217 | this.$nextTick(() => { | ||
218 | that.ruleForm = res.result; | ||
219 | that.$endLoading(); | ||
220 | that.isShow = true; | ||
221 | this.czrOptions = this.ruleForm.qlrList; | ||
222 | }) | ||
223 | }) | ||
224 | }, | ||
225 | components: { qlrCommonTable }, | ||
226 | computed: { | ||
227 | ...mapGetters(["dictData", "flag"]) | ||
228 | }, | ||
229 | data () { | ||
230 | return { | ||
231 | //表单是否可操作 | ||
232 | ableOperation: true, | ||
233 | key: 0, | ||
234 | isShow: false, | ||
235 | disabled: true, | ||
236 | czrOptions: [], | ||
237 | ruleForm: {}, | ||
238 | //传递参数 | ||
239 | propsParam: {}, | ||
240 | rules: {} | ||
241 | } | ||
242 | }, | ||
243 | methods: { | ||
244 | // 更新权利人信息 | ||
245 | upDateQlrxxList (val) { | ||
246 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | ||
247 | this.czrOptions = this.ruleForm.qlrList; | ||
248 | this.key++ | ||
249 | }, | ||
250 | // 更新义务人信息 | ||
251 | upDateYwrxxList (val) { | ||
252 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) | ||
253 | this.key++ | ||
254 | }, | ||
255 | onSubmit () { | ||
256 | if (this.ruleForm.qlrList.length == 0) { | ||
257 | this.$message({ | ||
258 | showClose: true, | ||
259 | message: "请确认权利人信息", | ||
260 | type: "error", | ||
261 | }); | ||
262 | return false; | ||
263 | } | ||
264 | |||
265 | if (this.ruleForm.sldy.gyfs == "0") { | ||
266 | if (this.ruleForm.qlrList.length > 1) { | ||
267 | this.$message({ | ||
268 | showClose: true, | ||
269 | message: "共有方式:单独所有,权利人只能是一个人", | ||
270 | type: "error", | ||
271 | }); | ||
272 | return false; | ||
273 | } | ||
274 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
275 | } | ||
276 | if (this.ruleForm.sldy.gyfs == "1") { | ||
277 | //是否分别持证 | ||
278 | if (this.ruleForm.sldy.sqfbcz == '1') { //是 | ||
279 | this.ruleForm.qlrList.forEach((item, index) => { | ||
280 | item.sfczr = "1" | ||
281 | }); | ||
282 | } else { | ||
283 | this.ruleForm.qlrList.forEach((item, index) => { | ||
284 | if (item.zjh == this.ruleForm.czr) { | ||
285 | item.sfczr = "1" | ||
286 | } else { | ||
287 | item.sfczr = "0" | ||
288 | } | ||
289 | }) | ||
290 | } | ||
291 | } | ||
292 | saveData(this.ruleForm).then((res) => { | ||
293 | if (res.code === 200) { | ||
294 | this.$message({ | ||
295 | showClose: true, | ||
296 | message: "保存成功!", | ||
297 | type: "success" | ||
298 | }) | ||
299 | this.$store.dispatch('user/refreshPage', true); | ||
300 | } else { | ||
301 | this.$message({ | ||
302 | showClose: true, | ||
303 | message: res.message, | ||
304 | type: "error" | ||
305 | }) | ||
306 | } | ||
307 | }) | ||
308 | } | ||
309 | } | ||
310 | } | ||
311 | </script> | ||
312 | <style scoped lang='scss'> | ||
313 | @import "~@/styles/public.scss"; | ||
314 | @import "~@/styles/slxx/slxx.scss"; | ||
315 | </style> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 11 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item label="业务号:"> | 13 | <el-form-item label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
... | @@ -28,12 +28,12 @@ | ... | @@ -28,12 +28,12 @@ |
28 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 28 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item label="权利类型:"> | 30 | <el-form-item label="权利类型:"> |
31 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | 31 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="登记类型:"> | 35 | <el-form-item label="登记类型:"> |
36 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
111 | <el-row :gutter="10"> | 111 | <el-row :gutter="10"> |
112 | <el-col :span="14" v-if="ruleForm.qlxx"> | 112 | <el-col :span="14" v-if="ruleForm.qlxx"> |
113 | <el-form-item label="共有方式:"> | 113 | <el-form-item label="共有方式:"> |
114 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> | 114 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
115 | <el-radio label="0">单独所有</el-radio> | 115 | <el-radio label="0">单独所有</el-radio> |
116 | <el-radio label="1">共同共有</el-radio> | 116 | <el-radio label="1">共同共有</el-radio> |
117 | <el-radio label="2">按份所有</el-radio> | 117 | <el-radio label="2">按份所有</el-radio> |
... | @@ -120,13 +120,13 @@ | ... | @@ -120,13 +120,13 @@ |
120 | </el-form-item> | 120 | </el-form-item> |
121 | </el-col> | 121 | </el-col> |
122 | </el-row> | 122 | </el-row> |
123 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 123 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
124 | :gyfs="ruleForm.qlxx.gyfs" /> | 124 | :gyfs="ruleForm.qlxx.gyfs" /> |
125 | <div class="slxx_title title-block"> | 125 | <div class="slxx_title title-block"> |
126 | 义务人信息 | 126 | 义务人信息 |
127 | <div class="triangle"></div> | 127 | <div class="triangle"></div> |
128 | </div> | 128 | </div> |
129 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 129 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
130 | :gyfs="ruleForm.qlxx.gyfs" /> | 130 | :gyfs="ruleForm.qlxx.gyfs" /> |
131 | <div class="slxx_title title-block"> | 131 | <div class="slxx_title title-block"> |
132 | 登记原因 | 132 | 登记原因 | ... | ... |
... | @@ -114,7 +114,7 @@ | ... | @@ -114,7 +114,7 @@ |
114 | <el-row :gutter="10"> | 114 | <el-row :gutter="10"> |
115 | <el-col :span="14" v-if="ruleForm.qlxx"> | 115 | <el-col :span="14" v-if="ruleForm.qlxx"> |
116 | <el-form-item label="共有方式:"> | 116 | <el-form-item label="共有方式:"> |
117 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> | 117 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
118 | <el-radio label="0">单独所有</el-radio> | 118 | <el-radio label="0">单独所有</el-radio> |
119 | <el-radio label="1">共同共有</el-radio> | 119 | <el-radio label="1">共同共有</el-radio> |
120 | <el-radio label="2">按份所有</el-radio> | 120 | <el-radio label="2">按份所有</el-radio> |
... | @@ -123,14 +123,14 @@ | ... | @@ -123,14 +123,14 @@ |
123 | </el-form-item> | 123 | </el-form-item> |
124 | </el-col> | 124 | </el-col> |
125 | </el-row> | 125 | </el-row> |
126 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 126 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
127 | :gyfs="ruleForm.qlxx.gyfs" /> | 127 | :gyfs="ruleForm.sldy.gyfs" /> |
128 | <div class="slxx_title title-block"> | 128 | <div class="slxx_title title-block"> |
129 | 义务人信息 | 129 | 义务人信息 |
130 | <div class="triangle"></div> | 130 | <div class="triangle"></div> |
131 | </div> | 131 | </div> |
132 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 132 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
133 | :gyfs="ruleForm.qlxx.gyfs" /> | 133 | :gyfs="ruleForm.sldy.gyfs" /> |
134 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
135 | 登记原因 | 135 | 登记原因 |
136 | <div class="triangle"></div> | 136 | <div class="triangle"></div> | ... | ... |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 11 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item label="业务号:"> | 13 | <el-form-item label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
... | @@ -28,12 +28,12 @@ | ... | @@ -28,12 +28,12 @@ |
28 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 28 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item label="权利类型:"> | 30 | <el-form-item label="权利类型:"> |
31 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | 31 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="登记类型:"> | 35 | <el-form-item label="登记类型:"> |
36 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
... | @@ -136,13 +136,13 @@ | ... | @@ -136,13 +136,13 @@ |
136 | <el-col :span="16"> | 136 | <el-col :span="16"> |
137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> | 137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> |
138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" | 138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" |
139 | :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> | 139 | :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input> |
140 | </el-form-item> | 140 | </el-form-item> |
141 | </el-col> | 141 | </el-col> |
142 | <el-col :span="8"> | 142 | <el-col :span="8"> |
143 | <el-form-item label="担保范围:"> | 143 | <el-form-item label="担保范围:"> |
144 | <el-input v-model="ruleForm.ygdj.dbfw" | 144 | <el-input v-model="ruleForm.ygdj.dbfw" |
145 | :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> | 145 | :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input> |
146 | </el-form-item> | 146 | </el-form-item> |
147 | </el-col> | 147 | </el-col> |
148 | 148 | ||
... | @@ -159,9 +159,9 @@ | ... | @@ -159,9 +159,9 @@ |
159 | <div class="triangle"></div> | 159 | <div class="triangle"></div> |
160 | </div> | 160 | </div> |
161 | <el-row :gutter="10"> | 161 | <el-row :gutter="10"> |
162 | <el-col :span="14" v-if="ruleForm.qlxx"> | 162 | <el-col :span="14"> |
163 | <el-form-item label="共有方式:"> | 163 | <el-form-item label="共有方式:"> |
164 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> | 164 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
165 | <el-radio label="0">单独所有</el-radio> | 165 | <el-radio label="0">单独所有</el-radio> |
166 | <el-radio label="1">共同共有</el-radio> | 166 | <el-radio label="1">共同共有</el-radio> |
167 | <el-radio label="2">按份所有</el-radio> | 167 | <el-radio label="2">按份所有</el-radio> |
... | @@ -170,14 +170,14 @@ | ... | @@ -170,14 +170,14 @@ |
170 | </el-form-item> | 170 | </el-form-item> |
171 | </el-col> | 171 | </el-col> |
172 | </el-row> | 172 | </el-row> |
173 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 173 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
174 | :gyfs="ruleForm.qlxx.gyfs" /> | 174 | :gyfs="ruleForm.sldy.gyfs" /> |
175 | <div class="slxx_title title-block"> | 175 | <div class="slxx_title title-block"> |
176 | 义务人信息 | 176 | 义务人信息 |
177 | <div class="triangle"></div> | 177 | <div class="triangle"></div> |
178 | </div> | 178 | </div> |
179 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 179 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
180 | :gyfs="ruleForm.qlxx.gyfs" /> | 180 | :gyfs="ruleForm.sldy.gyfs" /> |
181 | <div class="slxx_title title-block"> | 181 | <div class="slxx_title title-block"> |
182 | 登记原因 | 182 | 登记原因 |
183 | <div class="triangle"></div> | 183 | <div class="triangle"></div> | ... | ... |
... | @@ -11,34 +11,34 @@ | ... | @@ -11,34 +11,34 @@ |
11 | <el-row :gutter="10"> | 11 | <el-row :gutter="10"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item label="业务号:"> | 13 | <el-form-item label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="受理人员:"> | 18 | <el-form-item label="受理人员:"> |
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | 19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
23 | <el-form-item label="受理时间:"> | 23 | <el-form-item label="受理时间:"> |
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | 24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | </el-row> | 27 | </el-row> |
28 | <el-row :gutter="10"> | 28 | <el-row :gutter="10"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item label="权利类型:" prop="qllx"> | 30 | <el-form-item label="权利类型:" prop="qllx"> |
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | 31 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="8"> | 34 | <el-col :span="8"> |
35 | <el-form-item label="登记类型:" prop="djlx"> | 35 | <el-form-item label="登记类型:" prop="djlx"> |
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="登记情形:" prop="djqx"> | 40 | <el-form-item label="登记情形:" prop="djqx"> |
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
... | @@ -155,7 +155,7 @@ | ... | @@ -155,7 +155,7 @@ |
155 | <el-col :span="24"> | 155 | <el-col :span="24"> |
156 | <el-form-item label="担保范围:"> | 156 | <el-form-item label="担保范围:"> |
157 | <el-input v-model="ruleForm.diyaq.dbfw" | 157 | <el-input v-model="ruleForm.diyaq.dbfw" |
158 | :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input> | 158 | :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input> |
159 | </el-form-item> | 159 | </el-form-item> |
160 | </el-col> | 160 | </el-col> |
161 | </el-row> | 161 | </el-row> |
... | @@ -181,7 +181,7 @@ | ... | @@ -181,7 +181,7 @@ |
181 | <el-row :gutter="10"> | 181 | <el-row :gutter="10"> |
182 | <el-col :span="14"> | 182 | <el-col :span="14"> |
183 | <el-form-item label="共有方式:"> | 183 | <el-form-item label="共有方式:"> |
184 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 184 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> |
185 | <el-radio label="0">单独所有</el-radio> | 185 | <el-radio label="0">单独所有</el-radio> |
186 | <el-radio label="1">共同共有</el-radio> | 186 | <el-radio label="1">共同共有</el-radio> |
187 | <el-radio label="2">按份所有</el-radio> | 187 | <el-radio label="2">按份所有</el-radio> |
... | @@ -189,15 +189,15 @@ | ... | @@ -189,15 +189,15 @@ |
189 | </el-radio-group> | 189 | </el-radio-group> |
190 | </el-form-item> | 190 | </el-form-item> |
191 | </el-col> | 191 | </el-col> |
192 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 192 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
193 | <el-form-item label="是否分别持证:"> | 193 | <el-form-item label="是否分别持证:"> |
194 | <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> | 194 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> |
195 | <el-radio label="1">是</el-radio> | 195 | <el-radio label="1">是</el-radio> |
196 | <el-radio label="0">否</el-radio> | 196 | <el-radio label="0">否</el-radio> |
197 | </el-radio-group> | 197 | </el-radio-group> |
198 | </el-form-item> | 198 | </el-form-item> |
199 | </el-col> | 199 | </el-col> |
200 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 200 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
201 | <el-form-item label="持证人:"> | 201 | <el-form-item label="持证人:"> |
202 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 202 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
203 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 203 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -207,7 +207,7 @@ | ... | @@ -207,7 +207,7 @@ |
207 | </el-col> | 207 | </el-col> |
208 | </el-row> | 208 | </el-row> |
209 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 209 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> |
211 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
212 | 抵押人信息 | 212 | 抵押人信息 |
213 | <div class="triangle"></div> | 213 | <div class="triangle"></div> |
... | @@ -221,7 +221,7 @@ | ... | @@ -221,7 +221,7 @@ |
221 | </div> | 221 | </div> |
222 | <el-row :gutter="10"> | 222 | <el-row :gutter="10"> |
223 | <el-col> | 223 | <el-col> |
224 | <el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 224 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
225 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 225 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" |
226 | v-model="ruleForm.diyaq.zxdyyy"> | 226 | v-model="ruleForm.diyaq.zxdyyy"> |
227 | </el-input> | 227 | </el-input> | ... | ... |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | <!-- 表格 --> | 40 | <!-- 表格 --> |
41 | <div class="from-clues-content loadingtext"> | 41 | <div class="from-clues-content loadingtext"> |
42 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext" | 42 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext" |
43 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 43 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" :calcHeight="300" |
44 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> | 44 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> |
45 | </lb-table> | 45 | </lb-table> |
46 | </div> | 46 | </div> | ... | ... |
... | @@ -8,6 +8,8 @@ export function queueDjywmc(djywbm, djqxbm) { | ... | @@ -8,6 +8,8 @@ export function queueDjywmc(djywbm, djqxbm) { |
8 | } | 8 | } |
9 | let vm = null; | 9 | let vm = null; |
10 | switch (djywbm) { | 10 | switch (djywbm) { |
11 | case "A01100"://国有土地所有权(首次登记) | ||
12 | case "A02100"://集体土地所有权(首次登记) | ||
11 | case "A03100"://建设用地使用权(首次登记) | 13 | case "A03100"://建设用地使用权(首次登记) |
12 | case "A05100"://宅基地使用权(首次登记) | 14 | case "A05100"://宅基地使用权(首次登记) |
13 | case "A07100"://集体建设用地使用权(首次登记) | 15 | case "A07100"://集体建设用地使用权(首次登记) | ... | ... |
... | @@ -8,7 +8,7 @@ class data extends filter { | ... | @@ -8,7 +8,7 @@ class data extends filter { |
8 | constructor() { | 8 | constructor() { |
9 | super() | 9 | super() |
10 | } | 10 | } |
11 | columns() { | 11 | columns () { |
12 | return [ | 12 | return [ |
13 | { | 13 | { |
14 | label: '序号', | 14 | label: '序号', |
... | @@ -52,17 +52,7 @@ class data extends filter { | ... | @@ -52,17 +52,7 @@ class data extends filter { |
52 | label: "业务号", | 52 | label: "业务号", |
53 | width: '100' | 53 | width: '100' |
54 | }, | 54 | }, |
55 | { | 55 | |
56 | label: "证书内容", | ||
57 | width: '80', | ||
58 | render: (h, scope) => { | ||
59 | return ( | ||
60 | <div> | ||
61 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> | ||
62 | </div> | ||
63 | ) | ||
64 | } | ||
65 | }, | ||
66 | { | 56 | { |
67 | prop: "ysxlh", | 57 | prop: "ysxlh", |
68 | label: "印刷序列号", | 58 | label: "印刷序列号", |
... | @@ -75,11 +65,12 @@ class data extends filter { | ... | @@ -75,11 +65,12 @@ class data extends filter { |
75 | { | 65 | { |
76 | prop: "bdcqzh", | 66 | prop: "bdcqzh", |
77 | label: "不动产权证号", | 67 | label: "不动产权证号", |
78 | minWidth: '110' | 68 | minWidth: '120' |
79 | }, | 69 | }, |
80 | { | 70 | { |
81 | prop: "qlr", | 71 | prop: "qlr", |
82 | label: "权利人", | 72 | label: "权利人", |
73 | minWidth: '100' | ||
83 | }, | 74 | }, |
84 | { | 75 | { |
85 | prop: "ywr", | 76 | prop: "ywr", |
... | @@ -95,6 +86,17 @@ class data extends filter { | ... | @@ -95,6 +86,17 @@ class data extends filter { |
95 | prop: "zl", | 86 | prop: "zl", |
96 | label: "坐落" | 87 | label: "坐落" |
97 | }, | 88 | }, |
89 | { | ||
90 | label: "证书内容", | ||
91 | width: '80', | ||
92 | render: (h, scope) => { | ||
93 | return ( | ||
94 | <div> | ||
95 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> | ||
96 | </div> | ||
97 | ) | ||
98 | } | ||
99 | }, | ||
98 | ] | 100 | ] |
99 | } | 101 | } |
100 | } | 102 | } | ... | ... |
-
Please register or sign in to post a comment