Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
3039b874 by jiaozeping@pashanhoo.com
Options

12

1 parent 4f4eb552
Inline Side-by-side
Showing 1 changed file with 172 additions and 85 deletions
1 <template> 1 <template>
2 <div class='slxx'> 2 <div class="slxx">
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" 3 <el-form
4 label-width="140px"> 4 :model="ruleForm"
5 :rules="rules"
6 ref="ruleForm"
7 :label-position="flagTop"
8 :inline="flag"
9 label-width="140px"
10 >
5 <div class="slxx_title">受理信息</div> 11 <div class="slxx_title">受理信息</div>
6 <el-row :gutter="10"> 12 <el-row :gutter="10">
7 <el-col :span="8"> 13 <el-col :span="8">
8 <el-form-item label="业务号：" prop="ywh"> 14 <el-form-item label="业务号：" prop="ywh">
9 <el-input disabled v-model="ruleForm.ywh"></el-input> 15 <el-input
16 disabled
17 v-model="ruleForm.ywh"
18 class="width300px"
19 ></el-input>
10 </el-form-item> 20 </el-form-item>
11 </el-col> 21 </el-col>
12 <el-col :span="8"> 22 <el-col :span="8">
13 <el-form-item label="受理人员：" prop="slry"> 23 <el-form-item label="受理人员：" prop="slry">
14 <el-input disabled v-model="ruleForm.slry"></el-input> 24 <el-input
25 disabled
26 v-model="ruleForm.slry"
27 class="width300px"
28 ></el-input>
15 </el-form-item> 29 </el-form-item>
16 </el-col> 30 </el-col>
17 <el-col :span="8"> 31 <el-col :span="8">
18 <el-form-item label="使用权结束时间：" prop="slsj"> 32 <el-form-item label="受理时间：" prop="slsj">
19 <el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" 33 <el-input
20 value-format="yyyy-MM-dd"> 34 disabled
21 </el-date-picker> 35 v-model="ruleForm.slsj"
36 class="width300px"
37 ></el-input>
22 </el-form-item> 38 </el-form-item>
23 </el-col> 39 </el-col>
24 </el-row> 40 </el-row>
25 <el-row :gutter="10"> 41 <el-row :gutter="10">
26 <el-col :span="8"> 42 <el-col :span="8">
27 <el-form-item label="权利类型：" prop="qllx"> 43 <el-form-item label="权利类型：" prop="qllx">
28 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 44 <el-select
29 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 45 disabled
46 v-model="ruleForm.qllx"
47 class="width300px"
48 filterable
49 clearable
50 placeholder="请选择权利类型"
51 >
52 <el-option
53 v-for="item in dictData['A8']"
54 :key="item.dcode"
55 :label="item.dname"
56 :value="item.dcode"
57 >
30 </el-option> 58 </el-option>
31 </el-select> 59 </el-select>
32 </el-form-item> 60 </el-form-item>
33 </el-col> 61 </el-col>
34 <el-col :span="8"> 62 <el-col :span="8">
35 <el-form-item label="登记类型：" prop="djlx"> 63 <el-form-item label="登记类型：" prop="djlx">
36 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 64 <el-select
37 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 65 disabled
66 v-model="ruleForm.djlx"
67 class="width300px"
68 filterable
69 clearable
70 placeholder="请选择登记类型"
71 >
72 <el-option
73 v-for="item in dictData['A21']"
74 :key="item.dcode"
75 :label="item.dname"
76 :value="item.dcode"
77 >
38 </el-option> 78 </el-option>
39 </el-select> 79 </el-select>
40 </el-form-item> 80 </el-form-item>
41 </el-col> 81 </el-col>
42 <el-col :span="8"> 82 <el-col :span="8">
43 <el-form-item label="登记情形：" prop="djqx"> 83 <el-form-item label="登记情形：" prop="djqx">
44 <el-input disabled v-model="ruleForm.djqxmc"></el-input> 84 <el-input
85 disabled
86 class="width300px"
87 v-model="ruleForm.djqxmc"
88 ></el-input>
45 </el-form-item> 89 </el-form-item>
46 </el-col> 90 </el-col>
47 </el-row> 91 </el-row>
...@@ -49,18 +93,38 @@ ...@@ -49,18 +93,38 @@
49 <el-row :gutter="10"> 93 <el-row :gutter="10">
50 <el-col :span="8"> 94 <el-col :span="8">
51 <el-form-item label="宗地代码：" prop="zddm"> 95 <el-form-item label="宗地代码：" prop="zddm">
52 <el-input disabled v-model="ruleForm.zddm"></el-input> 96 <el-input
97 disabled
98 v-model="ruleForm.zddm"
99 class="width300px"
100 ></el-input>
53 </el-form-item> 101 </el-form-item>
54 </el-col> 102 </el-col>
55 <el-col :span="8"> 103 <el-col :span="8">
56 <el-form-item label="不动产单元号：" prop="bdcdyh"> 104 <el-form-item label="不动产单元号：" prop="bdcdyh">
57 <el-input disabled v-model="ruleForm.bdcdyh"></el-input> 105 <el-input
106 disabled
107 v-model="ruleForm.bdcdyh"
108 class="width300px"
109 ></el-input>
58 </el-form-item> 110 </el-form-item>
59 </el-col> 111 </el-col>
60 <el-col :span="8"> 112 <el-col :span="8">
61 <el-form-item label="权利性质：" prop="qlxz"> 113 <el-form-item label="权利性质：" prop="qlxz">
62 <el-select disabled v-model="ruleForm.qlxz" filterable clearable placeholder="请选择权利性质"> 114 <el-select
63 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value"> 115 disabled
116 v-model="ruleForm.qlxz"
117 filterable
118 class="width300px"
119 clearable
120 placeholder="请选择权利性质"
121 >
122 <el-option
123 v-for="item in qlxzOption"
124 :key="item.value"
125 :label="item.label"
126 :value="item.value"
127 >
64 </el-option> 128 </el-option>
65 </el-select> 129 </el-select>
66 </el-form-item> 130 </el-form-item>
...@@ -69,58 +133,83 @@ ...@@ -69,58 +133,83 @@
69 <el-row :gutter="10"> 133 <el-row :gutter="10">
70 <el-col :span="8"> 134 <el-col :span="8">
71 <el-form-item label="宗地面积：" prop="zdmj"> 135 <el-form-item label="宗地面积：" prop="zdmj">
72 <el-input disabled v-model="ruleForm.zdmj"></el-input> 136 <el-input
137 disabled
138 v-model="ruleForm.zdmj"
139 class="width300px"
140 ></el-input>
73 </el-form-item> 141 </el-form-item>
74 </el-col> 142 </el-col>
75 <el-col :span="16">
76 <el-form-item label="坐落：" prop="zl">
77 <el-input disabled style="width: 100%" v-model="ruleForm.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 </el-row>
81 <el-row :gutter="10">
82 <el-col :span="8"> 143 <el-col :span="8">
83 <el-form-item label="土地用途：" prop="tdyt"> 144 <el-form-item label="土地用途：" prop="tdyt">
84 <el-select disabled v-model="ruleForm.tdyt" filterable clearable placeholder="请选择土地用途"> 145 <el-input
85 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value"> 146 disabled
86 </el-option> 147 v-model="ruleForm.tdyt"
87 </el-select> 148 class="width300px"
149 ></el-input>
88 </el-form-item> 150 </el-form-item>
89 </el-col> 151 </el-col>
90 <el-col :span="8"> 152 <el-col :span="8">
91 <el-form-item label="权利设定方式：" prop="qlsdfs"> 153 <el-form-item label="权利设定方式：" prop="qlsdfs">
92 <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式"> 154 <el-select
93 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 155 disabled
156 v-model="ruleForm.qlsdfs"
157 filterable
158 class="width300px"
159 clearable
160 placeholder="请选择权利设定方式"
161 >
162 <el-option
163 v-for="item in qlsdfsOption"
164 :key="item.value"
165 :label="item.label"
166 :value="item.value"
167 >
94 </el-option> 168 </el-option>
95 </el-select> 169 </el-select>
96 </el-form-item> 170 </el-form-item>
97 </el-col> 171 </el-col>
98 <el-col :span="8">
99 <el-form-item label="取得价格：" prop="qdjg">
100 <el-input disabled v-model="ruleForm.qdjg"></el-input>
101 </el-form-item>
102 </el-col>
103 </el-row> 172 </el-row>
104 <el-row :gutter="10"> 173 <el-row :gutter="10">
105 <el-col :span="8"> 174 <el-col :span="8">
106 <el-form-item label="使用权起始时间：" prop="qssj"> 175 <el-form-item label="取得价格：" prop="qdjg">
107 <el-date-picker disabled v-model="ruleForm.qssj" type="datetime" placeholder="选择起始时间" 176 <el-input
108 value-format="yyyy-MM-dd"> 177 disabled
109 </el-date-picker> 178 v-model="ruleForm.qdjg"
179 class="width300px"
180 ></el-input>
110 </el-form-item> 181 </el-form-item>
111 </el-col> 182 </el-col>
112 <el-col :span="8"> 183
113 <el-form-item label="使用权结束时间：" prop="jssj"> 184 <el-col :span="16">
114 <el-date-picker disabled v-model="ruleForm.jssj" type="datetime" placeholder="选择结束时间" 185 <el-form-item label="坐落：" prop="zl">
115 value-format="yyyy-MM-dd"> 186 <el-input
116 </el-date-picker> 187 disabled
188 class="width300px"
189 v-model="ruleForm.zl"
190 ></el-input>
117 </el-form-item> 191 </el-form-item>
118 </el-col> 192 </el-col>
193
194 </el-row>
195 <el-row :gutter="10">
119 <el-col :span="8"> 196 <el-col :span="8">
120 <el-form-item label="使用期限：" prop="tdsyqx"> 197 <el-form-item label="使用期限：" prop="tdsyqx">
121 <el-date-picker disabled v-model="ruleForm.tdsyqx" type="datetime" placeholder="选择使用期限" 198 <el-input
122 value-format="yyyy-MM-dd"> 199 disabled
123 </el-date-picker> 200 v-model="ruleForm.tdsyqx"
201 class="width300px"
202 ></el-input>
203 </el-form-item>
204 </el-col>
205
206 <el-col :span="16">
207 <el-form-item label="使用权起止时间：" prop="qssj">
208 <el-input
209 disabled
210 v-model="ruleForm.syqqzsj"
211 class="width300px"
212 ></el-input>
124 </el-form-item> 213 </el-form-item>
125 </el-col> 214 </el-col>
126 </el-row> 215 </el-row>
...@@ -150,7 +239,11 @@ ...@@ -150,7 +239,11 @@
150 <el-row :gutter="10"> 239 <el-row :gutter="10">
151 <el-col> 240 <el-col>
152 <el-form-item label="登记原因：" prop="djyy"> 241 <el-form-item label="登记原因：" prop="djyy">
153 <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> 242 <el-input
243 class="textArea"
244 type="textarea"
245 v-model="ruleForm.djyy"
246 ></el-input>
154 </el-form-item> 247 </el-form-item>
155 </el-col> 248 </el-col>
156 </el-row> 249 </el-row>
...@@ -165,30 +258,30 @@ ...@@ -165,30 +258,30 @@
165 </div> 258 </div>
166 </template> 259 </template>
167 <script> 260 <script>
168 import InformationTable from './InformationTable' 261 import InformationTable from "./InformationTable";
169 import { Init } from "@/api/fqsq.js" 262 import { Init } from "@/api/fqsq.js";
170 import { mapGetters } from 'vuex' 263 import { mapGetters } from "vuex";
171 export default { 264 export default {
172 /**注册组件*/ 265 /**注册组件*/
173 components: { InformationTable }, 266 components: { InformationTable },
174 props: { 267 props: {
175 flag: { 268 flag: {
176 type: Boolean, 269 type: Boolean,
177 default: false 270 default: false,
178 } 271 },
179 }, 272 },
180 computed: { 273 computed: {
181 ...mapGetters(['dictData']), 274 ...mapGetters(["dictData"]),
182 }, 275 },
183 data () { 276 data() {
184 return { 277 return {
185 disabled: true, 278 disabled: true,
186 flagTop: this.flag ? 'top' : '', 279 flagTop: this.flag ? "top" : "",
187 qlxzOption: [], 280 qlxzOption: [],
188 tdytOption: [], 281 tdytOption: [],
189 qlsdfsOption: [], 282 qlsdfsOption: [],
190 ruleForm: { 283 ruleForm: {
191 ywh: '', 284 ywh: "",
192 slry: "", 285 slry: "",
193 slsj: "", 286 slsj: "",
194 qllx: "", 287 qllx: "",
...@@ -202,9 +295,8 @@ export default { ...@@ -202,9 +295,8 @@ export default {
202 tdyt: "", 295 tdyt: "",
203 qlsdfs: "", 296 qlsdfs: "",
204 qdjg: "", 297 qdjg: "",
205 qssj: "",
206 jssj: "",
207 tdsyqx: "", 298 tdsyqx: "",
299 syqqzsj: "",
208 fj: "", 300 fj: "",
209 djyy: "", 301 djyy: "",
210 gyfs: "", 302 gyfs: "",
...@@ -213,37 +305,33 @@ export default { ...@@ -213,37 +305,33 @@ export default {
213 // ywh: [ 305 // ywh: [
214 // { required: true, message: '业务号', trigger: 'blur' } 306 // { required: true, message: '业务号', trigger: 'blur' }
215 // ], 307 // ],
216 } 308 },
217 }; 309 };
218 }, 310 },
219 methods: { 311 methods: {
220 list (bsmSldy) { 312 list(bsmSldy) {
221 var formdata = new FormData(); 313 var formdata = new FormData();
222 //可以通过append()方法来追加数据 314 //可以通过append()方法来追加数据
223 formdata.append("bsmSldy", bsmSldy); 315 formdata.append("bsmSldy", bsmSldy);
224 Init(formdata).then(res => { 316 Init(formdata).then((res) => {
225 if (res.code === 200) { 317 if (res.code === 200) {
226 console.log(res, 1111) 318 console.log(res, 1111);
227
228 this.ruleForm = res.result; 319 this.ruleForm = res.result;
229
230 this.ruleForm.zddm = res.result.zdjbxxdatas.zddm; 320 this.ruleForm.zddm = res.result.zdjbxxdatas.zddm;
231 this.ruleForm.zdmj = res.result.zdjbxxdatas.zdmj; 321 this.ruleForm.zdmj = res.result.zdjbxxdatas.zdmj;
232 this.ruleForm.zl = res.result.qlxxdatas.zl; 322 this.ruleForm.zl = res.result.qlxxdatas.zl;
233 this.ruleForm.tdyt = res.result.qlxxdatas.ytmc; 323 this.ruleForm.tdyt = res.result.qlxxdatas.ytmc;
234 this.ruleForm.qlsdfs = res.result.zdjbxxdatas.qlsdfsmc; 324 this.ruleForm.qlsdfs = res.result.zdjbxxdatas.qlsdfsmc;
235 this.ruleForm.qdjg = res.result.jsydsyqdatas.qdjg; 325 this.ruleForm.qdjg = res.result.jsydsyqdatas.qdjg;
236 326 this.ruleForm.fj = res.result.jsydsyqdatas.fj;
237 327 this.ruleForm.syqqzsj = res.result.jsydsyqdatas.syqqzsj;
238 //this.ruleForm.tdyt = res.result.zdjbxxdatas.ghytmc; 328 this.ruleForm.tdsyqx = res.result.jsydsyqdatas.tdsyqx;
239
240
241 } 329 }
242 }) 330 });
243 }, 331 },
244 onSubmit () { }, 332 onSubmit() {},
245 }, 333 },
246 } 334 };
247 </script> 335 </script>
248 <style scoped lang='scss'> 336 <style scoped lang='scss'>
249 @import "~@/styles/public.scss"; 337 @import "~@/styles/public.scss";
...@@ -261,8 +349,7 @@ export default { ...@@ -261,8 +349,7 @@ export default {
261 font-size: 18px; 349 font-size: 18px;
262 font-family: PingFangSC-Medium, PingFang SC; 350 font-family: PingFangSC-Medium, PingFang SC;
263 font-weight: 500; 351 font-weight: 500;
264 color: #4A4A4A; 352 color: #4a4a4a;
265
266 } 353 }
267 354
268 .btn { 355 .btn {
...@@ -275,14 +362,14 @@ export default { ...@@ -275,14 +362,14 @@ export default {
275 } 362 }
276 } 363 }
277 364
278 .Inputclass { 365 // .Inputclass {
279 width: 100%; 366 // width: 100%;
280 } 367 // }
281 368
282 /deep/.el-select, 369 // /deep/.el-select,
283 /deep/.el-date-editor { 370 // /deep/.el-date-editor {
284 width: 100%; 371 // width: 100%;
285 } 372 // }
286 373
287 /deep/.el-form-item__label { 374 /deep/.el-form-item__label {
288 padding-bottom: 0px; 375 padding-bottom: 0px;
......