Merge branch 'dev'
Showing
17 changed files
with
816 additions
and
486 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); | 195 | }, |
| 126 | formdata.append("djlx", this.propsParam.djlx); | 196 | data() { |
| 127 | formdata.append("isEdit", this.viewEdit); | 197 | return { |
| 128 | console.log(this.propsParam) | 198 | dialogDlxx: false, |
| 129 | this.getDlxxByBsmSldy() | 199 | loading: false, |
| 130 | }, | 200 | //表单是否可操作 |
| 131 | data () { | 201 | viewEdit: false, |
| 132 | return { | 202 | ruleForm: {}, |
| 133 | loading: false, | 203 | dlxxForm: {}, |
| 134 | //表单是否可操作 | 204 | }; |
| 135 | viewEdit: false, | 205 | }, |
| 136 | ruleForm: { | 206 | methods: { |
| 137 | SFGH: 1 | 207 | loadData() { |
| 138 | } | 208 | getDetail(this.propsParam.bsmSldy).then((res) => { |
| 139 | } | 209 | if (res.code === 200) { |
| 140 | }, | 210 | if (res.result != null) { |
| 141 | methods: { | 211 | this.ruleForm = res.result; |
| 142 | getDlxxByBsmSldy() { | 212 | if (res.result.wqht == null) { |
| 143 | getDlxxByBsmSldy(this.propsParam.bsmSldy).then((res) => { | 213 | return; |
| 144 | if (res.code === 200) { | ||
| 145 | if (res.result != null) { | ||
| 146 | this.ruleForm = res.result | ||
| 147 | } | 214 | } |
| 215 | this.dlxxForm = JSON.parse(res.result.wqht.dlnr); | ||
| 148 | } | 216 | } |
| 149 | }); | 217 | } |
| 150 | }, | 218 | }); |
| 151 | saveOrUpdateDlxx() { | 219 | }, |
| 152 | saveOrUpdateDlxx(this.ruleForm).then((res) => { | 220 | onSubmit() {}, |
| 153 | if (res.code === 200) { | 221 | showDialogDlxx() { |
| 154 | this.$message.success("成功") | 222 | this.dialogDlxx = true; |
| 155 | } | 223 | }, |
| 156 | }); | 224 | }, |
| 157 | }, | 225 | }; |
| 158 | onSubmit () { | ||
| 159 | this.saveOrUpdateDlxx() | ||
| 160 | } | ||
| 161 | } | ||
| 162 | } | ||
| 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 | <div class="slxx_title title-block"> | 9 | :model="ruleForm" |
| 10 | 基本信息 | 10 | ref="ruleForm" |
| 11 | <div class="triangle"></div> | 11 | v-Loading="loading" |
| 12 | </div> | 12 | :label-position="flag ? 'top' : ''" |
| 13 | <ul> | 13 | :inline="flag" |
| 14 | <li> | 14 | label-width="120px"> |
| 15 | <p>业务号</p> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 16 | <p>{{detail.ywh}}</p> | 16 | <div class="slxx_title title-block"> |
| 17 | </li> | 17 | 基本信息 |
| 18 | <li> | 18 | <div class="triangle"></div> |
| 19 | <p>申请登记类型</p> | 19 | </div> |
| 20 | <p>{{detail.sqdjlx}}</p> | 20 | <el-row :gutter="10"> |
| 21 | </li> | 21 | <el-col :span="8"> |
| 22 | <li> | 22 | <el-form-item label="受理人员:"> |
| 23 | <p>联系人</p> | 23 | <el-input v-model="ruleForm.slry" disabled></el-input> |
| 24 | <p>{{detail.lxr}}</p> | 24 | </el-form-item> |
| 25 | </li> | 25 | </el-col> |
| 26 | <li> | 26 | <el-col :span="8"> |
| 27 | <p>联系人电话</p> | 27 | <el-form-item label="受理时间:"> |
| 28 | <p>{{detail.lxdh}}</p> | 28 | <el-input v-model="ruleForm.slsj" disabled></el-input> |
| 29 | </li> | 29 | </el-form-item> |
| 30 | <li> | 30 | </el-col> |
| 31 | <p>缴费人</p> | 31 | <el-col :span="8"> |
| 32 | <p><el-input v-model="detail.jfr"></el-input></p> | 32 | <el-form-item label="登记情形名称:"> |
| 33 | </li> | 33 | <el-input v-model="ruleForm.djqxmc" disabled></el-input> |
| 34 | <li> | 34 | </el-form-item> |
| 35 | <p>缴费单号</p> | 35 | </el-col> |
| 36 | <p><el-input v-model="detail.jfdh"></el-input></p> | 36 | </el-row> |
| 37 | </li> | 37 | |
| 38 | <li> | 38 | <el-row :gutter="10"> |
| 39 | <p>应收金额</p> | 39 | <el-col :span="8"> |
| 40 | <p style="color:red">{{detail.ysje}}元</p> | 40 | <el-form-item label="登记业务名称:"> |
| 41 | </li> | 41 | <el-input v-model="ruleForm.djywmc" disabled></el-input> |
| 42 | <li> | 42 | </el-form-item> |
| 43 | <p>实收金额</p> | 43 | </el-col> |
| 44 | <p><el-input v-model="detail.ssje"></el-input></p> | 44 | </el-row> |
| 45 | </li> | 45 | |
| 46 | <li> | 46 | <div class="slxx_title title-block"> |
| 47 | <p>备注</p> | 47 | 计费明细 |
| 48 | <p><el-input v-model="detail.bz"></el-input></p> | 48 | </div> |
| 49 | </li> | 49 | <el-table :data="tableDatajf.data" border :height="100"> |
| 50 | </ul> | 50 | <el-table-column v-for="item in tableDatajf.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> |
| 51 | </div> | 51 | </el-table-column> |
| 52 | <div class="sfxx-right"> | 52 | </el-table> |
| 53 | <div class="slxx_title title-block"> | 53 | |
| 54 | 收费明细 | 54 | <div class="slxx_title title-block"> |
| 55 | <!-- <div class="triangle"></div> --> | 55 | 收费明细 |
| 56 | <el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button> | 56 | <el-button type="primary" @click="hanldeEdit" 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> | 60 | </el-table-column> |
| 61 | <el-table-column label="操作" width="50"> | 61 | </el-table> |
| 62 | <template slot-scope="scope"> | 62 | |
| 63 | <el-button type="text" @click="handleDelete(scope.row)">删除</el-button> | 63 | <div class="slxx_title title-block"> |
| 64 | </template> | 64 | 票据 |
| 65 | </el-table-column> | 65 | <div class="triangle"></div> |
| 66 | </el-table> | 66 | </div> |
| 67 | <div class="slxx_title title-block"> | ||
| 68 | 票据 | ||
| 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() |
| 143 | }, | 167 | } |
| 144 | }, | 168 | }, |
| 169 | pouopData: { | ||
| 170 | handler (newValue, oldValue) { | ||
| 171 | if (newValue.length != 0) { | ||
| 172 | this.tableDatasf.data = newValue | ||
| 173 | } | ||
| 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> |
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item label="受理人员:"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item label="受理时间:"> | ||
| 29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
| 30 | </el-form-item> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | <el-row :gutter="10"> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="权利类型:" prop="qllx"> | ||
| 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
| 19 | </el-form-item> | 37 | </el-form-item> |
| 20 | </el-col> | 38 | </el-col> |
| 21 | <el-col :span="8"> | 39 | <el-col :span="8"> |
| 22 | <el-form-item label="原产证号:"> | 40 | <el-form-item label="登记类型:" prop="djlx"> |
| 23 | <el-input disabled v-model="ruleForm.yfczh"></el-input> | 41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> |
| 24 | </el-form-item> | 42 | </el-form-item> |
| 25 | </el-col> | 43 | </el-col> |
| 26 | <el-col :span="8"> | 44 | <el-col :span="8"> |
| 27 | <el-form-item label="面积(m3):"> | 45 | <el-form-item label="登记情形:" prop="djqx"> |
| 28 | <el-input disabled v-model="ruleForm.mj"></el-input> | 46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> |
| 29 | </el-form-item> | 47 | </el-form-item> |
| 30 | </el-col> | 48 | </el-col> |
| 31 | </el-row> | 49 | </el-row> |
| 32 | <el-row :gutter="10"> | 50 | <el-row :gutter="10"> |
| 33 | <el-col :span="8"> | 51 | <el-col :span="8"> |
| 34 | <el-form-item label="权利类型:"> | 52 | <el-form-item label="不动产单元号:"> |
| 35 | <el-input disabled v-model="ruleForm.qllxmc"></el-input> | 53 | <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input> |
| 36 | </el-form-item> | 54 | </el-form-item> |
| 37 | </el-col> | 55 | </el-col> |
| 38 | <el-col :span="8"> | 56 | <el-col :span="8"> |
| 39 | <el-form-item label="用途:"> | 57 | <el-form-item label="原房产证号:"> |
| 40 | <el-input disabled v-model="ruleForm.yt"></el-input> | 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"; |
| 110 | computed: { | 201 | export default { |
| 111 | ...mapGetters(["dictData", "flag"]), | 202 | computed: { |
| 112 | }, | 203 | ...mapGetters(["dictData", "flag"]), |
| 113 | mounted () { | 204 | }, |
| 114 | // this.loading = true | 205 | mounted() { |
| 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); | 211 | return { |
| 121 | // Init(formdata).then((res) => { | 212 | ruleForm: {}, |
| 122 | // if (res.code === 200 && res.result) { | 213 | loading: false, |
| 123 | // } | 214 | //表单是否可操作 |
| 124 | // }); | 215 | viewEdit: false, |
| 125 | }, | 216 | clmMsr: [ |
| 126 | data () { | 217 | { |
| 127 | return { | 218 | prop: "NSRMC", |
| 128 | loading: false, | 219 | label: "名称", |
| 129 | //表单是否可操作 | ||
| 130 | viewEdit: false, | ||
| 131 | column: [ | ||
| 132 | { | ||
| 133 | prop: "qlrxm", | ||
| 134 | label: "权利人姓名" | ||
| 135 | }, | ||
| 136 | { | ||
| 137 | prop: "gyqk", | ||
| 138 | label: "共有情况" | ||
| 139 | }, | ||
| 140 | { | ||
| 141 | prop: "zjzl", | ||
| 142 | label: "身份证号种类" | ||
| 143 | }, | ||
| 144 | { | ||
| 145 | prop: "zjhm", | ||
| 146 | label: "证件号码" | ||
| 147 | }, | ||
| 148 | ], | ||
| 149 | column1: [{ | ||
| 150 | prop: "ywrxm", | ||
| 151 | label: "义务人姓名" | ||
| 152 | }, | 220 | }, |
| 153 | { | 221 | { |
| 154 | prop: "zjzl", | 222 | prop: "ZJZL_DM", |
| 155 | label: "身份证号种类" | 223 | label: "证件种类", |
| 156 | }, | 224 | }, |
| 157 | { | 225 | { |
| 158 | prop: "zjhm", | 226 | prop: "ZJHM", |
| 159 | label: "证件号码" | 227 | label: "证件号码", |
| 160 | }], | ||
| 161 | column2: [{ | ||
| 162 | type: 'index', | ||
| 163 | label: "序号", | ||
| 164 | width: '50' | ||
| 165 | }, | 228 | }, |
| 166 | { | 229 | { |
| 167 | prop: "nsr", | 230 | prop: "LXDH", |
| 168 | label: "纳税人" | 231 | label: "联系电话", |
| 169 | }, | 232 | }, |
| 233 | ], | ||
| 234 | clmSwxx: [ | ||
| 170 | { | 235 | { |
| 171 | prop: "sz", | 236 | prop: "ywslh", |
| 172 | label: "税种" | 237 | label: "业务受理号", |
| 173 | }, | 238 | }, |
| 174 | { | 239 | { |
| 175 | prop: "jsyj", | 240 | prop: "kprq", |
| 176 | label: "计税依据" | 241 | label: "开票日期", |
| 177 | }, | 242 | }, |
| 178 | { | 243 | { |
| 179 | prop: "sl", | 244 | prop: "pzxh", |
| 180 | label: "税率" | 245 | label: "凭证序号", |
| 181 | }, | 246 | }, |
| 182 | { | 247 | { |
| 183 | prop: "jsje", | 248 | prop: "zsxmmc", |
| 184 | label: "计税金额" | 249 | label: "征收项目名称", |
| 185 | }], | 250 | }, |
| 186 | ruleForm: { | 251 | { |
| 187 | tableDataList: [] | 252 | prop: "zspmmc", |
| 253 | label: "征收品目名称", | ||
| 254 | }, | ||
| 255 | { | ||
| 256 | prop: "sjje", | ||
| 257 | label: "实缴金额", | ||
| 258 | }, | ||
| 259 | |||
| 260 | { | ||
| 261 | prop: "skssqq", | ||
| 262 | label: "税款所属日期起", | ||
| 263 | }, | ||
| 264 | { | ||
| 265 | prop: "skssqz", | ||
| 266 | label: "税款所属日期止", | ||
| 267 | }, | ||
| 268 | |||
| 269 | { | ||
| 270 | prop: "rkrq", | ||
| 271 | label: "入库日期", | ||
| 272 | }, | ||
| 273 | ], | ||
| 274 | ruleForm: {}, | ||
| 275 | qlrList: [], | ||
| 276 | ywrList: [], | ||
| 277 | fwxx: {}, | ||
| 278 | swxxList: [], | ||
| 279 | }; | ||
| 280 | }, | ||
| 281 | methods: { | ||
| 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); | ||
| 298 | } | ||
| 188 | } | 299 | } |
| 189 | } | 300 | }); |
| 190 | }, | 301 | }, |
| 191 | methods: { | 302 | }, |
| 192 | onSubmit () { } | 303 | }; |
| 193 | } | ||
| 194 | } | ||
| 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