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

style: 对齐

zhangyong/milestone-20250913-现金管理
lihui 2 months ago
parent
b1d3afffcc
commit
cd72d65056
9 changed files with 1079 additions and 795 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. 2
      .env.development
  2. 25
      src/views/audit/bean/beanAudit.vue
  3. 95
      src/views/consume/bean/articleVideo.vue
  4. 70
      src/views/consume/bean/dieHardFan.vue
  5. 80
      src/views/consume/bean/liveStream.vue
  6. 86
      src/views/consume/gold/coinConsumeDetail.vue
  7. 83
      src/views/recharge/bean/beanOnlineRecharge.vue
  8. 55
      src/views/recharge/bean/beanSystemRecharge.vue
  9. 84
      src/views/recharge/gold/coinRechargeDetail.vue

2
.env.development
View File

@ -13,4 +13,4 @@ VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
# 本地 # 本地
#VITE_API_BASE='http://localhost:8081/' #VITE_API_BASE='http://localhost:8081/'
# sunjiabei # sunjiabei
# VITE_API_BASE='http://192.168.1.70:8081/'
#VITE_API_BASE='http://192.168.1.50:8081/'

25
src/views/audit/bean/beanAudit.vue
View File

@ -4,7 +4,8 @@
<div class="select"> <div class="select">
<div class="selectRow"> <div class="selectRow">
<el-text class="text" size="large">精网号：</el-text> <el-text class="text" size="large">精网号：</el-text>
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable />
<el-input class="selectContent" v-model="searchForm.jwcode" placeholder="请输入精网号"
style="width: 12vw;margin-right:1vw" clearable/>
</div> </div>
<div class="selectRow"> <div class="selectRow">
<el-text class="text" size="large">所属地区：</el-text> <el-text class="text" size="large">所属地区：</el-text>
@ -19,11 +20,12 @@
<el-text class="text" size="large" v-show="checkTab === 'pending'">提交时间：</el-text> <el-text class="text" size="large" v-show="checkTab === 'pending'">提交时间：</el-text>
<el-text class="text" size="large" v-show="checkTab === 'reject' || checkTab === 'pass'">审核时间：</el-text> <el-text class="text" size="large" v-show="checkTab === 'reject' || checkTab === 'pass'">审核时间：</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间" <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" @change="handleDatePickerChange"
end-placeholder="结束时间" class="selectContent" style="width: 25vw;margin-right:1vw"
@change="handleDatePickerChange"
:default-time="defaultTime"/> :default-time="defaultTime"/>
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
<!-- <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>-->
<!-- <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>-->
<!-- <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>-->
</div> </div>
<div class="selectRow" style="justify-content: flex-start;"> <div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="resetSearch">重置</el-button> <el-button type="success" @click="resetSearch">重置</el-button>
@ -78,7 +80,8 @@
<div class="operation"> <div class="operation">
<el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)"> <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
<template #reference> <template #reference>
<el-link :underline="false" class="pass-btn" v-if="hasbeanWaitThough" :disabled="clicked || cancelClicked" type="primary">
<el-link :underline="false" class="pass-btn" v-if="hasbeanWaitThough"
:disabled="clicked || cancelClicked" type="primary">
通过 通过
</el-link> </el-link>
</template> </template>
@ -89,7 +92,8 @@
</el-button> </el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
<el-link :underline="false" class="reject-btn" v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked" type="primary"
<el-link :underline="false" class="reject-btn" v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked"
type="primary"
@click="showRejectDialog(scope.row)"> @click="showRejectDialog(scope.row)">
驳回 驳回
</el-link> </el-link>
@ -98,14 +102,16 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination style="margin-top:20px" v-model:current-page="pagination.pageNum" <el-pagination style="margin-top:20px" v-model:current-page="pagination.pageNum"
v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="stats.num"
v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
:total="stats.num"
@size-change="handlePageSizeChange" @current-change="handleCurrentChange"></el-pagination> @size-change="handlePageSizeChange" @current-change="handleCurrentChange"></el-pagination>
</el-card> </el-card>
<el-dialog v-model="rejectVisible" title="驳回理由" width="500px"> <el-dialog v-model="rejectVisible" title="驳回理由" width="500px">
<el-form> <el-form>
<el-form-item label="驳回理由" required> <el-form-item label="驳回理由" required>
<el-input v-model="reason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200" show-word-limit />
<el-input v-model="reason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
show-word-limit/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -125,6 +131,7 @@ import { useAdminStore } from "@/store/index.js";
import {storeToRefs} from "pinia"; import {storeToRefs} from "pinia";
import _ from 'lodash' import _ from 'lodash'
import {permissionMapping, hasMenuPermission} from "@/utils/menuTreePermission.js" import {permissionMapping, hasMenuPermission} from "@/utils/menuTreePermission.js"
const defaultTime = [ const defaultTime = [
new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 0, 0, 0),
new Date(2000, 2, 1, 23, 59, 59), new Date(2000, 2, 1, 23, 59, 59),

95
src/views/consume/bean/articleVideo.vue
View File

@ -271,7 +271,6 @@ const reset = function () {
beanConsumeArticle.value.endTime = '' beanConsumeArticle.value.endTime = ''
sortField.value = '' sortField.value = ''
sortOrder.value = '' sortOrder.value = ''
getTime.value = {} getTime.value = {}
@ -317,8 +316,6 @@ const get7Days = function () {
} }
// 处理排序事件 // 处理排序事件
const handleSortChange = (column) => { const handleSortChange = (column) => {
console.log('排序字段：', column.prop) console.log('排序字段：', column.prop)
@ -463,51 +460,69 @@ const getTagText = (state) => {
</script> </script>
<template> <template>
<el-card class="card1" style="margin-bottom: 1vh">
<el-card class="card1" style="margin-bottom: 0.5vh">
<el-col style="margin-bottom: 1vh; "> <el-col style="margin-bottom: 1vh; ">
<div style="display:flex">
<div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
<el-text>精网号：</el-text>
<el-input v-model="beanConsumeArticle.jwcode" style="width:8vw;margin-left: 0.5vw;" placeholder="请输入精网号" clearable />
<div class="select">
<div class="selectRow">
<el-text class="text" size="large">精网号：</el-text>
<el-input class="selectContent" v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号"
clearable/>
</div> </div>
<div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
<el-text>地区：</el-text>
<el-select v-model="beanConsumeArticle.dept" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择地区" clearable>
<div class="selectRow">
<el-text class="text" size="large">地区：</el-text>
<el-select class="selectContent" v-model="beanConsumeArticle.dept"
placeholder="请选择地区"
clearable>
<el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
</div> </div>
<div style="width: 13vw; display:flex;align-items:center; justify-content: center;">
<el-text>类型：</el-text>
<el-select v-model="beanConsumeArticle.payMode" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择类型" clearable @change="handlePayModeChange">
<div class="selectRow">
<el-text class="text" size="large">类型：</el-text>
<el-select class="selectContent"
style="width: 20px"
v-model="beanConsumeArticle.payMode"
placeholder="请选择类型" clearable
@change="handlePayModeChange"
>
<el-option label="打赏" value="0"/> <el-option label="打赏" value="0"/>
<el-option label="付费购买" value="1"/> <el-option label="付费购买" value="1"/>
<el-option label="其他" value="2"/> <el-option label="其他" value="2"/>
</el-select> </el-select>
</div> </div>
<div style="width: 15vw; display:flex; align-items:center; justify-content: center;">
<el-text>文章/视频ID:</el-text>
<el-input v-model="beanConsumeArticle.articleId" style="width:8vw; margin-left: 0.5vw;" placeholder="请输入文章/视频ID" clearable />
<div class="selectRow">
<el-text class="text" size="large">文章/视频ID:</el-text>
<el-input class="selectContent" v-model="beanConsumeArticle.articleId"
placeholder="请输入文章/视频ID" clearable/>
</div> </div>
<div style="width: 16vw; display:flex; align-items:center; justify-content: center;">
<el-text>文章/视频标题：</el-text>
<el-input v-model="beanConsumeArticle.articleName" style="width:9vw; margin-left: 0.5vw;" placeholder="请输入文章/视频标题" clearable />
</div>
<div style="width: 12vw; display:flex; align-items:center; justify-content: center;">
<el-text>作者：</el-text>
<el-input v-model="beanConsumeArticle.author" style="width:8vw; margin-left: 0.5vw;" placeholder="请输入作者" clearable />
<div class="selectRow">
<el-text class="text" size="large">文章/视频标题：</el-text>
<el-input class="selectContent" v-model="beanConsumeArticle.articleName"
placeholder="请输入文章/视频标题" clearable/>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col> <el-col>
<div>
<el-text>付费时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw;margin-right: 10px" @change="handleDatePickerChange"
<div class="select">
<div class="selectRow" style="width: 30.5vw;">
<el-text class="text" size="large">付费时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="width:25vw"
@change="handleDatePickerChange"
value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"/> value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"/>
<div v-if="false">
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
</div>
</div>
<div class="selectRow">
<el-text class="text" size="large">作者：</el-text>
<el-input class="selectContent" v-model="beanConsumeArticle.author" placeholder="请输入作者"
clearable/>
</div>
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
@ -648,4 +663,26 @@ const getTagText = (state) => {
display: flex; display: flex;
margin-top: 20px; margin-top: 20px;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

70
src/views/consume/bean/dieHardFan.vue
View File

@ -116,7 +116,6 @@ const getTime = ref({
const dept = ref([]) const dept = ref([])
// 新增排序字段和排序方式 // 新增排序字段和排序方式
const sortField = ref('') const sortField = ref('')
const sortOrder = ref('') const sortOrder = ref('')
@ -258,7 +257,6 @@ const reset = function () {
beanConsumeFan.value.endTime = '' beanConsumeFan.value.endTime = ''
sortField.value = '' sortField.value = ''
sortOrder.value = '' sortOrder.value = ''
getTime.value = {} getTime.value = {}
@ -468,35 +466,52 @@ const getTagText = (state) => {
</script> </script>
<template> <template>
<el-card class="card1" style="margin-bottom: 1vh;">
<el-col style="margin-bottom: 10px">
<el-text>精网号：</el-text>
<el-input v-model="beanConsumeFan.jwcode" placeholder="请输入精网号" style="width: 200px;margin-right: 20px"
<el-card class="card1" style="margin-bottom: 0.5vh;">
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text">精网号：</el-text>
<el-input class="selectContent" v-model="beanConsumeFan.jwcode" placeholder="请输入精网号"
clearable/> clearable/>
<el-text>地区：</el-text>
<el-select v-model="beanConsumeFan.dept" placeholder="请选择地区" style="width: 200px;margin-right: 20px" clearable>
</div>
<div class="selectRow">
<el-text class="text">地区：</el-text>
<el-select class="selectContent" v-model="beanConsumeFan.dept" placeholder="请选择地区"
clearable>
<el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
<el-text>频道：</el-text>
<el-select v-model="beanConsumeFan.channel" placeholder="请选择频道" style="width: 200px" clearable filterable >
</div>
<div class="selectRow">
<el-text class="text">频道：</el-text>
<el-select class="selectContent" v-model="beanConsumeFan.channel" placeholder="请选择频道"
clearable filterable>
<el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
</div>
</div>
</el-col> </el-col>
<el-col> <el-col>
<el-text>消费时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 400px;margin-right:20px" @change="handleDatePickerChange"
<div class="select">
<div class="selectRow" style="width: 36vw;">
<el-text class="text" size="large">消费时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
@change="handleDatePickerChange"
value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"/> value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"/>
<div v-if="false">
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
</div>
</div>
<div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button> <el-button type="primary" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button> <el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
</div>
</el-col> </el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
@ -621,4 +636,27 @@ const getTagText = (state) => {
display: flex; display: flex;
margin-top: 20px; margin-top: 20px;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

80
src/views/consume/bean/liveStream.vue
View File

@ -260,7 +260,6 @@ const selectLiveBy = async function (val) {
totalNum.value = Number(data.totalNum) || 0; totalNum.value = Number(data.totalNum) || 0;
// 存储分页总数 // 存储分页总数
total.value = result.data.total total.value = result.data.total
console.log('total', total.value) console.log('total', total.value)
@ -337,8 +336,6 @@ const get7Days = function () {
} }
// 处理排序事件 // 处理排序事件
const handleSortChange = (column) => { const handleSortChange = (column) => {
console.log('排序字段：', column.prop) console.log('排序字段：', column.prop)
@ -502,53 +499,64 @@ const getTagText = (state) => {
</script> </script>
<template> <template>
<el-card class="card1" style="margin-bottom: 1vh;">
<div style="margin-bottom: 1vh;display: flex;">
<div style="width: 18vw;margin-right: 1vw;display: flex;align-items: center;">
<el-text>精网号：</el-text>
<el-input v-model="beanConsumeLive.jwcode" style="width:10vw;" placeholder="请输入精网号" clearable />
<el-card class="card1" style="margin-bottom: 0.5vh;">
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text">精网号：</el-text>
<el-input class="selectContent" v-model="beanConsumeLive.jwcode" placeholder="请输入精网号" clearable/>
</div> </div>
<div style="margin-bottom: 1vh;width:18vw;display: flex;align-items: center;">
<el-text>地区：</el-text>
<el-select v-model="beanConsumeLive.dept" placeholder="请选择地区" style="width:10vw" clearable>
<div class="selectRow">
<el-text class="text">地区：</el-text>
<el-select class="selectContent" v-model="beanConsumeLive.dept" placeholder="请选择地区" clearable>
<el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
</div> </div>
<div style="margin-bottom: 1vh;width:18vw;display: flex;align-items: center;">
<el-text>礼物名称：</el-text>
<el-select v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" style="width:10vw"
<div class="selectRow">
<el-text class="text">礼物名称：</el-text>
<el-select class="selectContent" v-model="beanConsumeLive.gift" placeholder="请选择礼物名称"
clearable filterable allow-create default-first-option> clearable filterable allow-create default-first-option>
<el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
</div> </div>
<div style="margin-bottom: 1vh;width:18vw;display: flex;align-items: center;">
<el-text>频道：</el-text>
<el-select v-model="beanConsumeLive.liveChannel" placeholder="请选择频道" style="width:10vw"
<div class="selectRow">
<el-text class="text">频道：</el-text>
<el-select class="selectContent" v-model="beanConsumeLive.liveChannel" placeholder="请选择频道"
clearable filterable allow-create default-first-option> clearable filterable allow-create default-first-option>
<el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item"/> <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item"/>
</el-select> </el-select>
</div> </div>
<div style="margin-bottom: 1vh;width:18vw;display: flex;align-items: center;">
<el-text>直播间：</el-text>
<el-input v-model="beanConsumeLive.liveName" placeholder="请输入直播间" style="width:10vw"
<div class="selectRow">
<el-text class="text">直播间：</el-text>
<el-input class="selectContent" v-model="beanConsumeLive.liveName" placeholder="请输入直播间"
clearable/> clearable/>
</div> </div>
</div> </div>
<div>
<el-text>消费时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw;margin-right: 1vw;" @change="handleDatePickerChange"
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 31.5vw;">
<el-text class="text">消费时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="margin-right:1vw;width:480px"
@change="handleDatePickerChange"
:default-time="defaultTime"/> :default-time="defaultTime"/>
<div v-if="false">
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button> <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button>
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button> <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button>
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button> <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button>
</div>
</div>
<div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出excel</el-button> <el-button type="primary" @click="exportExcel()">导出excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button> <el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div> </div>
</div>
</el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
<div class="goldStatistics"> <div class="goldStatistics">
@ -671,4 +679,26 @@ const getTagText = (state) => {
display: flex; display: flex;
margin-top: 20px; margin-top: 20px;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

86
src/views/consume/gold/coinConsumeDetail.vue
View File

@ -563,47 +563,77 @@ const getMarket = async function () {
<template> <template>
<el-card class="card1" style="margin-bottom: 0.5vh;"> <el-card class="card1" style="margin-bottom: 0.5vh;">
<div style="width:82vw;margin-bottom: 1vh;">
<el-text>精网号：</el-text>
<el-input v-model="consumeUser.jwcode" placeholder="请输入精网号" style="width: 10vw;margin-right: 1vw;" clearable />
<el-text size="large">商品名称：</el-text>
<el-select v-model="consumeUser.goodsName" placeholder="请选择商品名称" style="width: 10vw;margin-right: 1vw;" clearable
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text">精网号：</el-text>
<el-input class="selectContent" v-model="consumeUser.jwcode" placeholder="请输入精网号"
clearable/>
</div>
<div class="selectRow">
<el-text class="text" size="large">商品名称：</el-text>
<el-select class="selectContent" v-model="consumeUser.goodsName" placeholder="请选择商品名称"
clearable
filterable> filterable>
<el-option v-for="(item, index) in goods" :key="index" :label="item.label" :value="item"/> <el-option v-for="(item, index) in goods" :key="index" :label="item.label" :value="item"/>
</el-select> </el-select>
</div>
<el-text size="large">所属地区：</el-text>
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable
style="width: 10vw;margin-right: 1vw;" @change="handleMarketChange" />
<div class="selectRow">
<el-text class="text" size="large">所属地区：</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
clearable
@change="handleMarketChange"/>
</div>
<div class="selectRow">
<el-text size="large">消耗平台：</el-text> <el-text size="large">消耗平台：</el-text>
<el-select v-model="consumeUser.payPlatform" placeholder="请选择消耗平台" style="width: 10vw;margin-right: 1vw;"
<el-select class="selectContent" v-model="consumeUser.payPlatform" placeholder="请选择消耗平台"
clearable> clearable>
<el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value"/> <el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value"/>
</el-select> </el-select>
</div>
<el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
</div> </div>
<div>
<el-text size="large">消耗时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw" @change="handleDatePickerChange" :default-time="defaultTime"
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 36vw;">
<el-text class="text" size="large">消耗时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间"
style="margin-right:1vw;width:25vw"
@change="handleDatePickerChange"
:default-time="defaultTime"
:disabled-date="disabledDate"/> :disabled-date="disabledDate"/>
<el-button @click="getToday()" style="margin-left: 1vw" :type="activeTimeRange === 'today' ? 'primary' : ''">
<div v-if="false">
<el-button @click="getToday()" style="margin-left: 1vw"
:type="activeTimeRange === 'today' ? 'primary' : ''">
今 今
</el-button> </el-button>
<el-button @click="getYesterday()" style="margin-left: 1vw" <el-button @click="getYesterday()" style="margin-left: 1vw"
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨 :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨
</el-button> </el-button>
<el-button @click="get7Days()" style="margin-left: 1vw" :type="activeTimeRange === '7days' ? 'primary' : ''">
<el-button @click="get7Days()" style="margin-left: 1vw"
:type="activeTimeRange === '7days' ? 'primary' : ''">
近7天 近7天
</el-button> </el-button>
</div>
</div>
<div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出excel</el-button> <el-button type="primary" @click="exportExcel()">导出excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button> <el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div> </div>
</div>
</el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
<div class="goldStatistics"> <div class="goldStatistics">
@ -736,7 +766,6 @@ const getMarket = async function () {
} }
// 搜索的卡片样式 // 搜索的卡片样式
.card1 { .card1 {
background: #F3FAFE; background: #F3FAFE;
@ -778,4 +807,25 @@ const getMarket = async function () {
background-color: #E5EBFE !important; background-color: #E5EBFE !important;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

83
src/views/recharge/bean/beanOnlineRecharge.vue
View File

@ -350,40 +350,64 @@ onMounted(async function () {
</script> </script>
<template> <template>
<el-card class="card1" style="margin-bottom: 0.5vh;"> <el-card class="card1" style="margin-bottom: 0.5vh;">
<div>
<el-text size="large">精网号：</el-text>
<el-input v-model="selectData.jwcode" placeholder="请输入精网号" style="width: 10vw;margin-right: 1vw;" clearable />
<el-text size="large">所属地区：</el-text>
<el-select v-model="selectData.market" placeholder="请选择所属地区" clearable style="width: 10vw;margin-right: 1vw;">
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text" size="large">精网号：</el-text>
<el-input class="selectContent" v-model="selectData.jwcode" placeholder="请输入精网号"
clearable/>
</div>
<div class="selectRow">
<el-text class="text" size="large">所属地区：</el-text>
<el-select class="selectContent" v-model="selectData.market" placeholder="请选择所属地区" clearable
>
<el-option v-for="item in market" :key="item" :label="item" :value="item"/> <el-option v-for="item in market" :key="item" :label="item" :value="item"/>
</el-select> </el-select>
<el-text size="large">订单号：</el-text>
<el-input v-model="selectData.orderNo" placeholder="请输入订单号" style="width: 10vw;margin-right: 1vw;" clearable />
<el-text size="large">充值平台：</el-text>
<el-select v-model="selectData.platform" placeholder="请选择充值平台" clearable style="width: 10vw;margin-right: 1vw;">
</div>
<div class="selectRow">
<el-text class="text" size="large">订单号：</el-text>
<el-input class="selectContent" v-model="selectData.orderNo" placeholder="请输入订单"
clearable/>
</div>
<div class="selectRow">
<el-text class="text" size="large">充值平台：</el-text>
<el-select class="selectContent" v-model="selectData.platform" placeholder="请选择充值平台" clearable
>
<el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value"/> <el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value"/>
</el-select> </el-select>
</div> </div>
<div style="margin-top: 0.5vh;">
<el-text size="large">充值时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw" @change="handleDatePickerChange" :default-time="defaultTime" />
<el-button @click="getToday()" style="margin-left: 10px" :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
</div>
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 36vw;">
<el-text class="text" size="large">充值时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
@change="handleDatePickerChange"
:default-time="defaultTime"/>
<div v-if="false">
<el-button @click="getToday()" style="margin-left: 10px"
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今
</el-button> </el-button>
<el-button @click="getYesterday()" style="margin-left: 10px" <el-button @click="getYesterday()" style="margin-left: 10px"
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨 :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨
</el-button> </el-button>
<el-button @click="get7Days()" style="margin-left: 10px" :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天
<el-button @click="get7Days()" style="margin-left: 10px"
:type="activeTimeRange === '7days' ? 'primary' : ''">
近7天
</el-button> </el-button>
</div>
</div>
<div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button> <el-button type="primary" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button> <el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div> </div>
</div>
</el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
<div class="goldStatistics"> <div class="goldStatistics">
@ -503,4 +527,25 @@ onMounted(async function () {
background-color: #E5EBFE !important; background-color: #E5EBFE !important;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

55
src/views/recharge/bean/beanSystemRecharge.vue
View File

@ -6,6 +6,7 @@ import { AiFillRead } from 'vue-icons-plus/ai'
import axios from 'axios' import axios from 'axios'
import moment from 'moment' import moment from 'moment'
import API from '@/util/http.js' import API from '@/util/http.js'
const selectData = ref({ const selectData = ref({
jwcode: '', jwcode: '',
market: '', market: '',
@ -336,20 +337,30 @@ onMounted(async function () {
</script> </script>
<template> <template>
<el-card class="card1" style="margin-bottom: 0.5vh"> <el-card class="card1" style="margin-bottom: 0.5vh">
<div>
<el-text size="large">精网号：</el-text>
<el-input v-model="selectData.jwcode" placeholder="请输入精网号" style="width: 9vw;margin-right:1vw" clearable />
<el-text size="large">所属地区：</el-text>
<el-select v-model="selectData.market" placeholder="请选择所属地区" clearable style="width: 9vw;margin-right:1vw">
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text" size="large">精网号：</el-text>
<el-input class="selectContent" v-model="selectData.jwcode" placeholder="请输入精网号"
clearable/>
</div>
<div class="selectRow">
<el-text class="text" size="large">所属地区：</el-text>
<el-select class="selectContent" v-model="selectData.market" placeholder="请选择所属地区" clearable>
<el-option v-for="item in market" :key="item" :label="item" :value="item"/> <el-option v-for="item in market" :key="item" :label="item" :value="item"/>
</el-select> </el-select>
</div> </div>
<div style="margin-top: 1vh;">
<el-text size="large">充值时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw" @change="handleDatePickerChange"
</div>
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 36vw;">
<el-text class="text" size="large">充值时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="margin-right:1vw;width:25vw" @change="handleDatePickerChange"
:default-time="defaultTime"/> :default-time="defaultTime"/>
<div v-if="false">
<el-button @click="getToday()" style="margin-left: 10px" <el-button @click="getToday()" style="margin-left: 10px"
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今 :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
</el-button> </el-button>
@ -360,11 +371,14 @@ onMounted(async function () {
:type="activeTimeRange === '7days' ? 'primary' : ''"> :type="activeTimeRange === '7days' ? 'primary' : ''">
近7天 近7天
</el-button> </el-button>
</div>
</div>
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" style="width: 80px;" @click="exportExcel()">导出Excel</el-button> <el-button type="primary" style="width: 80px;" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" style="width: 95px;" @click="openExportList">查看导出列表</el-button> <el-button type="primary" style="width: 95px;" @click="openExportList">查看导出列表</el-button>
</div> </div>
</el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
<div class="goldStatistics"> <div class="goldStatistics">
@ -485,5 +499,26 @@ onMounted(async function () {
background-color: #E5EBFE !important; background-color: #E5EBFE !important;
} }
/** 搜索的样式 */
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>

84
src/views/recharge/gold/coinRechargeDetail.vue
View File

@ -49,8 +49,6 @@ const rechargeUser = ref({
}) })
/*//处理地区选择变化 /*//处理地区选择变化
const handleMarketChange = (value) => { const handleMarketChange = (value) => {
if (Array.isArray(value) && value.length > 0) { if (Array.isArray(value) && value.length > 0) {
@ -587,45 +585,68 @@ const getTagText = (state) => {
<template> <template>
<el-card class="card1" style="margin-bottom: 0.5vh"> <el-card class="card1" style="margin-bottom: 0.5vh">
<div style="margin-bottom: 0.5vh;">
<el-text size="large">精网号：</el-text>
<el-input v-model="rechargeUser.jwcode" placeholder="请输入精网号" style="width: 10vw;margin-right: 1vw;" clearable />
<el-text size="large">活动名称：</el-text>
<el-select v-model="rechargeUser.activity" placeholder="请选择活动名称" style="width: 10vw;margin-right: 1vw;" clearable>
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
<el-text class="text" size="large">精网号：</el-text>
<el-input class="selectContent" v-model="rechargeUser.jwcode" placeholder="请输入精网号"
clearable/>
</div>
<div class="selectRow">
<el-text class="text" size="large">活动名称：</el-text>
<el-select class="selectContent" v-model="rechargeUser.activity" placeholder="请选择活动名称"
clearable>
<el-option v-for="item in activity" :key="item.value" :label="item.label" :value="item.value"/> <el-option v-for="item in activity" :key="item.value" :label="item.label" :value="item.value"/>
</el-select> </el-select>
<el-text size="large">所属地区：</el-text>
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width: 10vw;margin-right: 1vw;"
</div>
<div class="selectRow">
<el-text class="text" size="large">所属地区：</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
clearable
@change="handleMarketChange"/> @change="handleMarketChange"/>
<el-text size="large">充值平台：</el-text>
<el-select v-model="rechargeUser.payPlatform" placeholder="请选择充值平台" style="width: 10vw;margin-right: 1vw;" clearable>
</div>
<div class="selectRow">
<el-text class="text" size="large">充值平台：</el-text>
<el-select class="selectContent" v-model="rechargeUser.payPlatform" placeholder="请选择充值平台" clearable>
<el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value"/> <el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value"/>
</el-select> </el-select>
</div>
<el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
</div> </div>
<div>
<el-text size="large">充值时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 20vw" @change="handleDatePickerChange" :default-time="defaultTime"
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 36vw;">
<el-text class="text" size="large">充值时间：</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
@change="handleDatePickerChange"
:default-time="defaultTime"
:disabled-date="disabledDate"/> :disabled-date="disabledDate"/>
<el-button @click="getToday()" style="margin-left: 1vw" :type="activeTimeRange === 'today' ? 'primary' : ''">
<div v-if="false">
<el-button @click="getToday()" style="margin-left: 1vw"
:type="activeTimeRange === 'today' ? 'primary' : ''">
今 今
</el-button> </el-button>
<el-button @click="getYesterday()" style="margin-left: 1vw" <el-button @click="getYesterday()" style="margin-left: 1vw"
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨 :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨
</el-button> </el-button>
<el-button @click="get7Days()" style="margin-left: 1vw" :type="activeTimeRange === '7days' ? 'primary' : ''">
<el-button @click="get7Days()" style="margin-left: 1vw"
:type="activeTimeRange === '7days' ? 'primary' : ''">
近7天 近7天
</el-button> </el-button>
</div>
</div>
<div class="selectRow" style="justify-content: flex-start;">
<el-button type="success" @click="reset()">重置</el-button> <el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button> <el-button type="primary" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button> <el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div> </div>
</div>
</el-col>
</el-card> </el-card>
<el-card class="card2"> <el-card class="card2">
@ -755,4 +776,25 @@ const getTagText = (state) => {
background-color: #E5EBFE !important; background-color: #E5EBFE !important;
} }
/** 上面搜索的布局 **/
.select {
display: flex;
.selectRow {
width: 17vw;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.5vw;
.text {
width: 5vw;
font-size: 15px;
}
.selectContent {
flex: 1;
}
}
}
</style> </style>
Write Preview
Loading…
Cancel
Save