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
1 /*
2 * @Description: sfxx
3 * @Autor: renchao
4 * @LastEditTime: 2023-12-26 16:06:35
5 */
6 import request from '@/utils/request';
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8
9
10 export function getSfmxList (businessBsm) {
11 return request({
12 url: SERVER.SERVERAPI + '/rest/sys/sf/getSfmxList',
13 method: 'get',
14 params: {
15 businessBsm: businessBsm
16 }
17 })
18 }
19
20 export function saveSfmx (data) {
21 return request({
22 url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx',
23 method: 'post',
24 data
25 })
26 }
27
28 export function deleteSfmx (bsmSf) {
29 return request({
30 url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx',
31 method: 'get',
32 params: {
33 bsmSf: bsmSf
34 }
35 })
36 }
...\ No newline at end of file ...\ 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 @@ ...@@ -138,9 +138,6 @@
138 render: false, 138 render: false,
139 }; 139 };
140 }, 140 },
141 mounted () {
142 console.log(this.columns);
143 },
144 methods: { 141 methods: {
145 getLable (prop, label) { 142 getLable (prop, label) {
146 const ztObj = { 143 const ztObj = {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-12-15 09:36:06 4 * @LastEditTime: 2023-12-26 15:00:22
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -26,87 +26,105 @@ ...@@ -26,87 +26,105 @@
26 :rules="rules" 26 :rules="rules"
27 ref="ruleForm" 27 ref="ruleForm"
28 label-width="120px"> 28 label-width="120px">
29 <el-form-item label="头像"> 29 <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0">
30 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
31 </el-form-item>
32 <el-form-item label="身份证读卡器" style="margin-top:-20px">
33 <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>
34 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> 31 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
35 </el-form-item> 32 </el-form-item>
36 <el-row> 33 <el-row>
37 <el-col :span="8"> 34 <el-col :span="8">
38 <el-form-item label="权利人类型" prop="sqrlx"> 35 <el-form-item label="头像">
39 <el-select 36 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
40 clearable
41 v-model="ruleForm.sqrlx"
42 class="width100"
43 :disabled="!showButton"
44 placeholder="请选择">
45 <el-option
46 v-for="item in dictData['A36']"
47 :key="item.dcode"
48 :label="item.dname"
49 :value="item.dcode">
50 </el-option>
51 </el-select>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="姓名/名称" prop="sqrmc">
56 <el-input
57 v-model="ruleForm.sqrmc"
58 maxlegth="15"
59 :disabled="!showButton"></el-input>
60 </el-form-item> 37 </el-form-item>
61 </el-col> 38 </el-col>
62 <el-col :span="8"> 39 <el-col :span="16">
63 <el-form-item label="证件种类" prop="zjzl"> 40 <el-row>
64 <el-select 41 <el-col :span="12">
65 clearable 42 <el-form-item label="姓名/名称" prop="sqrmc">
66 v-model="ruleForm.zjzl" 43 <el-input
67 :disabled="!showButton" 44 v-model="ruleForm.sqrmc"
68 @change="handleZjzl" 45 maxlegth="15"
69 class="width100" 46 :disabled="!showButton"></el-input>
70 placeholder="请选择"> 47 </el-form-item>
71 <el-option 48 </el-col>
72 v-for="item in dictData['A30']" 49 <el-col :span="12">
73 :key="item.dcode" 50 <el-form-item label="证件种类" prop="zjzl">
74 :label="item.dname" 51 <el-select
75 :value="item.dcode"> 52 clearable
76 </el-option> 53 v-model="ruleForm.zjzl"
77 </el-select> 54 :disabled="!showButton"
78 </el-form-item> 55 @change="handleZjzl"
56 class="width100"
57 placeholder="请选择">
58 <el-option
59 v-for="item in dictData['A30']"
60 :key="item.dcode"
61 :label="item.dname"
62 :value="item.dcode">
63 </el-option>
64 </el-select>
65 </el-form-item>
66 </el-col>
67 </el-row>
68 <el-row>
69 <el-col :span="12">
70 <el-form-item label="证件号" prop="zjh">
71 <el-input
72 v-model="ruleForm.zjh"
73 :disabled="!showButton"
74 maxlength="18"
75 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="12">
79 <el-form-item label="性别" prop="xb">
80 <el-select
81 clearable
82 v-model="ruleForm.xb"
83 :disabled="!showButton"
84 class="width100"
85 placeholder="请选择">
86 <el-option
87 v-for="item in dictData['A43']"
88 :key="item.dcode"
89 :label="item.dname"
90 :value="item.dcode">
91 </el-option>
92 </el-select>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <el-row>
97 <el-col :span="12">
98 <el-form-item label="联系电话" prop="dh">
99 <el-input
100 v-model="ruleForm.dh"
101 :disabled="!showButton"
102 maxlength="11"
103 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="12">
107 <el-form-item label="国家/地区" prop="gj">
108 <el-input
109 v-model="ruleForm.gj"
110 maxlength="3"
111 :disabled="!showButton"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
79 </el-col> 115 </el-col>
80 </el-row> 116 </el-row>
81 <el-row> 117 <el-row>
82 <el-col :span="8"> 118 <el-col :span="8">
83 <el-form-item label="证件号" prop="zjh"> 119 <el-form-item label="权利人类型" prop="sqrlx">
84 <el-input
85 v-model="ruleForm.zjh"
86 :disabled="!showButton"
87 maxlength="18"
88 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
89 </el-form-item>
90 </el-col>
91 <el-col :span="8">
92 <el-form-item label="联系电话" prop="dh">
93 <el-input
94 v-model="ruleForm.dh"
95 :disabled="!showButton"
96 maxlength="11"
97 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="性别" prop="xb">
102 <el-select 120 <el-select
103 clearable 121 clearable
104 v-model="ruleForm.xb" 122 v-model="ruleForm.sqrlx"
105 :disabled="!showButton"
106 class="width100" 123 class="width100"
124 :disabled="!showButton"
107 placeholder="请选择"> 125 placeholder="请选择">
108 <el-option 126 <el-option
109 v-for="item in dictData['A43']" 127 v-for="item in dictData['A36']"
110 :key="item.dcode" 128 :key="item.dcode"
111 :label="item.dname" 129 :label="item.dname"
112 :value="item.dcode"> 130 :value="item.dcode">
...@@ -114,16 +132,6 @@ ...@@ -114,16 +132,6 @@
114 </el-select> 132 </el-select>
115 </el-form-item> 133 </el-form-item>
116 </el-col> 134 </el-col>
117 </el-row>
118 <el-row>
119 <el-col :span="8">
120 <el-form-item label="国家/地区" prop="gj">
121 <el-input
122 v-model="ruleForm.gj"
123 maxlength="3"
124 :disabled="!showButton"></el-input>
125 </el-form-item>
126 </el-col>
127 <el-col :span="8"> 135 <el-col :span="8">
128 <el-form-item label="户籍所在省市" prop="hjszss"> 136 <el-form-item label="户籍所在省市" prop="hjszss">
129 <el-input 137 <el-input
...@@ -141,7 +149,6 @@ ...@@ -141,7 +149,6 @@
141 </el-form-item> 149 </el-form-item>
142 </el-col> 150 </el-col>
143 </el-row> 151 </el-row>
144
145 <el-row> 152 <el-row>
146 <el-col :span="8"> 153 <el-col :span="8">
147 <el-form-item label="法人名称" prop="frmc"> 154 <el-form-item label="法人名称" prop="frmc">
...@@ -160,7 +167,6 @@ ...@@ -160,7 +167,6 @@
160 </el-form-item> 167 </el-form-item>
161 </el-col> 168 </el-col>
162 </el-row> 169 </el-row>
163
164 <el-row> 170 <el-row>
165 <el-col :span="8"> 171 <el-col :span="8">
166 <el-form-item label="发证机关" prop="fzjg"> 172 <el-form-item label="发证机关" prop="fzjg">
...@@ -188,7 +194,6 @@ ...@@ -188,7 +194,6 @@
188 </el-form-item> 194 </el-form-item>
189 </el-col> 195 </el-col>
190 </el-row> 196 </el-row>
191
192 <el-row> 197 <el-row>
193 <el-col :span="8"> 198 <el-col :span="8">
194 <el-form-item label="工作单位" prop="gzdw"> 199 <el-form-item label="工作单位" prop="gzdw">
...@@ -243,7 +248,6 @@ ...@@ -243,7 +248,6 @@
243 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> 248 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
244 </el-form-item> 249 </el-form-item>
245 </el-col> 250 </el-col>
246
247 </el-row> 251 </el-row>
248 <el-row> 252 <el-row>
249 <el-col :span="8"> 253 <el-col :span="8">
...@@ -674,7 +678,9 @@ ...@@ -674,7 +678,9 @@
674 closeDialog () { 678 closeDialog () {
675 this.$emit("input", false); 679 this.$emit("input", false);
676 this.$nextTick(() => { 680 this.$nextTick(() => {
677 this.$refs["ruleForm"].resetFields(); 681 if (this.$refs.ruleForm !== undefined) {
682 this.$refs.ruleForm.resetFields();
683 }
678 }) 684 })
679 }, 685 },
680 /** 686 /**
...@@ -687,7 +693,9 @@ ...@@ -687,7 +693,9 @@
687 this.$emit("input", false); 693 this.$emit("input", false);
688 this.ruleForm.id = getUuid(16) 694 this.ruleForm.id = getUuid(16)
689 this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); 695 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
690 this.$refs["ruleForm"].resetFields(); 696 if (this.$refs.ruleForm !== undefined) {
697 this.$refs.ruleForm.resetFields();
698 }
691 } else { 699 } else {
692 return false; 700 return false;
693 } 701 }
......
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 type="primary" @click="submitForm('ruleForm')">新增</el-button>
42 <el-button @click="resetForm('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
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
170 .catch(error => { 170 .catch(error => {
171 console.error(error); 171 console.error(error);
172 }); 172 });
173 context.fillText(this.bdcqz.bdcqzbm ? this.bdcqz.bdcqzbm : '', 745, 633); 173 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 745, 633);
174 }; 174 };
175 image.src = this.imgSrc1; 175 image.src = this.imgSrc1;
176 }, 176 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-10-23 14:08:31 4 * @LastEditTime: 2023-12-28 08:47:26
5 --> 5 -->
6 <template> 6 <template>
7 <div class='sfxx'> 7 <div class='sfxx'>
...@@ -52,14 +52,15 @@ ...@@ -52,14 +52,15 @@
52 <div class="sfxx-right"> 52 <div class="sfxx-right">
53 <div class="slxx_title title-block"> 53 <div class="slxx_title title-block">
54 收费明细 54 收费明细
55 <div class="triangle"></div> 55 <!-- <div class="triangle"></div> -->
56 <el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button>
56 </div> 57 </div>
57 <el-table :data="tableData.data" border :height="355"> 58 <el-table :data="tableData.data" border :height="355">
58 <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 tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
59 </el-table-column> 60 </el-table-column>
60 <el-table-column label="操作" width="50"> 61 <el-table-column label="操作" width="50">
61 <template slot-scope="scope"> 62 <template slot-scope="scope">
62 <el-button type="text">使用</el-button> 63 <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
63 </template> 64 </template>
64 </el-table-column> 65 </el-table-column>
65 </el-table> 66 </el-table>
...@@ -67,6 +68,8 @@ ...@@ -67,6 +68,8 @@
67 </div> 68 </div>
68 </template> 69 </template>
69 <script> 70 <script>
71 import { mapGetters } from "vuex";
72 import { getSfmxList, deleteSfmx } from "@/api/sfxx.js";
70 export default { 73 export default {
71 components: {}, 74 components: {},
72 data () { 75 data () {
...@@ -85,32 +88,92 @@ ...@@ -85,32 +88,92 @@
85 tableData: { 88 tableData: {
86 columns: [ 89 columns: [
87 { 90 {
88 prop: "sfxmmc", 91 prop: "sfdw",
89 label: "收费项目名称", 92 label: "收费单位",
90 },
91 {
92 prop: "sl",
93 label: "数县",
94 },
95 {
96 prop: "je",
97 label: "金额(元)",
98 }, 93 },
99 { 94 {
100 label: '操作', 95 label: '是否额外收费',
101 align: 'center', 96 align: 'center',
102 render: (h, scope) => { 97 render: (h, scope) => {
103 return ( 98 return (
104 <div> 99 <div>
105 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button> 100 {scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>}
106 </div> 101 </div>
107 ) 102 )
108 } 103 }
104 },
105 {
106 prop: "sfry",
107 label: "收费人员",
108 },
109 {
110 prop: "sjffr",
111 label: "实际付费人",
112 },
113 {
114 prop: "ssje",
115 label: "实收金额",
116 },
117 {
118 prop: "ysje",
119 label: "应收金额",
109 } 120 }
110 ], 121 ],
111 data: [] 122 data: []
112 } 123 }
113 } 124 }
125 },
126 computed: {
127 ...mapGetters(["workFresh"]),
128 },
129 watch: {
130 workFresh: {
131 handler (newVal, oldVal) {
132 if (newVal) this.getList();
133 },
134 },
135 },
136 mounted () {
137 this.getList()
138 },
139 methods: {
140 getList () {
141 getSfmxList(this.$route.query.bsmBusiness).then(res => {
142 this.tableData.data = res.result
143 })
144 },
145 hanldeAdd () {
146 this.$popupDialog('新增', 'workflow/components/dialog/xzsf', { bsmBusiness: this.$route.query.bsmBusiness }, '50%', true)
147 },
148 handleDelete (row) {
149 let that = this
150 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
151 confirmButtonText: '确定',
152 cancelButtonText: '取消',
153 type: 'warning'
154 }).then(() => {
155 deleteSfmx(row.bsmSf).then(res => {
156 if (res.code == 200) {
157 that.$message({
158 message: '删除成功！',
159 type: 'success'
160 })
161 that.getList()
162 } else {
163 that.$message({
164 type: 'info',
165 message: res.message
166 })
167 }
168 })
169 }).catch(() => {
170 this.$message({
171 type: 'info',
172 message: '已取消删除'
173 })
174 })
175
176 }
114 } 177 }
115 } 178 }
116 </script> 179 </script>
......