Skip to content

S
saas-manage
Commit 95ba9bde by wusiyi
Options

feat: 新增收款账户管理页面

parent 4969e6d2
Showing with 1096 additions and 6 deletions
src/common/components/element-ui.js
...@@ -38,7 +38,10 @@ import { ...@@ -38,7 +38,10 @@ import {
CheckboxGroup, CheckboxGroup,
Divider, Divider,
Popover, Popover,
Upload Upload,
Descriptions,
DescriptionsItem,
InputNumber
} from 'element-ui' } from 'element-ui'
const components = [ const components = [
...@@ -76,7 +79,10 @@ const components = [ ...@@ -76,7 +79,10 @@ const components = [
ColorPicker, ColorPicker,
CheckboxGroup, CheckboxGroup,
Popover, Popover,
Upload Upload,
Descriptions,
DescriptionsItem,
InputNumber
] ]
export default { export default {
...@@ -89,11 +95,11 @@ export default { ...@@ -89,11 +95,11 @@ export default {
typeof message === 'string' typeof message === 'string'
? Message({ ? Message({
duration: 2500, duration: 2500,
message, message
}) })
: Message({ : Message({
duration: 2500, duration: 2500,
...message, ...message
}) })
Vue.prototype.$message.success = (message) => Vue.prototype.$message.success = (message) =>
typeof message === 'string' typeof message === 'string'
...@@ -115,5 +121,5 @@ export default { ...@@ -115,5 +121,5 @@ export default {
Vue.prototype.$alert = MessageBox.alert Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$prompt = MessageBox.prompt Vue.prototype.$prompt = MessageBox.prompt
}, }
} }
src/router/index.js
...@@ -116,6 +116,12 @@ const routes = [ ...@@ -116,6 +116,12 @@ const routes = [
meta: { title: '充值记录' } meta: { title: '充值记录' }
}, },
{ {
path: '/saas/user/base_proceeds_account',
component: () => import('@/views/user/baseProceedsAccount.vue'),
name: 'base_proceeds_account',
meta: { title: '收款账户管理' }
},
{
path: '/saas/logistics/transporters', path: '/saas/logistics/transporters',
component: () => import('@/views/system/transporters.vue'), component: () => import('@/views/system/transporters.vue'),
name: 'system_transporters', name: 'system_transporters',
......
src/views/home/navMenu.vue
...@@ -377,6 +377,14 @@ export default { ...@@ -377,6 +377,14 @@ export default {
children: [] children: []
}, },
{ {
id: 3,
path: '',
label: '收款账户管理',
icon: 'el-icon-s-finance',
index: '/saas/user/base_proceeds_account',
children: []
},
{
id: 2, id: 2,
path: '', path: '',
label: '充值记录', label: '充值记录',
......
src/views/system/sysSecuritySettings.vue
...@@ -486,7 +486,8 @@ export default { ...@@ -486,7 +486,8 @@ export default {
const res = await axios.post(url, { const res = await axios.post(url, {
...filteredForm, ...filteredForm,
checkType: this.currentMethod, checkType: this.currentMethod,
unbindType: this.currentTarget unbindType: this.currentTarget,
operateType: this.dialogTitle
}) })
if (res.code !== 200) throw new Error('操作失败') if (res.code !== 200) throw new Error('操作失败')
this.$message.success(message) this.$message.success(message)
......
src/views/user/baseProceedsAccount.vue 0 → 100644
<template>
<div class="recharge-record card">
<div class="search">
<CustomForm
:formConfig="queryformConfig"
v-model="queryFormData"
:isCustomButton="false"
:isFlex="false">
<template slot="btn">
<el-button type="primary" icon="el-icon-search" @click="search">
查询
</el-button>
<el-button
type="success"
icon="el-icon-plus"
@click="openAddDialog('add')">
新增
</el-button>
</template>
</CustomForm>
</div>
<div class="table_wrap" v-loading="loading">
<table-vue
:sourceData="sourceData"
ref="multipleTable"
:tableColumns="usersTableColumns"></table-vue>
</div>
<div class="pagination">
<el-pagination
layout="sizes, total, prev, pager, next, jumper"
background
:total="paginationOptions.total"
:page-size="paginationOptions.pageSize"
:current-page="paginationOptions.currentPage"
@size-change="sizeChange"
@current-change="onCurrentChange"></el-pagination>
</div>
<!-- 新增弹窗 -->
<el-dialog
:title="operateType"
:visible.sync="addDialog"
width="45%"
:close-on-click-modal="false">
<el-form
:model="addFormData"
:rules="addFormRules"
ref="addForm"
label-width="100px"
:inline="true"
size="mini">
<el-form-item label="账户名称" prop="name">
<el-input
v-model="addFormData.name"
placeholder="请输入账户名称"
clearable />
</el-form-item>
<el-form-item label="账号" prop="accountNumber">
<el-input
v-model="addFormData.accountNumber"
placeholder="请输入账号"
clearable />
</el-form-item>
<el-form-item label="绑定账户" prop="linkAccount">
<el-input
v-model="addFormData.linkAccount"
placeholder="请输入绑定账户"
clearable />
</el-form-item>
<el-form-item label="账户类型" prop="accountType">
<el-select
v-model="addFormData.accountType"
placeholder="请选择账户类型"
style="width: 100%">
<el-option
v-for="item in accountTypeList"
:key="item.code"
:label="item.remark"
:value="item.code"></el-option>
</el-select>
</el-form-item>
<el-form-item
label="银行卡开户行"
prop="openBank"
v-if="
addFormData.accountType === 'bank_transfer' ||
addFormData.accountType === 'xyk'
">
<el-input
v-model="addFormData.openBank"
placeholder="请输入开户行"
clearable />
</el-form-item>
<el-form-item label="收款方式" prop="receiverType">
<el-select
v-model="addFormData.receiverType"
placeholder="请选择收款方式"
style="width: 100%">
<el-option
v-for="item in receiverTypeList"
:key="item.code"
:label="item.remark"
:value="item.code"></el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" prop="currencyType">
<el-select
v-model="addFormData.currencyType"
placeholder="请选择币种"
style="width: 100%"
filterable>
<el-option
v-for="item in currencyTypeList"
:key="item.currencyCode"
:label="`${item.currencyName}(${item.currencyCode})`"
:value="item.currencyCode"></el-option>
</el-select>
</el-form-item>
<el-form-item label="日限额" prop="daySumLimited">
<el-input-number
:precision="2"
:min="0"
v-model="addFormData.daySumLimited"
placeholder="请输入日限额"
type="number" />
</el-form-item>
<el-form-item label="月限额" prop="monthlySumLimited">
<el-input-number
width="100%"
:precision="2"
:min="0"
v-model="addFormData.monthlySumLimited"
placeholder="请输入月限额"
type="number" />
</el-form-item>
<el-form-item label="主要业务" prop="operation">
<el-input
v-model="addFormData.operation"
placeholder="请输入主要业务"
clearable />
</el-form-item>
<el-form-item label="启用状态" prop="isEnable">
<el-switch
class="switchStyle"
:width="100"
v-model="addFormData.isEnable"
active-color="#67C23A"
inactive-color="#F56C6C"
active-text="启用"
inactive-text="禁用"></el-switch>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="default" @click="addDialog = false" size="small">
取消
</el-button>
<el-button type="primary" @click="addVarify" size="small">
下一步
</el-button>
</div>
</el-dialog>
<!-- 详情弹窗 -->
<el-dialog title="详情" :visible.sync="detailVisible" width="50%">
<el-descriptions
class="margin-top"
:column="3"
:labelStyle="{ width: '120px' }"
:contentStyle="{ width: '200px', textAlign: 'center' }"
border>
<el-descriptions-item label="账户名称">
{{ detailFormData.name }}
</el-descriptions-item>
<el-descriptions-item label="账号">
{{ detailFormData.accountNumber }}
</el-descriptions-item>
<el-descriptions-item label="绑定账户">
{{ detailFormData.linkAccount }}
</el-descriptions-item>
<el-descriptions-item
label="账户类型"
:contentStyle="{ textAlign: 'center' }">
{{
accountTypeList.find((i) => i.code === detailFormData.accountType)
?.remark
}}
</el-descriptions-item>
<el-descriptions-item label="银行卡开户行">
{{ detailFormData.openBank || '-' }}
</el-descriptions-item>
<el-descriptions-item label="收款方式">
{{
receiverTypeList.find((i) => i.code === detailFormData.receiverType)
?.remark
}}
</el-descriptions-item>
<el-descriptions-item
label="币种"
:contentStyle="{ textAlign: 'center' }">
{{
currencyTypeList.find(
(i) => i.currencyCode === detailFormData.currencyType
)?.currencyName +
'(' +
detailFormData.currencyType +
')'
}}
</el-descriptions-item>
<el-descriptions-item label="日限额">
{{ detailFormData.daySumLimited }}
</el-descriptions-item>
<el-descriptions-item label="月限额">
{{ detailFormData.monthlySumLimited }}
</el-descriptions-item>
<el-descriptions-item label="启用状态">
<el-tag type="success" size="small" v-if="detailFormData.isEnable">
启用
</el-tag>
<el-tag type="danger" size="small" v-else>禁用</el-tag>
</el-descriptions-item>
<el-descriptions-item label="主要业务" span="2">
{{ detailFormData.operation }}
</el-descriptions-item>
<el-descriptions-item label="创建时间">
{{ detailFormData.createTime }}
</el-descriptions-item>
<el-descriptions-item label="更新时间">
{{ detailFormData.updateTime }}
</el-descriptions-item>
<el-descriptions-item />
</el-descriptions>
</el-dialog>
<!-- 日志弹窗 -->
<el-dialog title="操作日志" :visible.sync="logVisible" width="700px">
<ul style="color: #333; font-size: 12px; height: 400px; overflow: auto">
<li
v-for="(item, index) in logFormData"
:key="index"
style="margin-bottom: 10px">
({{ index + 1 }})、{{ item.operateName + '：' + item.msg }}
</li>
</ul>
</el-dialog>
<!-- 安全验证弹窗 -->
<el-dialog
:title="operateType + '-安全验证'"
:visible.sync="securityVisible"
width="400px"
:close-on-click-modal="false"
class="confirm-dialog">
<el-form
:model="securityFormData"
:rules="securityFormRules"
ref="securityForm"
label-width="80px">
<el-form-item
v-if="currentMethod === 'phone'"
label="手机号"
prop="phone">
<el-input
v-model="securityFormData.phone"
placeholder="请输入手机号"
:disabled="true"
clearable
maxlength="11"
size="small" />
</el-form-item>
<el-form-item
v-if="currentMethod === 'mailbox'"
label="邮箱"
prop="mailbox">
<el-input
v-model="securityFormData.mailbox"
placeholder="请输入邮箱"
:disabled="true"
clearable
size="small" />
</el-form-item>
<el-form-item
v-if="currentMethod !== 'superPassword'"
label="验证码"
prop="code">
<div style="display: flex; align-items: center; gap: 10px">
<el-input
v-model="securityFormData.code"
placeholder="请输入验证码"
clearable
maxlength="6"
size="small" />
<el-button
size="small"
@click="sendVerificationCode"
:loading="countdownConfig[currentMethod]?.loading">
{{
countdownConfig[currentMethod]?.loading
? `${countdownConfig[currentMethod].countdown}s后重发`
: '发送验证码'
}}
</el-button>
</div>
</el-form-item>
<el-form-item
v-if="
currentMethod === 'superPassword' && securitySetting.superPassword
"
:label="'超级密码'"
prop="superPassword">
<el-input
v-model="securityFormData.superPassword"
:placeholder="'请输入超级密码'"
clearable
show-password
size="small" />
</el-form-item>
</el-form>
<el-divider>其他验证方式</el-divider>
<div class="check">
<el-button
icon="el-icon-mobile-phone"
type="warning"
size="small"
v-if="currentMethod !== 'phone' && securitySetting.phone"
@click="currentMethod = 'phone'"
style="width: 100%">
手机验证
</el-button>
<el-button
icon="el-icon-message"
type="success"
size="small"
v-if="currentMethod !== 'mailbox' && securitySetting.mailbox"
@click="currentMethod = 'mailbox'"
style="width: 100%">
邮箱验证
</el-button>
<el-button
icon="el-icon-lock"
type="info"
size="small"
v-if="
currentMethod !== 'superPassword' && securitySetting.superPassword
"
@click="currentMethod = 'superPassword'"
style="width: 100%">
超级密码验证
</el-button>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="securityVisible = false" size="small">
取消
</el-button>
<el-button type="primary" @click="submit" size="small">提交</el-button>
</div>
</el-dialog>
</div>
</template>
<script lang="jsx">
import axios from '../../common/api/axios'
import CustomForm from '@/common/components/base/CustomForm.vue'
import tableVue from '@/common/components/base/tableView.vue'
export default {
name: 'baseProceedsAccount',
components: {
tableVue,
CustomForm
},
data() {
const initialFormData = {
name: '',
accountNumber: '',
accountType: '',
linkAccount: '',
openBank: '',
receiverType: '',
currencyType: '',
daySumLimited: '',
monthlySumLimited: '',
operation: '',
isEnable: false
}
return {
select: '',
sourceData: [],
queryFormData: {},
queryformConfig: [
{
prop: 'timeRange',
type: 'datePicker',
dateType: 'datetimerange',
name: ' 提交时间',
attrs: {
'start-placeholder': '开始时间',
'end-placeholder': '结束时间',
'value-format': 'yyyy-MM-dd HH:mm:ss',
'default-time': ['00:00:00', '23:59:59']
}
},
{
prop: 'runStatus',
type: 'select',
name: '状态',
options: [
{ label: '进行中', value: 0 },
{ label: '完成', value: 1 },
{ label: '失败', value: 2 }
]
}
],
accountTypeList: [],
receiverTypeList: [],
currencyTypeList: [],
addDialog: false,
addFormData: { ...initialFormData }, // 使用初始化的表单数据
addFormRules: {
name: [
{ required: true, message: '请输入账户名称', trigger: 'change' }
],
accountNumber: [
{ required: true, message: '请输入账号', trigger: 'change' }
],
accountType: [
{ required: true, message: '请选择账户类型', trigger: 'change' }
],
linkAccount: [
{ required: true, message: '请输入绑定账户', trigger: 'blur' }
],
openBank: [
{ required: true, message: '请输入开户行', trigger: 'blur' }
],
receiverType: [
{ required: true, message: '请选择收款方式', trigger: 'change' }
],
currencyType: [
{ required: true, message: '请选择币种', trigger: 'change' }
],
daySumLimited: [
{ required: true, message: '请输入日限额', trigger: 'change' },
{ type: 'number', message: '日限额必须为数字', trigger: 'blur' },
{
validator: (rule, value, callback) => {
if (value <= 0) {
callback(new Error('日限额必须大于0'))
} else {
callback()
}
},
trigger: 'blur'
}
],
monthlySumLimited: [
{ required: true, message: '请输入月限额', trigger: 'change' },
{ type: 'number', message: '月限额必须为数字', trigger: 'blur' },
{
validator: (rule, value, callback) => {
if (value <= 0) {
callback(new Error('月限额必须大于0'))
} else {
callback()
}
},
trigger: 'blur'
}
],
operation: [
{ required: true, message: '请输入主要业务', trigger: 'change' }
],
isEnable: [
{ required: true, message: '请选择启用状态', trigger: 'change' }
]
},
detailVisible: false,
detailFormData: {},
logVisible: false,
logFormData: {},
formId: null,
paginationOptions: {
pageSize: 100,
currentPage: 1,
total: 0
},
details: [],
loading: false,
currentMethod: '',
type: '',
currentRow: null,
securityVisible: false,
securityFormData: {},
securitySetting: {},
securityFormRules: {
securityCode: [
{ required: true, message: '请输入安全验证码', trigger: 'blur' }
]
},
countdownConfig: {
phone: { countdown: 0, loading: false, timer: null },
mailbox: { countdown: 0, loading: false, timer: null }
}
}
},
async created() {
this.getList()
this.getAccountTypeList()
this.getReceiverTypeList()
this.getCurrencyTypeList()
this.getSecuritySetting()
},
computed: {
operateType() {
switch (this.type) {
case 'add':
return '新增收款账户'
case 'edit':
return '编辑收款账户'
case 'changeStatus':
return this.currentRow
? `${this.currentRow.isEnable ? '禁用' : '启用'}${
this.currentRow.name
}账户`
: ''
default:
return ''
}
},
usersTableColumns() {
return [
{
label: '启用状态',
key: 'isEnable',
width: '110',
render: (item) => (
<span>
<el-switch
class="switchStyle"
v-model={item.isEnable}
active-color="#67C23A"
inactive-color="#F56C6C"
active-text="启用"
inactive-text="禁用"
onChange={(e) => this.handleStatusChange(item, e)}></el-switch>
</span>
)
},
{
label: '账户名称',
key: 'name',
width: '150'
},
{
label: '账号',
key: 'accountNumber',
width: '250'
},
{
label: '绑定账户',
key: 'linkAccount',
width: '150'
},
{
label: '账户类型',
key: 'accountType',
width: '100',
render: (item) => {
return this.accountTypeList.find((i) => i.code === item.accountType)
?.remark
}
},
{
label: '银行卡开户行',
key: 'openBank',
width: '200'
},
{
label: '收款方式',
key: 'receiverType',
width: '80',
render: (item) => {
return this.receiverTypeList.find(
(i) => i.code === item.receiverType
)?.remark
}
},
{
label: '币种',
key: 'currencyType',
width: '130',
render: (item) => {
const i = this.currencyTypeList.find(
(i) => i.currencyCode === item.currencyType
)
return i ? i.currencyName + '(' + i.currencyCode + ')' : ''
}
},
{
label: '日限额',
key: 'daySumLimited',
width: '120'
},
{
label: '月限额',
key: 'monthlySumLimited',
width: '120'
},
{
label: '主要业务',
key: 'operation',
width: ''
},
{
label: '相关操作',
key: '',
fixed: 'right',
width: '100',
render: (item) => (
<div style="display: flex;align-items: center; justify-content: space-around; font-size: 17px">
<i
title="详情"
class="el-icon-chat-line-square"
onClick={() => this.getDetails(item.id)}
style="cursor: pointer; color: #67C23A;"></i>
<i
title="编辑"
class="el-icon-edit-outline"
onClick={() => this.openAddDialog('edit', item)}
style="cursor: pointer; color: #409EFF"></i>
<i
title="查看日志"
class="el-icon-document"
onClick={() => this.getLog(item.id)}
style="cursor: pointer; color: orange"></i>
<i
title="删除"
class="el-icon-delete"
onClick={() => this.getLog(item.id)}
style="cursor: pointer; color: #F56C6C"></i>
</div>
)
}
]
}
},
methods: {
sizeChange(value) {
this.paginationOptions.pageSize = value
this.getList()
},
onCurrentChange(value) {
this.paginationOptions.currentPage = value
this.getList()
},
selectionChange(selection) {
if (selection.length > 0) {
this.select = selection
}
},
search() {
if (this.queryFormData.timeRange && this.queryFormData.timeRange.length) {
this.queryFormData.minSubmitTime = this.queryFormData.timeRange[0]
this.queryFormData.maxSubmitTime = this.queryFormData.timeRange[1]
}
this.getList()
},
// 提取公共的 API 请求处理方法
async fetchData(url, method = 'get', data = null) {
try {
const res = await axios({ method, url, data })
if (res.code === 200) {
return res.data
} else {
this.$message.error(res.message)
return null
}
} catch (error) {
this.$message.error(`${method === 'get' ? '获取' : '操作'}失败`)
return null
}
},
// 获取账户类型列表
async getAccountTypeList() {
const data = await this.fetchData('baseProceedsAccount/accountTypeList')
if (data) this.accountTypeList = data
},
// 收款方式
async getReceiverTypeList() {
const data = await this.fetchData('baseProceedsAccount/receiverTypeList')
if (data) this.receiverTypeList = data
},
// 币种列表
async getCurrencyTypeList() {
const data = await this.fetchData('manage/rest/baseCurrencyInfo/uniList')
if (data) this.currencyTypeList = data
},
// 获取安全设置信息
async getSecuritySetting() {
const data = await this.fetchData('sysSecuritySettings/getOne')
if (data) {
this.securitySetting = data
this.securityFormData.phone = data.phone || ''
this.securityFormData.mailbox = data.mailbox || ''
}
},
// 查询
async getList() {
this.loading = true
const { pageSize, currentPage } = this.paginationOptions
const data = await this.fetchData(
'baseProceedsAccount/list_page',
'post',
{
pageSize,
currentPage,
...this.queryFormData
}
)
if (data) {
this.sourceData = data.records
this.paginationOptions.total = data.total
}
this.loading = false
},
// 获取详情
async getDetails(id) {
const data = await this.fetchData(`baseProceedsAccount/get?id=${id}`)
if (data) {
this.detailFormData = data
this.detailVisible = true
}
},
// 获取日志
async getLog(id) {
const data = await this.fetchData(
`baseProceedsAccountLog/getList?relaId=${id}`
)
if (data) {
this.logFormData = data
this.logVisible = true
}
},
// 提交
submit() {
switch (this.type) {
case 'add':
case 'edit':
this.addSubmit()
break
case 'changeStatus':
this.submitStatusChange()
break
}
},
// 验证安全验证方式
setVerificationMethod() {
this.currentMethod = this.securitySetting.superPassword
? 'superPassword'
: this.securitySetting.phone
? 'phone'
: this.securitySetting.mailbox
? 'mailbox'
: null
if (!this.currentMethod) {
this.$confirm('请先至安全管理中心设置安全验证方式', '错误提示', {
confirmButtonText: '前往设置',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.$router.push('/saas/sysSecuritySettings')
})
.catch((err) => {
console.log(err)
})
return false
}
return true
},
// 启用状态变化
handleStatusChange(row) {
const flag = row.isEnable
row.isEnable = !flag
this.type = 'changeStatus'
this.currentRow = row
if (this.setVerificationMethod()) {
this.securityVisible = true
}
},
// 提交启用状态变化
async submitStatusChange() {
const data = await this.fetchData(
'baseProceedsAccount/updateEnable',
'post',
{
id: this.currentRow.id,
isEnable: this.currentRow.isEnable ? 0 : 1,
checkType: this.currentMethod,
...this.securityFormData,
operateType: this.operateType
}
)
if (data) {
this.$message.success(data.message || '操作成功')
this.securityVisible = false
this.getList()
}
},
// 新增 打开弹窗
openAddDialog(method, row) {
if (this.setVerificationMethod()) {
this.addDialog = true
this.type = method
this.currentRow = row
this.$nextTick(() => {
method === 'add' ? this.resetForm() : (this.addFormData = { ...row })
})
}
},
// 新增 校验
addVarify() {
this.$refs.addForm.validate((valid) => {
if (valid) {
this.securityVisible = true
}
})
},
// 新增 提交
async addSubmit() {
const url =
this.type === 'add'
? 'baseProceedsAccount/add'
: 'baseProceedsAccount/update'
const data = await this.fetchData(url, 'post', {
...this.addFormData,
checkType: this.currentMethod,
...this.securityFormData,
operateType: this.operateType
})
if (data) {
this.$message.success('新增成功')
this.addDialog = false
this.securityVisible = false
this.resetForm()
this.getList()
}
},
// 新增 重置表单
resetForm() {
Object.assign(this.addFormData, {
name: '',
accountNumber: '',
accountType: '',
linkAccount: '',
openBank: '',
receiverType: '',
currencyType: '',
daySumLimited: '',
monthlySumLimited: '',
operation: '',
sort: '',
isEnable: false
})
this.$nextTick(() => {
if (this.$refs.addForm) {
this.$refs.addForm.clearValidate()
}
})
},
// 发送验证码
async sendVerificationCode() {
this.$refs.securityForm.validateField(
this.currentMethod,
async (error) => {
if (error) return
const config = this.countdownConfig[this.currentMethod]
if (!config) return
if (config.timer) clearTimeout(config.timer)
config.loading = true
config.countdown = 60
const countdownFn = () => {
if (config.countdown > 0) {
config.countdown--
config.timer = setTimeout(countdownFn, 1000)
} else {
config.loading = false
config.timer = null
}
}
countdownFn()
const url =
this.currentMethod === 'phone'
? '/sysSecuritySettings/sendPhoneCode'
: `/sysSecuritySettings/sendEmailCode?email=${this.securityFormData.mailbox}&operateType=${this.operateType}`
const data = await this.fetchData(
url,
this.currentMethod === 'phone' ? 'post' : 'get',
this.currentMethod === 'phone'
? {
phone: this.securityFormData.phone,
operateType: this.operateType
}
: null
)
if (data) {
this.$message.success('验证码发送成功')
} else {
config.loading = false
config.countdown = 0
if (config.timer) clearTimeout(config.timer)
config.timer = null
}
}
)
}
}
}
</script>
<style scoped lang="less">
.wraper {
display: flex;
flex-direction: column;
height: 100%;
}
.table_wrap {
flex: 1;
padding: 0;
}
.circle {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 5px;
margin-right: 5px;
}
.my-table .first {
background-color: red !important;
color: #fff !important;
}
.switchStyle {
::v-deep {
.el-switch__label {
position: absolute;
display: none;
color: #fff;
span {
font-size: 12px !important;
}
}
.el-switch__core {
background-color: rgba(166, 166, 166, 1);
width: 55px !important;
}
.el-switch__label--left {
z-index: 9;
left: 20px;
}
.el-switch__label--right {
z-index: 9;
right: 20px;
}
.el-switch__label.is-active {
display: block;
}
}
}
.resendMsg {
background-color: #ff9900;
&:hover {
background-color: #ffd36a;
}
}
.text {
color: #fff;
border-radius: 4px;
padding: 1px 5px;
}
.afootStatus {
background-color: #409eff;
}
.successStatus {
background-color: #67c23a;
}
.failStatus {
background-color: #f56c6c;
}
.recharge-record {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
&::v-deep {
.el-table .el-table__cell {
padding: 6px 0;
}
.el-input__inner {
padding: 0 4px;
}
.el-input--small .el-input__inner {
height: 30px;
line-height: 30px;
}
.el-icon-time:before {
content: '';
}
.el-dialog__footer {
text-align: center;
.el-button--small {
padding: 9px 50px;
}
}
.el-dialog__body {
padding: 10px 20px;
}
.el-icon-edit:before {
color: #ff9800;
font-weight: bold;
}
.el-range-editor--small .el-range-separator {
line-height: 31px;
}
.header-row-class-name th {
background-color: #f8f8f9;
}
.el-input-group__append {
padding-left: 0;
}
.el-input-number--mini {
width: 100%;
}
}
}
.confirm-dialog {
.el-divider--horizontal {
margin: 30px auto;
width: 80%;
.el-divider__text {
color: #8b8a8a;
}
}
.dialog-footer {
margin-top: 10px;
}
}
.check {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 80%;
margin: 0 auto;
.el-button + .el-button {
margin-left: 0;
}
}
</style>
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