donghaolin
/
gold-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增充值页

Hongxilin
donghaolin 6 months ago
parent
3d9285e5c9
commit
d4de62bba7
2 changed files with 174 additions and 52 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 127
      vue/gold-system/src/views/managerecharge/rate.vue
  2. 99
      vue/gold-system/src/views/recharge/addRecharge.vue

127
vue/gold-system/src/views/managerecharge/rate.vue
View File

@ -2,7 +2,15 @@
import { ref } from 'vue' import { ref } from 'vue'
import { ElMessageBox } from 'element-plus' import { ElMessageBox } from 'element-plus'
const regeAdd = ref(false) const regeAdd = ref(false)
const regeEdit = ref(false)
const rateList = ref([])
// 查询方法
const handleSearch = () => {
// 假数据
rateList.value = tableData
}
const rateAdd = ref({})
// 添加方法 // 添加方法
const add = () => { const add = () => {
ElMessageBox.confirm('确认添加？').then(() => { ElMessageBox.confirm('确认添加？').then(() => {
@ -11,6 +19,16 @@
regeAdd.value = false regeAdd.value = false
}) })
} }
// 编辑方法
const edit = () => {
ElMessageBox.confirm('确认修改？').then(() => {
regeEdit.value = false
}).catch(() => {
regeEdit.value = false
})
}
// 删除方法
// 假数据 // 假数据
const tableData = [ const tableData = [
@ -47,46 +65,49 @@
</script> </script>
<template> <template>
<div class="common-layout">
<el-container>
<el-header >
<el-card style="max-width: 100%">
<!-- 这是主页面 -->
<el-row>
<el-col>
<el-card >
<!-- 这是时间 --> <!-- 这是时间 -->
<div class="demo-range"> <div class="demo-range">
时间： 时间：
<el-time-picker
v-model="value1"
is-range
range-separator="To"
start-placeholder="Start time"
end-placeholder="End time"
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
:size="size"
/> />
<!-- 按钮 --> <!-- 按钮 -->
<el-button class="button-item" type="primary" style="float:right" @click="handleSearch">查询</el-button> <el-button class="button-item" type="primary" style="float:right" @click="handleSearch">查询</el-button>
<el-button class="button-item" style="float:right" @click="handledelete">重置</el-button> <el-button class="button-item" style="float:right" @click="handledelete">重置</el-button>
</div> </div>
</el-card>
</el-header>
<el-main>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col>
<el-card class="box-card" style="max-width: 100%"> <el-card class="box-card" style="max-width: 100%">
<!-- 添加 --> <!-- 添加 -->
<div class="add-item"> <div class="add-item">
<el-button type="primary" @click=" regeAdd = true">新增</el-button>
<el-button style="color: #048EFB; border:1px solid #048EFB" @click=" regeAdd = true">新增汇率</el-button>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div> <div>
<el-table :data="tableData" style="width: 100%" >
<el-table :data="rateList" style="width: 100%" >
<el-table-column prop="currency" label="货币名称" :span="4" /> <el-table-column prop="currency" label="货币名称" :span="4" />
<el-table-column prop="exchangeRate" label="汇率" :span="4"/> <el-table-column prop="exchangeRate" label="汇率" :span="4"/>
<el-table-column prop="createTime" label="添加时间" :span="4"/> <el-table-column prop="createTime" label="添加时间" :span="4"/>
<el-table-column prop="updateTime" label="更新时间" :span="4"/> <el-table-column prop="updateTime" label="更新时间" :span="4"/>
<el-table-column prop="updateName" label="更新人" :span="4"/> <el-table-column prop="updateName" label="更新人" :span="4"/>
<el-table-column label="操作" :span="4"> <el-table-column label="操作" :span="4">
<el-button type="text" @click="handleEdit(index)">编辑</el-button>
<el-button type="text" @click="handleDelete(index)">删除</el-button>
<el-button type="text" @click="regeEdit = true">编辑</el-button>
<el-button type="text" @click="deleteRate">删除</el-button>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
@ -95,11 +116,9 @@
<el-pagination background layout="prev, pager, next" :total="1000" /> <el-pagination background layout="prev, pager, next" :total="1000" />
</div> </div>
</el-card> </el-card>
</el-main>
</el-container>
</div>
</el-col>
</el-row>
<!-- 这是添加弹窗 --> <!-- 这是添加弹窗 -->
<el-dialog <el-dialog
@ -111,7 +130,7 @@
<el-form <el-form
ref="ruleFormRef" ref="ruleFormRef"
style="max-width: 600px" style="max-width: 600px"
:model="ruleForm"
:model="rateAdd"
:rules="rules" :rules="rules"
label-width="auto" label-width="auto"
class="demo-ruleForm" class="demo-ruleForm"
@ -119,30 +138,74 @@
status-icon status-icon
> >
<el-form-item label="货币名称:"> <el-form-item label="货币名称:">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-select v-model="rateAdd.currency" placeholder="请选择" style="width: 240px">
<el-option <el-option
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="汇率:"> <el-form-item label="汇率:">
<el-input style="width: 120px;"/><p class="unit">:1</p>
<el-input v-model="rateAdd.exchangeRate" style="width: 120px;"/><p class="unit">:1</p>
<p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p> <p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
</el-form-item> </el-form-item>
<el-form-item label="提交人:"> <el-form-item label="提交人:">
<el-input style="width: 240px;"/>
<el-input v-model="rateAdd.updateName" style="width: 240px;"/>
</el-form-item> </el-form-item>
<el-form-item > <el-form-item >
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="add">添加</el-button>
<el-button type="primary" @click="edit">添加</el-button>
<el-button @click="regeAdd = false">取消</el-button> <el-button @click="regeAdd = false">取消</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</el-dialog> </el-dialog>
<!-- 这是编辑弹窗 -->
<el-dialog
v-model="regeEdit"
title="新增汇率"
width="500"
>
<template #footer>
<el-form
ref="ruleFormRef"
style="max-width: 600px"
:model="ruleForm"
:rules="rules"
label-width="auto"
class="demo-ruleForm"
:size="formSize"
status-icon
>
<el-form-item label="货币名称:">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-option
/>
</el-select>
</el-form-item>
<el-form-item label="汇率:">
<el-input style="width: 120px;"/><p class="unit">:1</p>
<p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
</el-form-item>
<el-form-item label="提交人:">
<el-input style="width: 240px;"/>
</el-form-item>
<el-form-item >
<div class="dialog-footer">
<el-button type="primary" @click="edit">修改</el-button>
<el-button @click="regeEdit = false">取消</el-button>
</div>
</el-form-item>
</el-form>
</template>
</el-dialog>
</template> </template>
<style scoped> <style scoped>
p{ p{
@ -180,5 +243,7 @@ p{
.unit{ .unit{
margin-left: 10px; margin-left: 10px;
} }
.el-card{
padding: 0px;
}
</style> </style>

99
vue/gold-system/src/views/recharge/addRecharge.vue
View File

@ -4,39 +4,45 @@
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import { Plus } from '@element-plus/icons-vue' import { Plus } from '@element-plus/icons-vue'
// 这是添加充值信息的表单
const addRecharge = ref({});
</script> </script>
<template> <template>
<div> <div>
新增充值 新增充值
</div> </div>
<el-form :model="form" label-width="auto" style="max-width: 600px">
<el-form :model="addRecharge" label-width="auto" style="max-width: 600px">
<el-form-item label="精网号"> <el-form-item label="精网号">
<el-input style="width: 240px;"/>
<el-button type="primary" @click="handleClick">查询</el-button>
<el-input v-model="homilyId" style="width: 220px;"/>
<el-button type="primary" @click="handleClick" style="margin-left: 20px;">查询</el-button>
</el-form-item> </el-form-item>
<el-form-item label="活动名称"> <el-form-item label="活动名称">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-select v-model="activityId" placeholder="请选择" style="width: 300px">
<el-option <el-option
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="充值金币"> <el-form-item label="充值金币">
<el-input style="width: 200px;"/>
<el-input v-model="paidGold" style="width: 100px;"/>
<p style="margin-right: 20px;">个</p>
<p>免费金币</p> <p>免费金币</p>
<el-input style="width: 200px" disabled placeholder="Please input"/>
<el-input v-model="freeGold" style="width: 100px" />
<p>个</p>
</el-form-item> </el-form-item>
<el-form-item label="充值金额"> <el-form-item label="充值金额">
<el-select v-model="value" placeholder="货币名称" style="width: 240px">
<el-select placeholder="货币名称" style="width: 70px;margin-right: 5px;">
<el-option <el-option
/> />
</el-select> </el-select>
<el-input style="width: 200px;"/>
<el-input v-model="rechargeGold" style="width: 225px;"/>
</el-form-item> </el-form-item>
<el-form-item label="收款方式"> <el-form-item label="收款方式">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-select v-model="rechargeWay" placeholder="请选择" style="width: 300px">
<el-option <el-option
/> />
@ -44,9 +50,9 @@ import { Plus } from '@element-plus/icons-vue'
</el-form-item> </el-form-item>
<el-form-item label="交款时间"> <el-form-item label="交款时间">
<el-date-picker <el-date-picker
v-model="value1"
v-model="rechargeTime"
type="datetime" type="datetime"
placeholder="Select date and time"
style="width: 300px;"
/> />
</el-form-item> </el-form-item>
<el-form-item label="交款凭证"> <el-form-item label="交款凭证">
@ -60,29 +66,80 @@ import { Plus } from '@element-plus/icons-vue'
<img v-if="imageUrl" :src="imageUrl" class="avatar" /> <img v-if="imageUrl" :src="imageUrl" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon> <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload> </el-upload>
<p style="margin-left: 10px;color: rgb(177, 176, 176);">仅支持.jpg .png格式，文件≤1MB</p>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注">
<el-input <el-input
v-model="textarea"
style="width: 240px"
v-model="remark"
style="width: 300px"
:rows="2" :rows="2"
maxlength="100"
show-word-limit
type="textarea" type="textarea"
placeholder="Please input"
/> />
</el-form-item> </el-form-item>
<el-form-item label="提交人"> <el-form-item label="提交人">
<el-input style="width: 200px" disabled placeholder="Please input"/>
<el-input style="width: 300px" disabled placeholder="提交人姓名"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="dialog-footer">
<el-button @click="closeAddActivityVisible">取消</el-button>
<el-button @click="closeAddActivityVisible" style="margin-left: 280px;">取消</el-button>
<el-button type="primary" @click="closeAddActivityVisible"> <el-button type="primary" @click="closeAddActivityVisible">
提交 提交
</el-button> </el-button>
</div>
<div>
</div>
<!-- 客户信息栏 -->
<el-card style="width: 700px;float: right;margin-top: -470px;margin-right: 100px;">
<el-form :model="user" label-width="auto" style="max-width: 600px" label-position="left">
<el-text size="large" style="margin-left: 20px;">客户信息</el-text>
<el-row style="margin-top: 20px;">
<el-col :span="12">
<el-form-item label="姓名" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="历史金币总数" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="精网号" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="当前金币总数" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="首次充值日期">
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="充值次数" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="负责客服" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="消费次数" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属门店" >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="待审核" >
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</template> </template>
<style scoped> <style scoped>

Write Preview
Loading…
Cancel
Save