Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
6 changed files
with
412 additions
and
5 deletions
src/api/ygdjFlow.js
0 → 100644
1 | import request from '@/utils/request' | ||
2 | import SERVER from './config' | ||
3 | // 初始化内容 | ||
4 | export function Init(data) { | ||
5 | let apiUrl = ""; | ||
6 | switch (data.get("djlx")) { | ||
7 | case "100": | ||
8 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/fristInit"; | ||
9 | break; | ||
10 | case "200": | ||
11 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/transferInit"; | ||
12 | break; | ||
13 | case "300": | ||
14 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/changeInit"; | ||
15 | break; | ||
16 | case "400": | ||
17 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/logoutInit"; | ||
18 | break; | ||
19 | case "500": | ||
20 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/riviseInit"; | ||
21 | break; | ||
22 | case "901": | ||
23 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/renewalInit"; | ||
24 | break; | ||
25 | case "902": | ||
26 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/replaceInit"; | ||
27 | break; | ||
28 | } | ||
29 | return request({ | ||
30 | url: apiUrl, | ||
31 | method: 'post', | ||
32 | data | ||
33 | }) | ||
34 | } | ||
35 | // 初始化内容 | ||
36 | export function saveData (data) { | ||
37 | console.log("222222222222222"); | ||
38 | return request({ | ||
39 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdj/saveData', | ||
40 | method: 'post', | ||
41 | data | ||
42 | }) | ||
43 | } | ||
44 | // 注销登记提交数据 | ||
45 | export function saveLogoutData(data) { | ||
46 | return request({ | ||
47 | url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData", | ||
48 | method: 'post', | ||
49 | data | ||
50 | }) | ||
51 | } | ||
52 | // 首次登记提交 | ||
53 | export function saveBatchData(data) { | ||
54 | return request({ | ||
55 | url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData", | ||
56 | method: 'post', | ||
57 | data | ||
58 | }) | ||
59 | } | ||
60 | // 更正/变更登记提交 | ||
61 | export function saveGZBatchData(data) { | ||
62 | return request({ | ||
63 | url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData", | ||
64 | method: 'post', | ||
65 | data | ||
66 | }) | ||
67 | } | ||
68 | // 更正/变更登记提交 | ||
69 | export function saveBHZData(data) { | ||
70 | return request({ | ||
71 | url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData", | ||
72 | method: 'post', | ||
73 | data | ||
74 | }) | ||
75 | } | ||
76 |
... | @@ -96,8 +96,8 @@ export default { | ... | @@ -96,8 +96,8 @@ export default { |
96 | color: #fff; | 96 | color: #fff; |
97 | overflow: hidden; | 97 | overflow: hidden; |
98 | line-height: 28px; | 98 | line-height: 28px; |
99 | // background: $light-blue; | 99 | background: rgba(0, 0, 0, 0.1); |
100 | width: 500px; | 100 | width: 100%; |
101 | 101 | ||
102 | .my-inbox { | 102 | .my-inbox { |
103 | white-space: nowrap; | 103 | white-space: nowrap; |
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | text-indent: 30px; | 109 | text-indent: 30px; |
110 | 110 | ||
111 | .my-uname { | 111 | .my-uname { |
112 | color: #fff; | 112 | color: red; |
113 | } | 113 | } |
114 | } | 114 | } |
115 | } | 115 | } | ... | ... |
... | @@ -107,7 +107,7 @@ export default { | ... | @@ -107,7 +107,7 @@ export default { |
107 | .ls-mask { | 107 | .ls-mask { |
108 | width: 100%; | 108 | width: 100%; |
109 | height: 100%; | 109 | height: 100%; |
110 | z-index: 2000; | 110 | z-index: 100; |
111 | position: fixed; | 111 | position: fixed; |
112 | left: 0; | 112 | left: 0; |
113 | top: 0; | 113 | top: 0; | ... | ... |
... | @@ -50,6 +50,12 @@ export function getForm(tabName, djywbm) { | ... | @@ -50,6 +50,12 @@ export function getForm(tabName, djywbm) { |
50 | case "zdjbxx": | 50 | case "zdjbxx": |
51 | form = require("@/views/registerBook/zdjbxx.vue"); | 51 | form = require("@/views/registerBook/zdjbxx.vue"); |
52 | break; | 52 | break; |
53 | case "ygmm100": | ||
54 | form=require("@/views/ywbl/ygdj/slxx.vue"); | ||
55 | break; | ||
56 | case "ygmm300": | ||
57 | form=require("@/views/ywbl/fdcq2/slxx.vue"); | ||
58 | break; | ||
53 | case "cfdjxx": | 59 | case "cfdjxx": |
54 | form = require("@/views/registerBook/cfdj.vue"); | 60 | form = require("@/views/registerBook/cfdj.vue"); |
55 | break; | 61 | break; | ... | ... |
src/views/ywbl/ygdj/slxx.vue
0 → 100644
1 | <template> | ||
2 | <!-- 受理信息 --> | ||
3 | <div class="slxx"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
5 | label-width="120px"> | ||
6 | <div class="slxx_con"> | ||
7 | <div class="slxx_title title-block"> | ||
8 | 受理信息 | ||
9 | <div class="triangle"></div> | ||
10 | </div> | ||
11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
12 | <el-col :span="8"> | ||
13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> | ||
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> | ||
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> | ||
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> | ||
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> | ||
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> | ||
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <div class="slxx_title title-block"> | ||
46 | 不动产单元情况 | ||
47 | <div class="triangle"></div> | ||
48 | </div> | ||
49 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> | ||
52 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="16"> | ||
56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
57 | <el-input disabled v-model="ruleForm.qlxx.zl"></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 :class="flag ? 'marginBot0' : ''" label="规划用途:"> | ||
64 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:"> | ||
69 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:"> | ||
74 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | </el-row> | ||
78 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
79 | <el-col :span="8"> | ||
80 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
81 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | ||
82 | </el-form-item> | ||
83 | </el-col> | ||
84 | <el-col :span="8"> | ||
85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
86 | <el-input disabled v-model="ruleForm.ygdj.fwxzmc"></el-input> | ||
87 | </el-form-item> | ||
88 | </el-col> | ||
89 | <el-col :span="8"> | ||
90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
91 | <el-input disabled v-model="ruleForm.ygdj.fwjgmc"></el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | </el-row> | ||
95 | <el-row :gutter="10" > | ||
96 | <el-col :span="8"> | ||
97 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> | ||
98 | <el-input disabled v-model="ruleForm.ygdj.szc"></el-input> | ||
99 | </el-form-item> | ||
100 | </el-col> | ||
101 | <el-col :span="8"> | ||
102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> | ||
103 | <el-input disabled v-model="ruleForm.ygdj.zcs"></el-input> | ||
104 | </el-form-item> | ||
105 | </el-col> | ||
106 | <el-col :span="8"> | ||
107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
108 | <el-input disabled v-model="ruleForm.ygdj.jgsj"></el-input> | ||
109 | </el-form-item> | ||
110 | </el-col> | ||
111 | </el-row> | ||
112 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
113 | <el-col :span="8"> | ||
114 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> | ||
115 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
116 | </el-form-item> | ||
117 | </el-col> | ||
118 | <el-col :span="8"> | ||
119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | ||
120 | <el-input disabled v-model="ruleForm.ygdj.zyjzmj"></el-input> | ||
121 | </el-form-item> | ||
122 | </el-col> | ||
123 | <el-col :span="8"> | ||
124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | ||
125 | <el-input disabled v-model="ruleForm.ygdj.ftjzmj"></el-input> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | </el-row> | ||
129 | <div class="slxx_title title-block"> | ||
130 | 权利人信息 | ||
131 | <div class="triangle"></div> | ||
132 | </div> | ||
133 | <el-row :gutter="10"> | ||
134 | <el-col :span="14" v-if="ruleForm.qlxx"> | ||
135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
136 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> | ||
137 | <el-radio label="1">单独所有</el-radio> | ||
138 | <el-radio label="2">共同共有</el-radio> | ||
139 | <el-radio label="3">按份所有</el-radio> | ||
140 | </el-radio-group> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
144 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
145 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
146 | <el-radio label="1">是</el-radio> | ||
147 | <el-radio label="0">否</el-radio> | ||
148 | </el-radio-group> | ||
149 | </el-form-item> | ||
150 | </el-col> | ||
151 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
153 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
154 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
155 | </el-option> | ||
156 | </el-select> | ||
157 | </el-form-item> | ||
158 | </el-col> | ||
159 | </el-row> | ||
160 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | ||
161 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
162 | <div class="slxx_title title-block"> | ||
163 | 义务人信息 | ||
164 | <div class="triangle"></div> | ||
165 | </div> | ||
166 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | ||
167 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
168 | <div class="slxx_title title-block"> | ||
169 | 登记原因 | ||
170 | <div class="triangle"></div> | ||
171 | </div> | ||
172 | <el-row :gutter="10"> | ||
173 | <el-col> | ||
174 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" | ||
176 | v-model="ruleForm.ygdj.djyy"> | ||
177 | </el-input> | ||
178 | </el-form-item> | ||
179 | </el-col> | ||
180 | </el-row> | ||
181 | </div> | ||
182 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
183 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
184 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
185 | </el-form-item> | ||
186 | </el-row> | ||
187 | </el-form> | ||
188 | </div> | ||
189 | </template> | ||
190 | <script> | ||
191 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
192 | import { Init, saveData } from "@/api/ygdjFlow.js"; | ||
193 | import { mapGetters } from "vuex"; | ||
194 | export default { | ||
195 | async created () { | ||
196 | //this.propsParam = this.$attrs; | ||
197 | var formdata = new FormData(); | ||
198 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
199 | formdata.append("djlx", this.propsParam.djlx); | ||
200 | |||
201 | Init(formdata).then(res => { | ||
202 | if (res.code === 200 && res.result) { | ||
203 | this.ruleForm = res.result; | ||
204 | } | ||
205 | }) | ||
206 | }, | ||
207 | components: { InformationTable }, | ||
208 | computed: { | ||
209 | ...mapGetters(["dictData", "flag"]), | ||
210 | }, | ||
211 | data () { | ||
212 | return { | ||
213 | disabled: true, | ||
214 | tdytOption: [], | ||
215 | czrOptions: [], | ||
216 | ruleForm: {}, | ||
217 | //传递参数 | ||
218 | propsParam: this.$attrs, | ||
219 | rules: {}, | ||
220 | }; | ||
221 | }, | ||
222 | methods: { | ||
223 | // 更新权利人信息 | ||
224 | upDateQlrxxList (val) { | ||
225 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
226 | }, | ||
227 | // 更新权利人信息 | ||
228 | upDateYwrxxList (val) { | ||
229 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
230 | }, | ||
231 | onSubmit () { | ||
232 | saveData(this.ruleForm).then((res) => { | ||
233 | if (res.code === 200) { | ||
234 | this.$message({ | ||
235 | showClose: true, | ||
236 | message: "保存成功!", | ||
237 | type: "success", | ||
238 | }); | ||
239 | } else { | ||
240 | this.$message({ | ||
241 | showClose: true, | ||
242 | message: res.message, | ||
243 | type: "error", | ||
244 | }); | ||
245 | } | ||
246 | }); | ||
247 | }, | ||
248 | }, | ||
249 | }; | ||
250 | </script> | ||
251 | <style scoped lang='scss'> | ||
252 | @import "~@/styles/public.scss"; | ||
253 | |||
254 | /deep/.el-form { | ||
255 | display: flex; | ||
256 | flex-direction: column; | ||
257 | height: calc(100vh - 130px); | ||
258 | background-color: aqua; | ||
259 | } | ||
260 | |||
261 | /deep/.el-form-item__label { | ||
262 | padding: 0; | ||
263 | } | ||
264 | |||
265 | /deep/.el-radio { | ||
266 | margin-right: 10px; | ||
267 | } | ||
268 | |||
269 | /deep/.el-select { | ||
270 | width: 100%; | ||
271 | } | ||
272 | |||
273 | /deep/.el-form-item { | ||
274 | margin-bottom: 8px; | ||
275 | } | ||
276 | |||
277 | .marginBot0 { | ||
278 | margin-bottom: 0 !important; | ||
279 | } | ||
280 | |||
281 | .slxx { | ||
282 | box-sizing: border-box; | ||
283 | } | ||
284 | |||
285 | .slxx_con { | ||
286 | flex: 1; | ||
287 | height: 100%; | ||
288 | background-color: #ffffff; | ||
289 | overflow-y: auto; | ||
290 | padding-right: 3px; | ||
291 | overflow-x: hidden; | ||
292 | } | ||
293 | |||
294 | .submit_btn { | ||
295 | height: 50px; | ||
296 | } | ||
297 | |||
298 | .slxx_title { | ||
299 | border-bottom: 1px solid $borderColor; | ||
300 | padding-left: 10px; | ||
301 | padding-bottom: 5px; | ||
302 | margin-bottom: 10px; | ||
303 | margin-top: 5px; | ||
304 | font-size: 16px; | ||
305 | font-weight: 500; | ||
306 | color: #4a4a4a; | ||
307 | } | ||
308 | |||
309 | .btn { | ||
310 | text-align: center; | ||
311 | padding-top: 10px; | ||
312 | height: 36px; | ||
313 | background-color: #ffffff; | ||
314 | padding: 5px 0; | ||
315 | } | ||
316 | |||
317 | .textArea { | ||
318 | /deep/.el-textarea__inner { | ||
319 | min-height: 90px !important; | ||
320 | } | ||
321 | } | ||
322 | |||
323 | /deep/.el-form-item__label { | ||
324 | padding-bottom: 0px; | ||
325 | } | ||
326 | </style> |
-
Please register or sign in to post a comment