Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ad5d220f by tianhaohao@pashanhoo.com
Options

111

1 parent a2c4706b
Inline Side-by-side
Showing 2 changed files with 147 additions and 90 deletions
...@@ -14,76 +14,132 @@ ...@@ -14,76 +14,132 @@
14 label-width="130px"> 14 label-width="130px">
15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
16 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
17 电力信息 17 申请信息
18 <div class="triangle"></div> 18 <div class="triangle"></div>
19 </div> 19 </div>
20 <el-row :gutter="10"> 20 <el-row :gutter="10">
21 <el-col :span="8"> 21 <el-col :span="8">
22 <el-form-item label="服务代码："> 22 <el-form-item label="业务号：">
23 <el-input v-model="ruleForm.serviceCode"></el-input> 23 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="8"> 26 <el-col :span="8">
27 <el-form-item label="行政区划区县代码："> 27 <el-form-item label="受理人员：">
28 <el-input v-model="ruleForm.areacode"></el-input> 28 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <el-col :span="8"> 31 <el-col :span="8">
32 <el-form-item label="登记系统业务号："> 32 <el-form-item label="受理时间：">
33 <el-input v-model="ruleForm.ywh"></el-input> 33 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
34 </el-form-item> 34 </el-form-item>
35 </el-col> 35 </el-col>
36 </el-row> 36 </el-row>
37
38 <el-row :gutter="10"> 37 <el-row :gutter="10">
39 <el-col :span="8"> 38 <el-col :span="8">
40 <el-form-item label="推送日期："> 39 <el-form-item label="权利类型：" prop="qllx">
41 <el-input v-model="ruleForm.SENDTIME"></el-input> 40 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
42 </el-form-item> 41 </el-form-item>
43 </el-col> 42 </el-col>
44 <el-col :span="8"> 43 <el-col :span="8">
45 <el-form-item label="原户主姓名："> 44 <el-form-item label="登记类型：" prop="djlx">
46 <el-input v-model="ruleForm.mcOld"></el-input> 45 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
47 </el-form-item> 46 </el-form-item>
48 </el-col> 47 </el-col>
49 <el-col :span="8"> 48 <el-col :span="8">
50 <el-form-item label="原户主身份证号码："> 49 <el-form-item label="登记情形：" prop="djqx">
51 <el-input v-model="ruleForm.zjhmOld"></el-input> 50 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 </el-row>
54 <el-row :gutter="10">
55 <el-col :span="8">
56 <el-form-item label="不动产单元号：">
57 <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="8">
61 <el-form-item label="原房产证号：">
62 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
63 </el-form-item>
64 </el-col>
65 <el-col :span="8">
66 <el-form-item label="坐落：">
67 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
52 </el-form-item> 68 </el-form-item>
53 </el-col> 69 </el-col>
54 </el-row> 70 </el-row>
71 <div class="slxx_title title-block">
72 电力过户信息
73 <div class="triangle"></div>
74 </div>
55 <el-row :gutter="10"> 75 <el-row :gutter="10">
56 <el-col :span="8"> 76 <el-col :span="8">
77 <el-form-item label="电表编号：">
78 <el-input disabled v-model="dlxxForm.cons_no"></el-input>
79 </el-form-item>
80 </el-col>
81 <el-col :span="8">
82 <el-form-item label="行政区代码：">
83 <el-input disabled v-model="dlxxForm.AREACODE"></el-input>
84 </el-form-item>
85 </el-col>
86 <el-col :span="8">
87 <el-form-item label="业务号：">
88 <el-input disabled v-model="dlxxForm.YWH"></el-input>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row :gutter="10">
93 <el-col :span="8">
94 <el-form-item label="原户主姓名：">
95 <el-input disabled v-model="dlxxForm.MC_OLD"></el-input>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item label="原户主身份证号码：">
100 <el-input disabled v-model="dlxxForm.ZJHM_OLD"></el-input>
101 </el-form-item>
102 </el-col>
103 <el-col :span="8">
57 <el-form-item label="原户主联系电话："> 104 <el-form-item label="原户主联系电话：">
58 <el-input v-model="ruleForm.lxdhOld"></el-input> 105 <el-input disabled v-model="dlxxForm.LXDH_OLD"></el-input>
59 </el-form-item> 106 </el-form-item>
60 </el-col> 107 </el-col>
108 </el-row>
109 <el-row :gutter="10">
61 <el-col :span="8"> 110 <el-col :span="8">
62 <el-form-item label="新户主姓名："> 111 <el-form-item label="新户主姓名：">
63 <el-input v-model="ruleForm.mcNew"></el-input> 112 <el-input disabled v-model="dlxxForm.MC_NEW"></el-input>
64 </el-form-item> 113 </el-form-item>
65 </el-col> 114 </el-col>
66 <el-col :span="8"> 115 <el-col :span="8">
67 <el-form-item label="新户主身份证号码："> 116 <el-form-item label="新户主身份证号码：">
68 <el-input v-model="ruleForm.zjhmNew"></el-input> 117 <el-input disabled v-model="dlxxForm.ZJHM_NEW"></el-input>
69 </el-form-item> 118 </el-form-item>
70 </el-col> 119 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8"> 120 <el-col :span="8">
74 <el-form-item label="新户主联系电话："> 121 <el-form-item label="新户主联系电话：">
75 <el-input v-model="ruleForm.lxdhNew"></el-input> 122 <el-input disabled v-model="dlxxForm.LXDH_NEW"></el-input>
123 </el-form-item>
124 </el-col>
125 </el-row>
126 <el-row :gutter="10">
127 <el-col :span="24">
128 <el-form-item label="房屋坐落（地址）：">
129 <el-input disabled v-model="dlxxForm.FWZL"></el-input>
76 </el-form-item> 130 </el-form-item>
77 </el-col> 131 </el-col>
132 </el-row>
133 <el-row :gutter="10">
78 <el-col :span="8"> 134 <el-col :span="8">
79 <el-form-item label="房产证编号："> 135 <el-form-item label="房产证编号：">
80 <el-input v-model="ruleForm.fczbh"></el-input> 136 <el-input disabled v-model="dlxxForm.FCZBH"></el-input>
81 </el-form-item> 137 </el-form-item>
82 </el-col> 138 </el-col>
83 <el-col :span="8"> 139 <el-col :span="8">
84 <el-form-item label="是否过户："> 140 <el-form-item label="是否过户：">
85 <el-switch 141 <el-switch disabled
86 v-model="ruleForm.sfgh" 142 v-model="dlxxForm.SFGH"
87 :active-value='1' 143 :active-value='1'
88 active-text="是" 144 active-text="是"
89 :inactive-value="0" 145 :inactive-value="0"
...@@ -91,28 +147,33 @@ ...@@ -91,28 +147,33 @@
91 </el-switch> 147 </el-switch>
92 </el-form-item> 148 </el-form-item>
93 </el-col> 149 </el-col>
94 150 <el-col :span="8">
95 </el-row> 151 <el-form-item label="推送日期：">
96 <el-row :gutter="10"> 152 <el-input disabled v-model="dlxxForm.SENDTIME"></el-input>
97 <el-col :span="24">
98 <el-form-item label="房屋坐落（地址）：">
99 <el-input v-model="ruleForm.fwzl" type="textarea"
100 :rows="2"></el-input>
101 </el-form-item> 153 </el-form-item>
102 </el-col> 154 </el-col>
103 </el-row> 155 </el-row>
104 <el-row class="btn" v-if="viewEdit"> 156 <div class="slxx_title title-block">
105 <el-form-item> 157 自来水过户信息
106 <el-button type="primary" @click="onSubmit">保存</el-button> 158 <div class="triangle"></div>
107 </el-form-item>
108 </el-row>
109 </div> 159 </div>
160 <div class="slxx_title title-block">
161 天然气过户信息
162 <div class="triangle"></div>
163 </div>
164 <div class="slxx_title title-block">
165 热力供暖过户信息
166 <div class="triangle"></div>
167 </div>
168 </div>
169
110 </el-form> 170 </el-form>
111 </div> 171 </div>
112 </template> 172 </template>
113 <script> 173 <script>
114 import { mapGetters } from "vuex"; 174 import { mapGetters } from "vuex";
115 import { getDlxxByBsmSldy, saveOrUpdateDlxx } from "@/api/sfxx.js"; 175 import { getDlxxByBsmSldy, saveOrUpdateDlxx } from "@/api/sfxx.js";
176 import { getDetail } from "@/api/workflow/swhtxx.js";
116 export default { 177 export default {
117 computed: { 178 computed: {
118 ...mapGetters(["dictData", "flag"]), 179 ...mapGetters(["dictData", "flag"]),
...@@ -121,12 +182,7 @@ ...@@ -121,12 +182,7 @@
121 // this.loading = true 182 // this.loading = true
122 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 183 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
123 this.propsParam = this.$attrs; 184 this.propsParam = this.$attrs;
124 var formdata = new FormData(); 185 this.getDlxxByBsmSldy();
125 formdata.append("bsmSldy", this.propsParam.bsmSldy);
126 formdata.append("djlx", this.propsParam.djlx);
127 formdata.append("isEdit", this.viewEdit);
128 console.log(this.propsParam)
129 this.getDlxxByBsmSldy()
130 }, 186 },
131 data () { 187 data () {
132 return { 188 return {
...@@ -134,16 +190,17 @@ ...@@ -134,16 +190,17 @@
134 //表单是否可操作 190 //表单是否可操作
135 viewEdit: false, 191 viewEdit: false,
136 ruleForm: { 192 ruleForm: {
137 SFGH: 1 193 },
138 } 194 dlxxForm:{}
139 } 195 }
140 }, 196 },
141 methods: { 197 methods: {
142 getDlxxByBsmSldy() { 198 getDlxxByBsmSldy() {
143 getDlxxByBsmSldy(this.propsParam.bsmSldy).then((res) => { 199 getDetail(this.propsParam.bsmSldy).then((res) => {
144 if (res.code === 200) { 200 if (res.code === 200) {
145 if (res.result != null) { 201 if (res.result != null) {
146 this.ruleForm = res.result 202 this.ruleForm = res.result;
203 this.dlxxForm = JSON.parse(res.result.wqht.dlnr);
147 } 204 }
148 } 205 }
149 }); 206 });
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 </el-form-item> 53 </el-form-item>
54 </el-col> 54 </el-col>
55 <el-col :span="8"> 55 <el-col :span="8">
56 <el-form-item label="原产证号："> 56 <el-form-item label="原房产证号：">
57 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> 57 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
58 </el-form-item> 58 </el-form-item>
59 </el-col> 59 </el-col>
...@@ -146,17 +146,17 @@ ...@@ -146,17 +146,17 @@
146 <el-row :gutter="10"> 146 <el-row :gutter="10">
147 <el-col :span="8"> 147 <el-col :span="8">
148 <el-form-item label="合同签订时间："> 148 <el-form-item label="合同签订时间：">
149 <el-input disabled v-model="ruleForm.HTQDSJ"></el-input> 149 <el-input disabled v-model="fwxx.HTQDSJ"></el-input>
150 </el-form-item> 150 </el-form-item>
151 </el-col> 151 </el-col>
152 <el-col :span="8"> 152 <el-col :span="8">
153 <el-form-item label="共有方式："> 153 <el-form-item label="共有方式：">
154 <el-input disabled v-model="ruleForm.GYFS"></el-input> 154 <el-input disabled v-model="fwxx.GYFS"></el-input>
155 </el-form-item> 155 </el-form-item>
156 </el-col> 156 </el-col>
157 <el-col :span="8"> 157 <el-col :span="8">
158 <el-form-item label="房屋坐落："> 158 <el-form-item label="房屋坐落：">
159 <el-input disabled v-model="ruleForm.TDFWZL"></el-input> 159 <el-input disabled v-model="fwxx.TDFWZL"></el-input>
160 </el-form-item> 160 </el-form-item>
161 </el-col> 161 </el-col>
162 </el-row> 162 </el-row>
...@@ -164,22 +164,22 @@ ...@@ -164,22 +164,22 @@
164 买受人信息 164 买受人信息
165 <div class="triangle"></div> 165 <div class="triangle"></div>
166 </div> 166 </div>
167 <lb-table :column="column" :pagination="false" :heightNumSetting="true" 167 <lb-table :column="clmSqr" :pagination="false" :heightNumSetting="true"
168 :data="ruleForm.tableDataList"> 168 :data="qlrList">
169 </lb-table> 169 </lb-table>
170 <div class="slxx_title title-block"> 170 <div class="slxx_title title-block">
171 出卖人信息 171 出卖人信息
172 <div class="triangle"></div> 172 <div class="triangle"></div>
173 </div> 173 </div>
174 <lb-table :column="column1" :pagination="false" :heightNumSetting="true" 174 <lb-table :column="clmSqr" :pagination="false" :heightNumSetting="true"
175 :data="ruleForm.tableDataList"> 175 :data="ywrList">
176 </lb-table> 176 </lb-table>
177 <div class="slxx_title title-block"> 177 <div class="slxx_title title-block">
178 缴税信息 178 缴税信息
179 <div class="triangle"></div> 179 <div class="triangle"></div>
180 </div> 180 </div>
181 <lb-table :column="column2" :pagination="false" :heightNumSetting="true" 181 <lb-table :column="clmSwxx" :pagination="false" :heightNumSetting="true"
182 :data="ruleForm.tableDataList"> 182 :data="swxxList">
183 </lb-table> 183 </lb-table>
184 </div> 184 </div>
185 </el-form> 185 </el-form>
...@@ -199,6 +199,15 @@ ...@@ -199,6 +199,15 @@
199 getDetail(this.propsParam.bsmSldy).then((res) => { 199 getDetail(this.propsParam.bsmSldy).then((res) => {
200 if (res.code === 200 && res.result) { 200 if (res.code === 200 && res.result) {
201 that.ruleForm = res.result; 201 that.ruleForm = res.result;
202 if(res.result.wqht.htnr!="" && res.result.wqht.htnr!=null){
203 let htxx= JSON.parse(res.result.wqht.htnr);
204 that.fwxx = htxx[0].h[0];
205 that.qlrList = htxx[1].msr;
206 that.ywrList = htxx[2].cmr;
207 }
208 if(res.result.wqht.jsnr!="" && res.result.wqht.jsnr!=null){
209 that.swxxList= JSON.parse(res.result.wqht.jsnr);
210 }
202 } 211 }
203 }); 212 });
204 }, 213 },
...@@ -208,43 +217,32 @@ ...@@ -208,43 +217,32 @@
208 loading: false, 217 loading: false,
209 //表单是否可操作 218 //表单是否可操作
210 viewEdit: false, 219 viewEdit: false,
211 column: [ 220 clmSqr: [
212 { 221 {
213 prop: "qlrxm", 222 prop: "NSRMC",
214 label: "权利人姓名" 223 label: "名称"
215 }, 224 },
216 { 225 {
217 prop: "gyqk", 226 prop: "ZJZL_DM",
218 label: "共有情况" 227 label: "证件种类"
219 }, 228 },
220 { 229 {
221 prop: "zjzl", 230 prop: "ZJHM",
222 label: "身份证号种类"
223 },
224 {
225 prop: "zjhm",
226 label: "证件号码" 231 label: "证件号码"
227 }, 232 },
228 ],
229 column1: [{
230 prop: "ywrxm",
231 label: "义务人姓名"
232 },
233 { 233 {
234 prop: "zjzl", 234 prop: "LXDH",
235 label: "身份证号种类" 235 label: "联系电话"
236 }, 236 },
237 ],
238 clmSwxx: [
237 { 239 {
238 prop: "zjhm", 240 prop: "ywslh",
239 label: "证件号码" 241 label: "业务受理号"
240 }],
241 column2: [{
242 type: 'skssqq',
243 label: "税款所属日期起"
244 }, 242 },
245 { 243 {
246 prop: "skssqz", 244 prop: "kprq",
247 label: "税款所属日期止" 245 label: "开票日期"
248 }, 246 },
249 { 247 {
250 prop: "sjje", 248 prop: "sjje",
...@@ -255,6 +253,14 @@ ...@@ -255,6 +253,14 @@
255 label: "凭证序号" 253 label: "凭证序号"
256 }, 254 },
257 { 255 {
256 prop: 'skssqq',
257 label: "税款所属日期起"
258 },
259 {
260 prop: "skssqz",
261 label: "税款所属日期止"
262 },
263 {
258 prop: "zsxmdm", 264 prop: "zsxmdm",
259 label: "征收项目代码" 265 label: "征收项目代码"
260 }, 266 },
...@@ -273,22 +279,16 @@ ...@@ -273,22 +279,16 @@
273 { 279 {
274 prop: "rkrq", 280 prop: "rkrq",
275 label: "入库日期" 281 label: "入库日期"
276 }, 282 }
277 { 283
278 prop: "kprq", 284 ],
279 label: "开票日期"
280 },
281 {
282 prop: "ywslh",
283 label: "业务受理号"
284 }],
285 ruleForm: { 285 ruleForm: {
286 tableDataList: [] 286 tableDataList: []
287 }, 287 },
288 qlrList:[], 288 qlrList:[],
289 ywrList:[], 289 ywrList:[],
290 fwxx:{}, 290 fwxx:{},
291 swxx:{} 291 swxxList:{}
292 } 292 }
293 }, 293 },
294 methods: { 294 methods: {
......