style:收费信息接口对接

+/*
+ * @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

@@ -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,32 +26,19 @@
       :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 label="头像">
+            <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="16">
+          <el-row>
+            <el-col :span="12">
               <el-form-item label="姓名/名称" prop="sqrmc">
                 <el-input
                   v-model="ruleForm.sqrmc"
@@ -59,7 +46,7 @@
                   :disabled="!showButton"></el-input>
               </el-form-item>
             </el-col>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件种类" prop="zjzl">
                 <el-select
                   clearable
@@ -79,7 +66,7 @@
             </el-col>
           </el-row>
           <el-row>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件号" prop="zjh">
                 <el-input
                   v-model="ruleForm.zjh"
@@ -88,16 +75,7 @@
                   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-col :span="12">
               <el-form-item label="性别" prop="xb">
                 <el-select
                   clearable
@@ -116,7 +94,16 @@
             </el-col>
           </el-row>
           <el-row>
-        <el-col :span="8">
+            <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"
@@ -124,6 +111,27 @@
                   :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="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="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: "sfdw",
+              label: "收费单位",
             },
             {
-              prop: "je",
-              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>