Merge branch 'dev'
Showing
17 changed files
with
555 additions
and
334 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> | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment