|
|
|
@ -48,10 +48,32 @@ |
|
|
|
</el-col> |
|
|
|
</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 class="custom-button-group"> |
|
|
|
<el-button |
|
|
|
v-if="hasrechargeWait&&hasrechargeWaitShow" |
|
|
|
:type="activeName === 'wait' ? 'primary' : 'default'" |
|
|
|
@click="handleButtonClick('wait')" |
|
|
|
class="custom-tab-button" |
|
|
|
> |
|
|
|
待审核 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
v-if="hasrechargeThrough" |
|
|
|
:type="activeName === 'pass' ? 'primary' : 'default'" |
|
|
|
@click="handleButtonClick('pass')" |
|
|
|
class="custom-tab-button" |
|
|
|
> |
|
|
|
已通过 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
v-if="hasrechargeReject" |
|
|
|
:type="activeName === 'reject' ? 'primary' : 'default'" |
|
|
|
@click="handleButtonClick('reject')" |
|
|
|
class="custom-tab-button" |
|
|
|
> |
|
|
|
已驳回 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
<div class="goldStatistics"> |
|
|
|
|
|
|
|
<!-- 总条数：{{ format3(stats.totalNum) }}条 --> |
|
|
|
@ -61,7 +83,7 @@ |
|
|
|
永久金币：{{ format3(stats.permanentGolds.toFixed(2)) }}金币 |
|
|
|
免费金币：{{ format3(stats.freeGolds.toFixed(2)) }}金币 |
|
|
|
</div> |
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
<el-table :data="tableData" style="width: 82vw;height:54vh" @sort-change="handleSortChange" |
|
|
|
:row-style="{ height: '50px' }"> |
|
|
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
|
|
|
@ -477,9 +499,9 @@ const adminReject = async function () { |
|
|
|
console.log('adminWait，这是点击已驳回调用') |
|
|
|
} |
|
|
|
|
|
|
|
const handleClick = function (tab, event) { |
|
|
|
activeName.value = tab.props.name |
|
|
|
if (tab.props.name === 'wait') { |
|
|
|
const handleButtonClick = function (name) { |
|
|
|
activeName.value = name |
|
|
|
if (name === 'wait') { |
|
|
|
if(!hasrechargeWait){ |
|
|
|
ElMessage.error('暂无权限') |
|
|
|
return |
|
|
|
@ -487,13 +509,13 @@ const handleClick = function (tab, event) { |
|
|
|
if(hasrechargeWaitShow){ |
|
|
|
adminWait() |
|
|
|
} |
|
|
|
} else if (tab.props.name === 'pass') { |
|
|
|
} else if (name === 'pass') { |
|
|
|
if(!hasrechargeThrough){ |
|
|
|
ElMessage.error('暂无权限') |
|
|
|
return |
|
|
|
} |
|
|
|
adminPass() |
|
|
|
} else if (tab.props.name === 'reject') { |
|
|
|
} else if (name === 'reject') { |
|
|
|
if(!hasrechargeReject){ |
|
|
|
ElMessage.error('暂无权限') |
|
|
|
return |
|
|
|
@ -501,6 +523,32 @@ const handleClick = function (tab, event) { |
|
|
|
adminReject() |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// const handleClick = function (tab, event) { |
|
|
|
// activeName.value = tab.props.name |
|
|
|
// if (tab.props.name === 'wait') { |
|
|
|
// if(!hasrechargeWait){ |
|
|
|
// ElMessage.error('暂无权限') |
|
|
|
// return |
|
|
|
// } |
|
|
|
// if(hasrechargeWaitShow){ |
|
|
|
// adminWait() |
|
|
|
// } |
|
|
|
// } else if (tab.props.name === 'pass') { |
|
|
|
// if(!hasrechargeThrough){ |
|
|
|
// ElMessage.error('暂无权限') |
|
|
|
// return |
|
|
|
// } |
|
|
|
// adminPass() |
|
|
|
// } else if (tab.props.name === 'reject') { |
|
|
|
// if(!hasrechargeReject){ |
|
|
|
// ElMessage.error('暂无权限') |
|
|
|
// return |
|
|
|
// } |
|
|
|
// adminReject() |
|
|
|
// } |
|
|
|
// } |
|
|
|
const getActivity = async function () { |
|
|
|
try { |
|
|
|
const result = await request({ |
|
|
|
@ -765,6 +813,28 @@ onMounted(async function () { |
|
|
|
:deep(.el-table__row:hover > .el-table__cell) { |
|
|
|
background-color: #E5EBFE !important; |
|
|
|
} |
|
|
|
/* 按钮组 */ |
|
|
|
/* 自定义按钮组布局 */ |
|
|
|
.custom-button-group { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 16px; |
|
|
|
} |
|
|
|
:deep(.el-button.custom-tab-button) { |
|
|
|
border-radius: 4px; |
|
|
|
transition: all 0.3s ease; |
|
|
|
} |
|
|
|
/* 自定义激活状态样式 - 使用正确的Element Plus类选择器 */ |
|
|
|
// 使用了 .el-button--primary 类选择器，这是 Element Plus 按钮组件在设置 type="primary" 时实际添加的类名 |
|
|
|
:deep(.el-button.custom-tab-button.el-button--primary) { |
|
|
|
background-color: #2741DE !important; |
|
|
|
border-color: #2741DE !important; |
|
|
|
color: #F3FAFE !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 鼠标悬停效果 */ |
|
|
|
:deep(.el-button.custom-tab-button:hover:not(.is-disabled)) { |
|
|
|
opacity: 0.8; |
|
|
|
} |
|
|
|
|
|
|
|
.select { |
|
|
|
display: flex; |
|
|
|
|
zhangrenyuan
2 months ago