Merge branch 'dev'
Showing
17 changed files
with
765 additions
and
435 deletions
1 | /* | 1 | /* |
2 | * @Description: sfxx | 2 | * @Description: sfxx |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-12-26 16:06:35 | 4 | * @LastEditTime: 2024-03-20 14:02:38 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request'; | 6 | import request from '@/utils/request'; |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -17,38 +17,63 @@ export function getSfmxList (businessBsm) { | ... | @@ -17,38 +17,63 @@ export function getSfmxList (businessBsm) { |
17 | }) | 17 | }) |
18 | } | 18 | } |
19 | 19 | ||
20 | export function saveSfmx (data) { | 20 | /** |
21 | return request({ | 21 | * @description: 收费信息 |
22 | url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx', | 22 | * @param {*} businessBsm |
23 | method: 'post', | 23 | * @author: renchao |
24 | data | 24 | */ |
25 | }) | 25 | export function initSfxx (businessBsm) { |
26 | } | ||
27 | |||
28 | export function deleteSfmx (bsmSf) { | ||
29 | return request({ | 26 | return request({ |
30 | url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx', | 27 | url: SERVER.SERVERAPI + '/rest/sys/sf/initSfxx', |
31 | method: 'get', | 28 | method: 'get', |
32 | params: { | 29 | params: { |
33 | bsmSf: bsmSf | 30 | businessBsm: businessBsm |
34 | } | 31 | } |
35 | }) | 32 | }) |
36 | } | 33 | } |
37 | 34 | ||
38 | export function getDlxxByBsmSldy (bsmSldy) { | 35 | /** |
36 | * @description: 重新计费 | ||
37 | * @param {*} businessBsm | ||
38 | * @author: renchao | ||
39 | */ | ||
40 | export function recharge (businessBsm) { | ||
39 | return request({ | 41 | return request({ |
40 | url: SERVER.SERVERAPI + '/rest/ywbl/dlxx/getDlxxByBsmSldy', | 42 | url: SERVER.SERVERAPI + '/rest/sys/sf/recharge', |
41 | method: 'get', | 43 | method: 'get', |
42 | params: { | 44 | params: { |
43 | bsmSldy: bsmSldy | 45 | businessBsm: businessBsm |
44 | } | 46 | } |
45 | }) | 47 | }) |
46 | } | 48 | } |
49 | /** | ||
50 | * @description: 修改收费信息 | ||
51 | * @param {*} businessBsm | ||
52 | * @author: renchao | ||
53 | */ | ||
54 | export function updateSfxx (data) { | ||
55 | return request({ | ||
56 | url: SERVER.SERVERAPI + '/rest/sys/sf/updateSfxx', | ||
57 | method: 'post', | ||
58 | data | ||
59 | }) | ||
60 | } | ||
61 | |||
47 | 62 | ||
48 | export function saveOrUpdateDlxx (data) { | 63 | export function saveSfmx (data) { |
49 | return request({ | 64 | return request({ |
50 | url: SERVER.SERVERAPI + '/rest/ywbl/dlxx/saveOrUpdateDlxx', | 65 | url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx', |
51 | method: 'post', | 66 | method: 'post', |
52 | data | 67 | data |
53 | }) | 68 | }) |
54 | } | 69 | } |
70 | |||
71 | export function deleteSfmx (bsmSf) { | ||
72 | return request({ | ||
73 | url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx', | ||
74 | method: 'get', | ||
75 | params: { | ||
76 | bsmSf: bsmSf | ||
77 | } | ||
78 | }) | ||
79 | } | ... | ... |
src/api/sqr.js
0 → 100644
1 | /* | ||
2 | * @Description: 申请人权利人等人员相关接口 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2024-03-18 10:38:14 | ||
5 | */ | ||
6 | import request from '@/utils/request'; | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | |||
10 | /** | ||
11 | * @description: 身份核验 | ||
12 | * @param {*} data | ||
13 | * @author: renchao | ||
14 | */ | ||
15 | export function sfhy (data) { | ||
16 | return request({ | ||
17 | url: SERVER.SERVERAPI + '/rest/ywbl/sqr/sfhy', | ||
18 | method: 'post', | ||
19 | data | ||
20 | }) | ||
21 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/api/workflow/swhtxx.js
0 → 100644
1 | import request from '@/utils/request' | ||
2 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
3 | |||
4 | /** | ||
5 | * @description: 获取明细信息 | ||
6 | * @param {*} bsmSlsq | ||
7 | * @param {*} bestepid | ||
8 | * @author: renchao | ||
9 | */ | ||
10 | export function getDetail (bsmSldy) { | ||
11 | return request({ | ||
12 | url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail', | ||
13 | method: 'get', | ||
14 | params: { | ||
15 | bsmSldy: bsmSldy | ||
16 | } | ||
17 | }) | ||
18 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -21,6 +21,7 @@ const getters = { | ... | @@ -21,6 +21,7 @@ const getters = { |
21 | djbxx: state => state.djbxx.djbxx, | 21 | djbxx: state => state.djbxx.djbxx, |
22 | // workflow | 22 | // workflow |
23 | isRefresh: state => state.user.isRefresh, | 23 | isRefresh: state => state.user.isRefresh, |
24 | pouopData: state => state.user.pouopData, | ||
24 | workFresh: state => state.user.workFresh, | 25 | workFresh: state => state.user.workFresh, |
25 | // 左侧菜单刷新 | 26 | // 左侧菜单刷新 |
26 | menuRefresh: state => state.user.menuRefresh, | 27 | menuRefresh: state => state.user.menuRefresh, | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2024-02-01 16:27:16 | 4 | * @LastEditTime: 2024-03-21 13:34:48 |
5 | */ | 5 | */ |
6 | import { getUserInfo } from '@/api/user' | 6 | import { getUserInfo } from '@/api/user' |
7 | const state = { | 7 | const state = { |
... | @@ -9,6 +9,8 @@ const state = { | ... | @@ -9,6 +9,8 @@ const state = { |
9 | userInfo: {}, | 9 | userInfo: {}, |
10 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', | 10 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', |
11 | isRefresh: false, | 11 | isRefresh: false, |
12 | // 弹窗返回需要回传的值 | ||
13 | pouopData: {}, | ||
12 | // 业务流程刷新 | 14 | // 业务流程刷新 |
13 | workFresh: false, | 15 | workFresh: false, |
14 | // 左侧菜单刷新 | 16 | // 左侧菜单刷新 |
... | @@ -29,6 +31,9 @@ const mutations = { | ... | @@ -29,6 +31,9 @@ const mutations = { |
29 | SETMENUREFRESH: (state, data) => { | 31 | SETMENUREFRESH: (state, data) => { |
30 | state.menuRefresh = data | 32 | state.menuRefresh = data |
31 | }, | 33 | }, |
34 | SETPOUOPDATA: (state, data) => { | ||
35 | state.pouopData = data | ||
36 | } | ||
32 | } | 37 | } |
33 | 38 | ||
34 | const actions = { | 39 | const actions = { |
... | @@ -48,6 +53,10 @@ const actions = { | ... | @@ -48,6 +53,10 @@ const actions = { |
48 | reMenuRefresh ({ commit }, data) { | 53 | reMenuRefresh ({ commit }, data) { |
49 | commit('SETMENUREFRESH', data) | 54 | commit('SETMENUREFRESH', data) |
50 | }, | 55 | }, |
56 | // 存储弹窗data的值 | ||
57 | getPouopData ({ commit }, data) { | ||
58 | commit('SETPOUOPDATA', data) | ||
59 | } | ||
51 | } | 60 | } |
52 | export default { | 61 | export default { |
53 | namespaced: true, | 62 | namespaced: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-12-29 10:00:31 | 4 | * @LastEditTime: 2024-03-19 13:21:57 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -28,6 +28,9 @@ | ... | @@ -28,6 +28,9 @@ |
28 | <el-form-item label="身份证读卡器"> | 28 | <el-form-item label="身份证读卡器"> |
29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
31 | <el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button> | ||
32 | <el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button> | ||
33 | <el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button> | ||
31 | </el-form-item> | 34 | </el-form-item> |
32 | <el-row> | 35 | <el-row> |
33 | <el-col :span="8"> | 36 | <el-col :span="8"> |
... | @@ -344,6 +347,7 @@ | ... | @@ -344,6 +347,7 @@ |
344 | </template> | 347 | </template> |
345 | <script> | 348 | <script> |
346 | import { mapGetters } from "vuex"; | 349 | import { mapGetters } from "vuex"; |
350 | import { sfhy } from "@/api/sqr.js"; | ||
347 | import store from '@/store/index.js' | 351 | import store from '@/store/index.js' |
348 | import { replace } from "@/api/company.js" | 352 | import { replace } from "@/api/company.js" |
349 | import { getUuid } from "@/utils/operation.js" | 353 | import { getUuid } from "@/utils/operation.js" |
... | @@ -452,6 +456,20 @@ | ... | @@ -452,6 +456,20 @@ |
452 | } | 456 | } |
453 | }, | 457 | }, |
454 | methods: { | 458 | methods: { |
459 | /** | ||
460 | * @description: 身份核验 | ||
461 | * @author: renchao | ||
462 | */ | ||
463 | handleVerification (val) { | ||
464 | sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => { | ||
465 | if (res.code == 200) { | ||
466 | this.$message({ | ||
467 | message: '核验成功!', | ||
468 | type: 'success' | ||
469 | }) | ||
470 | } | ||
471 | }) | ||
472 | }, | ||
455 | handleZjzl (val) { | 473 | handleZjzl (val) { |
456 | if (['6', '7', '8'].includes(val)) { | 474 | if (['6', '7', '8'].includes(val)) { |
457 | this.isBz = true | 475 | this.isBz = true | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-12-29 10:04:52 | 4 | * @LastEditTime: 2024-03-19 13:21:40 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -28,6 +28,9 @@ | ... | @@ -28,6 +28,9 @@ |
28 | <el-form-item label="身份证读卡器"> | 28 | <el-form-item label="身份证读卡器"> |
29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
31 | <el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button> | ||
32 | <el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button> | ||
33 | <el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button> | ||
31 | </el-form-item> | 34 | </el-form-item> |
32 | <el-row> | 35 | <el-row> |
33 | <el-col :span="8"> | 36 | <el-col :span="8"> |
... | @@ -344,6 +347,7 @@ | ... | @@ -344,6 +347,7 @@ |
344 | <script> | 347 | <script> |
345 | import { mapGetters } from "vuex"; | 348 | import { mapGetters } from "vuex"; |
346 | import store from '@/store/index.js' | 349 | import store from '@/store/index.js' |
350 | import { sfhy } from "@/api/sqr.js"; | ||
347 | import { replace } from "@/api/company.js" | 351 | import { replace } from "@/api/company.js" |
348 | import { getUuid } from "@/utils/operation.js" | 352 | import { getUuid } from "@/utils/operation.js" |
349 | import { getIdCardInfo } from '@/utils/operation.js' | 353 | import { getIdCardInfo } from '@/utils/operation.js' |
... | @@ -440,6 +444,21 @@ | ... | @@ -440,6 +444,21 @@ |
440 | } | 444 | } |
441 | }, | 445 | }, |
442 | methods: { | 446 | methods: { |
447 | /** | ||
448 | * @description: 身份核验 | ||
449 | * @author: renchao | ||
450 | */ | ||
451 | handleVerification (val) { | ||
452 | this.ruleForm.qlrlx = this.ruleForm.ywrlx | ||
453 | sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => { | ||
454 | if (res.code == 200) { | ||
455 | this.$message({ | ||
456 | message: '核验成功!', | ||
457 | type: 'success' | ||
458 | }) | ||
459 | } | ||
460 | }) | ||
461 | }, | ||
443 | handleZjzl (val) { | 462 | handleZjzl (val) { |
444 | if (['6', '7', '8'].includes(val)) { | 463 | if (['6', '7', '8'].includes(val)) { |
445 | this.isBz = true | 464 | this.isBz = true | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2024-03-11 15:18:56 | 4 | * @LastEditTime: 2024-03-19 13:17:22 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -30,6 +30,9 @@ | ... | @@ -30,6 +30,9 @@ |
30 | <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0"> | 30 | <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0"> |
31 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 31 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
32 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 32 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
33 | <el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button> | ||
34 | <el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button> | ||
35 | <el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button> | ||
33 | </el-form-item> | 36 | </el-form-item> |
34 | <el-row> | 37 | <el-row> |
35 | <el-col :span="8"> | 38 | <el-col :span="8"> |
... | @@ -346,6 +349,7 @@ | ... | @@ -346,6 +349,7 @@ |
346 | </template> | 349 | </template> |
347 | <script> | 350 | <script> |
348 | import { mapGetters } from "vuex"; | 351 | import { mapGetters } from "vuex"; |
352 | import { sfhy } from "@/api/sqr.js"; | ||
349 | import store from '@/store/index.js' | 353 | import store from '@/store/index.js' |
350 | import { getUuid } from "@/utils/operation.js" | 354 | import { getUuid } from "@/utils/operation.js" |
351 | import { replace } from "@/api/company.js" | 355 | import { replace } from "@/api/company.js" |
... | @@ -428,7 +432,7 @@ | ... | @@ -428,7 +432,7 @@ |
428 | } | 432 | } |
429 | }, | 433 | }, |
430 | mounted () { | 434 | mounted () { |
431 | sendThis(this); | 435 | sendThis(this) |
432 | }, | 436 | }, |
433 | watch: { | 437 | watch: { |
434 | value (val) { | 438 | value (val) { |
... | @@ -440,13 +444,28 @@ | ... | @@ -440,13 +444,28 @@ |
440 | }, | 444 | }, |
441 | details: { | 445 | details: { |
442 | handler: function (val, oldVal) { | 446 | handler: function (val, oldVal) { |
443 | this.ruleForm = _.cloneDeep(val); | 447 | this.ruleForm = _.cloneDeep(val) |
444 | }, | 448 | }, |
445 | deep: true | 449 | deep: true |
446 | } | 450 | } |
447 | }, | 451 | }, |
448 | methods: { | 452 | methods: { |
449 | /** | 453 | /** |
454 | * @description: 身份核验 | ||
455 | * @author: renchao | ||
456 | */ | ||
457 | handleVerification (val) { | ||
458 | this.ruleForm.qlrlx = this.ruleForm.sqrlx | ||
459 | sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => { | ||
460 | if (res.code == 200) { | ||
461 | this.$message({ | ||
462 | message: '核验成功!', | ||
463 | type: 'success' | ||
464 | }) | ||
465 | } | ||
466 | }) | ||
467 | }, | ||
468 | /** | ||
450 | * @description: 证件种类选择 | 469 | * @description: 证件种类选择 |
451 | * @param {*} val | 470 | * @param {*} val |
452 | * @author: renchao | 471 | * @author: renchao | ... | ... |
... | @@ -11,157 +11,220 @@ | ... | @@ -11,157 +11,220 @@ |
11 | v-Loading="loading" | 11 | v-Loading="loading" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="130px"> | 14 | label-width="130px" |
15 | > | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 电力信息 | 18 | 申请信息 |
18 | <div class="triangle"></div> | 19 | <div class="triangle"></div> |
19 | </div> | 20 | </div> |
20 | <el-row :gutter="10"> | 21 | <el-row :gutter="10"> |
21 | <el-col :span="8"> | 22 | <el-col :span="8"> |
22 | <el-form-item label="服务代码:"> | 23 | <el-form-item label="业务号:"> |
23 | <el-input v-model="ruleForm.serviceCode"></el-input> | 24 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
24 | </el-form-item> | 25 | </el-form-item> |
25 | </el-col> | 26 | </el-col> |
26 | <el-col :span="8"> | 27 | <el-col :span="8"> |
27 | <el-form-item label="行政区划区县代码:"> | 28 | <el-form-item label="受理人员:"> |
28 | <el-input v-model="ruleForm.areacode"></el-input> | 29 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
29 | </el-form-item> | 30 | </el-form-item> |
30 | </el-col> | 31 | </el-col> |
31 | <el-col :span="8"> | 32 | <el-col :span="8"> |
32 | <el-form-item label="登记系统业务号:"> | 33 | <el-form-item label="受理时间:"> |
33 | <el-input v-model="ruleForm.ywh"></el-input> | 34 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
34 | </el-form-item> | 35 | </el-form-item> |
35 | </el-col> | 36 | </el-col> |
36 | </el-row> | 37 | </el-row> |
38 | <el-row :gutter="10"> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="权利类型:" prop="qllx"> | ||
41 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="登记类型:" prop="djlx"> | ||
46 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
47 | </el-form-item> | ||
48 | </el-col> | ||
49 | <el-col :span="8"> | ||
50 | <el-form-item label="登记情形:" prop="djqx"> | ||
51 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
52 | </el-form-item> | ||
53 | </el-col> | ||
54 | </el-row> | ||
55 | <el-row :gutter="10"> | ||
56 | <el-col :span="8"> | ||
57 | <el-form-item label="不动产单元号:"> | ||
58 | <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input> | ||
59 | </el-form-item> | ||
60 | </el-col> | ||
61 | <el-col :span="8"> | ||
62 | <el-form-item label="原房产证号:"> | ||
63 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | ||
64 | </el-form-item> | ||
65 | </el-col> | ||
66 | <el-col :span="8"> | ||
67 | <el-form-item label="坐落:"> | ||
68 | <el-input disabled v-model="ruleForm.sldy.zl"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-col> | ||
71 | </el-row> | ||
72 | <div class="slxx_title title-block"> | ||
73 | 电力过户信息 | ||
37 | 74 | ||
75 | <el-button @click="showDialogDlxx">电力过户信息修改</el-button> | ||
76 | <div class="triangle"></div> | ||
77 | </div> | ||
38 | <el-row :gutter="10"> | 78 | <el-row :gutter="10"> |
39 | <el-col :span="8"> | 79 | <el-col :span="8"> |
40 | <el-form-item label="推送日期:"> | 80 | <el-form-item label="电表编号:"> |
41 | <el-input v-model="ruleForm.SENDTIME"></el-input> | 81 | <el-input disabled v-model="dlxxForm.cons_no"></el-input> |
42 | </el-form-item> | 82 | </el-form-item> |
43 | </el-col> | 83 | </el-col> |
44 | <el-col :span="8"> | 84 | <el-col :span="8"> |
45 | <el-form-item label="原户主姓名:"> | 85 | <el-form-item label="行政区代码:"> |
46 | <el-input v-model="ruleForm.mcOld"></el-input> | 86 | <el-input disabled v-model="dlxxForm.AREACODE"></el-input> |
47 | </el-form-item> | 87 | </el-form-item> |
48 | </el-col> | 88 | </el-col> |
49 | <el-col :span="8"> | 89 | <el-col :span="8"> |
50 | <el-form-item label="原户主身份证号码:"> | 90 | <el-form-item label="业务号:"> |
51 | <el-input v-model="ruleForm.zjhmOld"></el-input> | 91 | <el-input disabled v-model="dlxxForm.YWH"></el-input> |
52 | </el-form-item> | 92 | </el-form-item> |
53 | </el-col> | 93 | </el-col> |
54 | </el-row> | 94 | </el-row> |
55 | <el-row :gutter="10"> | 95 | <el-row :gutter="10"> |
56 | <el-col :span="8"> | 96 | <el-col :span="8"> |
97 | <el-form-item label="原户主姓名:"> | ||
98 | <el-input disabled v-model="dlxxForm.MC_OLD"></el-input> | ||
99 | </el-form-item> | ||
100 | </el-col> | ||
101 | <el-col :span="8"> | ||
102 | <el-form-item label="原户主身份证号码:"> | ||
103 | <el-input disabled v-model="dlxxForm.ZJHM_OLD"></el-input> | ||
104 | </el-form-item> | ||
105 | </el-col> | ||
106 | <el-col :span="8"> | ||
57 | <el-form-item label="原户主联系电话:"> | 107 | <el-form-item label="原户主联系电话:"> |
58 | <el-input v-model="ruleForm.lxdhOld"></el-input> | 108 | <el-input disabled v-model="dlxxForm.LXDH_OLD"></el-input> |
59 | </el-form-item> | 109 | </el-form-item> |
60 | </el-col> | 110 | </el-col> |
111 | </el-row> | ||
112 | <el-row :gutter="10"> | ||
61 | <el-col :span="8"> | 113 | <el-col :span="8"> |
62 | <el-form-item label="新户主姓名:"> | 114 | <el-form-item label="新户主姓名:"> |
63 | <el-input v-model="ruleForm.mcNew"></el-input> | 115 | <el-input disabled v-model="dlxxForm.MC_NEW"></el-input> |
64 | </el-form-item> | 116 | </el-form-item> |
65 | </el-col> | 117 | </el-col> |
66 | <el-col :span="8"> | 118 | <el-col :span="8"> |
67 | <el-form-item label="新户主身份证号码:"> | 119 | <el-form-item label="新户主身份证号码:"> |
68 | <el-input v-model="ruleForm.zjhmNew"></el-input> | 120 | <el-input disabled v-model="dlxxForm.ZJHM_NEW"></el-input> |
69 | </el-form-item> | 121 | </el-form-item> |
70 | </el-col> | 122 | </el-col> |
71 | </el-row> | ||
72 | <el-row :gutter="10"> | ||
73 | <el-col :span="8"> | 123 | <el-col :span="8"> |
74 | <el-form-item label="新户主联系电话:"> | 124 | <el-form-item label="新户主联系电话:"> |
75 | <el-input v-model="ruleForm.lxdhNew"></el-input> | 125 | <el-input disabled v-model="dlxxForm.LXDH_NEW"></el-input> |
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | </el-row> | ||
129 | <el-row :gutter="10"> | ||
130 | <el-col :span="24"> | ||
131 | <el-form-item label="房屋坐落(地址):"> | ||
132 | <el-input disabled v-model="dlxxForm.FWZL"></el-input> | ||
76 | </el-form-item> | 133 | </el-form-item> |
77 | </el-col> | 134 | </el-col> |
135 | </el-row> | ||
136 | <el-row :gutter="10"> | ||
78 | <el-col :span="8"> | 137 | <el-col :span="8"> |
79 | <el-form-item label="房产证编号:"> | 138 | <el-form-item label="房产证编号:"> |
80 | <el-input v-model="ruleForm.fczbh"></el-input> | 139 | <el-input disabled v-model="dlxxForm.FCZBH"></el-input> |
81 | </el-form-item> | 140 | </el-form-item> |
82 | </el-col> | 141 | </el-col> |
83 | <el-col :span="8"> | 142 | <el-col :span="8"> |
84 | <el-form-item label="是否过户:"> | 143 | <el-form-item label="是否过户:"> |
85 | <el-switch | 144 | <el-switch |
86 | v-model="ruleForm.sfgh" | 145 | disabled |
87 | :active-value='1' | 146 | v-model="dlxxForm.SFGH" |
147 | :active-value="1" | ||
88 | active-text="是" | 148 | active-text="是" |
89 | :inactive-value="0" | 149 | :inactive-value="0" |
90 | inactive-text="否"> | 150 | inactive-text="否" |
151 | > | ||
91 | </el-switch> | 152 | </el-switch> |
92 | </el-form-item> | 153 | </el-form-item> |
93 | </el-col> | 154 | </el-col> |
94 | 155 | <el-col :span="8"> | |
95 | </el-row> | 156 | <el-form-item label="推送日期:"> |
96 | <el-row :gutter="10"> | 157 | <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> | 158 | </el-form-item> |
102 | </el-col> | 159 | </el-col> |
103 | </el-row> | 160 | </el-row> |
104 | <el-row class="btn" v-if="viewEdit"> | 161 | <div class="slxx_title title-block"> |
105 | <el-form-item> | 162 | 自来水过户信息 |
106 | <el-button type="primary" @click="onSubmit">保存</el-button> | 163 | <div class="triangle"></div> |
107 | </el-form-item> | 164 | </div> |
108 | </el-row> | 165 | <div class="slxx_title title-block"> |
166 | 天然气过户信息 | ||
167 | <div class="triangle"></div> | ||
168 | </div> | ||
169 | <div class="slxx_title title-block"> | ||
170 | 热力供暖过户信息 | ||
171 | <div class="triangle"></div> | ||
172 | </div> | ||
109 | </div> | 173 | </div> |
110 | </el-form> | 174 | </el-form> |
175 | <el-dialog :visible.sync="dialogDlxx" title="电力过户信息修改"> | ||
176 | <div class="text-center"> | ||
177 | <el-button @click="$popupCacel">取消</el-button> | ||
178 | <el-button type="primary" @click="onSubmit" plain>保存</el-button> | ||
179 | </div> | ||
180 | </el-dialog> | ||
111 | </div> | 181 | </div> |
112 | </template> | 182 | </template> |
113 | <script> | 183 | <script> |
114 | import { mapGetters } from "vuex"; | 184 | import { mapGetters } from "vuex"; |
115 | import { getDlxxByBsmSldy, saveOrUpdateDlxx } from "@/api/sfxx.js"; | 185 | import { getDetail } from "@/api/workflow/swhtxx.js"; |
116 | export default { | 186 | export default { |
117 | computed: { | 187 | computed: { |
118 | ...mapGetters(["dictData", "flag"]), | 188 | ...mapGetters(["dictData", "flag"]), |
119 | }, | 189 | }, |
120 | mounted () { | 190 | mounted() { |
121 | // this.loading = true | 191 | // this.loading = true |
122 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 192 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
123 | this.propsParam = this.$attrs; | 193 | this.propsParam = this.$attrs; |
124 | var formdata = new FormData(); | 194 | this.loadData(); |
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 | }, | 195 | }, |
131 | data () { | 196 | data() { |
132 | return { | 197 | return { |
198 | dialogDlxx: false, | ||
133 | loading: false, | 199 | loading: false, |
134 | //表单是否可操作 | 200 | //表单是否可操作 |
135 | viewEdit: false, | 201 | viewEdit: false, |
136 | ruleForm: { | 202 | ruleForm: {}, |
137 | SFGH: 1 | 203 | dlxxForm: {}, |
138 | } | 204 | }; |
139 | } | ||
140 | }, | 205 | }, |
141 | methods: { | 206 | methods: { |
142 | getDlxxByBsmSldy() { | 207 | loadData() { |
143 | getDlxxByBsmSldy(this.propsParam.bsmSldy).then((res) => { | 208 | getDetail(this.propsParam.bsmSldy).then((res) => { |
144 | if (res.code === 200) { | 209 | if (res.code === 200) { |
145 | if (res.result != null) { | 210 | if (res.result != null) { |
146 | this.ruleForm = res.result | 211 | this.ruleForm = res.result; |
212 | if (res.result.wqht == null) { | ||
213 | return; | ||
147 | } | 214 | } |
215 | this.dlxxForm = JSON.parse(res.result.wqht.dlnr); | ||
148 | } | 216 | } |
149 | }); | ||
150 | }, | ||
151 | saveOrUpdateDlxx() { | ||
152 | saveOrUpdateDlxx(this.ruleForm).then((res) => { | ||
153 | if (res.code === 200) { | ||
154 | this.$message.success("成功") | ||
155 | } | 217 | } |
156 | }); | 218 | }); |
157 | }, | 219 | }, |
158 | onSubmit () { | 220 | onSubmit() {}, |
159 | this.saveOrUpdateDlxx() | 221 | showDialogDlxx() { |
160 | } | 222 | this.dialogDlxx = true; |
161 | } | 223 | }, |
162 | } | 224 | }, |
225 | }; | ||
163 | </script> | 226 | </script> |
164 | <style scoped lang="scss"> | 227 | <style scoped lang="scss"> |
165 | @import "~@/styles/public.scss"; | 228 | @import "~@/styles/public.scss"; |
166 | @import "~@/styles/slxx/slxx.scss"; | 229 | @import "~@/styles/slxx/slxx.scss"; |
167 | </style> | 230 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-12-29 16:35:50 | 4 | * @LastEditTime: 2024-03-20 14:22:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class='sfxx'> | 7 | <div class='sfxx slxx'> |
8 | <div class="sfxx-left"> | 8 | <el-form |
9 | :model="ruleForm" | ||
10 | ref="ruleForm" | ||
11 | v-Loading="loading" | ||
12 | :label-position="flag ? 'top' : ''" | ||
13 | :inline="flag" | ||
14 | label-width="120px"> | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
9 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
10 | 基本信息 | 17 | 基本信息 |
11 | <div class="triangle"></div> | 18 | <div class="triangle"></div> |
12 | </div> | 19 | </div> |
13 | <ul> | 20 | <el-row :gutter="10"> |
14 | <li> | 21 | <el-col :span="8"> |
15 | <p>业务号</p> | 22 | <el-form-item label="受理人员:"> |
16 | <p>{{detail.ywh}}</p> | 23 | <el-input v-model="ruleForm.slry" disabled></el-input> |
17 | </li> | 24 | </el-form-item> |
18 | <li> | 25 | </el-col> |
19 | <p>申请登记类型</p> | 26 | <el-col :span="8"> |
20 | <p>{{detail.sqdjlx}}</p> | 27 | <el-form-item label="受理时间:"> |
21 | </li> | 28 | <el-input v-model="ruleForm.slsj" disabled></el-input> |
22 | <li> | 29 | </el-form-item> |
23 | <p>联系人</p> | 30 | </el-col> |
24 | <p>{{detail.lxr}}</p> | 31 | <el-col :span="8"> |
25 | </li> | 32 | <el-form-item label="登记情形名称:"> |
26 | <li> | 33 | <el-input v-model="ruleForm.djqxmc" disabled></el-input> |
27 | <p>联系人电话</p> | 34 | </el-form-item> |
28 | <p>{{detail.lxdh}}</p> | 35 | </el-col> |
29 | </li> | 36 | </el-row> |
30 | <li> | 37 | |
31 | <p>缴费人</p> | 38 | <el-row :gutter="10"> |
32 | <p><el-input v-model="detail.jfr"></el-input></p> | 39 | <el-col :span="8"> |
33 | </li> | 40 | <el-form-item label="登记业务名称:"> |
34 | <li> | 41 | <el-input v-model="ruleForm.djywmc" disabled></el-input> |
35 | <p>缴费单号</p> | 42 | </el-form-item> |
36 | <p><el-input v-model="detail.jfdh"></el-input></p> | 43 | </el-col> |
37 | </li> | 44 | </el-row> |
38 | <li> | 45 | |
39 | <p>应收金额</p> | 46 | <div class="slxx_title title-block"> |
40 | <p style="color:red">{{detail.ysje}}元</p> | 47 | 计费明细 |
41 | </li> | ||
42 | <li> | ||
43 | <p>实收金额</p> | ||
44 | <p><el-input v-model="detail.ssje"></el-input></p> | ||
45 | </li> | ||
46 | <li> | ||
47 | <p>备注</p> | ||
48 | <p><el-input v-model="detail.bz"></el-input></p> | ||
49 | </li> | ||
50 | </ul> | ||
51 | </div> | 48 | </div> |
52 | <div class="sfxx-right"> | 49 | <el-table :data="tableDatajf.data" border :height="100"> |
50 | <el-table-column v-for="item in tableDatajf.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
51 | </el-table-column> | ||
52 | </el-table> | ||
53 | |||
53 | <div class="slxx_title title-block"> | 54 | <div class="slxx_title title-block"> |
54 | 收费明细 | 55 | 收费明细 |
55 | <!-- <div class="triangle"></div> --> | 56 | <el-button type="primary" @click="hanldeEdit" style="float:right;margin-top:-5px">修改</el-button> |
56 | <el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button> | ||
57 | </div> | 57 | </div> |
58 | <el-table :data="tableData.data" border :height="355"> | 58 | <el-table :data="tableDatasf.data" border :height="100"> |
59 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | 59 | <el-table-column v-for="item in tableDatasf.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> |
60 | </el-table-column> | ||
61 | <el-table-column label="操作" width="50"> | ||
62 | <template slot-scope="scope"> | ||
63 | <el-button type="text" @click="handleDelete(scope.row)">删除</el-button> | ||
64 | </template> | ||
65 | </el-table-column> | 60 | </el-table-column> |
66 | </el-table> | 61 | </el-table> |
62 | |||
67 | <div class="slxx_title title-block"> | 63 | <div class="slxx_title title-block"> |
68 | 票据 | 64 | 票据 |
65 | <div class="triangle"></div> | ||
66 | </div> | ||
69 | <div style="height:250px"> | 67 | <div style="height:250px"> |
70 | <img src="../../../../image/pj.jpg" alt="" style="height:100%"> | 68 | <img src="../../../../image/pj.jpg" alt="" style="height:100%"> |
71 | </div> | 69 | </div> |
72 | </div> | 70 | </div> |
73 | </div> | 71 | </el-form> |
74 | </div> | 72 | </div> |
75 | </template> | 73 | </template> |
76 | <script> | 74 | <script> |
77 | import { mapGetters } from "vuex"; | 75 | import { mapGetters } from "vuex"; |
78 | import { getSfmxList, deleteSfmx } from "@/api/sfxx.js"; | 76 | import { initSfxx } from "@/api/sfxx.js"; |
79 | export default { | 77 | export default { |
80 | components: {}, | 78 | components: {}, |
81 | data () { | 79 | data () { |
82 | return { | 80 | return { |
83 | detail: { | 81 | loading: false, |
84 | ywh: '', | 82 | bsmBusiness: this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness, |
85 | sqdjlx: '', | 83 | ruleForm: {}, |
86 | lxr: '', | 84 | tableDatasf: { |
87 | lxdh: '', | ||
88 | jfr: '', | ||
89 | jfdh: '', | ||
90 | ysje: '', | ||
91 | ssje: '', | ||
92 | bz: '' | ||
93 | }, | ||
94 | tableData: { | ||
95 | columns: [ | 85 | columns: [ |
96 | { | 86 | { |
97 | prop: "sfdw", | 87 | prop: "sfdw", |
98 | label: "收费单位", | 88 | label: "收费单位", |
99 | }, | 89 | }, |
100 | { | 90 | { |
101 | label: '是否额外收费', | ||
102 | align: 'center', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | {scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>} | ||
107 | </div> | ||
108 | ) | ||
109 | } | ||
110 | }, | ||
111 | { | ||
112 | prop: "sfry", | 91 | prop: "sfry", |
113 | label: "收费人员", | 92 | label: "收费人员", |
114 | }, | 93 | }, |
... | @@ -129,106 +108,92 @@ | ... | @@ -129,106 +108,92 @@ |
129 | label: "应收金额", | 108 | label: "应收金额", |
130 | } | 109 | } |
131 | ], | 110 | ], |
132 | data: [] | 111 | data: [], |
112 | }, | ||
113 | tableDatajf: { | ||
114 | columns: [ | ||
115 | { | ||
116 | prop: "jfjs", | ||
117 | label: "计费基数", | ||
118 | }, | ||
119 | { | ||
120 | prop: "jflx", | ||
121 | label: "计费类型", | ||
122 | }, | ||
123 | { | ||
124 | prop: "jflxmc", | ||
125 | label: "计费类型名称", | ||
126 | }, | ||
127 | { | ||
128 | prop: "ysje", | ||
129 | label: "应收金额", | ||
130 | }, | ||
131 | { | ||
132 | prop: "zkhysje", | ||
133 | label: "折扣后应收金额", | ||
134 | }, | ||
135 | { | ||
136 | prop: "qlrmc", | ||
137 | label: "权利人名称", | ||
138 | }, | ||
139 | { | ||
140 | prop: "ywrmc", | ||
141 | label: "义务人名称", | ||
142 | }, | ||
143 | { | ||
144 | prop: "qlytmc", | ||
145 | label: "权利用途名称", | ||
146 | }, | ||
147 | { | ||
148 | prop: "qlxzmc", | ||
149 | label: "权利性质名称", | ||
150 | }, | ||
151 | { | ||
152 | prop: "zl", | ||
153 | label: "坐落", | ||
154 | } | ||
155 | ], | ||
156 | data: [], | ||
133 | } | 157 | } |
134 | } | 158 | } |
135 | }, | 159 | }, |
136 | computed: { | 160 | computed: { |
137 | ...mapGetters(["workFresh"]), | 161 | ...mapGetters(["workFresh", "flag", "pouopData"]), |
138 | }, | 162 | }, |
139 | watch: { | 163 | watch: { |
140 | workFresh: { | 164 | workFresh: { |
141 | handler (newVal, oldVal) { | 165 | handler (newVal, oldVal) { |
142 | if (newVal) this.getList(); | 166 | if (newVal) this.getList() |
167 | } | ||
143 | }, | 168 | }, |
169 | pouopData: { | ||
170 | handler (newValue, oldValue) { | ||
171 | if (newValue.length != 0) { | ||
172 | this.tableDatasf.data = newValue | ||
173 | } | ||
144 | }, | 174 | }, |
175 | deep: true | ||
176 | } | ||
145 | }, | 177 | }, |
146 | mounted () { | 178 | mounted () { |
147 | this.getList() | 179 | this.getList() |
148 | }, | 180 | }, |
149 | methods: { | 181 | methods: { |
150 | getList () { | 182 | getList () { |
151 | let bsmBusiness = this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness | 183 | initSfxx(this.bsmBusiness).then(res => { |
152 | getSfmxList(bsmBusiness).then(res => { | 184 | let { slsq, jfList, sfList } = res.result |
153 | this.tableData.data = res.result | 185 | this.ruleForm = slsq |
186 | this.tableDatajf.data = jfList | ||
187 | this.tableDatasf.data = sfList | ||
154 | }) | 188 | }) |
155 | }, | 189 | }, |
156 | hanldeAdd () { | 190 | hanldeEdit () { |
157 | let bsmBusiness = this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness | 191 | this.$popupDialog('编辑', 'workflow/main/sfxx/sfDetail', { bsmBusiness: this.bsmBusiness, dataList: _.cloneDeep(this.tableDatasf.data) }, '50%', true) |
158 | this.$popupDialog('新增', 'workflow/main/sfxx/xzsf', { bsmBusiness: bsmBusiness }, '50%', true) | ||
159 | }, | ||
160 | handleDelete (row) { | ||
161 | let that = this | ||
162 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
163 | confirmButtonText: '确定', | ||
164 | cancelButtonText: '取消', | ||
165 | type: 'warning' | ||
166 | }).then(() => { | ||
167 | deleteSfmx(row.bsmSf).then(res => { | ||
168 | if (res.code == 200) { | ||
169 | that.$message({ | ||
170 | message: '删除成功!', | ||
171 | type: 'success' | ||
172 | }) | ||
173 | that.getList() | ||
174 | } else { | ||
175 | that.$message({ | ||
176 | type: 'info', | ||
177 | message: res.message | ||
178 | }) | ||
179 | } | ||
180 | }) | ||
181 | }).catch(() => { | ||
182 | this.$message({ | ||
183 | type: 'info', | ||
184 | message: '已取消删除' | ||
185 | }) | ||
186 | }) | ||
187 | |||
188 | } | 192 | } |
189 | } | 193 | } |
190 | } | 194 | } |
191 | </script> | 195 | </script> |
192 | <style scoped lang='scss'> | 196 | <style scoped lang='scss'> |
193 | @import "~@/styles/public.scss"; | 197 | @import "~@/styles/public.scss"; |
194 | .sfxx { | 198 | @import "~@/styles/slxx/slxx.scss"; |
195 | display: flex; | ||
196 | padding: 10px; | ||
197 | height: 100%; | ||
198 | box-sizing: border-box; | ||
199 | &-left { | ||
200 | width: 50%; | ||
201 | margin-right: 10px; | ||
202 | ul { | ||
203 | border-radius: 3px; | ||
204 | } | ||
205 | li:last-child { | ||
206 | border-bottom: 1px solid #e8e5e5; | ||
207 | } | ||
208 | li { | ||
209 | display: flex; | ||
210 | border: 1px solid #e8e5e5; | ||
211 | border-bottom: none; | ||
212 | |||
213 | p:nth-child(1) { | ||
214 | width: 35%; | ||
215 | text-align: center; | ||
216 | background-color: #fafafa; | ||
217 | border-right: 1px solid #e8e5e5; | ||
218 | padding: 10px 0; | ||
219 | } | ||
220 | p:nth-child(2) { | ||
221 | width: 65%; | ||
222 | display: flex; | ||
223 | align-items: center; | ||
224 | box-sizing: border-box; | ||
225 | margin: 0 10px; | ||
226 | } | ||
227 | } | ||
228 | } | ||
229 | &-right { | ||
230 | width: 50%; | ||
231 | margin-left: 10px; | ||
232 | } | ||
233 | } | ||
234 | </style> | 199 | </style> | ... | ... |
src/views/workflow/main/sfxx/sfDetail.vue
0 → 100644
1 | <template> | ||
2 | <div class='sfDetail'> | ||
3 | <lb-table :column="column" :pagination="false" :key="key" | ||
4 | :data="dataList"> | ||
5 | </lb-table> | ||
6 | |||
7 | <div class="text-center"> | ||
8 | <el-button type="primary" @click="hanldeRecharge">重新计费</el-button> | ||
9 | <el-button @click="$popupCacel">取消</el-button> | ||
10 | <el-button type="primary" @click="handleSubmit" plain>保存</el-button> | ||
11 | </div> | ||
12 | </div> | ||
13 | </template> | ||
14 | <script> | ||
15 | import store from '@/store/index.js' | ||
16 | import { recharge, updateSfxx } from "@/api/sfxx.js"; | ||
17 | export default { | ||
18 | props: { | ||
19 | formData: { | ||
20 | type: Object, | ||
21 | default: {} | ||
22 | } | ||
23 | }, | ||
24 | data () { | ||
25 | return { | ||
26 | key: 0, | ||
27 | dataList: [], | ||
28 | column: [ | ||
29 | { | ||
30 | prop: 'sfdw', | ||
31 | label: '收费单位', | ||
32 | render: (h, scope) => { | ||
33 | return ( | ||
34 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
35 | ) | ||
36 | } | ||
37 | }, | ||
38 | { | ||
39 | prop: 'sfry', | ||
40 | label: '收费人员', | ||
41 | render: (h, scope) => { | ||
42 | return ( | ||
43 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
44 | ) | ||
45 | } | ||
46 | }, | ||
47 | { | ||
48 | prop: 'sfkmmc', | ||
49 | label: '收费科目名称', | ||
50 | render: (h, scope) => { | ||
51 | return ( | ||
52 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
53 | ) | ||
54 | } | ||
55 | }, | ||
56 | { | ||
57 | prop: 'sjffr', | ||
58 | label: '实际付费人', | ||
59 | render: (h, scope) => { | ||
60 | return ( | ||
61 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
62 | ) | ||
63 | } | ||
64 | }, | ||
65 | { | ||
66 | prop: 'ssje', | ||
67 | label: '实收金额', | ||
68 | render: (h, scope) => { | ||
69 | return ( | ||
70 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
71 | ) | ||
72 | } | ||
73 | }, | ||
74 | { | ||
75 | prop: 'ysje', | ||
76 | label: '应收金额', | ||
77 | render: (h, scope) => { | ||
78 | return ( | ||
79 | <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
80 | ) | ||
81 | } | ||
82 | } | ||
83 | ] | ||
84 | } | ||
85 | }, | ||
86 | watch: { | ||
87 | 'formData.dataList': { | ||
88 | handler (newValue, oldValue) { | ||
89 | if (newValue.length != 0) { | ||
90 | this.dataList = _.cloneDeep(newValue) | ||
91 | } | ||
92 | }, | ||
93 | deep: true, | ||
94 | immediate: true | ||
95 | } | ||
96 | }, | ||
97 | methods: { | ||
98 | hanldeRecharge () { | ||
99 | recharge(this.formData.bsmBusiness).then(res => { | ||
100 | if (res.code == 200) { | ||
101 | this.dataList = res.result | ||
102 | this.$message({ | ||
103 | message: '计费成功!', | ||
104 | type: 'success' | ||
105 | }) | ||
106 | } | ||
107 | }) | ||
108 | }, | ||
109 | handleSubmit () { | ||
110 | this.dataList.forEach(item => { | ||
111 | item.bsmBusiness = this.formData.bsmBusiness | ||
112 | }) | ||
113 | updateSfxx(this.dataList).then(res => { | ||
114 | if (res.code == 200) { | ||
115 | store.dispatch("user/getPouopData", res.result); | ||
116 | this.$message({ | ||
117 | message: '修改成功!', | ||
118 | type: 'success' | ||
119 | }) | ||
120 | this.$popupCacel() | ||
121 | } | ||
122 | }) | ||
123 | } | ||
124 | } | ||
125 | } | ||
126 | </script> | ||
127 | <style scoped lang='scss'> | ||
128 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <template> | ||
2 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | ||
3 | <el-row> | ||
4 | <el-col :span="8"> | ||
5 | <el-form-item label="收费单位" prop="sfdw"> | ||
6 | <el-input v-model="ruleForm.sfdw"></el-input> | ||
7 | </el-form-item> | ||
8 | </el-col> | ||
9 | <el-col :span="8"> | ||
10 | <el-form-item label="是否额外收费" prop="sfewsf"> | ||
11 | <el-radio-group v-model="ruleForm.sfewsf"> | ||
12 | <el-radio :label="1">是</el-radio> | ||
13 | <el-radio :label="0">否</el-radio> | ||
14 | </el-radio-group> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item label="收费人员" prop="sfry"> | ||
19 | <el-input v-model="ruleForm.sfry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | </el-row> | ||
23 | <el-row> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="实际付费人" prop="sjffr"> | ||
26 | <el-input v-model="ruleForm.sjffr"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="实收金额" prop="ssje"> | ||
31 | <el-input v-model="ruleForm.ssje"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="应收金额" prop="ysje"> | ||
36 | <el-input v-model="ruleForm.ysje"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div style="text-align:center"> | ||
41 | <el-button @click="$popupCacel">取消</el-button> | ||
42 | <el-button type="primary" @click="submitForm('ruleForm')">新增</el-button> | ||
43 | </div> | ||
44 | </el-form> | ||
45 | </template> | ||
46 | <script> | ||
47 | import store from '@/store' | ||
48 | import { saveSfmx } from "@/api/sfxx.js"; | ||
49 | export default { | ||
50 | props: { | ||
51 | formData: { | ||
52 | type: Object, | ||
53 | default: () => { | ||
54 | return {} | ||
55 | } | ||
56 | } | ||
57 | }, | ||
58 | data () { | ||
59 | return { | ||
60 | rules: {}, | ||
61 | ruleForm: { | ||
62 | } | ||
63 | } | ||
64 | }, | ||
65 | methods: { | ||
66 | submitForm () { | ||
67 | store.dispatch('user/reWorkFresh', false) | ||
68 | saveSfmx({ ...this.ruleForm, bsmBusiness: this.formData.bsmBusiness }).then(res => { | ||
69 | if (res.code == 200) { | ||
70 | this.$message.success('保存成功'); | ||
71 | //刷新列表 | ||
72 | this.$popupCacel() | ||
73 | store.dispatch("user/reWorkFresh", true); | ||
74 | } | ||
75 | }) | ||
76 | } | ||
77 | } | ||
78 | } | ||
79 | </script> | ||
80 | <style scoped lang='scss'> | ||
81 | @import "~@/styles/public.scss"; | ||
82 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-12-26 15:00:22 | 4 | * @LastEditTime: 2024-03-19 13:22:39 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -29,6 +29,9 @@ | ... | @@ -29,6 +29,9 @@ |
29 | <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0"> | 29 | <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0"> |
30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
31 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 31 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
32 | <el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button> | ||
33 | <el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button> | ||
34 | <el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button> | ||
32 | </el-form-item> | 35 | </el-form-item> |
33 | <el-row> | 36 | <el-row> |
34 | <el-col :span="8"> | 37 | <el-col :span="8"> |
... | @@ -346,6 +349,7 @@ | ... | @@ -346,6 +349,7 @@ |
346 | <script> | 349 | <script> |
347 | import { mapGetters } from "vuex"; | 350 | import { mapGetters } from "vuex"; |
348 | import store from '@/store/index.js' | 351 | import store from '@/store/index.js' |
352 | import { sfhy } from "@/api/sqr.js"; | ||
349 | import { getUuid } from "@/utils/operation.js" | 353 | import { getUuid } from "@/utils/operation.js" |
350 | import { replace } from "@/api/company.js" | 354 | import { replace } from "@/api/company.js" |
351 | import { getIdCardInfo } from '@/utils/operation.js' | 355 | import { getIdCardInfo } from '@/utils/operation.js' |
... | @@ -446,6 +450,21 @@ | ... | @@ -446,6 +450,21 @@ |
446 | }, | 450 | }, |
447 | methods: { | 451 | methods: { |
448 | /** | 452 | /** |
453 | * @description: 身份核验 | ||
454 | * @author: renchao | ||
455 | */ | ||
456 | handleVerification (val) { | ||
457 | this.ruleForm.qlrlx = this.ruleForm.sqrlx | ||
458 | sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => { | ||
459 | if (res.code == 200) { | ||
460 | this.$message({ | ||
461 | message: '核验成功!', | ||
462 | type: 'success' | ||
463 | }) | ||
464 | } | ||
465 | }) | ||
466 | }, | ||
467 | /** | ||
449 | * @description: 证件种类选择 | 468 | * @description: 证件种类选择 |
450 | * @param {*} val | 469 | * @param {*} val |
451 | * @author: renchao | 470 | * @author: renchao | ... | ... |
... | @@ -20,17 +20,17 @@ | ... | @@ -20,17 +20,17 @@ |
20 | <div style="text-align: center">{{ scope.$index + 1 }}</div> | 20 | <div style="text-align: center">{{ scope.$index + 1 }}</div> |
21 | </template> | 21 | </template> |
22 | </el-table-column> | 22 | </el-table-column> |
23 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> | 23 | <el-table-column prop="zrzh" label="自然幢号" min-width="100"> |
24 | <template slot-scope="scope"> | 24 | <template slot-scope="scope"> |
25 | <div style="text-align: center">{{ scope.row.bdcdyh }}</div> | 25 | <div style="text-align: center">{{ scope.row.zrzh }}</div> |
26 | </template> | 26 | </template> |
27 | </el-table-column> | 27 | </el-table-column> |
28 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> | 28 | <el-table-column prop="zh" label="建筑物名称" min-width="100"> |
29 | <template slot-scope="scope"> | 29 | <template slot-scope="scope"> |
30 | <el-input | 30 | <el-input |
31 | class="item" | 31 | class="item" |
32 | :disabled="!ableOperation" | 32 | :disabled="!ableOperation" |
33 | v-model="scope.row.xmmc" | 33 | v-model="scope.row.zh" |
34 | placeholder="请输入内容" | 34 | placeholder="请输入内容" |
35 | @input="updaterow(scope.row)"> | 35 | @input="updaterow(scope.row)"> |
36 | </el-input> | 36 | </el-input> | ... | ... |
... | @@ -6,194 +6,303 @@ | ... | @@ -6,194 +6,303 @@ |
6 | v-Loading="loading" | 6 | v-Loading="loading" |
7 | :label-position="flag ? 'top' : ''" | 7 | :label-position="flag ? 'top' : ''" |
8 | :inline="flag" | 8 | :inline="flag" |
9 | label-width="120px"> | 9 | label-width="120px" |
10 | > | ||
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
11 | <div class="slxx_title title-block"> | 12 | <div class="slxx_title title-block"> |
12 | 不动产信息 | 13 | 申请信息 |
13 | <div class="triangle"></div> | 14 | <div class="triangle"></div> |
14 | </div> | 15 | </div> |
15 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
16 | <el-col :span="8"> | 17 | <el-col :span="8"> |
17 | <el-form-item label="不动产单元号:"> | 18 | <el-form-item label="业务号:"> |
18 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
19 | </el-form-item> | 20 | </el-form-item> |
20 | </el-col> | 21 | </el-col> |
21 | <el-col :span="8"> | 22 | <el-col :span="8"> |
22 | <el-form-item label="原产证号:"> | 23 | <el-form-item label="受理人员:"> |
23 | <el-input disabled v-model="ruleForm.yfczh"></el-input> | 24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
24 | </el-form-item> | 25 | </el-form-item> |
25 | </el-col> | 26 | </el-col> |
26 | <el-col :span="8"> | 27 | <el-col :span="8"> |
27 | <el-form-item label="面积(m3):"> | 28 | <el-form-item label="受理时间:"> |
28 | <el-input disabled v-model="ruleForm.mj"></el-input> | 29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
29 | </el-form-item> | 30 | </el-form-item> |
30 | </el-col> | 31 | </el-col> |
31 | </el-row> | 32 | </el-row> |
32 | <el-row :gutter="10"> | 33 | <el-row :gutter="10"> |
33 | <el-col :span="8"> | 34 | <el-col :span="8"> |
34 | <el-form-item label="权利类型:"> | 35 | <el-form-item label="权利类型:" prop="qllx"> |
35 | <el-input disabled v-model="ruleForm.qllxmc"></el-input> | 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="登记类型:" prop="djlx"> | ||
41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="登记情形:" prop="djqx"> | ||
46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
36 | </el-form-item> | 47 | </el-form-item> |
37 | </el-col> | 48 | </el-col> |
49 | </el-row> | ||
50 | <el-row :gutter="10"> | ||
38 | <el-col :span="8"> | 51 | <el-col :span="8"> |
39 | <el-form-item label="用途:"> | 52 | <el-form-item label="不动产单元号:"> |
40 | <el-input disabled v-model="ruleForm.yt"></el-input> | 53 | <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input> |
54 | </el-form-item> | ||
55 | </el-col> | ||
56 | <el-col :span="8"> | ||
57 | <el-form-item label="原房产证号:"> | ||
58 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | ||
41 | </el-form-item> | 59 | </el-form-item> |
42 | </el-col> | 60 | </el-col> |
43 | <el-col :span="8"> | 61 | <el-col :span="8"> |
44 | <el-form-item label="坐落:"> | 62 | <el-form-item label="坐落:"> |
45 | <el-input disabled v-model="ruleForm.zl"></el-input> | 63 | <el-input disabled v-model="ruleForm.sldy.zl"></el-input> |
46 | </el-form-item> | 64 | </el-form-item> |
47 | </el-col> | 65 | </el-col> |
48 | </el-row> | 66 | </el-row> |
49 | <div class="slxx_title title-block"> | 67 | <div class="slxx_title title-block"> |
50 | 买方信息 | 68 | <el-row> |
51 | <div class="triangle"></div> | 69 | <el-col :span="20"> 房屋合同信息 </el-col> |
52 | </div> | 70 | <el-col :span="4"> |
53 | <lb-table :column="column" :pagination="false" :heightNumSetting="true" | 71 | <el-button @click="compare">查询房屋交易合同</el-button> |
54 | :data="ruleForm.tableDataList"> | 72 | </el-col> |
55 | </lb-table> | 73 | </el-row> |
56 | <div class="slxx_title title-block"> | ||
57 | 卖方信息 | ||
58 | <div class="triangle"></div> | ||
59 | </div> | ||
60 | <lb-table :column="column1" :pagination="false" :heightNumSetting="true" | ||
61 | :data="ruleForm.tableDataList"> | ||
62 | </lb-table> | ||
63 | <div class="slxx_title title-block"> | ||
64 | 合同信息 | ||
65 | <div class="triangle"></div> | 74 | <div class="triangle"></div> |
66 | </div> | 75 | </div> |
67 | <el-row :gutter="10"> | 76 | <el-row :gutter="10"> |
68 | <el-col :span="8"> | 77 | <el-col :span="8"> |
69 | <el-form-item label="合同编号:"> | 78 | <el-form-item label="房屋类型:"> |
70 | <el-input v-model="ruleForm.htbh"></el-input> | 79 | <el-input disabled v-model="fwxx.FWLX"></el-input> |
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="8"> | ||
83 | <el-form-item label="街道:"> | ||
84 | <el-input disabled v-model="fwxx.JD"></el-input> | ||
85 | </el-form-item> | ||
86 | </el-col> | ||
87 | <el-col :span="8"> | ||
88 | <el-form-item label="门牌号:"> | ||
89 | <el-input disabled v-model="fwxx.MPH"></el-input> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | </el-row> | ||
93 | <el-row :gutter="10"> | ||
94 | <el-col :span="8"> | ||
95 | <el-form-item label="栋号:"> | ||
96 | <el-input disabled v-model="fwxx.DH"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | <el-col :span="8"> | ||
100 | <el-form-item label="单元号:"> | ||
101 | <el-input disabled v-model="fwxx.DYH"></el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | <el-col :span="8"> | ||
105 | <el-form-item label="楼层:"> | ||
106 | <el-input disabled v-model="fwxx.LC"></el-input> | ||
107 | </el-form-item> | ||
108 | </el-col> | ||
109 | </el-row> | ||
110 | <el-row :gutter="10"> | ||
111 | <el-col :span="8"> | ||
112 | <el-form-item label="房号:"> | ||
113 | <el-input disabled v-model="fwxx.FH"></el-input> | ||
71 | </el-form-item> | 114 | </el-form-item> |
72 | </el-col> | 115 | </el-col> |
73 | <el-col :span="8"> | 116 | <el-col :span="8"> |
74 | <el-form-item label="合同金额(万元):"> | 117 | <el-form-item label="项目名称:"> |
75 | <el-input v-model="ruleForm.htje"></el-input> | 118 | <el-input disabled v-model="fwxx.XMMC"></el-input> |
76 | </el-form-item> | 119 | </el-form-item> |
77 | </el-col> | 120 | </el-col> |
78 | <el-col :span="8"> | 121 | <el-col :span="8"> |
79 | <el-form-item label="签订时间:"> | 122 | <el-form-item label="面积:"> |
80 | <el-date-picker | 123 | <el-input disabled v-model="fwxx.MJ"></el-input> |
81 | class="width100" | 124 | </el-form-item> |
82 | v-model="ruleForm.qdsj" | 125 | </el-col> |
83 | type="date" | 126 | </el-row> |
84 | placeholder="选择日期" | 127 | <el-row :gutter="10"> |
85 | value-format="yyyy-MM-dd HH:mm:ss" | 128 | <el-col :span="8"> |
86 | format="yyyy-MM-dd"> | 129 | <el-form-item label="房屋性质:"> |
87 | </el-date-picker> | 130 | <el-input disabled v-model="fwxx.FWXZ"></el-input> |
131 | </el-form-item> | ||
132 | </el-col> | ||
133 | <el-col :span="8"> | ||
134 | <el-form-item label="房屋用途:"> | ||
135 | <el-input disabled v-model="fwxx.FWYT"></el-input> | ||
136 | </el-form-item> | ||
137 | </el-col> | ||
138 | <el-col :span="8"> | ||
139 | <el-form-item label="合同号:"> | ||
140 | <el-input disabled v-model="fwxx.HTH"></el-input> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | </el-row> | ||
144 | <el-row :gutter="10"> | ||
145 | <el-col :span="8"> | ||
146 | <el-form-item label="合同签订时间:"> | ||
147 | <el-input disabled v-model="fwxx.HTQDSJ"></el-input> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="共有方式:"> | ||
152 | <el-input disabled v-model="fwxx.GYFS"></el-input> | ||
153 | </el-form-item> | ||
154 | </el-col> | ||
155 | <el-col :span="8"> | ||
156 | <el-form-item label="房屋坐落:"> | ||
157 | <el-input disabled v-model="fwxx.TDFWZL"></el-input> | ||
88 | </el-form-item> | 158 | </el-form-item> |
89 | </el-col> | 159 | </el-col> |
90 | </el-row> | 160 | </el-row> |
91 | <div class="slxx_title title-block"> | 161 | <div class="slxx_title title-block"> |
162 | 买受人信息 | ||
163 | <div class="triangle"></div> | ||
164 | </div> | ||
165 | <lb-table | ||
166 | :column="clmMsr" | ||
167 | :pagination="false" | ||
168 | :heightNumSetting="true" | ||
169 | :data="qlrList" | ||
170 | > | ||
171 | </lb-table> | ||
172 | <div class="slxx_title title-block"> | ||
173 | 出卖人信息 | ||
174 | <div class="triangle"></div> | ||
175 | </div> | ||
176 | <lb-table | ||
177 | :column="clmMsr" | ||
178 | :pagination="false" | ||
179 | :heightNumSetting="true" | ||
180 | :data="ywrList" | ||
181 | > | ||
182 | </lb-table> | ||
183 | <div class="slxx_title title-block"> | ||
92 | 缴税信息 | 184 | 缴税信息 |
93 | <div class="triangle"></div> | 185 | <div class="triangle"></div> |
94 | </div> | 186 | </div> |
95 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" | 187 | <lb-table |
96 | :data="ruleForm.tableDataList"> | 188 | :column="clmSwxx" |
189 | :pagination="false" | ||
190 | :heightNumSetting="true" | ||
191 | :data="swxxList" | ||
192 | > | ||
97 | </lb-table> | 193 | </lb-table> |
98 | </div> | 194 | </div> |
99 | <el-row class="btn" v-if="viewEdit"> | ||
100 | <el-form-item> | ||
101 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
102 | </el-form-item> | ||
103 | </el-row> | ||
104 | </el-form> | 195 | </el-form> |
105 | </div> | 196 | </div> |
106 | </template> | 197 | </template> |
107 | <script> | 198 | <script> |
108 | import { mapGetters } from "vuex"; | 199 | import { getDetail } from "@/api/workflow/swhtxx.js"; |
109 | export default { | 200 | import { mapGetters } from "vuex"; |
201 | export default { | ||
110 | computed: { | 202 | computed: { |
111 | ...mapGetters(["dictData", "flag"]), | 203 | ...mapGetters(["dictData", "flag"]), |
112 | }, | 204 | }, |
113 | mounted () { | 205 | mounted() { |
114 | // this.loading = true | ||
115 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 206 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
116 | this.propsParam = this.$attrs; | 207 | this.propsParam = this.$attrs; |
117 | var formdata = new FormData(); | 208 | this.loadData(); |
118 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 209 | }, |
119 | formdata.append("djlx", this.propsParam.djlx); | 210 | data() { |
120 | formdata.append("isEdit", this.viewEdit); | ||
121 | // Init(formdata).then((res) => { | ||
122 | // if (res.code === 200 && res.result) { | ||
123 | // } | ||
124 | // }); | ||
125 | }, | ||
126 | data () { | ||
127 | return { | 211 | return { |
212 | ruleForm: {}, | ||
128 | loading: false, | 213 | loading: false, |
129 | //表单是否可操作 | 214 | //表单是否可操作 |
130 | viewEdit: false, | 215 | viewEdit: false, |
131 | column: [ | 216 | clmMsr: [ |
132 | { | 217 | { |
133 | prop: "qlrxm", | 218 | prop: "NSRMC", |
134 | label: "权利人姓名" | 219 | label: "名称", |
135 | }, | 220 | }, |
136 | { | 221 | { |
137 | prop: "gyqk", | 222 | prop: "ZJZL_DM", |
138 | label: "共有情况" | 223 | label: "证件种类", |
139 | }, | 224 | }, |
140 | { | 225 | { |
141 | prop: "zjzl", | 226 | prop: "ZJHM", |
142 | label: "身份证号种类" | 227 | label: "证件号码", |
143 | }, | 228 | }, |
144 | { | 229 | { |
145 | prop: "zjhm", | 230 | prop: "LXDH", |
146 | label: "证件号码" | 231 | label: "联系电话", |
147 | }, | 232 | }, |
148 | ], | 233 | ], |
149 | column1: [{ | 234 | clmSwxx: [ |
150 | prop: "ywrxm", | 235 | { |
151 | label: "义务人姓名" | 236 | prop: "ywslh", |
237 | label: "业务受理号", | ||
152 | }, | 238 | }, |
153 | { | 239 | { |
154 | prop: "zjzl", | 240 | prop: "kprq", |
155 | label: "身份证号种类" | 241 | label: "开票日期", |
156 | }, | 242 | }, |
157 | { | 243 | { |
158 | prop: "zjhm", | 244 | prop: "pzxh", |
159 | label: "证件号码" | 245 | label: "凭证序号", |
160 | }], | ||
161 | column2: [{ | ||
162 | type: 'index', | ||
163 | label: "序号", | ||
164 | width: '50' | ||
165 | }, | 246 | }, |
166 | { | 247 | { |
167 | prop: "nsr", | 248 | prop: "zsxmmc", |
168 | label: "纳税人" | 249 | label: "征收项目名称", |
169 | }, | 250 | }, |
170 | { | 251 | { |
171 | prop: "sz", | 252 | prop: "zspmmc", |
172 | label: "税种" | 253 | label: "征收品目名称", |
173 | }, | 254 | }, |
174 | { | 255 | { |
175 | prop: "jsyj", | 256 | prop: "sjje", |
176 | label: "计税依据" | 257 | label: "实缴金额", |
177 | }, | 258 | }, |
259 | |||
178 | { | 260 | { |
179 | prop: "sl", | 261 | prop: "skssqq", |
180 | label: "税率" | 262 | label: "税款所属日期起", |
181 | }, | 263 | }, |
182 | { | 264 | { |
183 | prop: "jsje", | 265 | prop: "skssqz", |
184 | label: "计税金额" | 266 | label: "税款所属日期止", |
185 | }], | 267 | }, |
186 | ruleForm: { | 268 | |
187 | tableDataList: [] | 269 | { |
188 | } | 270 | prop: "rkrq", |
189 | } | 271 | label: "入库日期", |
272 | }, | ||
273 | ], | ||
274 | ruleForm: {}, | ||
275 | qlrList: [], | ||
276 | ywrList: [], | ||
277 | fwxx: {}, | ||
278 | swxxList: [], | ||
279 | }; | ||
190 | }, | 280 | }, |
191 | methods: { | 281 | methods: { |
192 | onSubmit () { } | 282 | onSubmit() {}, |
283 | loadData() { | ||
284 | getDetail(this.propsParam.bsmSldy).then((res) => { | ||
285 | if (res.code === 200 && res.result) { | ||
286 | this.ruleForm = res.result; | ||
287 | if (res.result.wqht == null) { | ||
288 | return; | ||
289 | } | ||
290 | if (res.result.wqht.htnr != "" && res.result.wqht.htnr != null) { | ||
291 | let htxx = JSON.parse(res.result.wqht.htnr); | ||
292 | this.fwxx = htxx[0].h[0]; | ||
293 | this.qlrList = htxx[1].msr; | ||
294 | this.ywrList = htxx[2].cmr; | ||
295 | } | ||
296 | if (res.result.wqht.jsnr != "" && res.result.wqht.jsnr != null) { | ||
297 | this.swxxList = JSON.parse(res.result.wqht.jsnr); | ||
193 | } | 298 | } |
194 | } | 299 | } |
300 | }); | ||
301 | }, | ||
302 | }, | ||
303 | }; | ||
195 | </script> | 304 | </script> |
196 | <style scoped lang="scss"> | 305 | <style scoped lang="scss"> |
197 | @import "~@/styles/public.scss"; | 306 | @import "~@/styles/public.scss"; |
198 | @import "~@/styles/slxx/slxx.scss"; | 307 | @import "~@/styles/slxx/slxx.scss"; |
199 | </style> | 308 | </style> | ... | ... |
-
Please register or sign in to post a comment