发薪账户管理优化

src/views/business/accInfo/index.vue

@@ -65,22 +65,15 @@
     <!-- 添加或修改商户付款账户对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="单位名称" prop="companyName">
-          <el-input v-model="form.companyName" placeholder="请输入单位名称" />
-        </el-form-item>
-        <el-form-item label="单位机构代码" prop="companyCode">
-          <el-input v-model="form.companyCode" placeholder="请输入单位机构代码" />
-        </el-form-item>
-        <el-form-item label="法人姓名" prop="legalName">
-          <el-input v-model="form.legalName" placeholder="请输入法人姓名" />
-        </el-form-item>
-        <el-form-item label="法人电话" prop="legalPhone">
-          <el-input v-model="form.legalPhone" placeholder="请输入法人电话" />
-        </el-form-item>
-        <el-form-item label="归属客户" prop="deptId">
-          <el-cascader :props="cascaderProps" v-model="form.deptId" :options="deptOptions">
-          </el-cascader>
+        <el-form-item label="发薪主体" prop="companyId">
+          <el-select v-model="form.companyId">
+            <el-option v-for="item in payerCompanyArr" :key="item.id" :value="item.id" :label="item.companyName" />
+          </el-select>
         </el-form-item>
+<!--        <el-form-item label="归属客户" prop="deptId">-->
+<!--          <el-cascader :props="cascaderProps" v-model="form.deptId" :options="deptOptions">-->
+<!--          </el-cascader>-->
+<!--        </el-form-item>-->
         <el-form-item label="发薪账户" prop="payAccNo">
           <el-input v-model="form.payAccNo" placeholder="请输入发薪账户" />
         </el-form-item>
@@ -105,6 +98,7 @@
 <script>
 import { listAccInfo, getAccInfo, delAccInfo, addAccInfo, updateAccInfo } from "@/api/business/accInfo";
 import { deptTreeSelect } from "@/api/system/user";
+import { listAllCompanyInfo } from '@/api/business/companyInfo'
 export default {
   name: "AccInfo",
   computed: {
@@ -155,25 +149,14 @@ export default {
       },
       // 表单参数
       form: {},
+      payerCompanyArr: [],
       // 表单校验
       rules: {
         id: [
           { required: true, message: "$comment不能为空", trigger: "blur" }
         ],
-        companyName: [
-          { required: true, message: "单位名称不能为空", trigger: "blur" }
-        ],
-        companyCode: [
-          { required: true, message: "单位机构代码不能为空", trigger: "blur" }
-        ],
-        legalName: [
-          { required: true, message: "法人姓名不能为空", trigger: "blur" }
-        ],
-        legalPhone: [
-          { required: true, message: "法人电话不能为空", trigger: "blur" }
-        ],
-        deptId: [
-          { required: true, message: "所属部门不能为空", trigger: "blur" }
+        companyId: [
+          { required: true, message: "请选择发薪主体", trigger: "blur" }
         ],
         payAccNo: [
           { required: true, message: "发薪账户不能为空", trigger: "blur" }
@@ -193,6 +176,7 @@ export default {
   created() {
     this.getList();
     this.getDeptTree();
+    this.getPayerCompanyList()
   },
   methods: {
     getDeptTree() {
@@ -261,6 +245,13 @@ export default {
         this.title = "修改商户付款账户";
       });
     },
+    getPayerCompanyList() {
+      listAllCompanyInfo().then(resp => {
+        if (200 == resp.code) {
+          this.payerCompanyArr = resp.data
+        }
+      })
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {

src/views/business/companyInfo/index.vue

@@ -69,6 +69,8 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="企业名称" align="center" prop="companyName" />
       <el-table-column label="信用代码" align="center" prop="companyCode" />
+      <el-table-column label="法人姓名" align="center" prop="legalName" />
+      <el-table-column label="法人电话" align="center" prop="legalPhone" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -106,6 +108,12 @@
         <el-form-item label="信用代码" prop="companyCode">
           <el-input v-model="form.companyCode" placeholder="请输入信用代码" />
         </el-form-item>
+        <el-form-item label="法人姓名" prop="legalName">
+          <el-input v-model="form.legalName" placeholder="请输入法人姓名" />
+        </el-form-item>
+        <el-form-item label="法人电话" prop="legalPhone">
+          <el-input v-model="form.legalPhone" placeholder="请输入法人电话" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>