Skip to content

bdc / bdcdj-web

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

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents cf4807ad 1a077add
Inline Side-by-side
Showing 7 changed files with 241 additions and 114 deletions
/*
* @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
/*
* @Description: 信息备案
* @Autor:
* @LastEditTime: 2023-09-11 11:25:22
* @LastEditTime: 2024-03-18 10:36:40
*/
import request from '@/utils/request'
......
<!--
* @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
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-29 16:35:50
* @LastEditTime: 2024-03-19 17:30:22
-->
<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="100px">
<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.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="申请登记类型：">
<el-input v-model="ruleForm.sqdjlx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系人：">
<el-input v-model="ruleForm.lxr"></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.lxdh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="缴费人：">
<el-input v-model="ruleForm.jfr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="缴费单号：">
<el-input v-model="ruleForm.jfdh"></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.ysje"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实收金额：">
<el-input v-model="ruleForm.ssje"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注：">
<el-input v-model="ruleForm.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
收费明细
<el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button>
</div>
<el-table :data="tableDatasf.data" border :height="210">
<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-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="triangle"></div>
</div>
<el-table :data="tableDatajf.data" border :height="210">
<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">
票据
<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>
......@@ -80,7 +110,7 @@
components: {},
data () {
return {
detail: {
ruleForm: {
ywh: '',
sqdjlx: '',
lxr: '',
......@@ -91,7 +121,7 @@
ssje: '',
bz: ''
},
tableData: {
tableDatasf: {
columns: [
{
prop: "sfdw",
......@@ -129,7 +159,47 @@
label: "应收金额",
}
],
data: []
data: [],
},
tableDatajf: {
columns: [
{
prop: "sfdw",
label: "计费单位",
},
{
label: '是否额外收费',
align: 'center',
render: (h, scope) => {
return (
<div>
{scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>}
</div>
)
}
},
{
prop: "sfry",
label: "收费人员",
},
{
prop: "sfkmmc",
label: "收费科目名称",
},
{
prop: "sjffr",
label: "实际付费人",
},
{
prop: "ssje",
label: "实收金额",
},
{
prop: "ysje",
label: "应收金额",
}
],
data: [],
}
}
},
......@@ -191,44 +261,5 @@
</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>
......
<!--
* @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
......