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
Inline Side-by-side
Showing 5 changed files with 632 additions and 80 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
43 v-for="(item1, index1) in showTableData"
44 :key="index1"
45 :class="[
39 item1.qszt == '2' ? 'lishi' : '', 46 item1.qszt == '2' ? 'lishi' : '',
40 item1.qszt == '0' ? 'linshi' : '', 47 item1.qszt == '0' ? 'linshi' : '',
41 ]"> 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,52 +70,54 @@ export default { ...@@ -62,52 +70,54 @@ 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 &&
120 detail.forEach((item) => {
111 this.tableData.push(item); 121 this.tableData.push(item);
112 if (item.qszt == "0") { 122 if (item.qszt == "0") {
113 this.ths.push({ 123 this.ths.push({
...@@ -138,8 +148,7 @@ export default { ...@@ -138,8 +148,7 @@ export default {
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> 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="120px"> 4 :model="ruleForm"
5 :rules="rules"
6 ref="ruleForm"
7 :label-position="flagTop"
8 :inline="flag"
9 label-width="120px"
10 >
5 <div class="slxx_con"> 11 <div class="slxx_con">
6 <div class="slxx_title">受理信息</div> 12 <div class="slxx_title">受理信息</div>
7 <el-row :gutter="10"> 13 <el-row :gutter="10">
8 <el-col :span="8"> 14 <el-col :span="8">
9 <el-form-item :class="flag? 'marginBot0': ''" label="业务号：" prop="ywh"> 15 <el-form-item
16 :class="flag ? 'marginBot0' : ''"
17 label="业务号："
18 prop="ywh"
19 >
10 <el-input disabled v-model="ruleForm.ywh"></el-input> 20 <el-input disabled v-model="ruleForm.ywh"></el-input>
11 </el-form-item> 21 </el-form-item>
12 </el-col> 22 </el-col>
13 <el-col :span="8"> 23 <el-col :span="8">
14 <el-form-item :class="flag? 'marginBot0': ''" label="受理人员：" prop="slry"> 24 <el-form-item
25 :class="flag ? 'marginBot0' : ''"
26 label="受理人员："
27 prop="slry"
28 >
15 <el-input disabled v-model="ruleForm.slry"></el-input> 29 <el-input disabled v-model="ruleForm.slry"></el-input>
16 </el-form-item> 30 </el-form-item>
17 </el-col> 31 </el-col>
18 <el-col :span="8"> 32 <el-col :span="8">
19 <el-form-item :class="flag? 'marginBot0': ''" label="受理时间：" prop="slsj"> 33 <el-form-item
34 :class="flag ? 'marginBot0' : ''"
35 label="受理时间："
36 prop="slsj"
37 >
20 <el-input disabled v-model="ruleForm.slsj"></el-input> 38 <el-input disabled v-model="ruleForm.slsj"></el-input>
21 </el-form-item> 39 </el-form-item>
22 </el-col> 40 </el-col>
23 </el-row> 41 </el-row>
24 <el-row :gutter="10"> 42 <el-row :gutter="10">
25 <el-col :span="8"> 43 <el-col :span="8">
26 <el-form-item :class="flag? 'marginBot0': ''" label="权利类型：" prop="qllx"> 44 <el-form-item
27 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 45 :class="flag ? 'marginBot0' : ''"
28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 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 >
29 </el-option> 62 </el-option>
30 </el-select> 63 </el-select>
31 </el-form-item> 64 </el-form-item>
32 </el-col> 65 </el-col>
33 <el-col :span="8"> 66 <el-col :span="8">
34 <el-form-item :class="flag? 'marginBot0': ''" label="登记类型：" prop="djlx"> 67 <el-form-item
35 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 68 :class="flag ? 'marginBot0' : ''"
36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 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 >
37 </el-option> 85 </el-option>
38 </el-select> 86 </el-select>
39 </el-form-item> 87 </el-form-item>
40 </el-col> 88 </el-col>
41 <el-col :span="8"> 89 <el-col :span="8">
42 <el-form-item :class="flag? 'marginBot0': ''" label="登记情形：" prop="djqx"> 90 <el-form-item
91 :class="flag ? 'marginBot0' : ''"
92 label="登记情形："
93 prop="djqx"
94 >
43 <el-input disabled v-model="ruleForm.djqxmc"></el-input> 95 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
44 </el-form-item> 96 </el-form-item>
45 </el-col> 97 </el-col>
...@@ -47,36 +99,71 @@ ...@@ -47,36 +99,71 @@
47 <div class="slxx_title">不动产单元情况</div> 99 <div class="slxx_title">不动产单元情况</div>
48 <el-row :gutter="10"> 100 <el-row :gutter="10">
49 <el-col :span="8"> 101 <el-col :span="8">
50 <el-form-item :class="flag? 'marginBot0': ''" label="宗地代码：" prop="zddm"> 102 <el-form-item
103 :class="flag ? 'marginBot0' : ''"
104 label="宗地代码："
105 prop="zddm"
106 >
51 <el-input disabled v-model="ruleForm.zddm"></el-input> 107 <el-input disabled v-model="ruleForm.zddm"></el-input>
52 </el-form-item> 108 </el-form-item>
53 </el-col> 109 </el-col>
54 <el-col :span="8"> 110 <el-col :span="8">
55 <el-form-item :class="flag? 'marginBot0': ''" label="不动产单元号：" prop="bdcdyh"> 111 <el-form-item
112 :class="flag ? 'marginBot0' : ''"
113 label="不动产单元号："
114 prop="bdcdyh"
115 >
56 <el-input disabled v-model="ruleForm.bdcdyh"></el-input> 116 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
57 </el-form-item> 117 </el-form-item>
58 </el-col> 118 </el-col>
59 <el-col :span="8"> 119 <el-col :span="8">
60 <el-form-item :class="flag? 'marginBot0': ''" label="权利性质：" prop="qlxzmc"> 120 <el-form-item
121 :class="flag ? 'marginBot0' : ''"
122 label="权利性质："
123 prop="qlxzmc"
124 >
61 <el-input disabled v-model="ruleForm.qlxzmc"></el-input> 125 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
62 </el-form-item> 126 </el-form-item>
63 </el-col> 127 </el-col>
64 </el-row> 128 </el-row>
65 <el-row :gutter="10"> 129 <el-row :gutter="10">
66 <el-col :span="8"> 130 <el-col :span="8">
67 <el-form-item :class="flag? 'marginBot0': ''" label="宗地面积：" prop="zdmj"> 131 <el-form-item
132 :class="flag ? 'marginBot0' : ''"
133 label="宗地面积："
134 prop="zdmj"
135 >
68 <el-input disabled v-model="ruleForm.zdmj"></el-input> 136 <el-input disabled v-model="ruleForm.zdmj"></el-input>
69 </el-form-item> 137 </el-form-item>
70 </el-col> 138 </el-col>
71 <el-col :span="8"> 139 <el-col :span="8">
72 <el-form-item :class="flag? 'marginBot0': ''" label="土地用途：" prop="tdyt"> 140 <el-form-item
73 <el-input disabled v-model="ruleForm.tdyt"></el-input> 141 :class="flag ? 'marginBot0' : ''"
142 label="土地用途："
143 prop="ghytmc"
144 >
145 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
74 </el-form-item> 146 </el-form-item>
75 </el-col> 147 </el-col>
76 <el-col :span="8"> 148 <el-col :span="8">
77 <el-form-item :class="flag? 'marginBot0': ''" label="权利设定方式：" prop="qlsdfs"> 149 <el-form-item
78 <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式"> 150 :class="flag ? 'marginBot0' : ''"
79 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 151 label="权利设定方式："
152 prop="qlsdfs"
153 >
154 <el-select
155 disabled
156 v-model="ruleForm.qlsdfs"
157 filterable
158 clearable
159 placeholder="请选择权利设定方式"
160 >
161 <el-option
162 v-for="item in qlsdfsOption"
163 :key="item.value"
164 :label="item.label"
165 :value="item.value"
166 >
80 </el-option> 167 </el-option>
81 </el-select> 168 </el-select>
82 </el-form-item> 169 </el-form-item>
...@@ -84,33 +171,53 @@ ...@@ -84,33 +171,53 @@
84 </el-row> 171 </el-row>
85 <el-row :gutter="10"> 172 <el-row :gutter="10">
86 <el-col :span="8"> 173 <el-col :span="8">
87 <el-form-item :class="flag? 'marginBot0': ''" label="取得价格：" prop="qdjg"> 174 <el-form-item
175 :class="flag ? 'marginBot0' : ''"
176 label="取得价格："
177 prop="qdjg"
178 >
88 <el-input disabled v-model="ruleForm.qdjg"></el-input> 179 <el-input disabled v-model="ruleForm.qdjg"></el-input>
89 </el-form-item> 180 </el-form-item>
90 </el-col> 181 </el-col>
91 182
92 <el-col :span="16"> 183 <el-col :span="16">
93 <el-form-item :class="flag? 'marginBot0': ''" label="坐落：" prop="zl"> 184 <el-form-item
185 :class="flag ? 'marginBot0' : ''"
186 label="坐落："
187 prop="zl"
188 >
94 <el-input disabled v-model="ruleForm.zl"></el-input> 189 <el-input disabled v-model="ruleForm.zl"></el-input>
95 </el-form-item> 190 </el-form-item>
96 </el-col> 191 </el-col>
97 </el-row> 192 </el-row>
98 <el-row :gutter="10"> 193 <el-row :gutter="10">
99 <el-col :span="8"> 194 <el-col :span="8">
100 <el-form-item :class="flag? 'marginBot0': ''" label="使用期限：" prop="tdsyqx"> 195 <el-form-item
196 :class="flag ? 'marginBot0' : ''"
197 label="使用期限："
198 prop="tdsyqx"
199 >
101 <el-input disabled v-model="ruleForm.tdsyqx"></el-input> 200 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
102 </el-form-item> 201 </el-form-item>
103 </el-col> 202 </el-col>
104 203
105 <el-col :span="16"> 204 <el-col :span="16">
106 <el-form-item :class="flag? 'marginBot0': ''" label="使用权起止时间：" prop="qssj"> 205 <el-form-item
206 :class="flag ? 'marginBot0' : ''"
207 label="使用权起止时间："
208 prop="qssj"
209 >
107 <el-input disabled v-model="ruleForm.syqqzsj"></el-input> 210 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
108 </el-form-item> 211 </el-form-item>
109 </el-col> 212 </el-col>
110 </el-row> 213 </el-row>
111 <el-row :gutter="10"> 214 <el-row :gutter="10">
112 <el-col> 215 <el-col>
113 <el-form-item :class="flag? 'marginBot0': ''" label="附记：" prop="fj"> 216 <el-form-item
217 :class="flag ? 'marginBot0' : ''"
218 label="附记："
219 prop="fj"
220 >
114 <el-input type="textarea" v-model="ruleForm.fj"></el-input> 221 <el-input type="textarea" v-model="ruleForm.fj"></el-input>
115 </el-form-item> 222 </el-form-item>
116 </el-col> 223 </el-col>
...@@ -118,7 +225,7 @@ ...@@ -118,7 +225,7 @@
118 <div class="slxx_title">权利人信息</div> 225 <div class="slxx_title">权利人信息</div>
119 <el-row :gutter="10"> 226 <el-row :gutter="10">
120 <el-col :span="14"> 227 <el-col :span="14">
121 <el-form-item :class="flag? 'marginBot0': ''" label="共有方式："> 228 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
122 <el-radio-group v-model="ruleForm.gyfs"> 229 <el-radio-group v-model="ruleForm.gyfs">
123 <el-radio label="1">单独所有</el-radio> 230 <el-radio label="1">单独所有</el-radio>
124 <el-radio label="2">共同共有</el-radio> 231 <el-radio label="2">共同共有</el-radio>
...@@ -126,18 +233,26 @@ ...@@ -126,18 +233,26 @@
126 </el-radio-group> 233 </el-radio-group>
127 </el-form-item> 234 </el-form-item>
128 </el-col> 235 </el-col>
129 <el-col :span="5" v-show="ruleForm.gyfs=='2'"> 236 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
130 <el-form-item :class="flag? 'marginBot0': ''" label="是否分别持证："> 237 <el-form-item
238 :class="flag ? 'marginBot0' : ''"
239 label="是否分别持证："
240 >
131 <el-radio-group v-model="ruleForm.sffbcz"> 241 <el-radio-group v-model="ruleForm.sffbcz">
132 <el-radio label="1">是</el-radio> 242 <el-radio label="1">是</el-radio>
133 <el-radio label="0">否</el-radio> 243 <el-radio label="0">否</el-radio>
134 </el-radio-group> 244 </el-radio-group>
135 </el-form-item> 245 </el-form-item>
136 </el-col> 246 </el-col>
137 <el-col :span="5" v-show="ruleForm.gyfs=='2'"> 247 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
138 <el-form-item :class="flag? 'marginBot0': ''" label="持证人："> 248 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
139 <el-select v-model="ruleForm.czr" placeholder="持证人"> 249 <el-select v-model="ruleForm.czr" placeholder="持证人">
140 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 250 <el-option
251 v-for="item in czrOptions"
252 :key="item.value"
253 :label="item.label"
254 :value="item.value"
255 >
141 </el-option> 256 </el-option>
142 </el-select> 257 </el-select>
143 </el-form-item> 258 </el-form-item>
...@@ -147,14 +262,22 @@ ...@@ -147,14 +262,22 @@
147 <div class="slxx_title">登记原因</div> 262 <div class="slxx_title">登记原因</div>
148 <el-row :gutter="10"> 263 <el-row :gutter="10">
149 <el-col> 264 <el-col>
150 <el-form-item :class="flag? 'marginBot0': ''" label="登记原因：" prop="djyy"> 265 <el-form-item
151 <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> 266 :class="flag ? 'marginBot0' : ''"
267 label="登记原因："
268 prop="djyy"
269 >
270 <el-input
271 class="textArea"
272 type="textarea"
273 v-model="ruleForm.djyy"
274 ></el-input>
152 </el-form-item> 275 </el-form-item>
153 </el-col> 276 </el-col>
154 </el-row> 277 </el-row>
155 </div> 278 </div>
156 <el-row> 279 <el-row>
157 <el-form-item :class="flag? 'marginBot0': ''" class="btn"> 280 <el-form-item :class="flag ? 'marginBot0' : ''" class="btn">
158 <el-button type="primary" @click="onSubmit">保存</el-button> 281 <el-button type="primary" @click="onSubmit">保存</el-button>
159 </el-form-item> 282 </el-form-item>
160 </el-row> 283 </el-row>
...@@ -163,9 +286,24 @@ ...@@ -163,9 +286,24 @@
163 </template> 286 </template>
164 <script> 287 <script>
165 import InformationTable from "./InformationTable"; 288 import InformationTable from "./InformationTable";
166 import { Init,fristReg } from "@/api/jsydsyqFlow.js"; 289 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
167 import { mapGetters } from "vuex"; 290 import { mapGetters } from "vuex";
168 export default { 291 export default {
292 async created() {
293 var bsmSldy = this.$parent._data.unitData[0].bsmSldy;
294 var formdata = new FormData();
295 formdata.append("bsmSldy", bsmSldy);
296 Init(formdata).then((res) => {
297 if (res.code === 200 && res.result) {
298 this.ruleForm = {
299 ...res.result,
300 ...res.result.zdjbxxdatas,
301 ...res.result.qlxxdatas,
302 ...res.result.jsydsyqdatas,
303 };
304 }
305 });
306 },
169 components: { InformationTable }, 307 components: { InformationTable },
170 props: { 308 props: {
171 flag: { 309 flag: {
...@@ -176,7 +314,7 @@ export default { ...@@ -176,7 +314,7 @@ export default {
176 computed: { 314 computed: {
177 ...mapGetters(["dictData"]), 315 ...mapGetters(["dictData"]),
178 }, 316 },
179 data () { 317 data() {
180 return { 318 return {
181 disabled: true, 319 disabled: true,
182 flagTop: this.flag ? "top" : "", 320 flagTop: this.flag ? "top" : "",
...@@ -205,32 +343,35 @@ export default { ...@@ -205,32 +343,35 @@ export default {
205 djyy: "", 343 djyy: "",
206 gyfs: "1", 344 gyfs: "1",
207 // 是否分别持证 345 // 是否分别持证
208 sffbcz: '', 346 sffbcz: "",
209 // 持证人 347 // 持证人
210 czr: '' 348 czr: "",
211 }, 349 },
212 rules: { 350 rules: {},
213 } 351 };
214 }
215 }, 352 },
216 methods: { 353 methods: {
217 list (bsmSldy) { 354 list(bsmSldy) {
218 debugger;
219 var formdata = new FormData(); 355 var formdata = new FormData();
220 formdata.append("bsmSldy", bsmSldy); 356 formdata.append("bsmSldy", bsmSldy);
221 Init(formdata).then((res) => { 357 Init(formdata).then((res) => {
222 if (res.code === 200 && res.result) { 358 if (res.code === 200 && res.result) {
223 this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 359 this.ruleForm = {
360 ...res.result,
361 ...res.result.zdjbxxdatas,
362 ...res.result.qlxxdatas,
363 ...res.result.jsydsyqdatas,
364 };
224 } 365 }
225 }) 366 });
226 }, 367 },
227 onSubmit () { 368 onSubmit() {
228 fristReg(this.ruleForm).then((res) => { 369 fristReg(this.ruleForm).then((res) => {
229 if (res.code === 200 && res.result) { 370 if (res.code === 200 && res.result) {
230 console.log(res); 371 console.log(res);
231 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 372 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
232 } 373 }
233 }) 374 });
234 }, 375 },
235 }, 376 },
236 }; 377 };
...@@ -246,7 +387,6 @@ export default { ...@@ -246,7 +387,6 @@ export default {
246 margin-right: 10px; 387 margin-right: 10px;
247 } 388 }
248 389
249
250 /deep/.el-select { 390 /deep/.el-select {
251 width: 100%; 391 width: 100%;
252 } 392 }
......
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