all_user/huangguo_admin
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:项目初始化

Browse Source
This commit is contained in:
ouyangxiu
2025-06-10 17:11:41 +07:00
commit db9bffd2c5
713 changed files with 159746 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/tran/rechargeProviderManage/components/AddOrEdit.vue
+156
View File
@@ -0,0 +1,156 @@
<template>
<el-dialog :title="title" :visible.sync="Visible" width="700px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
<el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
<el-row :gutter="24">
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
<el-form-item label="支付渠道名字">
<el-input placeholder="请输入支付渠道名字" v-model="form.cName" />
</el-form-item>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
<el-form-item label="渠道id">
<el-input placeholder="请输入渠道id" v-model="form.cid" />
</el-form-item>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" v-if="this.title === '新增'">
<el-form-item label="预付额度(元)">
<el-input placeholder="请输入预付额度" v-model.number="form.prepayment" />
</el-form-item>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
<el-form-item label="商户id">
<el-input placeholder="请输入商户id" v-model="form.mercID" />
</el-form-item>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
<el-form-item label="预付剩余额度报警阀值">
<el-input placeholder="请输入预付剩余额度报警阀值" v-model.number="form.leftPrepaymentWarnValue" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="查询订单url">
<el-input placeholder="请输入查询订单url" style="width: 500px" v-model="form.queryUrl" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="充值url">
<el-input placeholder="请输入充值url" style="width: 500px" v-model="form.rchgUrl" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="回调ur">
<el-input placeholder="请输入回调ur" style="width: 500px" v-model="form.callBackUrl" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="H5回调ur">
<el-input placeholder="请输入H5回调ur" style="width: 500px" v-model="form.h5CallBackUrl" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="appSecret">
<el-input placeholder="请输入appSecret" style="width: 500px" v-model="form.appSecret" />
</el-form-item>
</el-col>
<el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
<el-form-item label="是否使用引导页">
<el-select v-model="form.useLeadPage" placeholder="请选择是否使用引导页" style="width:500px">
<el-option :value="true" label="使用"></el-option>
<el-option :value="false" label="不使用"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="Visible = false"> 取 消 </el-button>
<el-button type="primary" @click="submit"> 确 定 </el-button>
</div>
</el-dialog>
</template>
<script>
import { addPaychannel, editPaychannel } from '@/api/tran'
import { changeMoneyYuan, changeMoneyFen } from '@/filters/index'
export default {
name: 'AddOrEdit',
props: ['data'],
data() {
return {
Visible: true,
title: '',
// 表单数据
form: {
leftPrepaymentWarnValue: undefined,
rchgUrl: undefined,
queryUrl: undefined,
prepayment: undefined,
mercID: undefined,
cid: undefined,
callBackUrl: undefined,
cName: undefined,
appSecret: undefined,
useLeadPage: undefined,
h5CallBackUrl: undefined,
},
}
},
mounted() {
this.title = this.data.title
if (this.title === '编辑') {
this.form = { ...this.data.data }
this.form.leftPrepaymentWarnValue = changeMoneyYuan(
this.form.leftPrepaymentWarnValue
)
}
},
methods: {
//TODO：新增支付渠道管理数据
add(data) {
addPaychannel(data).then((res) => {
if (res.code === 200) {
this.$message.success('新增成功')
this.Visible = false
} else {
this.$message.error('新增失败')
}
})
},
//TODO：编辑支付渠道管理数据
update(data) {
editPaychannel(data).then((res) => {
if (res.code === 200) {
this.$message.success('更新成功')
this.Visible = false
} else {
this.$message.error('更新失败')
}
})
},
// 提交按钮
submit() {
const data = JSON.parse(JSON.stringify(this.form))
data.prepayment = data.prepayment * 100
data.leftPrepaymentWarnValue = changeMoneyFen(
data.leftPrepaymentWarnValue
)
if (this.title === '新增') {
this.add(data)
} else if (this.title === '编辑') {
this.update(data)
}
},
// 关闭编辑
close() {
this.$emit('close')
},
},
}
</script>
src/views/tran/rechargeProviderManage/components/edit.vue
+83
View File
@@ -0,0 +1,83 @@
<!--
* @Author:
* @Mail:
* @Date: 2022-03-14 15:22:03
* @LastEditTime: 2022-06-07 16:09:21
* @LastEditors: Please set LastEditors
* @FilePath: /comics-admin/src/views/tran/rechargeProviderManage/components/edit.vue
-->
<template>
<el-dialog :close-on-click-modal="false" title="编辑预付额度" :visible.sync="Visible" @close="close" center class="ac-dialog" width="700px">
<el-form :inline="true" :model="form" class="demo-form-inline" label-position="right" label-width="250px">
<el-row :gutter="24">
<el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
<el-form-item label="现有预付额度">
<el-input v-model.number="recharge" disabled>
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
<el-form-item label="充值额度">
<el-input placeholder="请输入充值额度" v-model.number="coin">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="dialog-footer" slot="footer">
<el-button @click="Visible=false">取 消</el-button>
<el-button @click="submit" type="primary">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { changePreMoney } from '@/api/tran'
import { changeMoneyYuan, changeMoneyFen } from '@/filters/index'
export default {
name: 'Edit',
props: ['data'],
data() {
return {
Visible: true,
coin: 0, // 加金币
recharge: 0,
// 表单数据
form: {
prepayment: undefined,
},
}
},
created() {
this.form = { ...this.data.data }
this.recharge = changeMoneyYuan(this.form.prepayment)
},
methods: {
// TODO:修改预付额度
submit() {
const data = {
id: this.form.id,
cid: this.form.cid,
chanName: this.form.cName,
mercId: this.form.mercID,
prepaymentAmount: changeMoneyFen(this.coin),
}
changePreMoney(data).then((res) => {
if (res.code === 200) {
this.$message.success('添加成功')
this.Visible = false
} else {
this.$message.error(res.data)
}
})
},
// 关闭编辑
close() {
this.$emit('close', false)
},
},
}
</script>
src/views/tran/rechargeProviderManage/index.vue
+208
View File
@@ -0,0 +1,208 @@
<template>
<div class="pf-warpper">
<el-row class="table-form">
<el-form :inline="true" class="form-inline" label-width="80px" size="mini">
<el-form-item>
<el-input v-model.number="searchData.param.cName" clearable placeholder="请输入支付渠道名字" @clear="onClear('cName')" />
</el-form-item>
<el-form-item>
<el-select v-model="searchData.param.useLeadPage" clearable placeholder="请选择是否使用引导页" @clear="onClear('useLeadPage')">
<el-option :value="true" label="使用"></el-option>
<el-option :value="false" label="不使用"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button icon="el-icon-search" plain type="primary" @click="onSearch">搜索</el-button>
<el-button icon="el-icon-refresh-right" plain type="primary" @click="getList()">刷新</el-button>
<el-button icon="el-icon-circle-plus-outline" plain type="success" @click="add">新增</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-col>
<el-table :data="list" border height="740" highlight-current-row style="width: 100%" v-loading="loading">
<el-table-column align="center" fixed label="支付渠道名字" width="180">
<template slot-scope="scope">{{ scope.row.cName }}</template>
</el-table-column>
<el-table-column align="center" label="回调url" width="270">
<template slot-scope="scope">{{ scope.row.callBackUrl }}</template>
</el-table-column>
<el-table-column align="center" label="H5回调url" width="270">
<template slot-scope="scope">{{ scope.row.h5CallBackUrl }}</template>
</el-table-column>
<el-table-column align="center" label="预付额度(单位:元)" width="240">
<template slot-scope="scope">{{scope.row.prepayment | changeMoneyYuan}}</template>
</el-table-column>
<el-table-column align="center" label="预付剩余额度报警阀值" width="170">
<template slot-scope="scope">{{ scope.row.leftPrepaymentWarnValue | changeMoneyYuan }}</template>
</el-table-column>
<el-table-column align="center" label="商户id" width="100">
<template slot-scope="scope">{{ scope.row.mercID }}</template>
</el-table-column>
<el-table-column align="center" label="支付渠道ID" width="100">
<template slot-scope="scope">{{ scope.row.cid }}</template>
</el-table-column>
<el-table-column align="center" label="appSecret" width="170">
<template slot-scope="scope">{{ scope.row.appSecret }}</template>
</el-table-column>
<el-table-column align="center" label="查询订单url" width="170">
<template slot-scope="scope">{{ scope.row.queryUrl }}</template>
</el-table-column>
<el-table-column align="center" label="充值url" width="170">
<template slot-scope="scope">{{ scope.row.rchgUrl }}</template>
</el-table-column>
<el-table-column align="center" label="创建时间" width="180">
<template slot-scope="scope">{{
scope.row.createdAt | BeiJingTime
}}</template>
</el-table-column>
<el-table-column align="center" label="修改时间" width="180">
<template slot-scope="scope">{{
scope.row.updatedAt | BeiJingTime
}}</template>
</el-table-column>
<el-table-column align="center" fixed="right" label="操作" width="300">
<template slot-scope="scope">
<el-button @click="handleEdit('edit', scope.row)" size="mini" type="primary">编辑</el-button>
<el-button @click="handlePreMoney(scope.row)" size="mini" type="primary">编辑预付额度</el-button>
<el-button @click="handleDelete(scope.row)" size="mini" type="danger">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
<div class="table-pagination">
<el-pagination :current-page="searchData.pageNum" :page-size="searchData.pageSize" :page-sizes="[50, 100, 200, 300, 500]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
</div>
<AddOrEdit :data="editData" v-if="editVisible" @close="closeEdit" ref="addOrEdit"></AddOrEdit>
<EditPreMoney :data="editData" v-if="preMoneyVisible" @close="closeEdit"></EditPreMoney>
</div>
</template>
<script>
import { paychannelList, delPaychannel } from '@/api/tran'
import AddOrEdit from './components/AddOrEdit.vue'
import EditPreMoney from './components/edit.vue'
export default {
name: 'RechargeProviderManage',
components: { AddOrEdit, EditPreMoney },
data() {
return {
total: 0,
loading: false,
list: [],
editVisible: false,
preMoneyVisible: false,
searchData: {
pageNum: 1,
pageSize: 50,
param: {
useLeadPage: undefined,
cName: undefined,
},
},
// 编辑数据
editData: {
title: '新增',
data: {},
},
dialogTitle: undefined,
}
},
mounted() {
this.getList()
},
methods: {
//TODO：请求支付渠道管理列表数据
async getList() {
this.loading = true
paychannelList(this.searchData).then((res) => {
if (res.code === 200) {
this.list = res.data.list
this.total = res.data.total
} else {
this.list = []
this.total = 0
this.$message.error('请求支付渠道管理数据失败')
}
this.loading = false
})
},
//TODO:删除支付渠道管理列表数据
handleDelete(row) {
this.$confirm('确认删除当前渠道?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
delPaychannel({ id: row.id }).then((res) => {
if (res.code === 200) {
this.getList()
this.$message.success('删除成功')
} else {
this.$message.error('操作失败')
}
})
})
},
// 清空某一项筛选列表
onClear(key) {
this.searchData.param[key] = undefined
this.getList()
},
// 关闭编辑弹窗
closeEdit() {
this.editData = {
title: '新增',
data: {},
}
this.editVisible = false
this.preMoneyVisible = false
this.getList()
},
onSearch() {
this.searchData.pageNum = 1
this.searchData.pageSize = 10
this.getList()
},
// 新增按钮
add() {
this.editVisible = true
this.editData = {
title: '新增',
data: {},
}
},
// 编辑按钮
handleEdit(index, row) {
this.editVisible = true
row.prepayment = row.prepayment / 100
this.editData = {
title: '编辑',
data: row,
}
},
handlePreMoney(row) {
this.preMoneyVisible = true
this.editData = {
title: '编辑预付额度',
data: row,
}
},
// 切换每页条数
handleSizeChange(val) {
this.searchData.pageSize = Number(val)
this.getList()
},
// 翻页
handleCurrentChange(val) {
this.searchData.pageNum = Number(val)
this.getList()
},
},
}
</script>