2 Commits

  1. 7
      src/components/workspace/GoldGraph.vue
  2. 63
      src/views/audit/gold/rechargeAudit.vue

7
src/components/workspace/GoldGraph.vue

@ -788,13 +788,14 @@ onUnmounted(() => {
box-shadow: 0 0 8px 0 #00000040; box-shadow: 0 0 8px 0 #00000040;
padding: 12px; padding: 12px;
.card-select { .card-select {
:deep(.el-select__wrapper) { :deep(.el-select__wrapper) {
background-color: #E7F4FD !important; background-color: #E7F4FD !important;
// :hover {
// background-color: red !important;
// }
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
border: #B7BBC4 !important;
border: none !important;
} }
:deep(.el-select-dropdown__item.selected) { :deep(.el-select-dropdown__item.selected) {

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

@ -1,5 +1,5 @@
<template> <template>
<el-card style="margin-bottom: 0.5vh;">
<el-card class="card1" style="margin-bottom: 0.5vh;">
<el-col style="margin-bottom: 1vh"> <el-col style="margin-bottom: 1vh">
<div class="select"> <div class="select">
<div class="selectRow"> <div class="selectRow">
@ -47,12 +47,12 @@
</div> </div>
</el-col> </el-col>
</el-card> </el-card>
<el-card>
<el-card class="card2">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <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="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="pass" v-if="hasrechargeThrough"></el-tab-pane>
<el-tab-pane label="已驳回" name="reject" v-if="hasrechargeReject"></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.totalNum) }}&nbsp;&nbsp;&nbsp;&nbsp;-->
充值新币{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp; 充值新币{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
@ -119,7 +119,8 @@
{{ moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') }} {{ moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="activeName === 'wait'&&(hasrechargeWaitThough||hasrechargeWaitReject)&&hasrechargeWaitShow" fixed="right" prop="operation" label="操作" width="150px">
<el-table-column v-if="activeName === 'wait' && (hasrechargeWaitThough || hasrechargeWaitReject) && hasrechargeWaitShow"
fixed="right" prop="operation" label="操作" width="150px">
<template #default="scope"> <template #default="scope">
<div class="operation"> <div class="operation">
<el-popconfirm title="确定要通过此条记录吗?" @confirm="handleApprove(scope.row)"> <el-popconfirm title="确定要通过此条记录吗?" @confirm="handleApprove(scope.row)">
@ -135,7 +136,8 @@
</el-button> </el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
<el-button v-if="hasrechargeWaitReject" :disabled="clicked || cancelClicked" type="primary" text @click="showRejectDialog(scope.row)">
<el-button v-if="hasrechargeWaitReject" :disabled="clicked || cancelClicked" type="primary" text
@click="showRejectDialog(scope.row)">
驳回 驳回
</el-button> </el-button>
</div> </div>
@ -716,6 +718,7 @@ onMounted(async function () {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
//
.pagination { .pagination {
display: flex; display: flex;
margin-top: 0.5vh; margin-top: 0.5vh;
@ -725,6 +728,56 @@ onMounted(async function () {
display: flex; 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;
}
/* 表头/表体 wrapper 与 table body 单元格 */
//
// :deep(.el-table__body),
// :deep(.el-table__header),
// :deep(.el-table__body tbody),
// :deep(.el-table__body tr),
// :deep(.el-table__row),
: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 { .select {
display: flex; display: flex;

Loading…
Cancel
Save