feat(txgs): 移除无用列

This commit is contained in:
woody 2025-04-22 11:32:59 +08:00
parent 304056eb48
commit 2baec9edf0
2 changed files with 157 additions and 166 deletions

View File

@ -3,85 +3,73 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:topList="topList" :top-list="topList"
:moren="moren" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="mini" class="thebtn1" @click="adddate()" <el-button
>{{'添加'}}</el-button size="mini"
> class="thebtn1"
@click="adddate()"
>{{ '添加' }}</el-button>
<el-button size="mini" class="thebtn2"> {{ '导出' }}</el-button> <el-button size="mini" class="thebtn2"> {{ '导出' }}</el-button>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
v-loading="loading"
height="750px" height="750px"
:data="tableData" :data="tableData"
v-loading="loading"
style="width: 100%" style="width: 100%"
:header-cell-style="{ background: '#eee' }" :header-cell-style="{ background: '#eee' }"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55"> </el-table-column> <el-table-column type="selection" width="55" />
<el-table-column align="center" prop="jxmc" :label="'国家'" width="180"> <el-table-column align="center" prop="jxmc" :label="'国家'" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="tem"> <div class="tem">
<img :src="scope.row.pkCountryIcon" alt="" /> <img :src="scope.row.pkCountryIcon" alt="">
<div>{{ scope.row.pkCountryName }}</div> <div>{{ scope.row.pkCountryName }}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="taxCycle" :label="'提现周期/月'"> <el-table-column align="center" prop="taxCycle" :label="'提现周期/月'" />
</el-table-column>
<el-table-column align="center" prop="lowerBoundUsa" :label="'个税下界'+'($)'"
:formatter="stateFormat">
</el-table-column>
<el-table-column align="center" prop="upperBoundUsa" :label="'个税上界'+'($)'"
:formatter="stateFormat">
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
:formatter="stateFormat" :formatter="stateFormat"
prop="lowerBound" prop="lowerBound"
:label="`${'个税下界'}(${getUser.currency.symbol})`" :label="`${'个税下界'}(${getUser.currency.symbol})`"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
:formatter="stateFormat" :formatter="stateFormat"
prop="upperBound" prop="upperBound"
:label="`${'个税上界'}(${getUser.currency.symbol})`" :label="`${'个税上界'}(${getUser.currency.symbol})`"
> />
</el-table-column> <el-table-column align="center" prop="ratio" :label="'个税扣除'+'(%)'" />
<el-table-column align="center" prop="ratio" :label="'个税扣除'+'(%)'"> <el-table-column align="center" prop="kouchuType" :label="'扣除类型'" />
</el-table-column> <el-table-column align="center" prop="effectiveDate" :label="'生效日期'" />
<el-table-column align="center" prop="kouchuType" :label="'扣除类型'"> <el-table-column align="center" prop="creationTime" :label="'创建日期'" width="200" />
</el-table-column>
<el-table-column align="center" prop="effectiveDate" :label="'生效日期'">
</el-table-column>
<el-table-column align="center" prop="creationTime" :label="'创建日期'" width="200">
</el-table-column>
<el-table-column align="center" prop="time" :label="'操作'" fixed="right" width="100"> <el-table-column align="center" prop="time" :label="'操作'" fixed="right" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click.native.prevent="update(scope.row)"
type="text" type="text"
size="small" size="small"
style="color: #6962F6" style="color: #6962F6"
class="button-s" class="button-s"
@click.native.prevent="update(scope.row)"
> >
{{ '修改' }} {{ '修改' }}
</el-button> </el-button>
<el-button <el-button
@click.native.prevent="deleteRow(scope.row)"
type="text" type="text"
size="small" size="small"
style="color: #c73030" style="color: #c73030"
class="button-s" class="button-s"
@click.native.prevent="deleteRow(scope.row)"
> >
{{ '删除' }} {{ '删除' }}
</el-button> </el-button>
@ -108,21 +96,22 @@
<el-row style="padding-bottom: 20px"> <el-row style="padding-bottom: 20px">
<el-col :span="7"> <el-col :span="7">
<el-form-item label="提现周期(月)" prop="taxCycle"> <el-form-item label="提现周期(月)" prop="taxCycle">
<el-input clearable <el-input
v-model="form.taxCycle" v-model="form.taxCycle"
clearable
placeholder="请输入提现周期(月)" placeholder="请输入提现周期(月)"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7" style="margin-left: 45px"> <el-col :span="7" style="margin-left: 45px">
<el-form-item :label="'扣除类型'" prop="serviceType"> <el-form-item :label="'扣除类型'" prop="serviceType">
<el-select clearable v-model="form.serviceType"> <el-select v-model="form.serviceType" clearable>
<el-option <el-option
v-for="item in cellTypeList" v-for="item in cellTypeList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -133,34 +122,36 @@
type="datetime" type="datetime"
:placeholder="'请选择'" :placeholder="'请选择'"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
> />
</el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-for="(item, i) in form.withdrawalTaxDetailsList" :key="i"> <el-row v-for="(item, i) in form.withdrawalTaxDetailsList" :key="i">
<el-col :span="7"> <el-col :span="7">
<el-form-item :label="`个税下界(${getUser.currency.symbol})`" prop="lowerBound"> <el-form-item :label="`个税下界(${getUser.currency.symbol})`" prop="lowerBound">
<el-input clearable <el-input
v-model="form.withdrawalTaxDetailsList[i].lowerBound" v-model="form.withdrawalTaxDetailsList[i].lowerBound"
clearable
:placeholder="`请输入个税下界(${getUser.currency.symbol})`" :placeholder="`请输入个税下界(${getUser.currency.symbol})`"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7" style="margin-left: 45px"> <el-col :span="7" style="margin-left: 45px">
<el-form-item :label="`个税上界(${getUser.currency.symbol})`" prop="upperBound"> <el-form-item :label="`个税上界(${getUser.currency.symbol})`" prop="upperBound">
<el-input clearable <el-input
v-model="form.withdrawalTaxDetailsList[i].upperBound" v-model="form.withdrawalTaxDetailsList[i].upperBound"
clearable
:placeholder="`请输入个税上界(${getUser.currency.symbol})`" :placeholder="`请输入个税上界(${getUser.currency.symbol})`"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7" style="margin-left: 25px"> <el-col :span="7" style="margin-left: 25px">
<el-form-item label="个税扣除(%)" prop="ratio"> <el-form-item label="个税扣除(%)" prop="ratio">
<el-input clearable <el-input
v-model="form.withdrawalTaxDetailsList[i].ratio" v-model="form.withdrawalTaxDetailsList[i].ratio"
clearable
placeholder="请输入个税扣除(%)" placeholder="请输入个税扣除(%)"
></el-input> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -170,12 +161,12 @@
circle circle
icon="el-icon-plus" icon="el-icon-plus"
@click="addList()" @click="addList()"
></el-button> />
<el-button <el-button
circle circle
icon="el-icon-minus" icon="el-icon-minus"
@click="subList()" @click="subList()"
></el-button> />
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
@ -188,57 +179,57 @@
</template> </template>
<script> <script>
import topBar from "@/components/topBar"; import topBar from '@/components/topBar'
import { userCountryList } from "@/api/user"; import { userCountryList } from '@/api/user'
import { getcellTypeList } from "@/api/bonus"; import { getcellTypeList } from '@/api/bonus'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { import {
getWithdrawalList, getWithdrawalList,
deleteWithdrawal, deleteWithdrawal,
saveWithdrawal, saveWithdrawal,
getOneWithdrawalList, getOneWithdrawalList
} from "@/api/configManage"; } from '@/api/configManage'
import {stateFormat} from "@/utils/numberToCurrency"; import { stateFormat } from '@/utils/numberToCurrency'
export default { export default {
name: "Txgs", name: 'Txgs',
components: { components: {
topBar, topBar
}, },
computed: { computed: {
...mapGetters(['getUser']), ...mapGetters(['getUser'])
}, },
data() { data() {
return { return {
moren: "txgs", moren: 'txgs',
topList: [ topList: [
{ {
name: '币种配置', name: '币种配置',
path: "bzpz", path: 'bzpz'
}, },
{ {
name: '消费配置', name: '消费配置',
path: "xfpz", path: 'xfpz'
}, },
{ {
name: '转账配置', name: '转账配置',
path: "zzpz", path: 'zzpz'
}, },
{ {
name: '提现配置', name: '提现配置',
path: "txpz", path: 'txpz'
}, },
{ {
name: '提现个税', name: '提现个税',
path: "txgs", path: 'txgs'
}, },
{ {
name: '提现手续费', name: '提现手续费',
path: "txsxf", path: 'txsxf'
}, },
{ {
name: '特殊消费', name: '特殊消费',
path: "specialMoney", path: 'specialMoney'
}, }
], ],
countryList: [], // countryList: [], //
tableData: [], tableData: [],
@ -246,72 +237,72 @@ export default {
total: 0, total: 0,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
ceshiList: [ ceshiList: [
{ {
value: 1, value: 1,
label: "1月", label: '1月'
}, },
{ {
value: 2, value: 2,
label: "2月", label: '2月'
}, }
], ],
cellTypeList: [], // cellTypeList: [], //
updateShow: false, updateShow: false,
addOrEdit: "", // true false addOrEdit: '', // true false
updateTitle: "", updateTitle: '',
form: { form: {
serviceType: "", // serviceType: '', //
taxCycle: "", /// taxCycle: '', // /
effectiveDate: "", // effectiveDate: '', //
withdrawalTaxDetailsList: [ withdrawalTaxDetailsList: [
{ {
lowerBound: "", //() lowerBound: '', // ()
ratio: "", //() ratio: '', // ()
upperBound: "", //(%)} upperBound: '' // (%)}
}, }
], ]
}, },
rules: { rules: {
taxCycle: [ taxCycle: [
{ required: true,pattern:/^(1[0-2]|[1-9])$/, message: "请输入1-12月正整数", trigger: "blur" }, { required: true, pattern: /^(1[0-2]|[1-9])$/, message: '请输入1-12月正整数', trigger: 'blur' }
], ],
serviceType: [{ required: true, message: '请选择', trigger: "change" }], serviceType: [{ required: true, message: '请选择', trigger: 'change' }],
effectiveDate: [ effectiveDate: [
{ required: true, message: '请选择生效时间', trigger: "change" }, { required: true, message: '请选择生效时间', trigger: 'change' }
], ]
}, }
}; }
}, },
created() { created() {
this.getWithdrawalList(); this.getWithdrawalList()
this.userCountryList(); this.userCountryList()
this.getcellTypeList(); this.getcellTypeList()
}, },
methods: { methods: {
stateFormat, stateFormat,
// //
getcellTypeList() { getcellTypeList() {
getcellTypeList().then((res) => { getcellTypeList().then((res) => {
this.cellTypeList = res.data; this.cellTypeList = res.data
}); })
}, },
addList() { addList() {
this.form.withdrawalTaxDetailsList.push({ this.form.withdrawalTaxDetailsList.push({
lowerBound: "", lowerBound: '',
ratio: "", ratio: '',
upperBound: "", upperBound: ''
}); })
}, },
subList() { subList() {
this.form.withdrawalTaxDetailsList.pop(); this.form.withdrawalTaxDetailsList.pop()
}, },
handleClose() { handleClose() {
this.updateShow = false; this.updateShow = false
this.$refs["form"].clearValidate(); this.$refs['form'].clearValidate()
this.$refs["form"].resetFields(); this.$refs['form'].resetFields()
}, },
// //
onSubmit(formName) { onSubmit(formName) {
@ -319,21 +310,21 @@ export default {
if (valid) { if (valid) {
saveWithdrawal(this.form).then((res) => { saveWithdrawal(this.form).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.updateShow = false; this.updateShow = false
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: "success", type: 'success'
}); })
this.getWithdrawalList(); this.getWithdrawalList()
} else { } else {
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: "warning", type: 'warning'
}); })
} }
}); })
} }
}); })
}, },
// //
@ -344,54 +335,54 @@ export default {
res.rows.forEach((element) => { res.rows.forEach((element) => {
this.countryList.forEach((child) => { this.countryList.forEach((child) => {
if (element.pkCountry == child.pkCountry) { if (element.pkCountry == child.pkCountry) {
element.pkCountryName = child.name; element.pkCountryName = child.name
element.pkCountryIcon = child.nationalFlag2; element.pkCountryIcon = child.nationalFlag2
} }
}); })
this.cellTypeList.forEach((child2) => { this.cellTypeList.forEach((child2) => {
if (element.serviceType == child2.value) { if (element.serviceType == child2.value) {
element.kouchuType = child2.label element.kouchuType = child2.label
} }
}) })
}); })
this.tableData = res.rows; this.tableData = res.rows
this.total = res.total; this.total = res.total
this.loading = false this.loading = false
}); })
}, },
// //
adddate() { adddate() {
this.updateShow = true; this.updateShow = true
this.updateTitle = '添加'; this.updateTitle = '添加'
this.addOrEdit = true; this.addOrEdit = true
if (this.$refs.form) { if (this.$refs.form) {
this.$refs.form.clearValidate(); this.$refs.form.clearValidate()
this.$refs.form.resetFields(); this.$refs.form.resetFields()
this.form.pkId = null this.form.pkId = null
this.form.withdrawalTaxDetailsList = [ this.form.withdrawalTaxDetailsList = [
{ {
lowerBound: "", lowerBound: '',
ratio: "", ratio: '',
upperBound: "", upperBound: ''
}, }
]; ]
} }
}, },
// //
userCountryList() { userCountryList() {
userCountryList().then((res) => { userCountryList().then((res) => {
this.countryList = res.data; this.countryList = res.data
}); })
}, },
// //
update(row) { update(row) {
this.updateTitle = '修改'; this.updateTitle = '修改'
this.addOrEdit = false; this.addOrEdit = false
this.updateShow = true; this.updateShow = true
getOneWithdrawalList(row.pkId).then((res) => { getOneWithdrawalList(row.pkId).then((res) => {
this.form = res.data; this.form = res.data
}); })
}, },
// //
deleteRow(row) { deleteRow(row) {
@ -400,31 +391,31 @@ export default {
if (res.code == 200) { if (res.code == 200) {
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: "success", type: 'success'
}); })
this.getWithdrawalList(); this.getWithdrawalList()
} }
}); })
}); })
}, },
handleClose() { handleClose() {
this.updateShow = false; this.updateShow = false
this.$refs["form"].clearValidate(); this.$refs['form'].clearValidate()
this.$refs["form"].resetFields(); this.$refs['form'].resetFields()
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val
}, },
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) { if (rowIndex % 2 == 1) {
return "warning-row"; return 'warning-row'
} else if (rowIndex % 2 == 0) { } else if (rowIndex % 2 == 0) {
return "success-row"; return 'success-row'
}
return ''
}
}
} }
return "";
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -44,11 +44,11 @@ module.exports = {
}, },
proxy: { proxy: {
'/prod-api': { '/prod-api': {
target: 'http://localhost:8080/', target: 'http://t-mana.beida413.com/',
changeOrigin: true, changeOrigin: true
pathRewrite: { // pathRewrite: {
'^/prod-api': '' // '^/prod-api': ''
} // }
} }
} }
// before: require('./mock/mock-server.js') // before: require('./mock/mock-server.js')