系统管理-支付通道-参数设置

src/api/business/accInfo.js

@@ -9,6 +9,18 @@ export function listAccInfo(query) {
   })
 }
 
+// 查询商户付款账户列表-无部门过滤
+export function signAccList(taxUnitId, companyId) {
+  return request({
+    url: '/business/accInfo/sign/accList',
+    method: 'get',
+    params: {
+      taxUnitId: taxUnitId,
+      companyId: companyId
+    }
+  })
+}
+
 // 查询商户付款账户列表-无部门过滤
 export function listLaborAcc(query) {
   return request({

src/api/business/payChannelParams.js

+import request from '@/utils/request'
+
+// 查询通道相关参数列表
+export function listPayChannelParams(query) {
+  return request({
+    url: '/business/payChannelParams/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询通道相关参数所有列表
+export function listAllPayChannelParams(query) {
+  return request({
+    url: '/business/payChannelParams/listAll',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询通道相关参数详细
+export function getPayChannelParams(id) {
+  return request({
+    url: '/business/payChannelParams/getInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增通道相关参数
+export function addPayChannelParams(data) {
+  return request({
+    url: '/business/payChannelParams/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改通道相关参数
+export function updatePayChannelParams(data) {
+  return request({
+    url: '/business/payChannelParams/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除通道相关参数
+export function delPayChannelParams(id) {
+  return request({
+    url: '/business/payChannelParams/remove/' + id,
+    method: 'get'
+  })
+}

src/views/business/companyPayChannel/index.vue

@@ -63,8 +63,8 @@
           <dict-tag :options="dict.type.pay_channel_use_status" :value="scope.row.isEnter" />
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+<!--        <template slot-scope="scope">-->
 <!--          <el-button-->
 <!--            size="mini"-->
 <!--            type="text"-->
@@ -79,8 +79,8 @@
 <!--            @click="handleDelete(scope.row)"-->
 <!--            v-hasPermi="['business:companyPayChannel:remove']"-->
 <!--          >删除</el-button>-->
-        </template>
-      </el-table-column>
+<!--        </template>-->
+<!--      </el-table-column>-->
     </el-table>
 
     <pagination

src/views/business/onlineTaskInfo/createPayTask.vue

+<template>
+  <div class="app-container">
+    <el-page-header @back="handleClose"/>
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item label="发起企业" prop="companyId">
+        <el-select v-model="form.companyId" placeholder="请选择发起企业" @change="applyCompanyChange">
+          <el-option v-for="item in applyCompanyList" :key="item.id" :label="item.companyName" :value="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="代发企业" prop="taxCompanyId">
+        <el-select v-model="form.taxCompanyId" placeholder="请选择代发企业" clearable @change="taxCompanyChange">
+          <el-option v-for="item in taxCompanyList" :key="item.id" :label="item.taxUnitName" :value="item.taxUnitId"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="任务编号" prop="taskNo">
+        <el-input v-model="form.taskNo" placeholder="请输入任务编号" disabled />
+      </el-form-item>
+      <el-form-item label="任务名称" prop="taskName">
+        <el-input v-model="form.taskName" placeholder="请输入任务名称" />
+      </el-form-item>
+      <el-form-item label="所属行业" prop="industry">
+        <el-input v-model="form.industry" placeholder="请输入所属行业" />
+      </el-form-item>
+      <el-form-item label="任务时间" prop="serviceTime">
+        <el-date-picker clearable placeholder="请选择服务时间" v-model="form.serviceTimeArr" @change="changeServiceTime"
+                        type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="任务详情" prop="billDetail">
+        <el-input v-model="form.billDetail" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer" style="text-align: center;">
+      <el-button type="primary" @click="submitForm">保存</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import {listAllCompanyInfo} from "@/api/business/companyInfo";
+import {laborSign} from "@/api/business/unitInfo";
+import {addOnlineTaskInfo} from "@/api/business/onlineTaskInfo";
+
+export default {
+  name: "createPayTask",
+  data() {
+    return {
+      form: {},
+      applyCompanyList: null,
+      taxCompanyList: null,
+      rules: {
+        taskNo: [
+          { required: true, message: "任务编号不能为空", trigger: ["blur", "change"] }
+        ],
+        taskName: [
+          { required: true, message: "请填写任务名称", trigger: ["blur", "change"] }
+        ],
+        industry: [
+          { required: true, message: "所属行业不能为空", trigger: ["blur", "change"] }
+        ],
+        companyId: [
+          { required: true, message: "请选择发起企业", trigger: ["blur", "change"] }
+        ],
+        taxCompanyId: [
+          { required: true, message: "请选择代发企业", trigger: ["blur", "change"] }
+        ],
+      }
+    }
+  },
+  created() {
+    this.getAllCompany();
+  },
+  methods: {
+    getAllCompany() {
+      const queryParams = {
+        bindType: 1
+      }
+      listAllCompanyInfo(queryParams).then(resp => {
+        this.applyCompanyList = resp.data
+      })
+    },
+    queryTaxCompanyList(applyCompanyId) {
+      const queryParams = {
+        inviterId: applyCompanyId,
+        signStatus: 2,
+        pageNum: 1,
+        pageSize: 1000
+      }
+      laborSign(queryParams).then(response => {
+        if (!response.total) {
+          return this.$modal.msgError("该企业未签约，无法发布任务");
+        }
+        this.taxCompanyList = response.rows;
+      })
+    },
+    handleClose() {
+      const obj = { path: "/onlineTaskInfo" };
+      this.$tab.closeOpenPage(obj);
+    },
+    changeServiceTime(val) {
+      this.form.serviceTime = val[0] + '~' + val[1];
+      this.form.serviceTimeStart = val[0];
+      this.form.serviceTimeEnd = val[1];
+    },
+    applyCompanyChange(val) {
+      this.form.taxCompanySignId = null
+      this.form.companyInvoice = {};
+      const company = this.applyCompanyList.find(item => item.id === val)
+      this.form.companyName = company.companyName;
+      this.queryTaxCompanyList(val);
+    },
+    taxCompanyChange(val) {
+      this.form.taxCompanyInvoice = {};
+      const taxUnit = this.taxCompanyList.find(item => item.taxUnitId === val)
+      this.form.taxCompanyName = taxUnit.taxUnitName;
+      this.form.taskNo = this.generateTimeCodeWithRandom();
+    },
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (!valid) return;
+        addOnlineTaskInfo(this.form).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.handleClose()
+        });
+      })
+    },
+    generateTimeCodeWithRandom() {
+      const timePart = this.generateTimeCode(); // 复用基础时间编码
+      const random = Math.floor(Math.random() * 1000).toString().padStart(3, '0');
+      return `${timePart}${random}`;
+    },
+    generateTimeCode() {
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, '0'); // 补零
+      const date = String(now.getDate()).padStart(2, '0');
+      const hours = String(now.getHours()).padStart(2, '0');
+      const minutes = String(now.getMinutes()).padStart(2, '0');
+      const seconds = String(now.getSeconds()).padStart(2, '0');
+      return `${year}${month}${date}${hours}${minutes}${seconds}`;
+    },
+  }
+};
+</script>

src/views/business/onlineTaskInfo/index.vue

@@ -59,8 +59,8 @@
 
     <el-table :data="onlineTaskInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="任务编号" align="center" prop="taskNo"/>
-      <el-table-column label="任务名称" align="center" prop="taskName" />
+      <el-table-column label="任务编号" align="center" prop="taskNo" fixed="left"/>
+      <el-table-column label="任务名称" align="center" prop="taskName" fixed="left" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.task_status" :value="scope.row.status" />
@@ -84,7 +84,7 @@
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
         <template slot-scope="scope">
           <el-button v-if="scope.row.status == 0 && checkPermi(['business:onlineTaskInfo:recived'])"
              size="mini" type="text" icon="el-icon-s-order" @click="setTaxRate(scope.row)">设置税率</el-button>
@@ -146,7 +146,7 @@
           </el-form-item>
           <el-form-item label="代发企业" prop="taxCompanyId">
             <el-select v-model="form.taxCompanyId" placeholder="请选择代发企业" clearable @change="taxCompanyChange">
-              <el-option v-for="item in taxCompanyList" :key="item.id" :label="item.taxUnitName" :value="item.id"></el-option>
+              <el-option v-for="item in taxCompanyList" :key="item.id" :label="item.taxUnitName" :value="item.taxUnitId"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="任务金额" prop="amount">
@@ -477,10 +477,6 @@ export default {
       listCompanyInfo(queryParams).then(response => {
         if (bindType == 1) {
           this.applyCompanyList = response.rows;
-        } else if (bindType == 2) {
-          this.taxCompanyList = response.rows;
-          // console.log('返回的企业信息', this.taxCompanyList);
-
         }
         this.loading = false;
       });
@@ -579,10 +575,11 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      this.form.taskNo = this.generateTimeCodeWithRandom();
-      this.open = true;
-      this.title = "添加线上任务信息";
+      this.$router.push({ path: '/business/createOnlineTask' })
+      // this.reset();
+      // this.form.taskNo = this.generateTimeCodeWithRandom();
+      // this.open = true;
+      // this.title = "添加线上任务信息";
     },
     /** 确认任务合同 */
     sealContract(row) {
@@ -683,15 +680,8 @@ export default {
     //销售方选择
     taxCompanyChange(val) {
       this.form.taxCompanyInvoice = {};
-      this.taxCompanyList.forEach(item => {
-        if (item.id == val) {
-          this.form.taxCompanyId = item.taxUnitId;
-          this.form.taxCompanyName = item.taxUnitName;
-          // console.log('当前选择的代发企业id', val);
-          this.$forceUpdate()
-
-        }
-      })
+      const taxUnit = this.taxCompanyList.find(item => item.taxUnitId === val)
+      this.form.taxCompanyName = taxUnit.taxUnitName;
     },
     changeServiceTime(val) {
       this.form.serviceTime = val[0] + '~' + val[1];
@@ -791,12 +781,14 @@ export default {
       this.payVisible = true;
       this.onlineTaskId = row.id;
       this.batchPayName = "线上发包任务-" + row.taskName + "-" + row.id;
-      console.log(this.batchPayName)
     },
     // 跳转到批量到支付宝
     toLinkAlipay() {
-      console.log(this.batchPayName)
-      this.$router.push({ path: "/transfer/batchToAli", query: { batchPayName: this.batchPayName, onlineTaskId: this.onlineTaskId } });
+      // this.$router.push({ path: "/transfer/batchToAli", query: { batchPayName: this.batchPayName, onlineTaskId: this.onlineTaskId } });
+      // this.payVisible = false
+      this.$router.push({ path: "/transfer/taskPayToAli",
+        query: { taskId: this.onlineTaskId }
+      });
       this.payVisible = false
     },
     // 跳转到批量到银行卡

src/views/business/onlineTaskInfo/taskPayToAli.vue

+<template>
+  <div class="app-container">
+    <el-page-header @back="handleClose" :content="pageHeader" />
+    <el-descriptions title="" style="margin-top: 15px" :column="6">
+      <el-descriptions-item label="任务编号">{{ pageRemark.taskNo }}</el-descriptions-item>
+      <el-descriptions-item label="任务状态" :span="5" :contentStyle="pageRemark.statusClassRuing">
+        {{ pageRemark.taskStatusDesc }}
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+
+import {signAccList} from "@/api/business/accInfo";
+import {getOnlineTaskInfo} from "@/api/business/onlineTaskInfo";
+
+export default {
+  name: "taskPayToAli",
+  dicts: ['task_status'],
+  data() {
+    return {
+      onlineTaskId: null,
+      pageHeader: '',
+      pageRemark: {
+        taskNo: '',
+        taskStatusDesc: '',
+        statusClassRuing: {}
+      },
+      payerAccList: []
+    }
+  },
+  watch: {
+    $route(route) {
+      this.pageInit()
+    }
+  },
+  created() {
+    this.pageInit()
+  },
+  methods: {
+    handleClose() {
+      const obj = { path: "/onlineTaskInfo" };
+      this.$tab.closeOpenPage(obj);
+    },
+    // 页面初始化
+    async pageInit() {
+      this.onlineTaskId = this.$route.query.taskId
+      if (!this.onlineTaskId) {
+        return this.$modal.msgWarning("操作异常")
+      }
+      this.$modal.loading()
+      let companyId, taxUnitId;
+      try {
+        await getOnlineTaskInfo(this.onlineTaskId).then(resp => {
+          this.pageHeader = resp['data']['taskName']
+          this.pageRemark.taskNo = resp['data']['taskNo']
+          if (resp['data']['status'] === 21) {
+            this.pageRemark.statusClassRuing = {
+              'color': 'rgb(103, 194, 58)'
+            }
+          }
+          const taskStatus = this.dict.type['task_status'].find(item => item.value == resp.data['status'])
+          this.pageRemark.taskStatusDesc = taskStatus.label
+          companyId = resp['data']['companyId']
+          taxUnitId = resp['data']['taxCompanyId']
+        })
+        if (companyId && taxUnitId) {
+          await signAccList(taxUnitId, companyId).then(resp => {
+            this.payerAccList = resp.data
+          })
+        }
+      } finally {
+        this.$modal.closeLoading()
+      }
+    }
+  }
+
+};
+</script>

src/views/business/payChannel/channelParams.vue

+<template>
+  <div class="app-container">
+    <el-page-header @back="handleClose" :content="channelInfo.channelName"/>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="所属通道" prop="payChannelId">
+        <el-input
+          v-model="queryParams.payChannelId"
+          placeholder="请输入所属通道"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="参数键" prop="paramsKey">
+        <el-input
+          v-model="queryParams.paramsKey"
+          placeholder="请输入参数键"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="参数名" prop="paramsName">
+        <el-input
+          v-model="queryParams.paramsName"
+          placeholder="请输入参数名"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="所属部门" prop="deptId">
+        <el-input
+          v-model="queryParams.deptId"
+          placeholder="请输入所属部门"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-descriptions title="" style="margin-top: 15px" :column="6">
+      <el-descriptions-item label="通道编码">{{ channelInfo.channelCode }}</el-descriptions-item>
+      <el-descriptions-item label="通道状态">
+        <el-tag type="success" v-if="channelInfo.status === 1">启用</el-tag>
+        <el-tag type="info" v-else>禁用</el-tag>
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-divider><i class="el-icon-s-grid"></i></el-divider>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['business:payChannelParams:add']"
+        >新增</el-button>
+      </el-col>
+    </el-row>
+    <el-table v-loading="loading" :data="payChannelParamsList">
+      <el-table-column label="参数名" align="center" prop="paramsName">
+        <template slot-scope="scope">
+          <el-popover placement="right-end" trigger="hover"
+            title="参数说明" width="500"
+            @show="showPopover(scope.row.paramsKey)"
+            :content="popover.content">
+            <el-button slot="reference">{{ scope.row.paramsName }}</el-button>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column label="参数键" align="center" prop="paramsKey" />
+      <el-table-column label="所属通道" align="center" prop="payChannelId">
+        <template slot-scope="scope">
+          <div>{{ scope.row.channelName }}</div>
+          <div>{{ scope.row.channelCode }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" align="center">
+        <template slot-scope="scope">
+          <el-switch
+            v-model="scope.row.isNormal"
+            :active-value="1"
+            :inactive-value="2"
+            @change="handleStatusChange(scope.row)"
+          ></el-switch>
+        </template>
+      </el-table-column>
+    </el-table>
+
+
+    <!-- 添加通道相关参数对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-table v-loading="loading" :data="waitList" :header-cell-style="{display:'none'}">
+        <el-table-column label="可用参数" align="left" prop="remark">
+          <template slot-scope="scope">
+            <div style="font-size: 14px; font-weight: 800">{{ scope.row.label }}</div>
+            {{ scope.row.raw.remark }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="80">
+          <template slot-scope="scope">
+            <el-button style="margin-top: 15px"
+                       type="primary" size="mini"
+                       icon="el-icon-plus" :circle="true"
+                        @click="addForm(scope.row)"/>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">关 闭</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import {
+  addPayChannelParams,
+  updatePayChannelParams,
+  listAllPayChannelParams
+} from "@/api/business/payChannelParams";
+import {getPayChannel} from "@/api/business/payChannel";
+
+export default {
+  name: "PayChannelParams",
+  dicts: ['sys_pay_channel_params'],
+  data() {
+    return {
+      popover: {
+        content: '',
+      },
+      // 根路径
+      baseURL: process.env.VUE_APP_BASE_API,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 通道相关参数表格数据
+      payChannelParamsList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        payChannelId: null,
+        paramsKey: null,
+        paramsName: null,
+        deptId: null,
+      },
+      // 表单参数
+      form: {},
+      channelInfo: {},
+      waitList: [],
+      paramsRemarkMap: null
+    };
+  },
+  watch: {
+    $route(route) {
+      this.queryParams.payChannelId = this.$route.query.channelId
+      this.getChannelInfo();
+      this.getList();
+    }
+  },
+  created() {
+    this.queryParams.payChannelId = this.$route.query.channelId
+    this.getChannelInfo();
+    this.getList();
+  },
+  methods: {
+    showPopover(paramsKey) {
+      const params = this.dict.type.sys_pay_channel_params.find(item => item.value === paramsKey)
+      this.popover.content = params.raw.remark
+    },
+    getChannelInfo() {
+      getPayChannel(this.queryParams.payChannelId).then(resp => {
+        this.channelInfo = resp.data
+      });
+    },
+    /** 查询通道相关参数列表 */
+    getList() {
+      this.loading = true;
+      listAllPayChannelParams(this.queryParams).then(response => {
+        this.payChannelParamsList = response.data;
+        this.loading = false
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        payChannelId: null,
+        paramsKey: null,
+        paramsName: null,
+        deptId: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.form.payChannelId = this.queryParams.payChannelId
+      this.waitList = this.dict.type.sys_pay_channel_params
+        .filter(ele => !this.payChannelParamsList.some(item => item.paramsKey === ele.value));
+      this.open = true;
+      this.title = "添加通道可控参数";
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updatePayChannelParams(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addPayChannelParams(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 返回按钮操作 */
+    handleClose() {
+      const obj = { path: "/system/payChannel" };
+      this.$tab.closeOpenPage(obj);
+    },
+    handleStatusChange(row) {
+      const _this = this;
+      let text = row.isNormal === 1 ? "启用" : "停用";
+      _this.$modal.confirm('确认要"' + text + '""' + row.paramsName + '"参数吗？').then(function() {
+        const updateForm = {
+          id: row.id,
+          isNormal: row.isNormal
+        }
+        updatePayChannelParams(updateForm).then(response => {
+          _this.getList()
+        });
+      }).then(() => {
+        this.$modal.msgSuccess(text + "成功");
+      }).catch(function() {
+        row.isNormal = row.isNormal === 1 ? 2 : 1;
+      });
+    },
+    addForm(row) {
+      this.$confirm('是否确认添加参数[' + row.label + ']？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.form.paramsKey = row.value;
+        this.form.paramsName = row.label;
+        addPayChannelParams(this.form).then(response => {
+          this.$modal.msgSuccess("操作成功");
+          this.open = false;
+          this.getList();
+        });
+      }).catch(() => { });
+    }
+  }
+};
+</script>
+<style type="text/css">
+.el-button.is-circle {
+  border-radius: 50% !important;
+}
+@layer utilities {
+  .content-auto {
+    content-visibility: auto;
+  }
+  .custom-tooltip {
+    max-width: 300px !important;
+  }
+}
+</style>

src/views/business/payChannel/index.vue

@@ -56,17 +56,17 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            icon="el-icon-cpu"
+            @click="bindParams(scope.row)"
             v-hasPermi="['business:payChannel:edit']"
-          >修改</el-button>
+          >可控参数</el-button>
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['business:payChannel:remove']"
-          >删除</el-button>
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['business:payChannel:edit']"
+          >修改</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -262,6 +262,11 @@ export default {
         row.status = row.status === 2 ? 1 : 2;
       });
     },
+    bindParams(row) {
+      this.$router.push({ path: '/business/payChannel/customizeParams', query: {
+          channelId: row.id
+        } })
+    }
   }
 };
 </script>

src/views/business/taxUnit/index.vue

@@ -80,6 +80,7 @@
           </el-switch>
         </template>
       </el-table-column>
+      <el-table-column label="归属部门" align="center" prop="deptName" v-if="tableFiledDeptName"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -142,12 +143,14 @@
 <script>
 import { listUnitInfo, delUnitInfo, getUnitTaxCategories, updateUnitInfo } from '@/api/business/unitInfo';
 import {makeSealPreCheck} from "@/api/business/sealCompanyInfo";
+import auth from "@/plugins/auth";
 
 export default {
   name: 'UnitInfo',
   dicts: ['tax_invoice_status', 'tax_invoice_type', 'unit_business_type'],
   data() {
     return {
+      tableFiledDeptName: auth.hasPermi('business:companyPayChannel:station'),
       taxCategoryPanel: {
         title: '支持的税收分类编码列表',
         open: false,