Skip to content

薪
薪瑞通-前端
Commit df51e369 authored by 许珑标's avatar 许珑标
Browse files
Options

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

parent 16e6540f
Show whitespace changes
Inline Side-by-side
Showing with 631 additions and 35 deletions
src/api/business/accInfo.js
View file @ df51e369
......@@ -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 0 → 100644
View file @ df51e369
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
View file @ df51e369
......@@ -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 0 → 100644
View file @ df51e369
<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
View file @ df51e369
......@@ -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 0 → 100644
View file @ df51e369
<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 0 → 100644
View file @ df51e369
<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
View file @ df51e369
......@@ -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
View file @ df51e369
......@@ -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,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment