Skip to content

薪
薪瑞通-前端
Commit c184e342 authored by 谢子梦's avatar 谢子梦
Browse files
Options

stage：文档3.3.2

parent 8a865ce7
Show whitespace changes
Inline Side-by-side
Showing with 390 additions and 73 deletions
src/views/business/salaryAccount/extAccServieCharge.vue
View file @ c184e342
...@@ -14,14 +14,14 @@ ...@@ -14,14 +14,14 @@
<el-col :span="12"> <el-col :span="12">
<div class="ownRechargeMain"> <div class="ownRechargeMain">
<img class="ownRechargeImage" src="@/assets/images/zfb.png" alt=""> <img class="ownRechargeImage" src="@/assets/images/zfb.png" alt="">
<el-button class="ownRechargeButton" <div class="ownRechargeButton"
@click="rechargeCoursePanelDialog = false; aliQRCodeRechargeOpen = true">直属账户充值</el-button> @click="rechargeCoursePanelDialog = false; aliQRCodeRechargeOpen = true">直属账户充值</div>
</div> </div>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="ownRechargeMain"> <div class="ownRechargeMain">
<img class="ownRechargeImage" src="@/assets/images/xianxia.png" alt=""> <img class="ownRechargeImage" src="@/assets/images/xianxia.png" alt="">
<el-button class="ownRechargeButton" @click="offlineRecharge">线下充值</el-button> <div class="ownRechargeButton" @click="offlineRecharge">线下充值</div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -310,4 +310,14 @@ export default { ...@@ -310,4 +310,14 @@ export default {
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
\ No newline at end of file .ownRechargeButton {
text-align: center;
border-radius: 1px;
border: 1px solid #DCDFE6;
line-height: 28px;
height: 28px;
font-size: 12px;
display: inline-block;
}
</style>
\ No newline at end of file
src/views/business/salaryAccount/index.vue
View file @ c184e342
...@@ -1075,10 +1075,10 @@ export default { ...@@ -1075,10 +1075,10 @@ export default {
height: 100px; height: 100px;
} }
.ownRechargeButton { // .ownRechargeButton {
width: 32%; // width: 32%;
border-radius: 16px; // border-radius: 16px;
} // }
} }
} }
</style> </style>
src/views/business/unitRechargeBank/accountInformation.vue
View file @ c184e342
<template> <template>
<div class="accountInformation"> <div class="accountInformation">
<h3 class="headline">招商银行</h3> <h3 class="headline">招商银行
<span v-if="!proxy_recharge_cmb.isNormal" class="functionDisabled">（该功能暂不可用）</span>
</h3>
<p class="subheading">招商银行入账，是通过监控代发企业招商银行账户俩帐来判断入账，需用工企业设置打款账号，代发企业设置收款账户，代管企业设置后需进行托管。</p> <p class="subheading">招商银行入账，是通过监控代发企业招商银行账户俩帐来判断入账，需用工企业设置打款账号，代发企业设置收款账户，代管企业设置后需进行托管。</p>
<div style="margin-bottom: 12px;"> <div style="margin-bottom: 12px;">
<el-radio @change="proxyChange" v-model="proxy_recharge_cmb.paramsVal" <el-radio @change="proxyChange" v-model="proxy_recharge_cmb.paramsVal"
:disabled="!proxy_recharge_cmb.isNormal" label="false">关闭</el-radio> :disabled="!proxy_recharge_cmb.isNormal || !isProxy" label="false">关闭</el-radio>
<el-radio @change="proxyChange" v-model="proxy_recharge_cmb.paramsVal" <el-radio @change="proxyChange" v-model="proxy_recharge_cmb.paramsVal"
:disabled="!proxy_recharge_cmb.isNormal" label="true">开启</el-radio> :disabled="!proxy_recharge_cmb.isNormal || !isProxy" label="true">开启</el-radio>
</div> </div>
<p class="subheading" v-if="!proxy_recharge_cmb.isNormal"> <p class="subheading" v-if="!proxy_recharge_cmb.isNormal">
代发企业收款信息 代发企业收款信息
...@@ -84,7 +86,9 @@ ...@@ -84,7 +86,9 @@
}}</el-button> }}</el-button>
</div> </div>
<!-- --> <!-- -->
<h3 class="headline">账本转账本</h3> <h3 class="headline">账本转账本
<span v-if="!alipay_book_recharge.isNormal" class="functionDisabled">（该功能暂不可用）</span>
</h3>
<p class="subheading">账本转账本入账，是通过用工企业支付宝账本转入至代发企业为用工企业开通的专属支付宝账本，该入账方式需用工企业开通支付宝账本。</p> <p class="subheading">账本转账本入账，是通过用工企业支付宝账本转入至代发企业为用工企业开通的专属支付宝账本，该入账方式需用工企业开通支付宝账本。</p>
<div> <div>
<el-radio @chage="alipayChange" v-model="alipay_book_recharge.paramsVal" <el-radio @chage="alipayChange" v-model="alipay_book_recharge.paramsVal"
...@@ -93,7 +97,9 @@ ...@@ -93,7 +97,9 @@
:disabled="!alipay_book_recharge.isNormal" label="true">开启</el-radio> :disabled="!alipay_book_recharge.isNormal" label="true">开启</el-radio>
</div> </div>
<!-- --> <!-- -->
<h3 class="headline">异名转账</h3> <h3 class="headline">异名转账
<span v-if="!anonymous_recharge.isNormal" class="functionDisabled">（该功能暂不可用）</span>
</h3>
<p class="subheading">异名转账，是将入账信息报备至平台方，由平台方向支付宝提交申请，支付宝许可后，用工企业可直接转账至代发企业支付宝账本。</p> <p class="subheading">异名转账，是将入账信息报备至平台方，由平台方向支付宝提交申请，支付宝许可后，用工企业可直接转账至代发企业支付宝账本。</p>
<div> <div>
<el-radio @change="anonymousChange" v-model="anonymous_recharge.paramsVal" <el-radio @change="anonymousChange" v-model="anonymous_recharge.paramsVal"
...@@ -153,7 +159,8 @@ export default { ...@@ -153,7 +159,8 @@ export default {
bankName: '', bankName: '',
branchName: '', branchName: '',
location: '', location: '',
bankNumber: '' bankNumber: '',
bankIdx: 'proxy_recharge_cmb',
} }
}, },
// 账本充值参数 // 账本充值参数
...@@ -177,7 +184,6 @@ export default { ...@@ -177,7 +184,6 @@ export default {
watch: { watch: {
'$route.query.id'(newValue) { '$route.query.id'(newValue) {
if (newValue) { if (newValue) {
this.paymentChannelID = newValue
this.getChannelConfiguration() this.getChannelConfiguration()
} }
}, },
...@@ -185,9 +191,26 @@ export default { ...@@ -185,9 +191,26 @@ export default {
methods: { methods: {
// 异名转账本信息变化时执行 // 异名转账本信息变化时执行
anonymousChange() { anonymousChange() {
let msgTitle = ''
let msgSuccess = ''
let msgError = ''
if (this.anonymous_recharge.paramsVal == 'true') {
msgTitle = '你确定要开启异名转账吗？'
msgSuccess = '开启异名转账成功'
msgError = '已取消开启异名转账'
} else if (this.anonymous_recharge.paramsVal == 'false') {
msgTitle = '你确定要关闭异名转账吗？'
msgSuccess = '关闭异名转账成功'
msgError = '已取消关闭异名转账'
}
this.$confirm(msgTitle, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateChannelParamAPI({ ...this.anonymous_recharge, companyPayChannelId: this.$route.query.id }).then(res => { updateChannelParamAPI({ ...this.anonymous_recharge, companyPayChannelId: this.$route.query.id }).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess(msgSuccess)
} else { } else {
switch (this.anonymous_recharge.paramsVal) { switch (this.anonymous_recharge.paramsVal) {
case 'false': case 'false':
...@@ -199,12 +222,43 @@ export default { ...@@ -199,12 +222,43 @@ export default {
} }
} }
}) })
}).catch(() => {
switch (this.anonymous_recharge.paramsVal) {
case 'false':
this.anonymous_recharge.paramsVal = 'true'
break;
case 'true':
this.anonymous_recharge.paramsVal = 'false'
break;
}
this.$message({
type: 'info',
message: msgError
});
});
}, },
// 账本转账本信息变化时执行 // 账本转账本信息变化时执行
alipayChange() { alipayChange() {
let msgTitle = ''
let msgSuccess = ''
let msgError = ''
if (this.alipay_book_recharge.paramsVal == 'true') {
msgTitle = '你确定要开启账本转账本吗？'
msgSuccess = '开启账本转账本成功'
msgError = '已取消开启账本转账本'
} else if (this.alipay_book_recharge.paramsVal == 'false') {
msgTitle = '你确定要关闭账本转账本吗？'
msgSuccess = '关闭账本转账本成功'
msgError = '已取消关闭账本转账本'
}
this.$confirm(msgTitle, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateChannelParamAPI({ ...this.alipay_book_recharge, companyPayChannelId: this.$route.query.id }).then(res => { updateChannelParamAPI({ ...this.alipay_book_recharge, companyPayChannelId: this.$route.query.id }).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess(msgSuccess)
} else { } else {
switch (this.alipay_book_recharge.paramsVal) { switch (this.alipay_book_recharge.paramsVal) {
case 'false': case 'false':
...@@ -216,12 +270,43 @@ export default { ...@@ -216,12 +270,43 @@ export default {
} }
} }
}) })
}).catch(() => {
switch (this.alipay_book_recharge.paramsVal) {
case 'false':
this.alipay_book_recharge.paramsVal = 'true'
break;
case 'true':
this.alipay_book_recharge.paramsVal = 'false'
break;
}
this.$message({
type: 'info',
message: msgError
});
});
}, },
// 招行账户信息变化执行 // 招行账户信息变化执行
proxyChange() { proxyChange() {
let msgTitle = ''
let msgSuccess = ''
let msgError = ''
if (this.proxy_recharge_cmb.paramsVal == 'true') {
msgTitle = '你确定要开启招商银行吗？'
msgSuccess = '开启招商银行成功'
msgError = '已取消开启招商银行'
} else if (this.proxy_recharge_cmb.paramsVal == 'false') {
msgTitle = '你确定要关闭招商银行吗？'
msgSuccess = '关闭招商银行成功'
msgError = '已取消关闭招商银行'
}
this.$confirm(msgTitle, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateChannelParamAPI({ ...this.proxy_recharge_cmb, companyPayChannelId: this.$route.query.id }).then(res => { updateChannelParamAPI({ ...this.proxy_recharge_cmb, companyPayChannelId: this.$route.query.id }).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess(msgSuccess)
} else { } else {
switch (this.proxy_recharge_cmb.paramsVal) { switch (this.proxy_recharge_cmb.paramsVal) {
case 'false': case 'false':
...@@ -233,6 +318,20 @@ export default { ...@@ -233,6 +318,20 @@ export default {
} }
} }
}) })
}).catch(() => {
switch (this.proxy_recharge_cmb.paramsVal) {
case 'false':
this.proxy_recharge_cmb.paramsVal = 'true'
break;
case 'true':
this.proxy_recharge_cmb.paramsVal = 'false'
break;
}
this.$message({
type: 'info',
message: msgError
});
});
}, },
// 修改招行信息 // 修改招行信息
offlineRecharge() { offlineRecharge() {
...@@ -291,6 +390,17 @@ export default { ...@@ -291,6 +390,17 @@ export default {
if (data) { if (data) {
this.proxy_recharge_cmb = data this.proxy_recharge_cmb = data
if (!this.proxy_recharge_cmb.paramsVal) this.proxy_recharge_cmb.paramsVal = 'false' if (!this.proxy_recharge_cmb.paramsVal) this.proxy_recharge_cmb.paramsVal = 'false'
if (!this.proxy_recharge_cmb.bankInfo) {
this.proxy_recharge_cmb.bankInfo = {
accountName: '',
accountNo: '',
bankName: '',
branchName: '',
location: '',
bankNumber: '',
bankIdx: 'proxy_recharge_cmb',
}
}
} else { } else {
this.proxy_recharge_cmb.paramsVal = 'false' this.proxy_recharge_cmb.paramsVal = 'false'
this.proxy_recharge_cmb.isNormal = false this.proxy_recharge_cmb.isNormal = false
...@@ -312,7 +422,7 @@ export default { ...@@ -312,7 +422,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.accountInformation ::v-deep { .accountInformation ::v-deep {
padding: 0px 22px; padding: 0px 22px 32px;
overflow: hidden; overflow: hidden;
.headline { .headline {
...@@ -321,6 +431,12 @@ export default { ...@@ -321,6 +431,12 @@ export default {
color: #000; color: #000;
margin-top: 48px; margin-top: 48px;
letter-spacing: 2px; letter-spacing: 2px;
.functionDisabled {
color: #f56c6c;
font-size: 12px;
margin-left: 2px;
}
} }
.headline:first-child { .headline:first-child {
......
src/views/business/unitRechargeBank/accountTax.vue
View file @ c184e342
<template> <template>
<!-- 税费开关 --> <!-- 税费开关 -->
<div class="accountTax"> <div class="accountTax">
<h3 class="headline">税费账户</h3> <h3 class="headline">税费账户
<span v-if="!tax_money_payee.isNormal" class="functionDisabled">（该功能暂不可用）</span>
</h3>
<p class="subheading">税费账户用于接收用工企业的税费，在用工企业下发时税费将自动转到此账户。</p> <p class="subheading">税费账户用于接收用工企业的税费，在用工企业下发时税费将自动转到此账户。</p>
<div style="margin-bottom: 12px;"> <div style="margin-bottom: 12px;">
<el-radio @change="taxChange" v-model="tax_money_payee.paramsVal" :disabled="!tax_money_payee.isNormal" <el-radio @change="taxChange" v-model="tax_money_payee.paramsVal"
label="false">关闭</el-radio> :disabled="!tax_money_payee.isNormal || !isProxy" label="false">关闭</el-radio>
<el-radio @change="taxChange" v-model="tax_money_payee.paramsVal" :disabled="!tax_money_payee.isNormal" <el-radio @change="taxChange" v-model="tax_money_payee.paramsVal"
label="true">开启</el-radio> :disabled="!tax_money_payee.isNormal || !isProxy" label="true">开启</el-radio>
</div>
<div class="operateProxyStyle">
<el-descriptions class="margin-top" style="width: 55vw;" :labelStyle="myLabel" :column="1" border
v-if="isProxy">
<el-descriptions-item>
<template slot="label">
账号名称
</template>
{{ tax_money_payee.bankInfo.accountName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
账户号码
</template>
{{ tax_money_payee.bankInfo.accountNo }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
开户行
</template>
{{ tax_money_payee.bankInfo.bankName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
开户支行
</template>
{{ tax_money_payee.bankInfo.branchName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联行号
</template>
{{ tax_money_payee.bankInfo.bankNumber }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
开户地
</template>
{{ tax_money_payee.bankInfo.location }}
</el-descriptions-item>
</el-descriptions>
<el-form :model="tax_money_payee.bankInfo" :rules="rules" ref="formRef" label-width="120px"
label-position="right" v-else>
<el-form-item label="账号名称" prop="accountName">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.accountName"
placeholder="请输入账号名称"></el-input>
</el-form-item>
<el-form-item label="账户号码" prop="accountNo">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.accountNo"
placeholder="请输入账户号码"></el-input>
</el-form-item>
<el-form-item label="开户行" prop="bankName">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.bankName"
placeholder="请输入开户行"></el-input>
</el-form-item>
<el-form-item label="开户支行" prop="branchName">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.branchName"
placeholder="请输入开户支行"></el-input>
</el-form-item>
<el-form-item label="联行号" prop="bankNumber">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.bankNumber"
placeholder="请输入联行号"></el-input>
</el-form-item>
<el-form-item label="开户地" prop="location">
<el-input style="width: calc(55vw - 120px);" v-model="tax_money_payee.bankInfo.location"
placeholder="请输入开户地"></el-input>
</el-form-item>
</el-form>
<el-button :style="{ marginBottom: isProxy ? '0px' : '18px' }"
v-if="tax_money_payee.isNormal && tax_money_payee.paramsVal == 'true'" type="primary"
class="operateProxyButton" @click="offlineRecharge">{{ isProxyTitle
}}</el-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -18,12 +92,48 @@ export default { ...@@ -18,12 +92,48 @@ export default {
name: 'AccountTax', name: 'AccountTax',
data() { data() {
return { return {
myLabel: {
width: '120px',
textAlign: 'left'
},
rules: {
accountName: [
{ required: true, message: '请输入账户名称', trigger: 'blur' }
],
accountNo: [
{ required: true, message: '请输入账户号码', trigger: 'blur' }
],
bankName: [
{ required: true, message: '请输入银行名称', trigger: 'blur' }
],
branchName: [
{ required: true, message: '请输入开户支行', trigger: 'blur' }
],
location: [
{ required: true, message: '请输入开户地址', trigger: 'blur' }
],
bankNumber: [{
required: true, message: '请输入联行号', trigger: 'blur'
}]
},
allParams: {}, allParams: {},
// 税收账户参数 // 税收账户参数
tax_money_payee: { tax_money_payee: {
paramsVal: 'false', paramsVal: 'false',
isNormal: false isNormal: false,
bankInfo: {
accountName: '',
accountNo: '',
bankName: '',
branchName: '',
location: '',
bankNumber: '',
bankIdx: 'tax_money_payee',
} }
},
// 修改充值参数线上隐藏
isProxy: true,
isProxyTitle: '修改',
} }
}, },
created() { created() {
...@@ -32,7 +142,6 @@ export default { ...@@ -32,7 +142,6 @@ export default {
watch: { watch: {
'$route.query.id'(newValue) { '$route.query.id'(newValue) {
if (newValue) { if (newValue) {
this.paymentChannelID = newValue
this.getChannelConfiguration() this.getChannelConfiguration()
} }
}, },
...@@ -41,10 +150,47 @@ export default { ...@@ -41,10 +150,47 @@ export default {
this.getChannelConfiguration() this.getChannelConfiguration()
}, },
methods: { methods: {
taxChange() { // 修改招行信息
offlineRecharge() {
if (this.isProxy) {
this.isProxy = false
this.isProxyTitle = '保存'
} else {
this.$refs.formRef.validate((valid) => {
if (valid) {
updateChannelParamAPI({ ...this.tax_money_payee, companyPayChannelId: this.$route.query.id }).then(res => { updateChannelParamAPI({ ...this.tax_money_payee, companyPayChannelId: this.$route.query.id }).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess('修改成功')
this.isProxy = true
this.isProxyTitle = '修改'
}
})
}
})
}
},
taxChange() {
let msgTitle = ''
let msgSuccess = ''
let msgError = ''
if (this.tax_money_payee.paramsVal == 'true') {
msgTitle = '你确定要开启税费账户吗？'
msgSuccess = '开启税费账户成功'
msgError = '已取消开启税费账户'
} else if (this.tax_money_payee.paramsVal == 'false') {
msgTitle = '你确定要关闭税费账户吗？'
msgSuccess = '关闭税费账户成功'
msgError = '已取消关闭税费账户'
}
this.$confirm(msgTitle, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateChannelParamAPI({ ...this.tax_money_payee, companyPayChannelId: this.$route.query.id }).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess(msgSuccess)
} else { } else {
switch (this.tax_money_payee.paramsVal) { switch (this.tax_money_payee.paramsVal) {
case 'false': case 'false':
...@@ -56,6 +202,21 @@ export default { ...@@ -56,6 +202,21 @@ export default {
} }
} }
}) })
}).catch(() => {
switch (this.tax_money_payee.paramsVal) {
case 'false':
this.tax_money_payee.paramsVal = 'true'
break;
case 'true':
this.tax_money_payee.paramsVal = 'false'
break;
}
this.$message({
type: 'info',
message: msgError
});
});
}, },
// 获取通道配置参数 // 获取通道配置参数
getChannelConfiguration() { getChannelConfiguration() {
...@@ -71,6 +232,17 @@ export default { ...@@ -71,6 +232,17 @@ export default {
if (data) { if (data) {
this.tax_money_payee = data this.tax_money_payee = data
if (!this.tax_money_payee.paramsVal) this.tax_money_payee.paramsVal = 'false' if (!this.tax_money_payee.paramsVal) this.tax_money_payee.paramsVal = 'false'
if (!this.tax_money_payee.bankInfo) {
this.tax_money_payee.bankInfo = {
accountName: '',
accountNo: '',
bankName: '',
branchName: '',
location: '',
bankNumber: '',
bankIdx: 'tax_money_payee',
}
}
} else { } else {
this.tax_money_payee.paramsVal = 'false' this.tax_money_payee.paramsVal = 'false'
this.tax_money_payee.isNormal = false this.tax_money_payee.isNormal = false
...@@ -83,7 +255,7 @@ export default { ...@@ -83,7 +255,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.accountTax ::v-deep { .accountTax ::v-deep {
padding: 0px 22px; padding: 0px 22px 32px;
overflow: hidden; overflow: hidden;
.headline { .headline {
...@@ -92,6 +264,12 @@ export default { ...@@ -92,6 +264,12 @@ export default {
color: #000; color: #000;
margin-top: 48px; margin-top: 48px;
letter-spacing: 2px; letter-spacing: 2px;
.functionDisabled {
color: #f56c6c;
font-size: 12px;
margin-left: 2px;
}
} }
.headline:first-child { .headline:first-child {
...@@ -102,5 +280,18 @@ export default { ...@@ -102,5 +280,18 @@ export default {
font-size: 14px; font-size: 14px;
color: #999; color: #999;
} }
.operateProxyStyle {
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 24px;
.operateProxyButton {
// margin-left: 240px;
letter-spacing: 2px;
// margin-bottom: 18px;
}
}
} }
</style> </style>
\ No newline at end of file
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