Skip to content

bdc / bdcdj-web

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

style:收费信息接口对接

1 parent d3bb8a8d
Inline Side-by-side
Showing 7 changed files with 287 additions and 101 deletions
/*
* @Description: sfxx
* @Autor: renchao
* @LastEditTime: 2023-12-26 16:06:35
*/
import request from '@/utils/request';
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
export function getSfmxList (businessBsm) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/sf/getSfmxList',
method: 'get',
params: {
businessBsm: businessBsm
}
})
}
export function saveSfmx (data) {
return request({
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
}
})
}
\ No newline at end of file

4.22 KB | W: | H:

1.08 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -138,9 +138,6 @@
render: false,
};
},
mounted () {
console.log(this.columns);
},
methods: {
getLable (prop, label) {
const ztObj = {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:36:06
* @LastEditTime: 2023-12-26 15:00:22
-->
<template>
<dialogBox
......@@ -26,87 +26,105 @@
:rules="rules"
ref="ruleForm"
label-width="120px">
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
<el-form-item label="身份证读卡器" style="margin-top:-20px">
<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-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型" prop="sqrlx">
<el-select
clearable
v-model="ruleForm.sqrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称" prop="sqrmc">
<el-input
v-model="ruleForm.sqrmc"
maxlegth="15"
:disabled="!showButton"></el-input>
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
@change="handleZjzl"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
<el-col :span="16">
<el-row>
<el-col :span="12">
<el-form-item label="姓名/名称" prop="sqrmc">
<el-input
v-model="ruleForm.sqrmc"
maxlegth="15"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
@change="handleZjzl"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="xb">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="xb">
<el-form-item label="权利人类型" prop="sqrlx">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
v-model="ruleForm.sqrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -114,16 +132,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="户籍所在省市" prop="hjszss">
<el-input
......@@ -141,7 +149,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="法人名称" prop="frmc">
......@@ -160,7 +167,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="发证机关" prop="fzjg">
......@@ -188,7 +194,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="工作单位" prop="gzdw">
......@@ -243,7 +248,6 @@
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
......@@ -674,7 +678,9 @@
closeDialog () {
this.$emit("input", false);
this.$nextTick(() => {
this.$refs["ruleForm"].resetFields();
if (this.$refs.ruleForm !== undefined) {
this.$refs.ruleForm.resetFields();
}
})
},
/**
......@@ -687,7 +693,9 @@
this.$emit("input", false);
this.ruleForm.id = getUuid(16)
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
this.$refs["ruleForm"].resetFields();
if (this.$refs.ruleForm !== undefined) {
this.$refs.ruleForm.resetFields();
}
} else {
return false;
}
......
<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 type="primary" @click="submitForm('ruleForm')">新增</el-button>
<el-button @click="resetForm('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
......@@ -170,7 +170,7 @@
.catch(error => {
console.error(error);
});
context.fillText(this.bdcqz.bdcqzbm ? this.bdcqz.bdcqzbm : '', 745, 633);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 745, 633);
};
image.src = this.imgSrc1;
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-23 14:08:31
* @LastEditTime: 2023-12-28 08:47:26
-->
<template>
<div class='sfxx'>
......@@ -52,14 +52,15 @@
<div class="sfxx-right">
<div class="slxx_title title-block">
收费明细
<div class="triangle"></div>
<!-- <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">使用</el-button>
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
......@@ -67,6 +68,8 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getSfmxList, deleteSfmx } from "@/api/sfxx.js";
export default {
components: {},
data () {
......@@ -85,32 +88,92 @@
tableData: {
columns: [
{
prop: "sfxmmc",
label: "收费项目名称",
},
{
prop: "sl",
label: "数县",
},
{
prop: "je",
label: "金额(元)",
prop: "sfdw",
label: "收费单位",
},
{
label: '操作',
label: '是否额外收费',
align: 'center',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button>
{scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>}
</div>
)
}
},
{
prop: "sfry",
label: "收费人员",
},
{
prop: "sjffr",
label: "实际付费人",
},
{
prop: "ssje",
label: "实收金额",
},
{
prop: "ysje",
label: "应收金额",
}
],
data: []
}
}
},
computed: {
...mapGetters(["workFresh"]),
},
watch: {
workFresh: {
handler (newVal, oldVal) {
if (newVal) this.getList();
},
},
},
mounted () {
this.getList()
},
methods: {
getList () {
getSfmxList(this.$route.query.bsmBusiness).then(res => {
this.tableData.data = res.result
})
},
hanldeAdd () {
this.$popupDialog('新增', 'workflow/components/dialog/xzsf', { bsmBusiness: this.$route.query.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: '已取消删除'
})
})
}
}
}
</script>
......