Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5c22425d by 田浩浩
Options

添加查封受理页面组件

1 parent f2c371a8
Inline Side-by-side
Showing 2 changed files with 403 additions and 0 deletions
1 import request from '@/utils/request'
2
3 // 初始化内容
4 export function Init (data) {
5 return request({
6 url: '/ywbl/cfdj/Init',
7 method: 'post',
8 data
9 })
10 }
11
12 // 查封保存
13 export function fristReg (data) {
14 return request({
15 url: '/ywbl/cfdj/fristReg',
16 method: 'post',
17 data
18 })
19 }
20
21 // 续封保存
22 export function changeReg (data) {
23 return request({
24 url: '/ywbl/cfdj/changeReg',
25 method: 'post',
26 data
27 })
28 }
29
30
31 // 解封保存
32 export function logoutReg (data) {
33 return request({
34 url: '/ywbl/cfdj/logoutReg',
35 method: 'post',
36 data
37 })
38 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="slxx">
3 <el-form
4 :model="ruleForm"
5 :rules="rules"
6 ref="ruleForm"
7 :label-position="flagTop"
8 :inline="flag"
9 label-width="120px"
10 >
11 <div class="slxx_con">
12 <div class="slxx_title">受理信息</div>
13 <el-row :gutter="10">
14 <el-col :span="8">
15 <el-form-item
16 :class="flag ? 'marginBot0' : ''"
17 label="业务号："
18 prop="ywh"
19 >
20 <el-input disabled v-model="ruleForm.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item
25 :class="flag ? 'marginBot0' : ''"
26 label="受理人员："
27 prop="slry"
28 >
29 <el-input disabled v-model="ruleForm.slry"></el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="8">
33 <el-form-item
34 :class="flag ? 'marginBot0' : ''"
35 label="受理时间："
36 prop="slsj"
37 >
38 <el-input disabled v-model="ruleForm.slsj"></el-input>
39 </el-form-item>
40 </el-col>
41 </el-row>
42 <el-row :gutter="10">
43 <el-col :span="8">
44 <el-form-item
45 :class="flag ? 'marginBot0' : ''"
46 label="权利类型："
47 prop="qllx"
48 >
49 <el-select
50 disabled
51 v-model="ruleForm.qllx"
52 filterable
53 clearable
54 placeholder="请选择权利类型"
55 >
56 <el-option
57 v-for="item in dictData['A8']"
58 :key="item.dcode"
59 :label="item.dname"
60 :value="item.dcode"
61 >
62 </el-option>
63 </el-select>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item
68 :class="flag ? 'marginBot0' : ''"
69 label="登记类型："
70 prop="djlx"
71 >
72 <el-select
73 disabled
74 v-model="ruleForm.djlx"
75 filterable
76 clearable
77 placeholder="请选择登记类型"
78 >
79 <el-option
80 v-for="item in dictData['A21']"
81 :key="item.dcode"
82 :label="item.dname"
83 :value="item.dcode"
84 >
85 </el-option>
86 </el-select>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item
91 :class="flag ? 'marginBot0' : ''"
92 label="登记情形："
93 prop="djqx"
94 >
95 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
96 </el-form-item>
97 </el-col>
98 </el-row>
99 <div class="slxx_title">查封不动产情况</div>
100 <el-row :gutter="10">
101 <el-col :span="8">
102 <el-form-item
103 :class="flag ? 'marginBot0' : ''"
104 label="不动产权证号："
105 prop="bdcqzh"
106 >
107 <el-input disabled v-model="ruleForm.bdcqzh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item
112 :class="flag ? 'marginBot0' : ''"
113 label="不动产单元号："
114 prop="bdcdyh"
115 >
116 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item
121 :class="flag ? 'marginBot0' : ''"
122 label="权利人："
123 prop="qlrmc"
124 >
125 <el-input disabled v-model="ruleForm.qlrmc"></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <el-row :gutter="10">
130 <el-col :span="8">
131 <el-form-item
132 :class="flag ? 'marginBot0' : ''"
133 label="面积："
134 prop="mj"
135 >
136 <el-input disabled v-model="ruleForm.mj"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item
141 :class="flag ? 'marginBot0' : ''"
142 label="用途："
143 prop="ytmc"
144 >
145 <el-input disabled v-model="ruleForm.ytmc"></el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 <div class="slxx_title">不动产权利人信息</div>
150 <!-- <el-row :gutter="10">
151 <el-col :span="14">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
153 <el-radio-group v-model="ruleForm.gyfs">
154 <el-radio label="1">单独所有</el-radio>
155 <el-radio label="2">共同共有</el-radio>
156 <el-radio label="3">按份所有</el-radio>
157 </el-radio-group>
158 </el-form-item>
159 </el-col>
160 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
161 <el-form-item
162 :class="flag ? 'marginBot0' : ''"
163 label="是否分别持证："
164 >
165 <el-radio-group v-model="ruleForm.sffbcz">
166 <el-radio label="1">是</el-radio>
167 <el-radio label="0">否</el-radio>
168 </el-radio-group>
169 </el-form-item>
170 </el-col>
171 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
172 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
173 <el-select v-model="ruleForm.czr" placeholder="持证人">
174 <el-option
175 v-for="item in czrOptions"
176 :key="item.value"
177 :label="item.label"
178 :value="item.value"
179 >
180 </el-option>
181 </el-select>
182 </el-form-item>
183 </el-col>
184 </el-row> -->
185 <!-- <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> -->
186 <div class="slxx_title">登记原因</div>
187 <el-row :gutter="10">
188 <el-col>
189 <el-form-item
190 :class="flag ? 'marginBot0' : ''"
191 label="登记原因："
192 prop="djyy"
193 >
194 <el-input
195 class="textArea"
196 type="textarea"
197 v-model="ruleForm.djyy"
198 ></el-input>
199 </el-form-item>
200 </el-col>
201 </el-row>
202 </div>
203 <el-row>
204 <el-form-item :class="flag ? 'marginBot0' : ''" class="btn">
205 <el-button type="primary" @click="onSubmit">保存</el-button>
206 </el-form-item>
207 </el-row>
208 </el-form>
209 </div>
210 </template>
211 <script>
212 import InformationTable from "./InformationTable";
213 import { Init, fristReg } from "@/api/cfdjFlow.js";
214 import { mapGetters } from "vuex";
215 export default {
216 async created() {
217 var bsmSldy = this.$parent._data.unitData[0].bsmSldy;
218 var formdata = new FormData();
219 formdata.append("bsmSldy", bsmSldy);
220 Init(formdata).then((res) => {
221 if (res.code === 200 && res.result) {
222 this.ruleForm = {
223 ...res.result,
224 ...res.result.qlxxdatas,
225 ...res.result.djQlxxCfdjDo,
226 };
227 }
228 });
229 },
230 components: { InformationTable },
231 props: {
232 flag: {
233 type: Boolean,
234 default: false,
235 },
236 },
237 computed: {
238 ...mapGetters(["dictData"]),
239 },
240 data() {
241 return {
242 disabled: true,
243 flagTop: this.flag ? "top" : "",
244 tdytOption: [],
245 qlsdfsOption: [],
246 czrOptions: [],
247 ruleForm: {
248 ywh: "",
249 slry: "",
250 slsj: "",
251 qllx: "",
252 djlx: "",
253 djqx: "",
254 zddm: "",
255 bdcdyh: "",
256 qlxzmc: "",
257 qlrxx: [],
258 zdmj: "",
259 zl: "",
260 tdyt: "",
261 qlsdfs: "",
262 qdjg: "",
263 tdsyqx: "",
264 syqqzsj: "",
265 fj: "",
266 djyy: "",
267 gyfs: "1",
268 // 是否分别持证
269 sffbcz: "",
270 // 持证人
271 czr: "",
272 },
273 rules: {},
274 };
275 },
276 methods: {
277 list(bsmSldy) {
278 var formdata = new FormData();
279 formdata.append("bsmSldy", bsmSldy);
280 Init(formdata).then((res) => {
281 if (res.code === 200 && res.result) {
282 this.ruleForm = {
283 ...res.result,
284 ...res.result.zdjbxxdatas,
285 ...res.result.qlxxdatas,
286 ...res.result.jsydsyqdatas,
287 };
288 }
289 });
290 },
291 onSubmit() {
292 fristReg(this.ruleForm).then((res) => {
293 if (res.code === 200 && res.result) {
294 console.log(res);
295 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
296 }
297 });
298 },
299 },
300 };
301 </script>
302 <style scoped lang='scss'>
303 @import "~@/styles/public.scss";
304
305 /deep/.el-form-item__label {
306 padding: 0;
307 }
308
309 /deep/.el-radio {
310 margin-right: 10px;
311 }
312
313 /deep/.el-select {
314 width: 100%;
315 }
316
317 /deep/.el-form-item {
318 margin-bottom: 8px;
319 }
320
321 .marginBot0 {
322 margin-bottom: 0 !important;
323 }
324
325 .slxx {
326 box-sizing: border-box;
327 padding-right: 15px;
328 }
329
330 .slxx_con {
331 height: calc(100vh - 190px);
332 overflow-y: auto;
333 overflow-x: hidden;
334 }
335
336 .submit_btn {
337 height: 50px;
338 }
339
340 .slxx_title {
341 border-bottom: 1px solid $borderColor;
342 padding-left: 10px;
343 padding-bottom: 5px;
344 margin-bottom: 10px;
345 margin-top: 5px;
346 font-size: 16px;
347 font-weight: 500;
348 color: #4a4a4a;
349 }
350
351 .btn {
352 text-align: center;
353 padding-top: 5px;
354 }
355
356 .textArea {
357 /deep/.el-textarea__inner {
358 min-height: 90px !important;
359 }
360 }
361
362 /deep/.el-form-item__label {
363 padding-bottom: 0px;
364 }
365 </style>
...\ No newline at end of file ...\ No newline at end of file