Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
13 changed files
with
783 additions
and
277 deletions
1 | /* | 1 | /* |
2 | * @Description: 材料信息 | 2 | * @Description: 材料信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-16 14:04:42 | 4 | * @LastEditTime: 2023-07-28 14:31:00 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -75,6 +75,22 @@ export function uploadSjClmx (data) { | ... | @@ -75,6 +75,22 @@ export function uploadSjClmx (data) { |
75 | } | 75 | } |
76 | 76 | ||
77 | /** | 77 | /** |
78 | * @description: 上传duo个文件 | ||
79 | * @param {*} data | ||
80 | * @author: renchao | ||
81 | */ | ||
82 | export function uploadBatch (data) { | ||
83 | return request({ | ||
84 | url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadBatch', | ||
85 | method: 'post', | ||
86 | headers: { | ||
87 | 'Content-Type': 'multipart/form-data' | ||
88 | }, | ||
89 | data | ||
90 | }) | ||
91 | } | ||
92 | |||
93 | /** | ||
78 | * @description: 删除上传文件 | 94 | * @description: 删除上传文件 |
79 | * @param {*} bsmClmx | 95 | * @param {*} bsmClmx |
80 | * @author: renchao | 96 | * @author: renchao | ... | ... |
src/api/workflow/fwsyq1Flow.js
0 → 100644
1 | /* | ||
2 | * @Description: 房地产权多幢接口 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023年07月27日 19:40:34 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | /** | ||
10 | * @description: 初始化内容 | ||
11 | * @param {*} data | ||
12 | * @author: 单帅旗 | ||
13 | */ | ||
14 | export function Init (data) { | ||
15 | let apiUrl = ""; | ||
16 | switch (data.get("djlx")) { | ||
17 | case "100": | ||
18 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/firstInit"; | ||
19 | break; | ||
20 | case "200": | ||
21 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/transferInit"; | ||
22 | break; | ||
23 | case "300": | ||
24 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/changeInit"; | ||
25 | break; | ||
26 | case "400": | ||
27 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/logoutInit"; | ||
28 | break; | ||
29 | case "500": | ||
30 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/riviseInit"; | ||
31 | break; | ||
32 | case "901": | ||
33 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/renewalInit"; | ||
34 | break; | ||
35 | case "902": | ||
36 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/replaceInit"; | ||
37 | break; | ||
38 | } | ||
39 | return request({ | ||
40 | url: apiUrl, | ||
41 | method: 'post', | ||
42 | data | ||
43 | }) | ||
44 | } | ||
45 | /** | ||
46 | * @description: 首次登记提交 | ||
47 | * @param {*} data | ||
48 | * @author: ssq | ||
49 | */ | ||
50 | export function saveBatchData (data) { | ||
51 | return request({ | ||
52 | url: SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/saveBatchData", | ||
53 | method: 'post', | ||
54 | data | ||
55 | }) | ||
56 | } | ||
57 | |||
58 | /** | ||
59 | * @description: 保存 | ||
60 | * @param {*} data | ||
61 | * @author: ssq | ||
62 | */ | ||
63 | export function saveData (data) { | ||
64 | return request({ | ||
65 | url: SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/saveData", | ||
66 | method: 'post', | ||
67 | data | ||
68 | }) | ||
69 | } | ||
70 |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-04 11:14:25 | 4 | * @LastEditTime: 2023-07-28 15:27:10 |
5 | */ | 5 | */ |
6 | const getters = { | 6 | const getters = { |
7 | sidebar: state => state.app.sidebar, | 7 | sidebar: state => state.app.sidebar, |
... | @@ -20,6 +20,7 @@ const getters = { | ... | @@ -20,6 +20,7 @@ const getters = { |
20 | djbxx: state => state.djbxx.djbxx, | 20 | djbxx: state => state.djbxx.djbxx, |
21 | // workflow | 21 | // workflow |
22 | isRefresh: state => state.user.isRefresh, | 22 | isRefresh: state => state.user.isRefresh, |
23 | workFresh: state => state.user.workFresh, | ||
23 | yjsqOptions: state => state.workflow.yjsqOptions | 24 | yjsqOptions: state => state.workflow.yjsqOptions |
24 | } | 25 | } |
25 | export default getters | 26 | export default getters | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-04-12 10:47:33 | 4 | * @LastEditTime: 2023-07-28 15:26:16 |
5 | */ | 5 | */ |
6 | import { getUserInfo } from '@/api/user' | 6 | import { getUserInfo } from '@/api/user' |
7 | const state = { | 7 | const state = { |
8 | name: '', | 8 | name: '', |
9 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', | 9 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', |
10 | isRefresh: false, | 10 | isRefresh: false, |
11 | // 业务流程刷新 | ||
12 | workFresh: false | ||
11 | } | 13 | } |
12 | const mutations = { | 14 | const mutations = { |
13 | SET_NAME: (state, data) => { | 15 | SET_NAME: (state, data) => { |
... | @@ -15,6 +17,9 @@ const mutations = { | ... | @@ -15,6 +17,9 @@ const mutations = { |
15 | }, | 17 | }, |
16 | REFRESH: (state, data) => { | 18 | REFRESH: (state, data) => { |
17 | state.isRefresh = data | 19 | state.isRefresh = data |
20 | }, | ||
21 | SETWORKFRESH: (state, data) => { | ||
22 | state.workFresh = data | ||
18 | } | 23 | } |
19 | } | 24 | } |
20 | 25 | ||
... | @@ -29,6 +34,9 @@ const actions = { | ... | @@ -29,6 +34,9 @@ const actions = { |
29 | refreshPage ({ commit }, data) { | 34 | refreshPage ({ commit }, data) { |
30 | commit('REFRESH', data) | 35 | commit('REFRESH', data) |
31 | }, | 36 | }, |
37 | reWorkFresh ({ commit }, data) { | ||
38 | commit('SETWORKFRESH', data) | ||
39 | } | ||
32 | } | 40 | } |
33 | export default { | 41 | export default { |
34 | namespaced: true, | 42 | namespaced: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-04 16:07:37 | 4 | * @LastEditTime: 2023-07-28 15:07:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -50,7 +50,7 @@ | ... | @@ -50,7 +50,7 @@ |
50 | <script> | 50 | <script> |
51 | import PhotoZoom from '@/components/PhotoZoom' | 51 | import PhotoZoom from '@/components/PhotoZoom' |
52 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' | 52 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' |
53 | import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; | 53 | import { uploadBatch, deleteClmx } from "@/api/clxx.js"; |
54 | import publicPicture from '@/components/publicPicture/index.vue' | 54 | import publicPicture from '@/components/publicPicture/index.vue' |
55 | export default { | 55 | export default { |
56 | name: 'PreviewImage', | 56 | name: 'PreviewImage', |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | scale: 1, | 77 | scale: 1, |
78 | degree: 0 | 78 | degree: 0 |
79 | }, | 79 | }, |
80 | maxLength: 0, | 80 | maxFileLength: 0, |
81 | // 缩略图 | 81 | // 缩略图 |
82 | thumbnailImages: [], | 82 | thumbnailImages: [], |
83 | showViewer: false, | 83 | showViewer: false, |
... | @@ -252,26 +252,29 @@ | ... | @@ -252,26 +252,29 @@ |
252 | * @param {*} files | 252 | * @param {*} files |
253 | * @author: renchao | 253 | * @author: renchao |
254 | */ | 254 | */ |
255 | async handleChange (file, files) { | 255 | async handleChange (file, fileList) { |
256 | // 清空 fileList 数组 | 256 | let length = fileList.length; |
257 | let length = files.length; | 257 | this.maxFileLength = Math.max(length, this.maxFileLength) |
258 | this.maxLength = Math.max(length, this.maxLength) | 258 | console.log(fileList, this.maxFileLength, 'this.maxFileLength'); |
259 | this.$refs.upload.clearFiles(); | 259 | var formData = new FormData(); |
260 | setTimeout(() => { | 260 | setTimeout(() => { |
261 | if (length !== this.maxLength) return | 261 | if (this.maxFileLength !== length) { |
262 | var formData = new FormData(); | 262 | return |
263 | files.forEach(file => { | 263 | } |
264 | formData.append('file', file.raw) | 264 | fileList.forEach(item => { |
265 | formData.append('file', item.raw) | ||
265 | }) | 266 | }) |
266 | formData.append("bsmSj", this.previewImg.bsmSj); | 267 | formData.append("bsmSj", this.previewImg.bsmSj); |
267 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 268 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
268 | uploadSjClmx(formData).then((res) => { | 269 | uploadBatch(formData).then((res) => { |
269 | if (res.code == 200) { | 270 | if (res.code == 200) { |
270 | this.$emit('updateList', res.result) | 271 | this.$emit('updateList', res.result) |
271 | this.$message({ | 272 | this.$message({ |
272 | message: '上传成功!', | 273 | message: '上传成功!', |
273 | type: 'success' | 274 | type: 'success' |
274 | }) | 275 | }) |
276 | this.$refs.upload.clearFiles(); | ||
277 | this.maxFileLength = 0 | ||
275 | } | 278 | } |
276 | }) | 279 | }) |
277 | }, 0) | 280 | }, 0) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 08:58:31 | 4 | * @LastEditTime: 2023-07-28 15:20:00 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
12 | <li | 12 | <li |
13 | @click="operation(item)" | 13 | @click="operation(item)" |
14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
15 | :key="index" | 15 | :key="index"> |
16 | > | ||
17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
19 | </li> | 18 | </li> |
... | @@ -22,8 +21,7 @@ | ... | @@ -22,8 +21,7 @@ |
22 | <li | 21 | <li |
23 | @click="operation(item)" | 22 | @click="operation(item)" |
24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
25 | :key="index" | 24 | :key="index"> |
26 | > | ||
27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
29 | </li> | 27 | </li> |
... | @@ -54,16 +52,14 @@ | ... | @@ -54,16 +52,14 @@ |
54 | :label="item.name" | 52 | :label="item.name" |
55 | :name="item.value" | 53 | :name="item.value" |
56 | v-for="item in tabList" | 54 | v-for="item in tabList" |
57 | :key="item.value" | 55 | :key="item.value"> |
58 | > | ||
59 | </el-tab-pane> | 56 | </el-tab-pane> |
60 | </el-tabs> | 57 | </el-tabs> |
61 | 58 | ||
62 | <component | 59 | <component |
63 | :key="fresh" | 60 | :key="fresh" |
64 | :is="componentTag" | 61 | :is="componentTag" |
65 | v-bind="currentSelectProps" | 62 | v-bind="currentSelectProps" /> |
66 | /> | ||
67 | </div> | 63 | </div> |
68 | </div> | 64 | </div> |
69 | </div> | 65 | </div> |
... | @@ -72,260 +68,258 @@ | ... | @@ -72,260 +68,258 @@ |
72 | </div> | 68 | </div> |
73 | </template> | 69 | </template> |
74 | <style scoped lang="scss"> | 70 | <style scoped lang="scss"> |
75 | @import "~@/styles/mixin.scss"; | 71 | @import "~@/styles/mixin.scss"; |
76 | @import "./workFrame.scss"; | 72 | @import "./workFrame.scss"; |
77 | </style> | 73 | </style> |
78 | <script> | 74 | <script> |
79 | import WorkFlow from "./mixin/index"; | 75 | import WorkFlow from "./mixin/index"; |
80 | import { getForm } from "./flowform"; | 76 | import { getForm } from "./flowform"; |
81 | import { getStepFormInfo } from "@/api/workFlow.js"; | 77 | import { getStepFormInfo } from "@/api/workFlow.js"; |
82 | import NoticeBar from "@/components/NoticeBar/index"; | 78 | import NoticeBar from "@/components/NoticeBar/index"; |
83 | // import ProcessViewer from "./components/processViewer.vue"; | 79 | // import ProcessViewer from "./components/processViewer.vue"; |
84 | 80 | ||
85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
86 | import qllxDailog from "./djbBook/components/qllxDailog"; | 82 | import qllxDailog from "./djbBook/components/qllxDailog"; |
87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
89 | // 登记簿数据信息 | 85 | // 登记簿数据信息 |
90 | import { addRepairRecord } from "@/api/djbRepair.js"; | 86 | import { addRepairRecord } from "@/api/djbRepair.js"; |
91 | // 获取权利类型数组 | 87 | // 获取权利类型数组 |
92 | 88 | ||
93 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 89 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
94 | export default { | 90 | export default { |
95 | components: { | 91 | components: { |
96 | selectBdc, | 92 | selectBdc, |
97 | NoticeBar, | 93 | NoticeBar, |
98 | ordinaryMenu, | 94 | ordinaryMenu, |
99 | qllxDailog, | 95 | qllxDailog, |
100 | }, | 96 | }, |
101 | mixins: [WorkFlow], | 97 | mixins: [WorkFlow], |
102 | data() { | 98 | data () { |
103 | return { | 99 | return { |
104 | bsmSlsq: this.$route.query.bsmSlsq, | 100 | bsmSlsq: this.$route.query.bsmSlsq, |
105 | //当前流程所在环节 | 101 | //当前流程所在环节 |
106 | bestepid: this.$route.query.bestepid, | 102 | bestepid: this.$route.query.bestepid, |
107 | //当前流程所在环节 | 103 | //当前流程所在环节 |
108 | zbhj: this.$route.query.zbhj, | 104 | zbhj: this.$route.query.zbhj, |
109 | //设置那个表单选中 | 105 | //设置那个表单选中 |
110 | tabName: "", | 106 | tabName: "", |
111 | isEdit: true, | 107 | isEdit: true, |
112 | // 弹框显示 | 108 | // 弹框显示 |
113 | dialogVisible: true, | 109 | dialogVisible: true, |
114 | //表单集合 | 110 | //表单集合 |
115 | tabList: [], | 111 | tabList: [], |
116 | //选择加载哪一个组件 | 112 | //选择加载哪一个组件 |
117 | componentTag: "", | 113 | componentTag: "", |
118 | //设置表单传递数据 | 114 | //设置表单传递数据 |
119 | currentSelectProps: {}, | 115 | currentSelectProps: {}, |
120 | // 首次拿到的业务信息 | 116 | // 首次拿到的业务信息 |
121 | oneSelectProps: {}, | 117 | oneSelectProps: {}, |
122 | //材料信息选择卡索引 | 118 | //材料信息选择卡索引 |
123 | oneget: true, | 119 | oneget: true, |
124 | //页面监听时间 | 120 | //页面监听时间 |
125 | _beforeUnload_time: "", | 121 | _beforeUnload_time: "", |
126 | treedata: {}, | 122 | treedata: {}, |
127 | tabdata: [], | 123 | tabdata: [], |
128 | bsmRepair: "", | 124 | bsmRepair: "", |
129 | defaultNode: {}, | 125 | defaultNode: {}, |
130 | clxxForm: "", | 126 | clxxForm: "", |
131 | //材料信息选择卡索引 | 127 | //材料信息选择卡索引 |
132 | clxxIndex: "", | 128 | clxxIndex: "", |
133 | //材料信息选项卡对象 | 129 | //材料信息选项卡对象 |
134 | clxxTab: {}, | 130 | clxxTab: {}, |
135 | ableOperation: false, | 131 | ableOperation: false, |
136 | }; | 132 | }; |
137 | }, | ||
138 | mounted() { | ||
139 | // this.getleftMenubl() | ||
140 | }, | ||
141 | |||
142 | methods: { | ||
143 | /** | ||
144 | * @description: stepForm | ||
145 | * @param {*} qllx | ||
146 | * @author: renchao | ||
147 | */ | ||
148 | stepForm(qllx) { | ||
149 | this.oneSelectProps.qllx = qllx; | ||
150 | if (this.$refs.Menu.supplementarylist.length) { | ||
151 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
152 | this.$nextTick(function () { | ||
153 | this.tabList = res.result; | ||
154 | console.log("加载的右侧界面组件名称",this.tabList); | ||
155 | this.tabName = this.tabList[0].value; | ||
156 | this.ableOperation = this.tabList[0].ableOperation; | ||
157 | this.getFromRouter(this.tabName); | ||
158 | |||
159 | if (this.tabList.length != 8) { | ||
160 | let that = this; | ||
161 | this.tabList.forEach(function (item, index) { | ||
162 | if (item.value == "clxx") { | ||
163 | that.clxxIndex = index; | ||
164 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
165 | that.clxxTab = item; | ||
166 | } | ||
167 | }); | ||
168 | } | ||
169 | }); | ||
170 | }); | ||
171 | } | ||
172 | }, | 133 | }, |
173 | // 获取右侧选项卡 | 134 | mounted () { |
174 | /** | 135 | // this.getleftMenubl() |
175 | * @description: 获取右侧选项卡 | ||
176 | * @param {*} val | ||
177 | * @author: renchao | ||
178 | */ | ||
179 | getCurrentSelectProps(val) { | ||
180 | console.log("渲染右侧选项卡"); | ||
181 | this.bsmRepair = val.bsmRepair; | ||
182 | if (val.bdcdyid) { | ||
183 | this.oneSelectProps = val; | ||
184 | } | ||
185 | this.currentSelectProps = val; | ||
186 | if (this.currentSelectProps.bsmRepair) { | ||
187 | this.stepForm(this.currentSelectProps.qllx); | ||
188 | } else if (!this.oneget) { | ||
189 | this.getdjblist(); | ||
190 | } | ||
191 | if (this.oneget) { | ||
192 | this.oneget = false; | ||
193 | this.stepForm(this.currentSelectProps.qllx); | ||
194 | } | ||
195 | }, | 136 | }, |
196 | // 获取渲染登记簿列表 | 137 | |
197 | /** | 138 | methods: { |
198 | * @description: 获取渲染登记簿列表 | 139 | /** |
199 | * @author: renchao | 140 | * @description: stepForm |
200 | */ | 141 | * @param {*} qllx |
201 | getdjblist() { | 142 | * @author: renchao |
202 | getBdcqljqtsx({ | 143 | */ |
203 | bdcdyid: this.currentSelectProps.bdcdyid, | 144 | stepForm (qllx) { |
204 | bdcdyh: this.currentSelectProps.bdcdyh, | 145 | this.oneSelectProps.qllx = qllx; |
205 | }).then((res) => { | 146 | if (this.$refs.Menu.supplementarylist.length) { |
206 | if (res.code === 200) { | 147 | getStepFormInfo(this.oneSelectProps).then((res) => { |
207 | this.treedata = loadTreeData(res.result); | 148 | this.$nextTick(function () { |
208 | this.$nextTick(function () { | 149 | this.tabList = res.result; |
209 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 150 | console.log("加载的右侧界面组件名称", this.tabList); |
210 | linShi: 0, | 151 | this.tabName = this.tabList[0].value; |
211 | xianShi: 0, | 152 | this.ableOperation = this.tabList[0].ableOperation; |
212 | liShi: 0, | 153 | this.getFromRouter(this.tabName); |
154 | |||
155 | if (this.tabList.length != 8) { | ||
156 | let that = this; | ||
157 | this.tabList.forEach(function (item, index) { | ||
158 | if (item.value == "clxx") { | ||
159 | that.clxxIndex = index; | ||
160 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
161 | that.clxxTab = item; | ||
162 | } | ||
163 | }); | ||
164 | } | ||
213 | }); | 165 | }); |
214 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
215 | }); | ||
216 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
217 | this.tabdata = [ | ||
218 | ...settree, | ||
219 | ...settree[1].children[0].children[0].children, | ||
220 | ]; | ||
221 | this.tabdata.forEach((item, index, arr) => { | ||
222 | arr[index].name = item.label; | ||
223 | arr[index].value = item.id; | ||
224 | }); | 166 | }); |
225 | this.tabList = this.tabdata; | ||
226 | } | 167 | } |
227 | }); | 168 | }, |
228 | }, | 169 | /** |
229 | //右侧表单选项卡事件 | 170 | * @description: 获取右侧选项卡 |
230 | /** | 171 | * @param {*} val |
231 | * @description: 右侧表单选项卡事件 | 172 | * @author: renchao |
232 | * @param {*} activeName | 173 | */ |
233 | * @author: renchao | 174 | getCurrentSelectProps (val) { |
234 | */ | 175 | this.bsmRepair = val.bsmRepair; |
235 | beforeLeave(activeName) { | 176 | if (val.bdcdyid) { |
236 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 177 | this.oneSelectProps = val; |
237 | }, | 178 | } |
238 | //切换选项卡内容组件 | 179 | this.currentSelectProps = val; |
239 | /** | 180 | if (this.currentSelectProps.bsmRepair) { |
240 | * @description: 切换选项卡内容组件 | 181 | this.stepForm(this.currentSelectProps.qllx); |
241 | * @param {*} tabname | 182 | } else if (!this.oneget) { |
242 | * @author: renchao | 183 | this.getdjblist(); |
243 | */ | ||
244 | getFromRouter(tabname) { | ||
245 | this.componentTag = getForm(tabname); | ||
246 | }, | ||
247 | // closefp () { | ||
248 | // this.splitScreen = this.splitScreen ? false : true; | ||
249 | // this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
250 | // this.getFromRouter(this.tabList[0].value); | ||
251 | // this.clxxForm = getForm(this.tabList[1].value); | ||
252 | // this.tabName = this.tabList[0].value | ||
253 | // }, | ||
254 | // 增加补录记录 | ||
255 | /** | ||
256 | * @description: 增加补录记录 | ||
257 | * @param {*} row | ||
258 | * @param {*} del | ||
259 | * @author: renchao | ||
260 | */ | ||
261 | addRepairRecord(row, del) { | ||
262 | console.log("row",row,del); | ||
263 | let from = { | ||
264 | bsmQlxx: "", | ||
265 | bsmSlsq: this.bsmSlsq, | ||
266 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
267 | operate: "C", | ||
268 | qllx: "", | ||
269 | }; | ||
270 | if (row) { | ||
271 | from.bsmQlxx = row.bsmQlxx; | ||
272 | if (del) { | ||
273 | from.operate = del; | ||
274 | } else { | ||
275 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
276 | } | 184 | } |
277 | from.qllx = row.qllx; | 185 | if (this.oneget) { |
278 | } | 186 | this.oneget = false; |
279 | addRepairRecord(from) | 187 | this.stepForm(this.currentSelectProps.qllx); |
280 | .then((res) => { | 188 | } |
281 | if (res.code == "200") { | 189 | }, |
282 | this.$refs.qllxlist.dialogVisible = false; | 190 | // 获取渲染登记簿列表 |
283 | this.$nextTick(() => { | 191 | /** |
284 | this.$refs.Menu.getleftMenubl(res.result); | 192 | * @description: 获取渲染登记簿列表 |
285 | this.$message({ | 193 | * @author: renchao |
286 | type: "success", | 194 | */ |
287 | message: "补录成功!", | 195 | getdjblist () { |
196 | getBdcqljqtsx({ | ||
197 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
198 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
199 | }).then((res) => { | ||
200 | if (res.code === 200) { | ||
201 | this.treedata = loadTreeData(res.result); | ||
202 | this.$nextTick(function () { | ||
203 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
204 | linShi: 0, | ||
205 | xianShi: 0, | ||
206 | liShi: 0, | ||
288 | }); | 207 | }); |
208 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
289 | }); | 209 | }); |
290 | } else { | 210 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
291 | this.$alert(res.message, "提示", { | 211 | this.tabdata = [ |
292 | confirmButtonText: "确定", | 212 | ...settree, |
293 | type: "warning", | 213 | ...settree[1].children[0].children[0].children, |
214 | ]; | ||
215 | this.tabdata.forEach((item, index, arr) => { | ||
216 | arr[index].name = item.label; | ||
217 | arr[index].value = item.id; | ||
294 | }); | 218 | }); |
219 | this.tabList = this.tabdata; | ||
295 | } | 220 | } |
296 | }) | ||
297 | .catch((res) => { | ||
298 | console.log("错", res); | ||
299 | }); | 221 | }); |
300 | }, | 222 | }, |
301 | // openDialog () { | 223 | //右侧表单选项卡事件 |
302 | // this.$store.dispatch('user/refreshPage', false) | 224 | /** |
303 | // let data = JSON.parse(localStorage.getItem('ywbl')) | 225 | * @description: 右侧表单选项卡事件 |
304 | // let title | 226 | * @param {*} activeName |
305 | // if (data?.sqywmc) { | 227 | * @author: renchao |
306 | // title = "申请业务:" + data?.sqywmc | 228 | */ |
307 | // } else { | 229 | beforeLeave (activeName) { |
308 | // title = "申请业务:" + data?.djywmc | 230 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
309 | // } | 231 | }, |
232 | //切换选项卡内容组件 | ||
233 | /** | ||
234 | * @description: 切换选项卡内容组件 | ||
235 | * @param {*} tabname | ||
236 | * @author: renchao | ||
237 | */ | ||
238 | getFromRouter (tabname) { | ||
239 | this.componentTag = getForm(tabname); | ||
240 | }, | ||
241 | // closefp () { | ||
242 | // this.splitScreen = this.splitScreen ? false : true; | ||
243 | // this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
244 | // this.getFromRouter(this.tabList[0].value); | ||
245 | // this.clxxForm = getForm(this.tabList[1].value); | ||
246 | // this.tabName = this.tabList[0].value | ||
247 | // }, | ||
248 | // 增加补录记录 | ||
249 | /** | ||
250 | * @description: 增加补录记录 | ||
251 | * @param {*} row | ||
252 | * @param {*} del | ||
253 | * @author: renchao | ||
254 | */ | ||
255 | addRepairRecord (row, del) { | ||
256 | console.log("row", row, del); | ||
257 | let from = { | ||
258 | bsmQlxx: "", | ||
259 | bsmSlsq: this.bsmSlsq, | ||
260 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
261 | operate: "C", | ||
262 | qllx: "", | ||
263 | }; | ||
264 | if (row) { | ||
265 | from.bsmQlxx = row.bsmQlxx; | ||
266 | if (del) { | ||
267 | from.operate = del; | ||
268 | } else { | ||
269 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
270 | } | ||
271 | from.qllx = row.qllx; | ||
272 | } | ||
273 | addRepairRecord(from) | ||
274 | .then((res) => { | ||
275 | if (res.code == "200") { | ||
276 | this.$refs.qllxlist.dialogVisible = false; | ||
277 | this.$nextTick(() => { | ||
278 | this.$refs.Menu.getleftMenubl(res.result); | ||
279 | this.$message({ | ||
280 | type: "success", | ||
281 | message: "补录成功!", | ||
282 | }); | ||
283 | }); | ||
284 | } else { | ||
285 | this.$alert(res.message, "提示", { | ||
286 | confirmButtonText: "确定", | ||
287 | type: "warning", | ||
288 | }); | ||
289 | } | ||
290 | }) | ||
291 | .catch((res) => { | ||
292 | console.log("错", res); | ||
293 | }); | ||
294 | }, | ||
295 | // openDialog () { | ||
296 | // this.$store.dispatch('user/refreshPage', false) | ||
297 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
298 | // let title | ||
299 | // if (data?.sqywmc) { | ||
300 | // title = "申请业务:" + data?.sqywmc | ||
301 | // } else { | ||
302 | // title = "申请业务:" + data?.djywmc | ||
303 | // } | ||
310 | 304 | ||
311 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 305 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
312 | // } | 306 | // } |
313 | }, | 307 | }, |
314 | }; | 308 | }; |
315 | </script> | 309 | </script> |
316 | <style scoped lang="scss"> | 310 | <style scoped lang="scss"> |
317 | .rightContainer { | 311 | .rightContainer { |
318 | position: relative; | 312 | position: relative; |
319 | } | 313 | } |
320 | .count { | 314 | .count { |
321 | font-size: 14px; | 315 | font-size: 14px; |
322 | position: absolute; | 316 | position: absolute; |
323 | right: 25px; | 317 | right: 25px; |
324 | top: 12px; | 318 | top: 12px; |
325 | height: 30px; | 319 | height: 30px; |
326 | span { | 320 | span { |
327 | font-weight: 600; | 321 | font-weight: 600; |
328 | color: #3498db; | 322 | color: #3498db; |
323 | } | ||
329 | } | 324 | } |
330 | } | ||
331 | </style> | 325 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-28 09:35:38 | 4 | * @LastEditTime: 2023-07-28 11:37:31 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -38,8 +38,7 @@ | ... | @@ -38,8 +38,7 @@ |
38 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; | 38 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; |
39 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; | 39 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; |
40 | import imagePreview from '@/views/components/imagePreview.vue' | 40 | import imagePreview from '@/views/components/imagePreview.vue' |
41 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 41 | import { InitClml, saveClml } from "@/api/clxx.js"; |
42 | import { popupDialog } from "@/utils/popup.js"; | ||
43 | export default { | 42 | export default { |
44 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 43 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, |
45 | data () { | 44 | data () { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 11:13:07 | 4 | * @LastEditTime: 2023-07-28 15:27:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
71 | } | 71 | } |
72 | }, | 72 | }, |
73 | created () { | 73 | created () { |
74 | store.dispatch('user/refreshPage', false) | 74 | store.dispatch('user/reWorkFresh', false) |
75 | this.columns = datas.columns() | 75 | this.columns = datas.columns() |
76 | this.ysxlhList() | 76 | this.ysxlhList() |
77 | this.getHeadTabBdcqz() | 77 | this.getHeadTabBdcqz() |
... | @@ -179,7 +179,7 @@ | ... | @@ -179,7 +179,7 @@ |
179 | this.$popupCacel() | 179 | this.$popupCacel() |
180 | this.$message.success("提交成功") | 180 | this.$message.success("提交成功") |
181 | //刷新列表 | 181 | //刷新列表 |
182 | store.dispatch('user/refreshPage', true) | 182 | store.dispatch('user/reWorkFresh', true) |
183 | } else { | 183 | } else { |
184 | this.$message.error(res.message) | 184 | this.$message.error(res.message) |
185 | } | 185 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-24 10:22:41 | 4 | * @LastEditTime: 2023-07-28 15:33:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
... | @@ -64,6 +64,7 @@ | ... | @@ -64,6 +64,7 @@ |
64 | import table from "@/utils/mixin/table"; | 64 | import table from "@/utils/mixin/table"; |
65 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; | 65 | import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; |
66 | import { datas } from "../../javascript/fzxxdata"; | 66 | import { datas } from "../../javascript/fzxxdata"; |
67 | import { log } from 'bpmn-js-token-simulation'; | ||
67 | export default { | 68 | export default { |
68 | props: { | 69 | props: { |
69 | formData: { | 70 | formData: { |
... | @@ -123,9 +124,6 @@ | ... | @@ -123,9 +124,6 @@ |
123 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { | 124 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { |
124 | if (res.code === 200) { | 125 | if (res.code === 200) { |
125 | this.tableData.data = res.result.list; | 126 | this.tableData.data = res.result.list; |
126 | if(this.tableData.data.length>0) { | ||
127 | this.ruleForm.lzrxm = this.tableData.data[0].qlr | ||
128 | } | ||
129 | this.ruleForm.fzrmc = res.result.fzrmc | 127 | this.ruleForm.fzrmc = res.result.fzrmc |
130 | this.ruleForm.fzsj = res.result.fzsj | 128 | this.ruleForm.fzsj = res.result.fzsj |
131 | this.ruleForm.fzsl = res.result.fzsl | 129 | this.ruleForm.fzsl = res.result.fzsl |
... | @@ -160,7 +158,7 @@ | ... | @@ -160,7 +158,7 @@ |
160 | if (res.code == 200) { | 158 | if (res.code == 200) { |
161 | this.$message.success('保存成功'); | 159 | this.$message.success('保存成功'); |
162 | //刷新列表 | 160 | //刷新列表 |
163 | store.dispatch('user/refreshPage', true) | 161 | store.dispatch('user/reWorkFresh', true) |
164 | this.$popupCacel() | 162 | this.$popupCacel() |
165 | } else { | 163 | } else { |
166 | this.$message.error(res.message) | 164 | this.$message.error(res.message) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-25 09:26:10 | 4 | * @LastEditTime: 2023-07-28 15:30:23 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -40,9 +40,10 @@ | ... | @@ -40,9 +40,10 @@ |
40 | </div> | 40 | </div> |
41 | </template> | 41 | </template> |
42 | <script> | 42 | <script> |
43 | import { mapGetters } from 'vuex' | ||
43 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
44 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
45 | import { datas } from "../javascript/fzxxdata"; | 45 | import { datas } from "../javascript/fzxxdata"; |
46 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
46 | export default { | 47 | export default { |
47 | mixins: [table], | 48 | mixins: [table], |
48 | data () { | 49 | data () { |
... | @@ -66,6 +67,16 @@ | ... | @@ -66,6 +67,16 @@ |
66 | created () { | 67 | created () { |
67 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 68 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
68 | }, | 69 | }, |
70 | computed: { | ||
71 | ...mapGetters(['workFresh']) | ||
72 | }, | ||
73 | watch: { | ||
74 | workFresh: { | ||
75 | handler (newVal, oldVal) { | ||
76 | if (newVal) this.queryClick() | ||
77 | } | ||
78 | } | ||
79 | }, | ||
69 | methods: { | 80 | methods: { |
70 | /** | 81 | /** |
71 | * @description: queryClick | 82 | * @description: queryClick | ... | ... |
... | @@ -92,10 +92,10 @@ | ... | @@ -92,10 +92,10 @@ |
92 | }; | 92 | }; |
93 | }, | 93 | }, |
94 | computed: { | 94 | computed: { |
95 | ...mapGetters(['isRefresh']) | 95 | ...mapGetters(['workFresh']) |
96 | }, | 96 | }, |
97 | watch: { | 97 | watch: { |
98 | isRefresh: { | 98 | workFresh: { |
99 | handler (newVal, oldVal) { | 99 | handler (newVal, oldVal) { |
100 | if (newVal) this.list() | 100 | if (newVal) this.list() |
101 | } | 101 | } | ... | ... |
... | @@ -23,6 +23,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -23,6 +23,9 @@ export function getForm(tabName, djywbm) { |
23 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); | 23 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); |
24 | break; | 24 | break; |
25 | //国有建设用地使用权/房屋所有权 | 25 | //国有建设用地使用权/房屋所有权 |
26 | case "fwsyqdzslxx": | ||
27 | form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue"); | ||
28 | break; | ||
26 | case "fwsyqslxx100": | 29 | case "fwsyqslxx100": |
27 | case "fwsyqslxx200": | 30 | case "fwsyqslxx200": |
28 | case "fwsyqslxx400": | 31 | case "fwsyqslxx400": | ... | ... |
src/views/ywbl/slsqxx/fdcq1/slxx.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 房屋多幢受理信息 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023年07月27日 19:38:26 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="slxx"> | ||
8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
9 | label-width="120px"> | ||
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
11 | <div class="slxx_title title-block"> | ||
12 | 受理信息 | ||
13 | <div class="triangle"></div> | ||
14 | </div> | ||
15 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
16 | <el-col :span="8"> | ||
17 | <el-form-item label="业务号:"> | ||
18 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="受理人员:"> | ||
23 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="受理时间:"> | ||
28 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | </el-row> | ||
32 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
33 | <el-col :span="8"> | ||
34 | <el-form-item label="权利类型:"> | ||
35 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | <el-col :span="8"> | ||
39 | <el-form-item label="登记类型:"> | ||
40 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | <el-col :span="8"> | ||
44 | <el-form-item label="登记情形:"> | ||
45 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
46 | </el-form-item> | ||
47 | </el-col> | ||
48 | </el-row> | ||
49 | <div class="slxx_title title-block"> | ||
50 | 不动产单元情况 | ||
51 | <div class="triangle"></div> | ||
52 | </div> | ||
53 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
54 | <el-col :span="8"> | ||
55 | <el-form-item label="不动产单元号:"> | ||
56 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
57 | </el-form-item> | ||
58 | </el-col> | ||
59 | <el-col :span="16"> | ||
60 | <el-form-item label="坐落:"> | ||
61 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | </el-row> | ||
65 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
66 | <el-col :span="8"> | ||
67 | <el-form-item label="土地使用期限:"> | ||
68 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-col> | ||
71 | <el-col :span="8"> | ||
72 | <el-form-item label="规划用途名称:"> | ||
73 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | ||
74 | </el-form-item> | ||
75 | </el-col> | ||
76 | <el-col :span="8"> | ||
77 | <el-form-item label="房屋性质:"> | ||
78 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> | ||
79 | </el-form-item> | ||
80 | </el-col> | ||
81 | </el-row> | ||
82 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
83 | <el-col :span="8"> | ||
84 | <el-form-item label="房屋结构:"> | ||
85 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> | ||
86 | </el-form-item> | ||
87 | </el-col> | ||
88 | <el-col :span="8"> | ||
89 | <el-form-item label="所在层:"> | ||
90 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> | ||
91 | </el-form-item> | ||
92 | </el-col> | ||
93 | <el-col :span="8"> | ||
94 | <el-form-item label="总层数:"> | ||
95 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | </el-row> | ||
99 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="竣工时间:"> | ||
102 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="建筑面积:"> | ||
107 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="专有建筑面积:"> | ||
112 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | </el-row> | ||
116 | <el-row :gutter="10"> | ||
117 | |||
118 | <el-col :span="8"> | ||
119 | <el-form-item label="分摊建筑面积:"> | ||
120 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
121 | </el-form-item> | ||
122 | </el-col> | ||
123 | </el-row> | ||
124 | <div class="slxx_title title-block"> | ||
125 | 土地用途 | ||
126 | <div class="triangle"></div> | ||
127 | </div> | ||
128 | <tdytTable | ||
129 | :ableOperation="ableOperation" | ||
130 | :tableData="ruleForm.tdytqxList" | ||
131 | @upDateTdytxxList="upDateTdytxxList" /> | ||
132 | <div class="slxx_title title-block"> | ||
133 | 权利人信息 | ||
134 | <div class="triangle"></div> | ||
135 | </div> | ||
136 | <el-row :gutter="10"> | ||
137 | <el-col :span="14" v-if="ruleForm.qlxx"> | ||
138 | <el-form-item label="共有方式:"> | ||
139 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" | ||
140 | v-model="ruleForm.sldy.gyfs"> | ||
141 | <el-radio label="0">单独所有</el-radio> | ||
142 | <el-radio label="1">共同共有</el-radio> | ||
143 | <el-radio label="2">按份所有</el-radio> | ||
144 | <el-radio label="3">其它共有</el-radio> | ||
145 | </el-radio-group> | ||
146 | </el-form-item> | ||
147 | </el-col> | ||
148 | <el-col :span="5"> | ||
149 | <el-form-item label="发证方式:"> | ||
150 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | ||
151 | <el-radio label="1">小证</el-radio> | ||
152 | <el-radio label="2">大证</el-radio> | ||
153 | </el-radio-group> | ||
154 | </el-form-item> | ||
155 | </el-col> | ||
156 | |||
157 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | ||
158 | <el-form-item label="是否分别持证:"> | ||
159 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | ||
160 | <el-radio label="1">是</el-radio> | ||
161 | <el-radio label="0">否</el-radio> | ||
162 | </el-radio-group> | ||
163 | </el-form-item> | ||
164 | </el-col> | ||
165 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | ||
166 | <el-form-item label="持证人:"> | ||
167 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> | ||
168 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
169 | </el-option> | ||
170 | </el-select> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | </el-row> | ||
174 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" | ||
175 | :gyfs="ruleForm.slsq.gyfs" /> | ||
176 | |||
177 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | ||
178 | <div class="slxx_title title-block"> | ||
179 | 义务人信息 | ||
180 | <div class="triangle"></div> | ||
181 | </div> | ||
182 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | ||
183 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
184 | </div> | ||
185 | <div class="slxx_title title-block"> | ||
186 | 登记原因 | ||
187 | <div class="triangle"></div> | ||
188 | </div> | ||
189 | <el-row :gutter="10"> | ||
190 | <el-col> | ||
191 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | ||
192 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | ||
193 | v-model="ruleForm.fdcq2.djyy"> | ||
194 | </el-input> | ||
195 | </el-form-item> | ||
196 | </el-col> | ||
197 | </el-row> | ||
198 | </div> | ||
199 | <el-row class="btn" v-if="ableOperation"> | ||
200 | <el-form-item> | ||
201 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
202 | </el-form-item> | ||
203 | </el-row> | ||
204 | </el-form> | ||
205 | </div> | ||
206 | </template> | ||
207 | <script> | ||
208 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
209 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
210 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | ||
211 | import { mapGetters } from "vuex"; | ||
212 | export default { | ||
213 | mounted () { | ||
214 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | ||
215 | this.propsParam = this.$attrs; | ||
216 | var formdata = new FormData(); | ||
217 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
218 | formdata.append("djlx", this.propsParam.djlx); | ||
219 | formdata.append("isEdit", this.ableOperation); | ||
220 | Init(formdata).then((res) => { | ||
221 | if (res.code === 200 && res.result) { | ||
222 | this.ruleForm = { | ||
223 | ...res.result, | ||
224 | ...res.result.qlxxdatas, | ||
225 | } | ||
226 | //初始化发证方式,1:小证,2:大正 | ||
227 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs; | ||
228 | } | ||
229 | }); | ||
230 | }, | ||
231 | components: { qlrCommonTable, tdytTable }, | ||
232 | computed: { | ||
233 | ...mapGetters(["dictData", "flag"]), | ||
234 | }, | ||
235 | data () { | ||
236 | return { | ||
237 | disabled: true, | ||
238 | tdytOption: [], | ||
239 | czrOptions: [], | ||
240 | ruleForm: { | ||
241 | flow: { | ||
242 | ywh: '' | ||
243 | }, | ||
244 | qlxx: { | ||
245 | mj: '' | ||
246 | }, | ||
247 | sldy: { | ||
248 | gyfs: '' | ||
249 | }, | ||
250 | slsq: { | ||
251 | |||
252 | }, | ||
253 | fdcq2: { | ||
254 | zyjzmj: '', | ||
255 | ftjzmj: '' | ||
256 | }, | ||
257 | zdjbxx: { | ||
258 | ghytmc: '' | ||
259 | } | ||
260 | }, | ||
261 | //传递参数 | ||
262 | propsParam: this.$attrs, | ||
263 | //表单是否可操作 | ||
264 | ableOperation: true, | ||
265 | rules: {} | ||
266 | } | ||
267 | }, | ||
268 | methods: { | ||
269 | // 更新土地用途信息 | ||
270 | /** | ||
271 | * @description: 更新土地用途信息 | ||
272 | * @param {*} val | ||
273 | * @author: renchao | ||
274 | */ | ||
275 | upDateTdytxxList (val) { | ||
276 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
277 | this.key++; | ||
278 | }, | ||
279 | // 更新权利人信息 | ||
280 | /** | ||
281 | * @description: 更新权利人信息 | ||
282 | * @param {*} val | ||
283 | * @author: renchao | ||
284 | */ | ||
285 | upDateQlrxxList (val) { | ||
286 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
287 | }, | ||
288 | /** | ||
289 | * @description: showCZInfo | ||
290 | * @author: renchao | ||
291 | */ | ||
292 | showCZInfo () { | ||
293 | console.log(this.ruleForm.slsq.gyfs); | ||
294 | }, | ||
295 | // 更新权利人信息 | ||
296 | /** | ||
297 | * @description: 更新权利人信息 | ||
298 | * @param {*} val | ||
299 | * @author: renchao | ||
300 | */ | ||
301 | upDateYwrxxList (val) { | ||
302 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
303 | }, | ||
304 | /** | ||
305 | * @description: onSubmit | ||
306 | * @author: renchao | ||
307 | */ | ||
308 | onSubmit () { | ||
309 | saveData(this.ruleForm).then((res) => { | ||
310 | if (res.code === 200) { | ||
311 | this.$message({ | ||
312 | showClose: true, | ||
313 | message: "保存成功!", | ||
314 | type: "success", | ||
315 | }); | ||
316 | this.$store.dispatch('user/refreshPage', true); | ||
317 | } else { | ||
318 | this.$message({ | ||
319 | showClose: true, | ||
320 | message: res.message, | ||
321 | type: "error" | ||
322 | }) | ||
323 | } | ||
324 | }) | ||
325 | } | ||
326 | } | ||
327 | } | ||
328 | </script> | ||
329 | <style scoped lang='scss'> | ||
330 | @import "~@/styles/public.scss"; | ||
331 | |||
332 | /deep/.el-form { | ||
333 | display: flex; | ||
334 | flex-direction: column; | ||
335 | height: calc(100vh - 130px); | ||
336 | } | ||
337 | |||
338 | /deep/.el-form-item__label { | ||
339 | padding: 0; | ||
340 | } | ||
341 | |||
342 | /deep/.el-radio { | ||
343 | margin-right: 10px; | ||
344 | } | ||
345 | |||
346 | /deep/.el-select { | ||
347 | width: 100%; | ||
348 | } | ||
349 | |||
350 | /deep/.el-form-item { | ||
351 | margin-bottom: 8px; | ||
352 | } | ||
353 | |||
354 | .marginBot0 { | ||
355 | margin-bottom: 0 !important; | ||
356 | } | ||
357 | |||
358 | .slxx { | ||
359 | box-sizing: border-box; | ||
360 | } | ||
361 | |||
362 | .slxx_con { | ||
363 | flex: 1; | ||
364 | height: 100%; | ||
365 | background-color: #ffffff; | ||
366 | overflow-y: auto; | ||
367 | padding-right: 3px; | ||
368 | overflow-x: hidden; | ||
369 | } | ||
370 | |||
371 | .submit_btn { | ||
372 | height: 50px; | ||
373 | } | ||
374 | |||
375 | .slxx_title { | ||
376 | border-bottom: 1px solid $borderColor; | ||
377 | padding-left: 10px; | ||
378 | padding-bottom: 5px; | ||
379 | margin-bottom: 10px; | ||
380 | margin-top: 5px; | ||
381 | font-size: 16px; | ||
382 | font-weight: 500; | ||
383 | color: #4a4a4a; | ||
384 | } | ||
385 | |||
386 | .btn { | ||
387 | text-align: center; | ||
388 | padding-top: 10px; | ||
389 | height: 36px; | ||
390 | background-color: #ffffff; | ||
391 | padding: 5px 0; | ||
392 | } | ||
393 | |||
394 | .textArea { | ||
395 | /deep/.el-textarea__inner { | ||
396 | min-height: 90px !important; | ||
397 | } | ||
398 | } | ||
399 | |||
400 | /deep/.el-form-item__label { | ||
401 | padding-bottom: 0px; | ||
402 | } | ||
403 | </style> |
-
Please register or sign in to post a comment