Browse Source

style金币管理的1.0修改(背景颜色字体穿透)

zhangrenyuan/feature-20250917134308-现金管理
zhangrenyuan 1 week ago
parent
commit
d40812ee74
  1. 47
      src/views/audit/gold/rechargeAudit.vue
  2. 51
      src/views/consume/bean/articleVideo.vue
  3. 51
      src/views/consume/bean/dieHardFan.vue
  4. 51
      src/views/consume/bean/liveStream.vue
  5. 52
      src/views/consume/gold/coinConsumeDetail.vue
  6. 44
      src/views/moneyManage/receiveDetail/receiveDetail.vue
  7. 39
      src/views/permissions/rolePermission.vue
  8. 37
      src/views/permissions/userPermission.vue
  9. 52
      src/views/recharge/bean/beanOnlineRecharge.vue
  10. 54
      src/views/recharge/bean/beanSystemRecharge.vue
  11. 50
      src/views/recharge/gold/coinRechargeDetail.vue
  12. 51
      src/views/refund/gold/coinRefundDetail.vue
  13. 51
      src/views/usergold/bean/userbean.vue
  14. 234
      src/views/usergold/gold/clientCountBalance.vue
  15. 51
      src/views/usergold/gold/clientCountDetail.vue

47
src/views/audit/gold/rechargeAudit.vue

@ -1,5 +1,5 @@
<template>
<el-card style="margin-bottom: 0.5vh;">
<el-card class="card1" style="margin-bottom: 0.5vh;">
<el-col style="margin-bottom: 1vh">
<div class="select">
<div class="selectRow">
@ -47,12 +47,12 @@
</div>
</el-col>
</el-card>
<el-card>
<el-card class="card2">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="待审核" name="wait" v-if="hasrechargeWait&&hasrechargeWaitShow"></el-tab-pane>
<el-tab-pane label="已通过" name="pass" v-if="hasrechargeThrough"></el-tab-pane>
<el-tab-pane label="已驳回" name="reject" v-if="hasrechargeReject"></el-tab-pane>
<div>
<div class="goldStatistics">
<!-- 总条数{{ format3(stats.totalNum) }}&nbsp;&nbsp;&nbsp;&nbsp;-->
充值新币{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
@ -725,6 +725,47 @@ onMounted(async function () {
display: flex;
}
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.select {
display: flex;

51
src/views/consume/bean/articleVideo.vue

@ -463,7 +463,7 @@ const getTagText = (state) => {
</script>
<template>
<el-card style="margin-bottom: 1vh">
<el-card class="card1" 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;">
@ -516,8 +516,8 @@ const getTagText = (state) => {
</div>
</el-col>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
金豆总数{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
付费金豆数{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金豆数{{ format3(Math.abs(freeBean)) }}
@ -600,7 +600,50 @@ const getTagText = (state) => {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.pagination {
display: flex;
margin-top: 20px;

51
src/views/consume/bean/dieHardFan.vue

@ -468,7 +468,7 @@ const getTagText = (state) => {
</script>
<template>
<el-card style="margin-bottom: 1vh;">
<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"
@ -499,8 +499,8 @@ const getTagText = (state) => {
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</el-col>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
金豆总数{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
付费金豆数{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金豆数{{ format3(Math.abs(freeBean)) }}
@ -573,7 +573,50 @@ const getTagText = (state) => {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.pagination {
display: flex;
margin-top: 20px;

51
src/views/consume/bean/liveStream.vue

@ -502,7 +502,7 @@ const getTagText = (state) => {
</script>
<template>
<el-card style="margin-bottom: 1vh;">
<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>
@ -550,8 +550,8 @@ const getTagText = (state) => {
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
金豆总数{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
付费金豆数{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金豆数{{ format3(Math.abs(freeBean)) }}
@ -623,7 +623,50 @@ const getTagText = (state) => {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.pagination {
display: flex;
margin-top: 20px;

52
src/views/consume/gold/coinConsumeDetail.vue

@ -562,7 +562,7 @@ const getMarket = async function () {
</script>
<template>
<el-card 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 />
@ -605,8 +605,8 @@ const getMarket = async function () {
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
消耗新币{{ format3(Math.abs(permanentGolds)) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
总金币数{{ format3(Math.abs(permanentGolds + freeGolds + taskGolds)) }}&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(Math.abs(permanentGolds)) }}&nbsp;&nbsp;&nbsp;&nbsp;
@ -713,7 +713,7 @@ const getMarket = async function () {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
.status {
display: flex;
}
@ -734,4 +734,48 @@ const getMarket = async function () {
display: flex;
margin-top: 1vh;
}
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

44
src/views/moneyManage/receiveDetail/receiveDetail.vue

@ -1,7 +1,7 @@
<template>
<div class="content">
<div class="card1">
<el-card style="margin-bottom: 0.5vh; min-height: 110px;">
<div class="div-card1">
<el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
<div class="row">
<div class="rowItem">
<el-text style="width: 4vw;">精网号</el-text>
@ -55,8 +55,8 @@
</div>
<div class="card2">
<el-card>
<div class="div-card2">
<el-card class="card2">
<div class="btns">
<div class="tabs" v-if="caiwu">
<el-button-group>
@ -653,11 +653,13 @@ const tableData = [
]
</script>
<style scoped lang="scss">
.content { //
height: 100%;
width: 83vw;
.card1 { //
.div-card1 { //
width: 100%;
.row {
@ -684,7 +686,7 @@ const tableData = [
}
.card2 { // card
.div-card2 { // card
width: 100%;
margin-top: 2vh;
@ -917,4 +919,34 @@ const tableData = [
padding-bottom: 15px;
}
}
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

39
src/views/permissions/rolePermission.vue

@ -586,7 +586,7 @@ onMounted(async function () {
</script>
<template>
<div>
<el-card style="margin-bottom: 1vh;">
<el-card class="card1" style="margin-bottom: 1vh;">
<div style="display: flex;">
<el-text size="large">角色名称</el-text>
<el-input v-model="role.name" style="width: 240px" placeholder="请输入角色名称" clearable />
@ -597,7 +597,7 @@ onMounted(async function () {
</div>
</el-card>
<el-card>
<el-card class="card2">
<div class="add-item">
<el-button style="color: #048efb; border: 1px solid #048efb" @click="permissionAddInit()" :disabled="!canAdd" v-if="canAdd">新增角色</el-button>
</div>
@ -739,7 +739,40 @@ onMounted(async function () {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.head-card {
display: flex;
}

37
src/views/permissions/userPermission.vue

@ -910,7 +910,7 @@ onMounted(async function () {
<template>
<div>
<el-card style="margin-bottom: 1vh;">
<el-card class="card1" style="margin-bottom: 1vh;">
<div class="head-card">
<div class="head-card-element">
<el-text class="mx-1" size="large">OA号</el-text>
@ -935,7 +935,7 @@ onMounted(async function () {
</div>
</div>
</el-card>
<el-card>
<el-card class="card2">
<!-- 展示表单 -->
<div class="add-item">
<el-button style="color: #048efb; border: 1px solid #048efb" :disabled="!canAdd" v-if="canAdd" @click="userAddInit()">新增用户</el-button>
@ -1168,7 +1168,38 @@ onMounted(async function () {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.pagination {
display: flex;
}

52
src/views/recharge/bean/beanOnlineRecharge.vue

@ -349,7 +349,7 @@ onMounted(async function () {
})
</script>
<template>
<el-card 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 />
@ -385,8 +385,8 @@ onMounted(async function () {
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
充值金豆数{{ format3(num) }}&nbsp;&nbsp;&nbsp;&nbsp;合计新币数{{ format3(money) }}
</div>
<!-- 设置表格容器的高度和滚动样式 -->
@ -459,4 +459,48 @@ onMounted(async function () {
</template>
</el-dialog>
</template>
<style scoped></style>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

54
src/views/recharge/bean/beanSystemRecharge.vue

@ -335,7 +335,7 @@ onMounted(async function () {
})
</script>
<template>
<el-card class="condition">
<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 />
@ -366,8 +366,8 @@ onMounted(async function () {
<el-button type="primary" style="width: 95px;" @click="openExportList">查看导出列表</el-button>
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
金豆总数{{ format3(beanNum) }}&nbsp;&nbsp;&nbsp;&nbsp;
付费金豆数{{ format3(permanentBeans) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金豆数{{ format3(freeBean) }}
@ -434,12 +434,56 @@ onMounted(async function () {
</template>
</el-dialog>
</template>
<style scoped>
.condition {
<style scoped lang="scss">
/* .condition {
height: 6vw;
margin-bottom: 0.5vh;
display: flex;
justify-content: space-between;
align-items: center;
} */
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

50
src/views/recharge/gold/coinRechargeDetail.vue

@ -586,7 +586,7 @@ const getTagText = (state) => {
</script>
<template>
<el-card 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 />
@ -628,8 +628,8 @@ const getTagText = (state) => {
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
充值新币{{ format3(permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
总金币数{{ format3(permanentGolds + freeGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(permanentGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
@ -712,5 +712,47 @@ const getTagText = (state) => {
</template>
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

51
src/views/refund/gold/coinRefundDetail.vue

@ -499,7 +499,7 @@ const getMarket = async function () {
</script>
<template>
<el-card style="margin-bottom: 1vh;">
<el-card class="card1" style="margin-bottom: 1vh;">
<div class="condition">
<div style="display: flex;align-items: center;width:18vw">
<el-text>精网号</el-text>
@ -552,8 +552,8 @@ const getMarket = async function () {
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
退款金币总数{{ format3(Math.abs(sumGolds).toFixed(2)) }}&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(Math.abs(permanentGolds).toFixed(2)) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金币{{ format3(Math.abs(freeGolds).toFixed(2)) }}&nbsp;&nbsp;&nbsp;&nbsp;
@ -637,7 +637,50 @@ const getMarket = async function () {
</el-dialog>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.condition{
display: flex;
width:82vw;

51
src/views/usergold/bean/userbean.vue

@ -1,5 +1,5 @@
<template>
<el-card style="margin-bottom: 1vh;">
<el-card class="card1" style="margin-bottom: 1vh;">
<el-text size="large">精网号</el-text>
<el-input v-model="searchObj.jwcode" placeholder="请输入精网号" style="width: 240px" clearable />
<el-text size="large" style="margin-left:20px">地区</el-text>
@ -13,8 +13,8 @@
</div>
</el-card>
<el-card>
<div class="stats-card">
<el-card class="card2">
<div class="goldStatistics">
现有金豆数{{ format3(stats.sumBean) }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
付费金豆数{{ format3(stats.permanentBean) }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
免费金豆数{{ format3(stats.freeBean) }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
@ -188,5 +188,48 @@ onMounted(() => {
})
</script>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
</style>

234
src/views/usergold/gold/clientCountBalance.vue

@ -5,11 +5,11 @@ import { storeToRefs } from "pinia"
import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import {onMounted, ref} from 'vue'
import {ElMessage} from 'element-plus'
import { onMounted, ref } from 'vue'
import { ElMessage } from 'element-plus'
import moment from 'moment'
import API from '@/util/http.js'
import {reverseMarketMapping} from "@/utils/marketMap.js";
import { reverseMarketMapping } from "@/utils/marketMap.js";
//
const showEmployeeData = ref(false)
@ -65,7 +65,7 @@ const sortOrder = ref('')
// ===========================================================================
//
const get = async function (val) {
if(!findMenuById(menuTree.value, permissionMapping.coinCustomerMoney)){
if (!findMenuById(menuTree.value, permissionMapping.coinCustomerMoney)) {
ElMessage.error('无此权限')
return
}
@ -81,7 +81,7 @@ const get = async function (val) {
console.log('搜索参数', getObj.value)
// POST
const requestData = {...getObj.value, user: {...user.value}};//
const requestData = { ...getObj.value, user: { ...user.value } };//
console.log('最终请求参数', JSON.stringify(requestData, null, 2)); //
//console.log('', requestData);
// markets''''
@ -102,7 +102,7 @@ const get = async function (val) {
const result = await API({
url: '/goldDetail/getGold',
method: 'post',
data: {...getObj.value, user: {...user.value, flag: showEmployeeData.value? 0 : 1}}
data: { ...getObj.value, user: { ...user.value, flag: showEmployeeData.value ? 0 : 1 } }
})
console.log('响应数据', result)
tableData.value = result.data.list
@ -115,7 +115,7 @@ const get = async function (val) {
data: {
jwcode: user.value.jwcode,
markets: user.value.markets,
flag: showEmployeeData.value? 0 : 1
flag: showEmployeeData.value ? 0 : 1
}
})
// result.data.list
@ -137,7 +137,7 @@ const get = async function (val) {
// ElMessage.warning('')
}
// , result.data.list
else if(resultGoldTotal.data===0){
else if (resultGoldTotal.data === 0) {
//
tableData.value = []
// 0
@ -242,11 +242,11 @@ const exportExcel = async function () {
user: {
jwcode: user.value.jwcode || '',
markets: user.value.markets || [],
flag: showEmployeeData.value? 0 : 1
flag: showEmployeeData.value ? 0 : 1
}
}
const res = await API({url: '/goldDetail/exportGold', data: params})
const res = await API({ url: '/goldDetail/exportGold', data: params })
if (res.code === 200) {
ElMessage.success('导出成功')
}
@ -268,7 +268,7 @@ const exportListLoading = ref(false)
const getExportList = async () => {
exportListLoading.value = true
try {
const result = await API({url: '/export/export'})
const result = await API({ url: '/export/export' })
if (result.code === 200) {
const filteredData = result.data.filter(item => {
return item.type === 1; //type0
@ -357,8 +357,8 @@ const getMarket = async function () {
return allChildren.map(child => {
const grandchildren = child.children && child.children.length
? transformTree([child]) //
: null;
? transformTree([child]) //
: null;
return {
value: child.name,
@ -375,63 +375,57 @@ const getMarket = async function () {
}
}
const format3 = (num) => {
//
return num.toLocaleString('en-US')
//
return num.toLocaleString('en-US')
}
</script>
<template>
<el-card style="margin-bottom: 1vh;">
<div class="head-card">
<div class="head-card-element">
<el-text class="mx-1" size="large">精网号</el-text>
<el-input v-model="user.jwcode" style="width: 160px" placeholder="请输入精网号" clearable/>
</div>
<div class="head-card-element">
<el-text class="mx-1" size="large">所属地区</el-text>
<el-cascader
v-model="selectedMarketPath"
:options="markets"
placeholder="请选择所属地区"
clearable
style="width:180px"
@change="handleMarketChange"
/>
</div>
<div class="head-card-element">
<el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
</div>
<el-button type="primary" @click="search()">查询</el-button>
<el-button @click="reset" type="success">重置</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
<!-- </div> -->
</el-card>
<el-card>
<div>
金币总数{{ format3(goldtotal || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(permanentGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金币{{ format3(freeGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
任务金币{{ format3(taskGold || 0) }}
</div>
<!-- 设置表格容器的高度和滚动样式 -->
<div style="height: 60vh; overflow-y: auto">
<el-table :data="tableData" @cellClick="cellClick" style="width: 82vw; height:60vh"
@sort-change="handleSortChange">
<el-table-column type="index" label="序号" width="100px" fixed="left">
<template #default="scope">
<span>{{
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
}}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="姓名" width="140"/>
<el-table-column prop="jwcode" label="精网号" width="160"/>
<el-table-column prop="market" label="所属地区" width="140"/>
<el-table-column prop="sumGold" label="金币总数" width="140" aligh="center">
<!-- <template #default="scope">
<el-card class="card1" style="margin-bottom: 1vh;">
<div class="head-card">
<div class="head-card-element">
<el-text class="mx-1" size="large">精网号</el-text>
<el-input v-model="user.jwcode" style="width: 160px" placeholder="请输入精网号" clearable />
</div>
<div class="head-card-element">
<el-text class="mx-1" size="large">所属地区</el-text>
<el-cascader v-model="selectedMarketPath" :options="markets" placeholder="请选择所属地区" clearable style="width:180px"
@change="handleMarketChange" />
</div>
<div class="head-card-element">
<el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
</div>
<el-button type="primary" @click="search()">查询</el-button>
<el-button @click="reset" type="success">重置</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
<!-- </div> -->
</el-card>
<el-card class="card2">
<div class="goldStatistics">
金币总数{{ format3(goldtotal || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(permanentGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金币{{ format3(freeGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
任务金币{{ format3(taskGold || 0) }}
</div>
<!-- 设置表格容器的高度和滚动样式 -->
<div style="height: 60vh; overflow-y: auto">
<el-table :data="tableData" @cellClick="cellClick" style="width: 82vw; height:60vh"
@sort-change="handleSortChange">
<el-table-column type="index" label="序号" width="100px" fixed="left">
<template #default="scope">
<span>{{
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
}}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="姓名" width="140" />
<el-table-column prop="jwcode" label="精网号" width="160" />
<el-table-column prop="market" label="所属地区" width="140" />
<el-table-column prop="sumGold" label="金币总数" width="140" aligh="center">
<!-- <template #default="scope">
<span>{{
((scope.row.currentPermanentGold || 0) +
(scope.row.currentFreeJune || 0) +
@ -439,28 +433,28 @@ const format3 = (num) => {
(scope.row.currentTaskGold || 0))
}}</span>
</template> -->
</el-table-column>
<el-table-column prop="currentPermanentGold" label="永久金币" sortable="custom" width="150">
<template #default="scope">
<span>{{ (scope.row.currentPermanentGold || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentFreeJune" label="6月份到期免费金币" sortable="custom" width="170">
<template #default="scope">
<span>{{ (scope.row.currentFreeJune || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentFreeDecember" label="12月份到期免费金币" sortable="custom" width="180">
<template #default="scope">
<span>{{ (scope.row.currentFreeDecember || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentTaskGold" label="任务金币" sortable="custom" width="180">
<template #default="scope">
<span>{{ (scope.row.currentTaskGold || 0) }}</span>
</template>
</el-table-column>
<!-- <el-table-column prop="rcoin" label="历史金币总额" width="150">
</el-table-column>
<el-table-column prop="currentPermanentGold" label="永久金币" sortable="custom" width="150">
<template #default="scope">
<span>{{ (scope.row.currentPermanentGold || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentFreeJune" label="6月份到期免费金币" sortable="custom" width="170">
<template #default="scope">
<span>{{ (scope.row.currentFreeJune || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentFreeDecember" label="12月份到期免费金币" sortable="custom" width="180">
<template #default="scope">
<span>{{ (scope.row.currentFreeDecember || 0) }}</span>
</template>
</el-table-column>
<el-table-column prop="currentTaskGold" label="任务金币" sortable="custom" width="180">
<template #default="scope">
<span>{{ (scope.row.currentTaskGold || 0) }}</span>
</template>
</el-table-column>
<!-- <el-table-column prop="rcoin" label="历史金币总额" width="150">
<template #default="scope">
<el-popover trigger="hover" placement="left" width="150">
<template #default>
@ -507,19 +501,18 @@ const format3 = (num) => {
</el-popover>
</template>
</el-table-column>-->
</el-table>
</div>
<!-- 分页 -->
<div class="pagination" style="margin-top: 20px">
<el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
layout="total, sizes, prev, pager, next, jumper" :total="total"
@size-change="handlePageSizeChange"
@current-change="handleCurrentChange"></el-pagination>
</div>
</el-card>
</el-table>
</div>
<!-- 分页 -->
<div class="pagination" style="margin-top: 20px">
<el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
@current-change="handleCurrentChange"></el-pagination>
</div>
</el-card>
<el-dialog v-model="exportListVisible" title="导出列表" width="80%">
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
<el-table-column prop="fileName" label="文件名"/>
<el-table-column prop="fileName" label="文件名" />
<el-table-column prop="state" label="状态">
<template #default="scope">
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
@ -535,7 +528,7 @@ const format3 = (num) => {
<el-table-column label="操作">
<template #default="scope">
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
:disabled="scope.row.state !== 2">
:disabled="scope.row.state !== 2">
下载
</el-button>
</template>
@ -551,6 +544,49 @@ const format3 = (num) => {
</template>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.pagination {
display: flex;
}

51
src/views/usergold/gold/clientCountDetail.vue

@ -460,7 +460,7 @@ const format3 = (num) => {
</script>
<template>
<div>
<el-card style="margin-bottom: 1vh;">
<el-card class="card1" style="margin-bottom: 1vh;">
<el-row style="margin-bottom: 10px">
<el-col :span="5">
<div class="head-card-element">
@ -526,8 +526,8 @@ const format3 = (num) => {
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
</div>
</el-card>
<el-card>
<div>
<el-card class="card2">
<div class="goldStatistics">
金币净变化{{ format3(totalGoldTotal || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
永久金币{{ format3(totalPermanentGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
免费金币{{ format3(totalFreeGold || 0) }}&nbsp;&nbsp;&nbsp;&nbsp;
@ -631,7 +631,50 @@ const format3 = (num) => {
</div>
</template>
<style scoped>
<style scoped lang="scss">
//
.card1 {
background: #F3FAFE;
}
//
.card2 {
background: #E7F4FD;
}
//
.goldStatistics {
margin-left: 1vw;
margin-bottom: 1vh;
color: #000000;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
/* 表格 */
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
/* 鼠标悬停 */
:deep(.el-table__row:hover > .el-table__cell) {
background-color: #E5EBFE !important;
}
.dialog-footer {
display: flex;
justify-content: flex-end;

Loading…
Cancel
Save