|
|
|
@ -382,7 +382,7 @@ const format3 = (num) => { |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<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">精网号：</el-text> |
|
|
|
@ -390,14 +390,8 @@ const format3 = (num) => { |
|
|
|
</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" |
|
|
|
/> |
|
|
|
<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> |
|
|
|
@ -409,8 +403,8 @@ const format3 = (num) => { |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
</el-card> |
|
|
|
<el-card> |
|
|
|
<div> |
|
|
|
<el-card class="card2"> |
|
|
|
<div class="goldStatistics"> |
|
|
|
金币总数：{{ format3(goldtotal || 0) }} |
|
|
|
永久金币：{{ format3(permanentGold || 0) }} |
|
|
|
免费金币：{{ format3(freeGold || 0) }} |
|
|
|
@ -512,8 +506,7 @@ const format3 = (num) => { |
|
|
|
<!-- 分页 --> |
|
|
|
<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" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange" |
|
|
|
@current-change="handleCurrentChange"></el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
@ -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; |
|
|
|
} |
|
|
|
|
zhangrenyuan
1 week ago