You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

632 lines
21 KiB

3 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
3 months ago
4 months ago
4 months ago
  1. <template>
  2. <el-card style="margin-bottom: 0.5vh;margin-top: 0.5vh">
  3. <el-col style="margin-bottom: 0.5vh">
  4. <el-text size="large">精网号</el-text>
  5. <el-input v-model="rechargeAudit.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable />
  6. <el-text size="large">活动名称</el-text>
  7. <el-select v-model="rechargeAudit.activity" placeholder="请选择活动名称" style="width: 12vw;margin-right:1vw" clearable>
  8. <el-option v-for="item in activity" :key="item" :label="item" :value="item" />
  9. </el-select>
  10. <el-text size="large">支付方式</el-text>
  11. <el-select v-model="rechargeAudit.payModel" placeholder="请选择支付方式" style="width: 12vw;margin-right:1vw" clearable>
  12. <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" />
  13. </el-select>
  14. <el-text size="large">所属地区</el-text>
  15. <el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width:12vw"
  16. @change="handleMarketChange" />
  17. </el-col>
  18. <el-col>
  19. <el-text size="large">
  20. {{ activeName === 'wait' ? '提交时间:' : '审核时间:' }}
  21. </el-text>
  22. <el-date-picker v-model="getTime" type="datetimerange" range-separator="" start-placeholder="起始时间"
  23. end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw"
  24. @change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate" />
  25. <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''"></el-button>
  26. <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''"></el-button>
  27. <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
  28. <el-button @click="resetSearch" type="success">重置</el-button>
  29. <el-button @click="handleSearch" type="primary">查询</el-button>
  30. </el-col>
  31. </el-card>
  32. <el-card>
  33. <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
  34. <el-tab-pane label="待审核" name="wait"></el-tab-pane>
  35. <el-tab-pane label="已通过" name="pass"></el-tab-pane>
  36. <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
  37. <div>
  38. 总条数{{ format3(stats.totalNum) }}&nbsp;&nbsp;&nbsp;&nbsp;
  39. 充值新币{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
  40. 总金币数{{ format3(stats.permanentGolds + stats.freeGolds + stats.taskGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
  41. 永久金币{{ format3(stats.permanentGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
  42. 免费金币{{ format3(stats.freeGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
  43. </div>
  44. </el-tabs>
  45. <el-table :data="tableData" style="width: 100vw;height:55vh" @sort-change="handleSortChange"
  46. :row-style="{ height: '50px' }">
  47. <el-table-column type="index" label="序号" width="100px" fixed="left">
  48. <template #default="scope">
  49. <span>{{ scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize }}</span>
  50. </template>
  51. </el-table-column>
  52. <el-table-column fixed="left" prop="name" label="姓名" width="150px"/>
  53. <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px"/>
  54. <el-table-column prop="market" label="所属地区" width="100px"/>
  55. <el-table-column prop="activity" label="活动名称" width="100px" show-overflow-tooltip/>
  56. <el-table-column prop="rateName" label="货币名称" width="110px"/>
  57. <el-table-column prop="money" label="充值金额" sortable="custom" width="110px">
  58. <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
  59. </el-table-column>
  60. <el-table-column prop="permanentGold" label="永久金币" width="110px" sortable="custom">
  61. <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
  62. </el-table-column>
  63. <el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px">
  64. <template #default="scope">{{ (scope.row.freeGold) / 100 }}</template>
  65. </el-table-column>
  66. <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
  67. <el-table-column prop="payModel" label="支付方式" width="110px" />
  68. <el-table-column prop="voucher" label="支付凭证" width="110px">
  69. <template #default="scope">
  70. <div v-if="scope.row.voucher"
  71. style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
  72. @click="previewImage(scope.row.voucher)">
  73. <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
  74. </div>
  75. <div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">--</div>
  76. </template>
  77. </el-table-column>
  78. <el-table-column prop="adminName" label="提交人" width="100px" />
  79. <el-table-column prop="rejectReason" v-if="activeName === 'reject'" label="驳回理由" width="200px"
  80. show-overflow-tooltip />
  81. <el-table-column v-if="activeName !== 'wait'" prop="auditName" label="审核人" width="100px" />
  82. <el-table-column prop="payTime" sortable="custom" label="付款时间" width="200px">
  83. <template #default="scope">
  84. {{ moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss') }}
  85. </template>
  86. </el-table-column>
  87. <el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px">
  88. <template #default="scope">
  89. <!-- {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}-->
  90. {{
  91. activeName === 'wait'
  92. ? moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss')
  93. : moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')
  94. }}
  95. </template>
  96. </el-table-column>
  97. <el-table-column v-if="activeName !== 'wait'" prop="auditTime" label="审核时间" width="200px">
  98. <template #default="scope">
  99. {{ moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') }}
  100. </template>
  101. </el-table-column>
  102. <el-table-column v-if="activeName === 'wait'" fixed="right" prop="operation" label="操作" width="150px">
  103. <template #default="scope">
  104. <div class="operation">
  105. <el-popconfirm title="确定要通过此条记录吗?" @confirm="handleApprove(scope.row)">
  106. <template #reference>
  107. <el-button :disabled="clicked || cancelClicked" type="primary" text>
  108. 通过
  109. </el-button>
  110. </template>
  111. <template #actions="{ confirm }">
  112. <el-button size="small">取消</el-button>
  113. <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
  114. 确认
  115. </el-button>
  116. </template>
  117. </el-popconfirm>
  118. <el-button :disabled="clicked || cancelClicked" type="primary" text @click="showRejectDialog(scope.row)">
  119. 驳回
  120. </el-button>
  121. </div>
  122. </template>
  123. </el-table-column>
  124. </el-table>
  125. <div class="pagination">
  126. <el-pagination :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
  127. layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePagination('size', $event)"
  128. @current-change="handlePagination('page', $event)"></el-pagination>
  129. </div>
  130. </el-card>
  131. <el-dialog v-model="rejectDialogVisible" title="驳回理由" width="500px">
  132. <el-form>
  133. <el-form-item label="驳回理由" required>
  134. <el-input v-model="rejectReason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
  135. show-word-limit />
  136. </el-form-item>
  137. </el-form>
  138. <template #footer>
  139. <span class="dialog-footer">
  140. <el-button @click="rejectDialogVisible = false">取消</el-button>
  141. <el-button :disabled="cancelClicked" type="primary" @click="handleReject">确定</el-button>
  142. </span>
  143. </template>
  144. </el-dialog>
  145. </template>
  146. <script setup>
  147. import { onMounted, reactive, ref } from 'vue'
  148. import { ElMessage } from 'element-plus'
  149. import request from '@/util/http.js'
  150. import API from '@/util/http.js'
  151. import moment from 'moment'
  152. import { useAdminStore } from "@/store/index.js";
  153. import { storeToRefs } from "pinia";
  154. const adminStore = useAdminStore();
  155. const { adminData, menuTree } = storeToRefs(adminStore);
  156. import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
  157. import dayjs from "dayjs";
  158. const defaultTime = [
  159. new Date(2000, 1, 1, 0, 0, 0),
  160. new Date(2000, 2, 1, 23, 59, 59),
  161. ]
  162. //无法选择的时间
  163. const disabledDate = (time) => {
  164. const limitDate = new Date(2025, 0, 1);
  165. return time.getTime() < limitDate.getTime();
  166. }
  167. const tableData = ref([])
  168. // 当前激活的时间按钮
  169. const activeTimeRange = ref('')
  170. const total = ref(50)
  171. // 搜索对象时间
  172. const getTime = ref([])
  173. const activity = ref([])
  174. const market = ref("")
  175. const rejectDialogVisible = ref(false)
  176. const rejectReason = ref('')
  177. // 当前行信息
  178. const currentRecord = ref(null)
  179. // 标签页默认是待审批
  180. const activeName = ref('wait')
  181. const sortField = ref('')
  182. const sortOrder = ref('')
  183. // 存储地区选择变化
  184. const selectedMarketPath = ref("")
  185. // 搜索表单
  186. const rechargeAudit = ref({
  187. jwcode: "", // 精网号
  188. activity: "", // 活动名称
  189. payModel: "", // 支付方式
  190. startTime: "", // 充值时间开始
  191. endTime: "", // 充值时间结束
  192. market: "", // 地区
  193. auditStatus: "0",
  194. })
  195. // 搜索对象
  196. const getObj = ref({
  197. pageNum: 1,
  198. pageSize: 50
  199. })
  200. // 支付方式选项
  201. const payModel = [
  202. {
  203. value: '现金',
  204. label: '现金'
  205. },
  206. {
  207. value: '支票',
  208. label: '支票'
  209. },
  210. {
  211. value: '刷卡',
  212. label: '刷卡'
  213. },
  214. {
  215. value: '其他(各地区电子支付)',
  216. label: '其他(各地区电子支付)'
  217. },
  218. ]
  219. // 统计合计数
  220. const stats = ref({
  221. totalNum: 0,
  222. totalCoins: 0,
  223. permanentGolds: 0,
  224. freeGolds: 0,
  225. taskGolds: 0
  226. })
  227. // 表单验证
  228. const rules = reactive({
  229. rejectReason: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
  230. })
  231. // 搜索方法
  232. const getRecharge = async function (val) {
  233. try {
  234. if (getTime.value && getTime.value.length === 2) {
  235. rechargeAudit.value.startTime = formatTime(getTime.value[0])
  236. rechargeAudit.value.endTime = formatTime(getTime.value[1])
  237. } else {
  238. rechargeAudit.value.startTime = ''
  239. rechargeAudit.value.endTime = ''
  240. }
  241. if (rechargeAudit.value.market === '总部' || rechargeAudit.value.market === '研发部') {
  242. rechargeAudit.value.market = '';
  243. }
  244. // 校验精网号(数字格式)
  245. if (rechargeAudit.value.jwcode) {
  246. // 纯数字
  247. const numberRegex = /^\d{1,9}$/;
  248. // 检查是否不是数字
  249. if (!numberRegex.test(rechargeAudit.value.jwcode)) {
  250. ElMessage.error('请检查精网号格式')
  251. return
  252. }
  253. }
  254. const result = await request({
  255. url: '/audit/selectRecharge',
  256. data: {
  257. pageNum: getObj.value.pageNum,
  258. pageSize: getObj.value.pageSize,
  259. rechargeAudit: {
  260. ...rechargeAudit.value,
  261. sortField: sortField.value,
  262. sortOrder: sortOrder.value
  263. }
  264. }
  265. })
  266. tableData.value = result.list
  267. total.value = result.total
  268. } catch (error) {
  269. console.log('请求失败', error)
  270. }
  271. }
  272. const getStats = async () => {
  273. try {
  274. const params = {
  275. pageNum: getObj.value.pageNum,
  276. pageSize: getObj.value.pageSize,
  277. rechargeAudit: rechargeAudit.value
  278. }
  279. // 校验精网号(数字格式)
  280. if (rechargeAudit.value.jwcode) {
  281. // 纯数字
  282. const numberRegex = /^\d{1,9}$/;
  283. // 检查是否不是数字
  284. if (!numberRegex.test(rechargeAudit.value.jwcode)) {
  285. // ElMessage.error('精网号必须为数字格式')
  286. // 上面提示过了
  287. return
  288. }
  289. }
  290. const res = await API({
  291. url: '/audit/sumRechargeGold',
  292. data: params
  293. })
  294. stats.value.totalNum = res.totalNum
  295. stats.value.permanentGolds = res.permanentGolds / 100
  296. stats.value.freeGolds = res.freeGolds / 100
  297. stats.value.taskGolds = res.taskGolds / 100
  298. console.log('see see stats和搜索对象', stats.value, params)
  299. } catch (error) {
  300. console.log('请求失败', error)
  301. }
  302. }
  303. // 搜索
  304. const handleSearch = function () {
  305. trimJwCode();
  306. getObj.value.pageNum = 1
  307. getRecharge()
  308. getStats()
  309. }
  310. // 重置
  311. const resetSearch = function () {
  312. rechargeAudit.value = {
  313. jwcode: "",
  314. activity: "",
  315. payModel: "",
  316. startTime: "",
  317. endTime: "",
  318. market: "",
  319. auditStatus: rechargeAudit.value.auditStatus
  320. }
  321. selectedMarketPath.value = []
  322. getTime.value = []
  323. activeTimeRange.value = '' // 清除激活状态
  324. getRecharge()
  325. getStats()
  326. }
  327. // 今天
  328. const getToday = function () {
  329. const today = dayjs()
  330. const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
  331. const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
  332. getTime.value = [startTime, endTime]
  333. console.log('getTime', getTime.value)
  334. activeTimeRange.value = 'today' // 标记当前激活状态
  335. getRecharge()
  336. getStats()
  337. }
  338. // 昨天
  339. const getYesterday = function () {
  340. const today = dayjs()
  341. const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
  342. const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
  343. getTime.value = [startTime, endTime]
  344. console.log('getTime', getTime.value)
  345. activeTimeRange.value = 'yesterday' // 标记当前激活状态
  346. getRecharge()
  347. getStats()
  348. }
  349. // 近7天
  350. const get7Days = function () {
  351. const today = dayjs()
  352. const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
  353. const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
  354. getTime.value = [startTime, endTime]
  355. console.log('getTime', getTime.value)
  356. activeTimeRange.value = '7days' // 标记当前激活状态
  357. getRecharge()
  358. getStats()
  359. }
  360. // 待审核充值明细
  361. const adminWait = async function () {
  362. rechargeAudit.value.auditStatus = "0"
  363. getObj.value.pageNum = 1
  364. await getRecharge()
  365. await getStats()
  366. console.log('adminWait,这是点击待审核调用')
  367. }
  368. // 已通过充值明细
  369. const adminPass = async function () {
  370. rechargeAudit.value.auditStatus = "1"
  371. getObj.value.pageNum = 1
  372. await getRecharge()
  373. await getStats()
  374. console.log('adminWait,这是点击已通过调用')
  375. }
  376. // 已驳回充值明细
  377. const adminReject = async function () {
  378. rechargeAudit.value.auditStatus = "2"
  379. getObj.value.pageNum = 1
  380. await getRecharge()
  381. await getStats()
  382. console.log('adminWait,这是点击已驳回调用')
  383. }
  384. const handleClick = function (tab, event) {
  385. activeName.value = tab.props.name
  386. if (tab.props.name === 'wait') {
  387. adminWait()
  388. } else if (tab.props.name === 'pass') {
  389. adminPass()
  390. } else if (tab.props.name === 'reject') {
  391. adminReject()
  392. }
  393. }
  394. const getActivity = async function () {
  395. try {
  396. const result = await request({
  397. url: '/general/activity',
  398. data: {}
  399. })
  400. activity.value = result.data
  401. console.log('activity', activity.value)
  402. } catch (error) {
  403. console.log('请求失败', error)
  404. }
  405. }
  406. const handlePagination = (type, val) => {
  407. if (type === 'size') {
  408. getObj.value.pageSize = val
  409. } else {
  410. getObj.value.pageNum = val
  411. }
  412. getRecharge()
  413. getStats()
  414. }
  415. const clicked = ref(false);
  416. // 处理通过操作
  417. const handleApprove = async (row) => {
  418. clicked.value = true
  419. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  420. try {
  421. const params = {
  422. orderCode: row.orderCode,
  423. auditId: adminData.value.id,
  424. action: 1,
  425. rejectReason: ''
  426. }
  427. await request({ url: '/audit/audit', data: params })
  428. ElMessage.success('审核通过成功')
  429. await getRecharge()
  430. clicked.value = false
  431. await getStats()
  432. } catch (error) {
  433. console.error('审核通过失败', error)
  434. ElMessage.error('操作失败')
  435. }
  436. } else {
  437. clicked.value = false
  438. ElMessage.error('无权限')
  439. }
  440. }
  441. const showRejectDialog = (row) => {
  442. currentRecord.value = row
  443. rejectReason.value = ''
  444. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  445. rejectDialogVisible.value = true
  446. } else {
  447. ElMessage.error('无权限')
  448. }
  449. }
  450. //控制驳回确认按钮禁用状态
  451. const cancelClicked = ref(false)
  452. // 处理驳回操作
  453. const handleReject = async () => {
  454. cancelClicked.value = true
  455. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  456. if (!rejectReason.value.trim()) {
  457. ElMessage.warning('请输入驳回理由')
  458. return
  459. }
  460. try {
  461. const params = {
  462. orderCode: currentRecord.value.orderCode,
  463. auditId: adminData.value.id,
  464. action: 2,
  465. rejectReason: rejectReason.value
  466. }
  467. await request({ url: '/audit/audit', data: params })
  468. ElMessage.success('驳回操作成功')
  469. rejectDialogVisible.value = false
  470. await getRecharge()
  471. cancelClicked.value = false
  472. await getStats()
  473. } catch (error) {
  474. console.error('驳回操作失败', error)
  475. ElMessage.error('操作失败')
  476. }
  477. } else {
  478. ElMessage.error('无权限')
  479. cancelClicked.value = false
  480. }
  481. }
  482. // 处理排序事件
  483. const handleSortChange = (column) => {
  484. console.log('排序字段:', column.prop)
  485. console.log('排序方式:', column.order)
  486. if (column.prop === 'money') {
  487. sortField.value = 'permanent_gold'
  488. } else if (column.prop === 'permanentGold') {
  489. sortField.value = 'permanent_gold'
  490. } else if (column.prop === 'freeGold') {
  491. sortField.value = 'freeGold'
  492. } else if (column.prop === 'createTime') {
  493. sortField.value = 'create_time'
  494. } else if (column.prop === 'payTime') {
  495. sortField.value = 'pay_time'
  496. } else if (column.prop === 'auditTime') {
  497. sortField.value = 'audit_time'
  498. }
  499. sortOrder.value = column.order === 'ascending' ? 'asc' : 'desc'
  500. getRecharge()
  501. getStats()
  502. }
  503. // 预览图片函数
  504. const previewImage = (imageUrl) => {
  505. // 使用 element-plus 的 el-image 组件实现图片预览功能
  506. const imageElement = document.createElement('img');
  507. imageElement.src = imageUrl;
  508. imageElement.style.maxWidth = '80vw';
  509. imageElement.style.maxHeight = '80vh';
  510. const viewer = document.createElement('div');
  511. viewer.style.position = 'fixed';
  512. viewer.style.top = '0';
  513. viewer.style.left = '0';
  514. viewer.style.width = '100vw';
  515. viewer.style.height = '100vh';
  516. viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
  517. viewer.style.display = 'flex';
  518. viewer.style.justifyContent = 'center';
  519. viewer.style.alignItems = 'center';
  520. viewer.style.zIndex = '9999';
  521. viewer.style.overflow = 'auto';
  522. viewer.appendChild(imageElement);
  523. document.body.appendChild(viewer);
  524. viewer.addEventListener('click', () => {
  525. document.body.removeChild(viewer);
  526. });
  527. };
  528. const handleMarketChange = (value) => {
  529. if (value && value.length > 0) {
  530. rechargeAudit.value.market = value[value.length - 1]
  531. } else {
  532. rechargeAudit.value.market = ''
  533. }
  534. }
  535. const props = { multiple: true }
  536. // 获取地区,修改为级联下拉框
  537. const getMarket = async function () {
  538. try {
  539. const result = await API({
  540. url: '/market/selectMarket',
  541. });
  542. console.log('请求成功', result)
  543. // 递归转换树形结构为级联选择器需要的格式(跳过第一级节点)
  544. const transformTree = (nodes) => {
  545. // 直接处理第一级节点的子节点
  546. const allChildren = nodes.flatMap(node => node.children || []);
  547. return allChildren.map(child => {
  548. const grandchildren = child.children && child.children.length
  549. ? transformTree([child]) // 递归处理子节点
  550. : null;
  551. return {
  552. value: child.name,
  553. label: child.name,
  554. children: grandchildren
  555. };
  556. });
  557. };
  558. market.value = transformTree(result.data)
  559. console.log('转换后的地区树==============', market.value)
  560. } catch (error) {
  561. console.log('请求失败', error)
  562. }
  563. }
  564. // 每三位添加逗号
  565. const format3 = (num) => {
  566. return num.toLocaleString('en-US')
  567. }
  568. // 日期选择器变化时清除按钮激活状态
  569. const handleDatePickerChange = () => {
  570. activeTimeRange.value = ''
  571. }
  572. // 精网号去空格
  573. const trimJwCode = () => {
  574. if (rechargeAudit.value.jwcode) {
  575. rechargeAudit.value.jwcode = rechargeAudit.value.jwcode.replace(/\s/g, '');
  576. }
  577. }
  578. const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
  579. // 挂载
  580. onMounted(async function () {
  581. await getActivity()
  582. await getMarket()
  583. await getRecharge()
  584. console.log("看看通信来的用户身份", adminData.value)
  585. await getStats()
  586. })
  587. </script>
  588. <style scoped>
  589. .pagination {
  590. display: flex;
  591. margin-top: 0.5vh;
  592. }
  593. .operation {
  594. display: flex;
  595. }
  596. .time-controls {
  597. display: flex;
  598. align-items: center;
  599. display: flex;
  600. align-items: center;
  601. gap: 10px;
  602. }
  603. </style>