Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d0253ddb by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 83db04b5 ffd4df6a
Inline Side-by-side
Showing 17 changed files with 816 additions and 486 deletions
......@@ -23,8 +23,6 @@
* 　　　　┗┻┛　┗┻┛+ + + +
*
-->
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
......
/*
* @Description: sfxx
* @Autor: renchao
* @LastEditTime: 2023-12-26 16:06:35
* @LastEditTime: 2024-03-20 14:02:38
*/
import request from '@/utils/request';
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -17,38 +17,63 @@ export function getSfmxList (businessBsm) {
})
}
export function saveSfmx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx',
method: 'post',
data
})
}
export function deleteSfmx (bsmSf) {
/**
* @description: 收费信息
* @param {*} businessBsm
* @author: renchao
*/
export function initSfxx (businessBsm) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx',
url: SERVER.SERVERAPI + '/rest/sys/sf/initSfxx',
method: 'get',
params: {
bsmSf: bsmSf
businessBsm: businessBsm
}
})
}
export function getDlxxByBsmSldy (bsmSldy) {
/**
* @description: 重新计费
* @param {*} businessBsm
* @author: renchao
*/
export function recharge (businessBsm) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/dlxx/getDlxxByBsmSldy',
url: SERVER.SERVERAPI + '/rest/sys/sf/recharge',
method: 'get',
params: {
bsmSldy: bsmSldy
businessBsm: businessBsm
}
})
}
/**
* @description: 修改收费信息
* @param {*} businessBsm
* @author: renchao
*/
export function updateSfxx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/sf/updateSfxx',
method: 'post',
data
})
}
export function saveOrUpdateDlxx (data) {
export function saveSfmx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/dlxx/saveOrUpdateDlxx',
url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx',
method: 'post',
data
})
}
export function deleteSfmx (bsmSf) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx',
method: 'get',
params: {
bsmSf: bsmSf
}
})
}
......
/*
* @Description: 申请人权利人等人员相关接口
* @Autor: renchao
* @LastEditTime: 2024-03-18 10:38:14
*/
import request from '@/utils/request';
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 身份核验
* @param {*} data
* @author: renchao
*/
export function sfhy (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/sqr/sfhy',
method: 'post',
data
})
}
\ No newline at end of file
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 获取明细信息
* @param {*} bsmSlsq
* @param {*} bestepid
* @author: renchao
*/
export function getDetail (bsmSldy) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail',
method: 'get',
params: {
bsmSldy: bsmSldy
}
})
}
\ No newline at end of file
/*
* @Description: 信息备案
* @Autor:
* @LastEditTime: 2023-09-11 11:25:22
* @LastEditTime: 2024-03-18 10:36:40
*/
import request from '@/utils/request'
......
......@@ -21,6 +21,7 @@ const getters = {
djbxx: state => state.djbxx.djbxx,
// workflow
isRefresh: state => state.user.isRefresh,
pouopData: state => state.user.pouopData,
workFresh: state => state.user.workFresh,
// 左侧菜单刷新
menuRefresh: state => state.user.menuRefresh,
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-02-01 16:27:16
* @LastEditTime: 2024-03-21 13:34:48
*/
import { getUserInfo } from '@/api/user'
const state = {
......@@ -9,6 +9,8 @@ const state = {
userInfo: {},
avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
isRefresh: false,
// 弹窗返回需要回传的值
pouopData: {},
// 业务流程刷新
workFresh: false,
// 左侧菜单刷新
......@@ -29,6 +31,9 @@ const mutations = {
SETMENUREFRESH: (state, data) => {
state.menuRefresh = data
},
SETPOUOPDATA: (state, data) => {
state.pouopData = data
}
}
const actions = {
......@@ -48,6 +53,10 @@ const actions = {
reMenuRefresh ({ commit }, data) {
commit('SETMENUREFRESH', data)
},
// 存储弹窗data的值
getPouopData ({ commit }, data) {
commit('SETPOUOPDATA', data)
}
}
export default {
namespaced: true,
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-29 10:00:31
* @LastEditTime: 2024-03-19 13:21:57
-->
<template>
<dialogBox
......@@ -28,6 +28,9 @@
<el-form-item label="身份证读卡器">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
<el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button>
<el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button>
<el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
......@@ -344,6 +347,7 @@
</template>
<script>
import { mapGetters } from "vuex";
import { sfhy } from "@/api/sqr.js";
import store from '@/store/index.js'
import { replace } from "@/api/company.js"
import { getUuid } from "@/utils/operation.js"
......@@ -452,6 +456,20 @@
}
},
methods: {
/**
* @description: 身份核验
* @author: renchao
*/
handleVerification (val) {
sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => {
if (res.code == 200) {
this.$message({
message: '核验成功！',
type: 'success'
})
}
})
},
handleZjzl (val) {
if (['6', '7', '8'].includes(val)) {
this.isBz = true
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-29 10:04:52
* @LastEditTime: 2024-03-19 13:21:40
-->
<template>
<dialogBox
......@@ -28,6 +28,9 @@
<el-form-item label="身份证读卡器">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
<el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button>
<el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button>
<el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
......@@ -344,6 +347,7 @@
<script>
import { mapGetters } from "vuex";
import store from '@/store/index.js'
import { sfhy } from "@/api/sqr.js";
import { replace } from "@/api/company.js"
import { getUuid } from "@/utils/operation.js"
import { getIdCardInfo } from '@/utils/operation.js'
......@@ -440,6 +444,21 @@
}
},
methods: {
/**
* @description: 身份核验
* @author: renchao
*/
handleVerification (val) {
this.ruleForm.qlrlx = this.ruleForm.ywrlx
sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => {
if (res.code == 200) {
this.$message({
message: '核验成功！',
type: 'success'
})
}
})
},
handleZjzl (val) {
if (['6', '7', '8'].includes(val)) {
this.isBz = true
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-03-11 15:18:56
* @LastEditTime: 2024-03-19 13:17:22
-->
<template>
<dialogBox
......@@ -30,6 +30,9 @@
<el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
<el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button>
<el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button>
<el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
......@@ -346,6 +349,7 @@
</template>
<script>
import { mapGetters } from "vuex";
import { sfhy } from "@/api/sqr.js";
import store from '@/store/index.js'
import { getUuid } from "@/utils/operation.js"
import { replace } from "@/api/company.js"
......@@ -428,7 +432,7 @@
}
},
mounted () {
sendThis(this);
sendThis(this)
},
watch: {
value (val) {
......@@ -440,13 +444,28 @@
},
details: {
handler: function (val, oldVal) {
this.ruleForm = _.cloneDeep(val);
this.ruleForm = _.cloneDeep(val)
},
deep: true
}
},
methods: {
/**
* @description: 身份核验
* @author: renchao
*/
handleVerification (val) {
this.ruleForm.qlrlx = this.ruleForm.sqrlx
sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => {
if (res.code == 200) {
this.$message({
message: '核验成功！',
type: 'success'
})
}
})
},
/**
* @description: 证件种类选择
* @param {*} val
* @author: renchao
......
......@@ -11,157 +11,220 @@
v-Loading="loading"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="130px">
label-width="130px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
电力信息
申请信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="服务代码：">
<el-input v-model="ruleForm.serviceCode"></el-input>
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="行政区划区县代码：">
<el-input v-model="ruleForm.areacode"></el-input>
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记系统业务号：">
<el-input v-model="ruleForm.ywh"></el-input>
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：" prop="djlx">
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：" prop="djqx">
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原房产证号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
电力过户信息
<el-button @click="showDialogDlxx">电力过户信息修改</el-button>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="推送日期：">
<el-input v-model="ruleForm.SENDTIME"></el-input>
<el-form-item label="电表编号：">
<el-input disabled v-model="dlxxForm.cons_no"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主姓名：">
<el-input v-model="ruleForm.mcOld"></el-input>
<el-form-item label="行政区代码：">
<el-input disabled v-model="dlxxForm.AREACODE"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主身份证号码：">
<el-input v-model="ruleForm.zjhmOld"></el-input>
<el-form-item label="业务号：">
<el-input disabled v-model="dlxxForm.YWH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="原户主姓名：">
<el-input disabled v-model="dlxxForm.MC_OLD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主身份证号码：">
<el-input disabled v-model="dlxxForm.ZJHM_OLD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原户主联系电话：">
<el-input v-model="ruleForm.lxdhOld"></el-input>
<el-input disabled v-model="dlxxForm.LXDH_OLD"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="新户主姓名：">
<el-input v-model="ruleForm.mcNew"></el-input>
<el-input disabled v-model="dlxxForm.MC_NEW"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="新户主身份证号码：">
<el-input v-model="ruleForm.zjhmNew"></el-input>
<el-input disabled v-model="dlxxForm.ZJHM_NEW"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="新户主联系电话：">
<el-input v-model="ruleForm.lxdhNew"></el-input>
<el-input disabled v-model="dlxxForm.LXDH_NEW"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="房屋坐落（地址）：">
<el-input disabled v-model="dlxxForm.FWZL"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房产证编号：">
<el-input v-model="ruleForm.fczbh"></el-input>
<el-input disabled v-model="dlxxForm.FCZBH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否过户：">
<el-switch
v-model="ruleForm.sfgh"
:active-value='1'
disabled
v-model="dlxxForm.SFGH"
:active-value="1"
active-text="是"
:inactive-value="0"
inactive-text="否">
inactive-text="否"
>
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="房屋坐落（地址）：">
<el-input v-model="ruleForm.fwzl" type="textarea"
:rows="2"></el-input>
<el-col :span="8">
<el-form-item label="推送日期：">
<el-input disabled v-model="dlxxForm.SENDTIME"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="btn" v-if="viewEdit">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
<div class="slxx_title title-block">
自来水过户信息
<div class="triangle"></div>
</div>
<div class="slxx_title title-block">
天然气过户信息
<div class="triangle"></div>
</div>
<div class="slxx_title title-block">
热力供暖过户信息
<div class="triangle"></div>
</div>
</div>
</el-form>
<el-dialog :visible.sync="dialogDlxx" title="电力过户信息修改">
<div class="text-center">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="onSubmit" plain>保存</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getDlxxByBsmSldy, saveOrUpdateDlxx } from "@/api/sfxx.js";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted () {
// this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
console.log(this.propsParam)
this.getDlxxByBsmSldy()
},
data () {
return {
loading: false,
//表单是否可操作
viewEdit: false,
ruleForm: {
SFGH: 1
}
}
},
methods: {
getDlxxByBsmSldy() {
getDlxxByBsmSldy(this.propsParam.bsmSldy).then((res) => {
if (res.code === 200) {
if (res.result != null) {
this.ruleForm = res.result
import { mapGetters } from "vuex";
import { getDetail } from "@/api/workflow/swhtxx.js";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted() {
// this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.loadData();
},
data() {
return {
dialogDlxx: false,
loading: false,
//表单是否可操作
viewEdit: false,
ruleForm: {},
dlxxForm: {},
};
},
methods: {
loadData() {
getDetail(this.propsParam.bsmSldy).then((res) => {
if (res.code === 200) {
if (res.result != null) {
this.ruleForm = res.result;
if (res.result.wqht == null) {
return;
}
this.dlxxForm = JSON.parse(res.result.wqht.dlnr);
}
});
},
saveOrUpdateDlxx() {
saveOrUpdateDlxx(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message.success("成功")
}
});
},
onSubmit () {
this.saveOrUpdateDlxx()
}
}
}
}
});
},
onSubmit() {},
showDialogDlxx() {
this.dialogDlxx = true;
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-29 16:35:50
* @LastEditTime: 2024-03-20 14:22:37
-->
<template>
<div class='sfxx'>
<div class="sfxx-left">
<div class="slxx_title title-block">
基本信息
<div class="triangle"></div>
</div>
<ul>
<li>
<p>业务号</p>
<p>{{detail.ywh}}</p>
</li>
<li>
<p>申请登记类型</p>
<p>{{detail.sqdjlx}}</p>
</li>
<li>
<p>联系人</p>
<p>{{detail.lxr}}</p>
</li>
<li>
<p>联系人电话</p>
<p>{{detail.lxdh}}</p>
</li>
<li>
<p>缴费人</p>
<p><el-input v-model="detail.jfr"></el-input></p>
</li>
<li>
<p>缴费单号</p>
<p><el-input v-model="detail.jfdh"></el-input></p>
</li>
<li>
<p>应收金额</p>
<p style="color:red">{{detail.ysje}}元</p>
</li>
<li>
<p>实收金额</p>
<p><el-input v-model="detail.ssje"></el-input></p>
</li>
<li>
<p>备注</p>
<p><el-input v-model="detail.bz"></el-input></p>
</li>
</ul>
</div>
<div class="sfxx-right">
<div class="slxx_title title-block">
收费明细
<!-- <div class="triangle"></div> -->
<el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button>
</div>
<el-table :data="tableData.data" border :height="355">
<el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="slxx_title title-block">
票据
<div class='sfxx slxx'>
<el-form
:model="ruleForm"
ref="ruleForm"
v-Loading="loading"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
基本信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input v-model="ruleForm.slry" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input v-model="ruleForm.slsj" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形名称：">
<el-input v-model="ruleForm.djqxmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="登记业务名称：">
<el-input v-model="ruleForm.djywmc" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
计费明细
</div>
<el-table :data="tableDatajf.data" border :height="100">
<el-table-column v-for="item in tableDatajf.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
</el-table-column>
</el-table>
<div class="slxx_title title-block">
收费明细
<el-button type="primary" @click="hanldeEdit" style="float:right;margin-top:-5px">修改</el-button>
</div>
<el-table :data="tableDatasf.data" border :height="100">
<el-table-column v-for="item in tableDatasf.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
</el-table-column>
</el-table>
<div class="slxx_title title-block">
票据
<div class="triangle"></div>
</div>
<div style="height:250px">
<img src="../../../../image/pj.jpg" alt="" style="height:100%">
</div>
</div>
</div>
</el-form>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getSfmxList, deleteSfmx } from "@/api/sfxx.js";
import { initSfxx } from "@/api/sfxx.js";
export default {
components: {},
data () {
return {
detail: {
ywh: '',
sqdjlx: '',
lxr: '',
lxdh: '',
jfr: '',
jfdh: '',
ysje: '',
ssje: '',
bz: ''
},
tableData: {
loading: false,
bsmBusiness: this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness,
ruleForm: {},
tableDatasf: {
columns: [
{
prop: "sfdw",
label: "收费单位",
},
{
label: '是否额外收费',
align: 'center',
render: (h, scope) => {
return (
<div>
{scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>}
</div>
)
}
},
{
prop: "sfry",
label: "收费人员",
},
......@@ -129,106 +108,92 @@
label: "应收金额",
}
],
data: []
data: [],
},
tableDatajf: {
columns: [
{
prop: "jfjs",
label: "计费基数",
},
{
prop: "jflx",
label: "计费类型",
},
{
prop: "jflxmc",
label: "计费类型名称",
},
{
prop: "ysje",
label: "应收金额",
},
{
prop: "zkhysje",
label: "折扣后应收金额",
},
{
prop: "qlrmc",
label: "权利人名称",
},
{
prop: "ywrmc",
label: "义务人名称",
},
{
prop: "qlytmc",
label: "权利用途名称",
},
{
prop: "qlxzmc",
label: "权利性质名称",
},
{
prop: "zl",
label: "坐落",
}
],
data: [],
}
}
},
computed: {
...mapGetters(["workFresh"]),
...mapGetters(["workFresh", "flag", "pouopData"]),
},
watch: {
workFresh: {
handler (newVal, oldVal) {
if (newVal) this.getList();
},
if (newVal) this.getList()
}
},
pouopData: {
handler (newValue, oldValue) {
if (newValue.length != 0) {
this.tableDatasf.data = newValue
}
},
deep: true
}
},
mounted () {
this.getList()
},
methods: {
getList () {
let bsmBusiness = this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness
getSfmxList(bsmBusiness).then(res => {
this.tableData.data = res.result
initSfxx(this.bsmBusiness).then(res => {
let { slsq, jfList, sfList } = res.result
this.ruleForm = slsq
this.tableDatajf.data = jfList
this.tableDatasf.data = sfList
})
},
hanldeAdd () {
let bsmBusiness = this.$route.query.bsmBusiness ? this.$route.query.bsmBusiness : window.currentSelect.bsmBusiness
this.$popupDialog('新增', 'workflow/main/sfxx/xzsf', { bsmBusiness: bsmBusiness }, '50%', true)
},
handleDelete (row) {
let that = this
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteSfmx(row.bsmSf).then(res => {
if (res.code == 200) {
that.$message({
message: '删除成功！',
type: 'success'
})
that.getList()
} else {
that.$message({
type: 'info',
message: res.message
})
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
hanldeEdit () {
this.$popupDialog('编辑', 'workflow/main/sfxx/sfDetail', { bsmBusiness: this.bsmBusiness, dataList: _.cloneDeep(this.tableDatasf.data) }, '50%', true)
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
.sfxx {
display: flex;
padding: 10px;
height: 100%;
box-sizing: border-box;
&-left {
width: 50%;
margin-right: 10px;
ul {
border-radius: 3px;
}
li:last-child {
border-bottom: 1px solid #e8e5e5;
}
li {
display: flex;
border: 1px solid #e8e5e5;
border-bottom: none;
p:nth-child(1) {
width: 35%;
text-align: center;
background-color: #fafafa;
border-right: 1px solid #e8e5e5;
padding: 10px 0;
}
p:nth-child(2) {
width: 65%;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 0 10px;
}
}
}
&-right {
width: 50%;
margin-left: 10px;
}
}
@import "~@/styles/slxx/slxx.scss";
</style>
......
<template>
<div class='sfDetail'>
<lb-table :column="column" :pagination="false" :key="key"
:data="dataList">
</lb-table>
<div class="text-center">
<el-button type="primary" @click="hanldeRecharge">重新计费</el-button>
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="handleSubmit" plain>保存</el-button>
</div>
</div>
</template>
<script>
import store from '@/store/index.js'
import { recharge, updateSfxx } from "@/api/sfxx.js";
export default {
props: {
formData: {
type: Object,
default: {}
}
},
data () {
return {
key: 0,
dataList: [],
column: [
{
prop: 'sfdw',
label: '收费单位',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'sfry',
label: '收费人员',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'sfkmmc',
label: '收费科目名称',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'sjffr',
label: '实际付费人',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'ssje',
label: '实收金额',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'ysje',
label: '应收金额',
render: (h, scope) => {
return (
<el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
}
]
}
},
watch: {
'formData.dataList': {
handler (newValue, oldValue) {
if (newValue.length != 0) {
this.dataList = _.cloneDeep(newValue)
}
},
deep: true,
immediate: true
}
},
methods: {
hanldeRecharge () {
recharge(this.formData.bsmBusiness).then(res => {
if (res.code == 200) {
this.dataList = res.result
this.$message({
message: '计费成功！',
type: 'success'
})
}
})
},
handleSubmit () {
this.dataList.forEach(item => {
item.bsmBusiness = this.formData.bsmBusiness
})
updateSfxx(this.dataList).then(res => {
if (res.code == 200) {
store.dispatch("user/getPouopData", res.result);
this.$message({
message: '修改成功！',
type: 'success'
})
this.$popupCacel()
}
})
}
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
<template>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="收费单位" prop="sfdw">
<el-input v-model="ruleForm.sfdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否额外收费" prop="sfewsf">
<el-radio-group v-model="ruleForm.sfewsf">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="收费人员" prop="sfry">
<el-input v-model="ruleForm.sfry"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="实际付费人" prop="sjffr">
<el-input v-model="ruleForm.sjffr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实收金额" prop="ssje">
<el-input v-model="ruleForm.ssje"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="应收金额" prop="ysje">
<el-input v-model="ruleForm.ysje"></el-input>
</el-form-item>
</el-col>
</el-row>
<div style="text-align:center">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">新增</el-button>
</div>
</el-form>
</template>
<script>
import store from '@/store'
import { saveSfmx } from "@/api/sfxx.js";
export default {
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
rules: {},
ruleForm: {
}
}
},
methods: {
submitForm () {
store.dispatch('user/reWorkFresh', false)
saveSfmx({ ...this.ruleForm, bsmBusiness: this.formData.bsmBusiness }).then(res => {
if (res.code == 200) {
this.$message.success('保存成功');
//刷新列表
this.$popupCacel()
store.dispatch("user/reWorkFresh", true);
}
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-26 15:00:22
* @LastEditTime: 2024-03-19 13:22:39
-->
<template>
<dialogBox
......@@ -29,6 +29,9 @@
<el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
<el-button type="primary" @click="handleVerification(1)" v-if="['1'].includes(ruleForm.zjzl)">身份核查</el-button>
<el-button type="primary" @click="handleVerification(2)" v-if="['6','7'].includes(ruleForm.zjzl)">企业核查</el-button>
<el-button type="primary" @click="handleVerification(3)" v-if="['1'].includes(ruleForm.zjzl)">婚姻状况核查</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
......@@ -346,6 +349,7 @@
<script>
import { mapGetters } from "vuex";
import store from '@/store/index.js'
import { sfhy } from "@/api/sqr.js";
import { getUuid } from "@/utils/operation.js"
import { replace } from "@/api/company.js"
import { getIdCardInfo } from '@/utils/operation.js'
......@@ -446,6 +450,21 @@
},
methods: {
/**
* @description: 身份核验
* @author: renchao
*/
handleVerification (val) {
this.ruleForm.qlrlx = this.ruleForm.sqrlx
sfhy({ ...this.ruleForm, bsmSlsq: this.$route.query.bsmSlsq, hclx: val }).then(res => {
if (res.code == 200) {
this.$message({
message: '核验成功！',
type: 'success'
})
}
})
},
/**
* @description: 证件种类选择
* @param {*} val
* @author: renchao
......
......@@ -20,17 +20,17 @@
<div style="text-align: center">{{ scope.$index + 1 }}</div>
</template>
</el-table-column>
<el-table-column prop="bdcdyh" label="不动产单元号" min-width="100">
<el-table-column prop="zrzh" label="自然幢号" min-width="100">
<template slot-scope="scope">
<div style="text-align: center">{{ scope.row.bdcdyh }}</div>
<div style="text-align: center">{{ scope.row.zrzh }}</div>
</template>
</el-table-column>
<el-table-column prop="xmmc" label="项目名称" min-width="100">
<el-table-column prop="zh" label="建筑物名称" min-width="100">
<template slot-scope="scope">
<el-input
class="item"
:disabled="!ableOperation"
v-model="scope.row.xmmc"
v-model="scope.row.zh"
placeholder="请输入内容"
@input="updaterow(scope.row)">
</el-input>
......
......@@ -6,194 +6,303 @@
v-Loading="loading"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
不动产信息
申请信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.bdcdyh"></el-input>
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原产证号：">
<el-input disabled v-model="ruleForm.yfczh"></el-input>
<el-form-item label="登记类型：" prop="djlx">
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积(m3)：">
<el-input disabled v-model="ruleForm.mj"></el-input>
<el-form-item label="登记情形：" prop="djqx">
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qllxmc"></el-input>
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途：">
<el-input disabled v-model="ruleForm.yt"></el-input>
<el-form-item label="原房产证号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
买方信息
<div class="triangle"></div>
</div>
<lb-table :column="column" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
卖方信息
<div class="triangle"></div>
</div>
<lb-table :column="column1" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
合同信息
<el-row>
<el-col :span="20"> 房屋合同信息 </el-col>
<el-col :span="4">
<el-button @click="compare">查询房屋交易合同</el-button>
</el-col>
</el-row>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="合同编号：">
<el-input v-model="ruleForm.htbh"></el-input>
<el-form-item label="房屋类型：">
<el-input disabled v-model="fwxx.FWLX"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="街道：">
<el-input disabled v-model="fwxx.JD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="门牌号：">
<el-input disabled v-model="fwxx.MPH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="栋号：">
<el-input disabled v-model="fwxx.DH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单元号：">
<el-input disabled v-model="fwxx.DYH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="楼层：">
<el-input disabled v-model="fwxx.LC"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房号：">
<el-input disabled v-model="fwxx.FH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同金额(万元)：">
<el-input v-model="ruleForm.htje"></el-input>
<el-form-item label="项目名称：">
<el-input disabled v-model="fwxx.XMMC"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="签订时间：">
<el-date-picker
class="width100"
v-model="ruleForm.qdsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
<el-form-item label="面积：">
<el-input disabled v-model="fwxx.MJ"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-input disabled v-model="fwxx.FWXZ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋用途：">
<el-input disabled v-model="fwxx.FWYT"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同号：">
<el-input disabled v-model="fwxx.HTH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="合同签订时间：">
<el-input disabled v-model="fwxx.HTQDSJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="共有方式：">
<el-input disabled v-model="fwxx.GYFS"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋坐落：">
<el-input disabled v-model="fwxx.TDFWZL"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
买受人信息
<div class="triangle"></div>
</div>
<lb-table
:column="clmMsr"
:pagination="false"
:heightNumSetting="true"
:data="qlrList"
>
</lb-table>
<div class="slxx_title title-block">
出卖人信息
<div class="triangle"></div>
</div>
<lb-table
:column="clmMsr"
:pagination="false"
:heightNumSetting="true"
:data="ywrList"
>
</lb-table>
<div class="slxx_title title-block">
缴税信息
<div class="triangle"></div>
</div>
<lb-table :column="column2" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
<lb-table
:column="clmSwxx"
:pagination="false"
:heightNumSetting="true"
:data="swxxList"
>
</lb-table>
</div>
<el-row class="btn" v-if="viewEdit">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted () {
// this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
// Init(formdata).then((res) => {
// if (res.code === 200 && res.result) {
// }
// });
},
data () {
return {
loading: false,
//表单是否可操作
viewEdit: false,
column: [
{
prop: "qlrxm",
label: "权利人姓名"
},
{
prop: "gyqk",
label: "共有情况"
},
{
prop: "zjzl",
label: "身份证号种类"
},
{
prop: "zjhm",
label: "证件号码"
},
],
column1: [{
prop: "ywrxm",
label: "义务人姓名"
import { getDetail } from "@/api/workflow/swhtxx.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.loadData();
},
data() {
return {
ruleForm: {},
loading: false,
//表单是否可操作
viewEdit: false,
clmMsr: [
{
prop: "NSRMC",
label: "名称",
},
{
prop: "zjzl",
label: "身份证号种类"
prop: "ZJZL_DM",
label: "证件种类",
},
{
prop: "zjhm",
label: "证件号码"
}],
column2: [{
type: 'index',
label: "序号",
width: '50'
prop: "ZJHM",
label: "证件号码",
},
{
prop: "nsr",
label: "纳税人"
prop: "LXDH",
label: "联系电话",
},
],
clmSwxx: [
{
prop: "sz",
label: "税种"
prop: "ywslh",
label: "业务受理号",
},
{
prop: "jsyj",
label: "计税依据"
prop: "kprq",
label: "开票日期",
},
{
prop: "sl",
label: "税率"
prop: "pzxh",
label: "凭证序号",
},
{
prop: "jsje",
label: "计税金额"
}],
ruleForm: {
tableDataList: []
prop: "zsxmmc",
label: "征收项目名称",
},
{
prop: "zspmmc",
label: "征收品目名称",
},
{
prop: "sjje",
label: "实缴金额",
},
{
prop: "skssqq",
label: "税款所属日期起",
},
{
prop: "skssqz",
label: "税款所属日期止",
},
{
prop: "rkrq",
label: "入库日期",
},
],
ruleForm: {},
qlrList: [],
ywrList: [],
fwxx: {},
swxxList: [],
};
},
methods: {
onSubmit() {},
loadData() {
getDetail(this.propsParam.bsmSldy).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
if (res.result.wqht == null) {
return;
}
if (res.result.wqht.htnr != "" && res.result.wqht.htnr != null) {
let htxx = JSON.parse(res.result.wqht.htnr);
this.fwxx = htxx[0].h[0];
this.qlrList = htxx[1].msr;
this.ywrList = htxx[2].cmr;
}
if (res.result.wqht.jsnr != "" && res.result.wqht.jsnr != null) {
this.swxxList = JSON.parse(res.result.wqht.jsnr);
}
}
}
});
},
methods: {
onSubmit () { }
}
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......