Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4bbf48a4 by 蔡俊立
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents a14b8398 d40c6846
Expand all
Inline Side-by-side
Showing 5 changed files with 473 additions and 61 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
...@@ -18,7 +18,11 @@ ...@@ -18,7 +18,11 @@
18 </tr> 18 </tr>
19 <!-- 第一行表头 --> 19 <!-- 第一行表头 -->
20 <tr class="one"> 20 <tr class="one">
21 <th v-for="(item, index) in ths" :key="index" :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']"> 21 <th
22 v-for="(item, index) in ths"
23 :key="index"
24 :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']"
25 >
22 <div class="icon" v-if="item.type == '临时'">正在办理</div> 26 <div class="icon" v-if="item.type == '临时'">正在办理</div>
23 {{ item.type }} 27 {{ item.type }}
24 </th> 28 </th>
...@@ -35,10 +39,14 @@ ...@@ -35,10 +39,14 @@
35 <td> 39 <td>
36 {{ item.label }} 40 {{ item.label }}
37 </td> 41 </td>
38 <td v-for="(item1, index1) in showTableData" :key="index1" :class="[ 42 <td
39 item1.qszt == '2' ? 'lishi' : '', 43 v-for="(item1, index1) in showTableData"
40 item1.qszt == '0' ? 'linshi' : '', 44 :key="index1"
41 ]"> 45 :class="[
46 item1.qszt == '2' ? 'lishi' : '',
47 item1.qszt == '0' ? 'linshi' : '',
48 ]"
49 >
42 {{ item1[item.prop] }} 50 {{ item1[item.prop] }}
43 </td> 51 </td>
44 </tr> 52 </tr>
...@@ -53,7 +61,7 @@ import { datas } from "./jsydsyq"; ...@@ -53,7 +61,7 @@ import { datas } from "./jsydsyq";
53 import { getJsydsyqList } from "@/api/zhcx.js"; 61 import { getJsydsyqList } from "@/api/zhcx.js";
54 export default { 62 export default {
55 name: "jsydsyq", 63 name: "jsydsyq",
56 data () { 64 data() {
57 return { 65 return {
58 checkList: ["临时", "现势", "历史"], 66 checkList: ["临时", "现势", "历史"],
59 tableData: [], 67 tableData: [],
...@@ -62,84 +70,85 @@ export default { ...@@ -62,84 +70,85 @@ export default {
62 columns: [], 70 columns: [],
63 title: "建设用地使用权、宅基地使用权登记信息", 71 title: "建设用地使用权、宅基地使用权登记信息",
64 emptyData: { 72 emptyData: {
65 ssywh: '', 73 ssywh: "",
66 dah: '', 74 dah: "",
67 ywh: '', 75 ywh: "",
68 bdcdyh: "", 76 bdcdyh: "",
69 zl: "", 77 zl: "",
70 qlrlx: '', 78 qlrlx: "",
71 qlrmc: "", 79 qlrmc: "",
72 qlrzjzl: "", 80 qlrzjzl: "",
73 qlrzjhm: "", 81 qlrzjhm: "",
74 gyfs: "", 82 gyfs: "",
75 mj: null, 83 mj: null,
76 qlxz: '', 84 qlxz: "",
77 ytmc: "", 85 ytmc: "",
78 syqqzsj: null, 86 syqqzsj: null,
79 tdsyqx: null, 87 tdsyqx: null,
80 qdjg: null, 88 qdjg: null,
81 djyy: '', 89 djyy: "",
82 bdcqzh: null, 90 bdcqzh: null,
83 djsj: '', 91 djsj: "",
84 dbr: '', 92 dbr: "",
85 fj: "", 93 fj: "",
86 qllxmc: "", 94 qllxmc: "",
87 djlxmc: '', 95 djlxmc: "",
88 qszt: "", 96 qszt: "",
89 } 97 },
90 }; 98 };
91 }, 99 },
92 async created () { 100 async created() {
101 var Sldy = this.$parent._data.unitData[0];
93 // 清空值 102 // 清空值
94 this.tableData = []; 103 this.tableData = [];
95 this.ths = []; 104 this.ths = [];
96 this.columns = datas.columns(); 105 this.columns = datas.columns();
97 let res = await getJsydsyqList({ 106 let res = await getJsydsyqList({
98 bdcdyid: "2b33851f4edfd468ceef4d68c370bd41", 107 bdcdyid: Sldy.bdcdyid,
99 qllx: "A03", 108 qllx: Sldy.qllx,
100 qszt: ["1"] 109 qszt: [],
101 }) 110 });
102 let resList = res.result.result ? res.result.result : [] 111 let resList = res.result.result ? res.result.result : [];
103 if (resList.length < 3) { 112 if (resList.length < 3) {
104 let num = 3 - resList.length 113 let num = 3 - resList.length;
105 for (let i = 0; i < num; i++) { 114 for (let i = 0; i < num; i++) {
106 resList.push(this.emptyData) 115 resList.push(this.emptyData);
107 } 116 }
108 } 117 }
109 let detail = resList 118 let detail = resList;
110 detail.length > 0 && detail.forEach((item) => { 119 detail.length > 0 &&
111 this.tableData.push(item); 120 detail.forEach((item) => {
112 if (item.qszt == "0") { 121 this.tableData.push(item);
113 this.ths.push({ 122 if (item.qszt == "0") {
114 type: "临时", 123 this.ths.push({
115 qllxmc: item.qllxmc, 124 type: "临时",
116 djlxmc: item.djlxmc, 125 qllxmc: item.qllxmc,
117 prop: "linshi", 126 djlxmc: item.djlxmc,
118 class: "linshi", 127 prop: "linshi",
119 }); 128 class: "linshi",
120 } else if (item.qszt == "1") { 129 });
121 this.ths.push({ 130 } else if (item.qszt == "1") {
122 type: "现势", 131 this.ths.push({
123 qllxmc: item.qllxmc, 132 type: "现势",
124 djlxmc: item.djlxmc, 133 qllxmc: item.qllxmc,
125 prop: "xianshi", 134 djlxmc: item.djlxmc,
126 class: "xianshi", 135 prop: "xianshi",
127 }); 136 class: "xianshi",
128 } else if (item.qszt == "2") { 137 });
129 this.ths.push({ 138 } else if (item.qszt == "2") {
130 type: "历史", 139 this.ths.push({
131 qllxmc: item.qllxmc, 140 type: "历史",
132 djlxmc: item.djlxmc, 141 qllxmc: item.qllxmc,
133 prop: "lishi", 142 djlxmc: item.djlxmc,
134 class: "lishi", 143 prop: "lishi",
135 }); 144 class: "lishi",
136 } 145 });
137 }); 146 }
147 });
138 this.showTableData = this.tableData; 148 this.showTableData = this.tableData;
139 }, 149 },
140 methods: { 150 methods: {
141 checkChange () { 151 checkChange() {},
142 },
143 }, 152 },
144 }; 153 };
145 </script> 154 </script>
...@@ -181,7 +190,7 @@ export default { ...@@ -181,7 +190,7 @@ export default {
181 width: 100%; 190 width: 100%;
182 } 191 }
183 192
184 .xxTable>tr:first-child th { 193 .xxTable > tr:first-child th {
185 width: 140px; 194 width: 140px;
186 } 195 }
187 196
...@@ -194,7 +203,7 @@ export default { ...@@ -194,7 +203,7 @@ export default {
194 border-spacing: 1px; 203 border-spacing: 1px;
195 width: 100%; 204 width: 100%;
196 205
197 tr>th { 206 tr > th {
198 background: #464c5b; 207 background: #464c5b;
199 color: #fff; 208 color: #fff;
200 font-size: 16px; 209 font-size: 16px;
...@@ -263,11 +272,11 @@ export default { ...@@ -263,11 +272,11 @@ export default {
263 width: 140px; 272 width: 140px;
264 } 273 }
265 274
266 >tr:nth-child(odd) td { 275 > tr:nth-child(odd) td {
267 background: #f2f2f2; 276 background: #f2f2f2;
268 } 277 }
269 278
270 >tr:nth-child(even) td { 279 > tr:nth-child(even) td {
271 background: #f9f9f9; 280 background: #f9f9f9;
272 } 281 }
273 282
...@@ -275,7 +284,7 @@ export default { ...@@ -275,7 +284,7 @@ export default {
275 color: #fe9400; 284 color: #fe9400;
276 } 285 }
277 286
278 tr>td.lishi { 287 tr > td.lishi {
279 color: #7f7f7f; 288 color: #7f7f7f;
280 } 289 }
281 } 290 }
......
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
...@@ -252,7 +252,7 @@ export default { ...@@ -252,7 +252,7 @@ export default {
252 }, 252 },
253 loadView(view) { 253 loadView(view) {
254 return (r) => 254 return (r) =>
255 require.ensure([], () => r(require(`./components/${view}.vue`))); 255 require.ensure([], () => r(require(`./components/${view}.vue`)));
256 }, 256 },
257 loadViewSlsq() { 257 loadViewSlsq() {
258 return (r) => 258 return (r) =>
......