Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
3eefffb2 by 任超
Options

style:受理信息

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