|
|
@ -1,35 +1,47 @@ |
|
|
|
<template> |
|
|
|
<el-card style="margin-bottom: 0.5vh;width:82vw"> |
|
|
|
<div style="margin-bottom: 1vh"> |
|
|
|
<el-text size="large">精网号:</el-text> |
|
|
|
<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" size="large">精网号:</el-text> |
|
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable /> |
|
|
|
|
|
|
|
<el-text size="large">所属地区:</el-text> |
|
|
|
</div> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">所属地区:</el-text> |
|
|
|
<el-cascader v-model="selectedMarkets" :options="marketOptions" placeholder="请选择所属地区" clearable |
|
|
|
style="width: 12vw" @change="handleMarketChange" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col> |
|
|
|
<el-text size="large" style="width: 80px" v-show="checkTab === 'pending'">提交时间:</el-text> |
|
|
|
<el-text size="large" style="width: 80px" v-show="checkTab === 'reject' || checkTab === 'pass'">审核时间:</el-text> |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow" style="width: 36vw;"> |
|
|
|
<el-text class="text" size="large" v-show="checkTab === 'pending'">提交时间:</el-text> |
|
|
|
<el-text size="large" style="width: 25vw;margin-right:1vw" |
|
|
|
v-show="checkTab === 'reject' || checkTab === 'pass'">审核时间:</el-text> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间" |
|
|
|
end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" @change="handleDatePickerChange" |
|
|
|
: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> |
|
|
|
</div> |
|
|
|
<div class="selectRow" style="justify-content: flex-start;"> |
|
|
|
<el-button type="success" @click="resetSearch">重置</el-button> |
|
|
|
<el-button type="primary" @click="handleSearch">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-card > |
|
|
|
<el-card class="card2"> |
|
|
|
<el-tabs v-model="checkTab" type="card" @tab-click="handleClick"> |
|
|
|
<el-tab-pane label="待审核" name="pending" v-if="hasbeanWait && hasbeanWaitShow"></el-tab-pane> |
|
|
|
<el-tab-pane label="已通过" name="pass" v-if="hasbeanThrough"></el-tab-pane> |
|
|
|
<el-tab-pane label="已驳回" name="reject" v-if="hasbeanReject"></el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
<div> |
|
|
|
<div class="goldStatistics"> |
|
|
|
总条数:{{ format3(stats.num) }}条 |
|
|
|
总金豆数:{{ format3(stats.beanNum) }}金豆 |
|
|
|
付费金豆:{{ format3(stats.permanentBean) }}金豆 |
|
|
@ -61,7 +73,8 @@ |
|
|
|
{{ row.auditTime ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss') : '--' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column v-if="checkTab === 'pending' &&(hasbeanWaitThough||hasbeanWaitReject)" fixed="right" prop="operation" label="操作" width="400px"> |
|
|
|
<el-table-column v-if="checkTab === 'pending' && (hasbeanWaitThough || hasbeanWaitReject)" fixed="right" |
|
|
|
prop="operation" label="操作" width="400px"> |
|
|
|
<template #default="scope"> |
|
|
|
<div class="operation"> |
|
|
|
<el-popconfirm title="确定要通过此条记录吗?" @confirm="handleApprove(scope.row)"> |
|
|
@ -77,7 +90,8 @@ |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-popconfirm> |
|
|
|
<el-button v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked" type="primary" text @click="showRejectDialog(scope.row)"> |
|
|
|
<el-button v-if="hasbeanWaitReject" :disabled="clicked || cancelClicked" type="primary" text |
|
|
|
@click="showRejectDialog(scope.row)"> |
|
|
|
驳回 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
@ -515,4 +529,68 @@ onMounted(async () => { |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
<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; |
|
|
|
} |
|
|
|
|
|
|
|
/* 表头/表体 wrapper 与 table body 单元格 */ |
|
|
|
: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; |
|
|
|
|
|
|
|
.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> |