hongxilin 6 months ago
parent
commit
308102ccc7
  1. 129
      vue/gold-system/src/views/managerecharge/rate.vue
  2. 116
      vue/gold-system/src/views/recharge/addRecharge.vue

129
vue/gold-system/src/views/managerecharge/rate.vue

@ -2,7 +2,15 @@
import { ref } from 'vue'
import { ElMessageBox } from 'element-plus'
const regeAdd = ref(false)
const regeEdit = ref(false)
const rateList = ref([])
//
const handleSearch = () => {
//
rateList.value = tableData
}
const rateAdd = ref({})
//
const add = () => {
ElMessageBox.confirm('确认添加?').then(() => {
@ -11,6 +19,16 @@
regeAdd.value = false
})
}
//
const edit = () => {
ElMessageBox.confirm('确认修改?').then(() => {
regeEdit.value = false
}).catch(() => {
regeEdit.value = false
})
}
//
//
const tableData = [
@ -47,46 +65,49 @@
</script>
<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">
时间
<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="handleSearchByTime">查询</el-button>
<el-button class="button-item" style="float:right" @click="handledelete">重置</el-button>
</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%">
<!-- 添加 -->
<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>
<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="exchangeRate" label="汇率" :span="4"/>
<el-table-column prop="createTime" label="添加时间" :span="4"/>
<el-table-column prop="updateTime" label="更新时间" :span="4"/>
<el-table-column prop="updateName" 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>
</div>
@ -95,11 +116,9 @@
<el-pagination background layout="prev, pager, next" :total="1000" />
</div>
</el-card>
</el-main>
</el-container>
</div>
</el-col>
</el-row>
<!-- 这是添加弹窗 -->
<el-dialog
@ -111,7 +130,7 @@
<el-form
ref="ruleFormRef"
style="max-width: 600px"
:model="ruleForm"
:model="rateAdd"
:rules="rules"
label-width="auto"
class="demo-ruleForm"
@ -119,30 +138,74 @@
status-icon
>
<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-select>
</el-form-item>
<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>
</el-form-item>
<el-form-item label="提交人:">
<el-input style="width: 240px;"/>
<el-input v-model="rateAdd.updateName" style="width: 240px;"/>
</el-form-item>
<el-form-item >
<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>
</div>
</el-form-item>
</el-form>
</template>
</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>
<style scoped>
p{
@ -180,5 +243,7 @@ p{
.unit{
margin-left: 10px;
}
.el-card{
padding: 0px;
}
</style>

116
vue/gold-system/src/views/recharge/addRecharge.vue

@ -1,42 +1,60 @@
<script setup>
import { reactive } from 'vue';
import { ref } from 'vue'
import { ElMessage } from 'element-plus'
import { Plus } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
import { Plus } from '@element-plus/icons-vue'
import axios from 'axios'
//
const addRecharge = ref({ homilyId:'1'});
async function getUser(){
const user = await axios({
URL: 'http://192.168.8.93:10020/recharge/user',
method: 'post',
data: { homilyId: addRecharge.homilyId }
})
}
</script>
<template>
<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-input style="width: 240px;"/>
<el-button type="primary" @click="handleClick">查询</el-button>
<el-input v-model="addRecharge.homilyId" style="width: 220px;" />
<el-button type="primary" @click="getUser" style="margin-left: 20px;">查询</el-button>
</el-form-item>
<el-form-item label="活动名称">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-select v-model="addRecharge.activityId" placeholder="请选择" style="width: 300px">
<el-option
/>
</el-select>
</el-form-item>
<el-form-item label="充值金币">
<el-input style="width: 200px;"/>
<el-input v-model="addRecharge.paidGold" style="width: 100px;"/>
<p style="margin-right: 20px;"></p>
<p>免费金币</p>
<el-input style="width: 200px" disabled placeholder="Please input"/>
<el-input v-model="addRecharge.freeGold" style="width: 100px" />
<p></p>
</el-form-item>
<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-select>
<el-input style="width: 200px;"/>
<el-input v-model="rechargeGold" style="width: 225px;"/>
</el-form-item>
<el-form-item label="收款方式">
<el-select v-model="value" placeholder="请选择" style="width: 240px">
<el-select v-model="addRecharge.rechargeWay" placeholder="请选择" style="width: 300px">
<el-option
/>
@ -44,9 +62,9 @@ import { Plus } from '@element-plus/icons-vue'
</el-form-item>
<el-form-item label="交款时间">
<el-date-picker
v-model="value1"
v-model="addRecharge.rechargeTime"
type="datetime"
placeholder="Select date and time"
style="width: 300px;"
/>
</el-form-item>
<el-form-item label="交款凭证">
@ -60,29 +78,81 @@ import { Plus } from '@element-plus/icons-vue'
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<p style="margin-left: 10px;color: rgb(177, 176, 176);">仅支持.jpg .png格式文件1MB</p>
</el-form-item>
<el-form-item label="备注">
<el-input
v-model="textarea"
style="width: 240px"
v-model="addRecharge.remark"
style="width: 300px"
:rows="2"
maxlength="100"
show-word-limit
type="textarea"
placeholder="Please input"
/>
</el-form-item>
<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>
<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>
</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="姓名" >
<p></p>
</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>
<style scoped>

Loading…
Cancel
Save