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.

652 lines
21 KiB

2 months ago
2 months ago
2 months ago
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;">
  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="结束时间" 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).toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
  41. 永久金币{{ format3(stats.permanentGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
  42. 免费金币{{ format3(stats.freeGolds.toFixed(2)) }}金币&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" show-overflow-tooltip />
  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. value: 'Grabpay',
  220. label: 'Grabpay'
  221. },
  222. {
  223. value: 'Nets',
  224. label: 'Nets'
  225. },
  226. {
  227. value: 'PayPal',
  228. label: 'PayPal'
  229. },
  230. {
  231. value: 'Stripe-链接收款',
  232. label: 'Stripe-链接收款'
  233. },
  234. {
  235. value: 'Ipay88-链接收款',
  236. label: 'Ipay88-链接收款'
  237. },
  238. {
  239. value: 'PaymentAsia-链接收款',
  240. label: 'PaymentAsia-链接收款'
  241. },
  242. {
  243. value: '其他',
  244. label: '其他'
  245. }
  246. ]
  247. // 统计合计数
  248. const stats = ref({
  249. totalNum: 0,
  250. totalCoins: 0,
  251. permanentGolds: 0,
  252. freeGolds: 0,
  253. taskGolds: 0
  254. })
  255. // 表单验证
  256. const rules = reactive({
  257. rejectReason: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
  258. })
  259. // 搜索方法
  260. const getRecharge = async function (val) {
  261. try {
  262. if (getTime.value && getTime.value.length === 2) {
  263. rechargeAudit.value.startTime = formatTime(getTime.value[0])
  264. rechargeAudit.value.endTime = formatTime(getTime.value[1])
  265. } else {
  266. rechargeAudit.value.startTime = ''
  267. rechargeAudit.value.endTime = ''
  268. }
  269. // if (rechargeAudit.value.market === '总部' || rechargeAudit.value.market === '研发部') {
  270. // rechargeAudit.value.market = '';
  271. // }
  272. // 校验精网号(数字格式)
  273. if (rechargeAudit.value.jwcode) {
  274. // 纯数字
  275. const numberRegex = /^\d{1,9}$/;
  276. // 检查是否不是数字
  277. if (!numberRegex.test(rechargeAudit.value.jwcode)) {
  278. ElMessage.error('请检查精网号格式')
  279. return
  280. }
  281. }
  282. const result = await request({
  283. url: '/audit/selectRecharge',
  284. data: {
  285. pageNum: getObj.value.pageNum,
  286. pageSize: getObj.value.pageSize,
  287. rechargeAudit: {
  288. ...rechargeAudit.value,
  289. sortField: sortField.value,
  290. sortOrder: sortOrder.value
  291. }
  292. }
  293. })
  294. tableData.value = result.list
  295. total.value = result.total
  296. } catch (error) {
  297. console.log('请求失败', error)
  298. }
  299. }
  300. const getStats = async () => {
  301. try {
  302. const params = {
  303. pageNum: getObj.value.pageNum,
  304. pageSize: getObj.value.pageSize,
  305. rechargeAudit: rechargeAudit.value
  306. }
  307. // 校验精网号(数字格式)
  308. if (rechargeAudit.value.jwcode) {
  309. // 纯数字
  310. const numberRegex = /^\d{1,9}$/;
  311. // 检查是否不是数字
  312. if (!numberRegex.test(rechargeAudit.value.jwcode)) {
  313. // ElMessage.error('精网号必须为数字格式')
  314. // 上面提示过了
  315. return
  316. }
  317. }
  318. const res = await API({
  319. url: '/audit/sumRechargeGold',
  320. data: params
  321. })
  322. stats.value.totalNum = res.totalNum
  323. stats.value.permanentGolds = res.permanentGolds / 100
  324. stats.value.freeGolds = res.freeGolds / 100
  325. stats.value.taskGolds = res.taskGolds / 100
  326. console.log('see see stats和搜索对象', stats.value, params)
  327. } catch (error) {
  328. console.log('请求失败', error)
  329. }
  330. }
  331. // 搜索
  332. const handleSearch = function () {
  333. trimJwCode();
  334. getObj.value.pageNum = 1
  335. getRecharge()
  336. getStats()
  337. }
  338. // 重置
  339. const resetSearch = function () {
  340. rechargeAudit.value = {
  341. jwcode: "",
  342. activity: "",
  343. payModel: "",
  344. startTime: "",
  345. endTime: "",
  346. market: "",
  347. auditStatus: rechargeAudit.value.auditStatus
  348. }
  349. selectedMarketPath.value = []
  350. getTime.value = []
  351. activeTimeRange.value = '' // 清除激活状态
  352. getRecharge()
  353. getStats()
  354. }
  355. // 今天
  356. const getToday = function () {
  357. const today = dayjs()
  358. const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
  359. const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
  360. getTime.value = [startTime, endTime]
  361. console.log('getTime', getTime.value)
  362. activeTimeRange.value = 'today' // 标记当前激活状态
  363. getRecharge()
  364. getStats()
  365. }
  366. // 昨天
  367. const getYesterday = function () {
  368. const today = dayjs()
  369. const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
  370. const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
  371. getTime.value = [startTime, endTime]
  372. console.log('getTime', getTime.value)
  373. activeTimeRange.value = 'yesterday' // 标记当前激活状态
  374. getRecharge()
  375. getStats()
  376. }
  377. // 近7天
  378. const get7Days = function () {
  379. const today = dayjs()
  380. const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
  381. const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
  382. getTime.value = [startTime, endTime]
  383. console.log('getTime', getTime.value)
  384. activeTimeRange.value = '7days' // 标记当前激活状态
  385. getRecharge()
  386. getStats()
  387. }
  388. // 待审核充值明细
  389. const adminWait = async function () {
  390. rechargeAudit.value.auditStatus = "0"
  391. getObj.value.pageNum = 1
  392. await getRecharge()
  393. await getStats()
  394. console.log('adminWait,这是点击待审核调用')
  395. }
  396. // 已通过充值明细
  397. const adminPass = async function () {
  398. rechargeAudit.value.auditStatus = "1"
  399. getObj.value.pageNum = 1
  400. await getRecharge()
  401. await getStats()
  402. console.log('adminWait,这是点击已通过调用')
  403. }
  404. // 已驳回充值明细
  405. const adminReject = async function () {
  406. rechargeAudit.value.auditStatus = "2"
  407. getObj.value.pageNum = 1
  408. await getRecharge()
  409. await getStats()
  410. console.log('adminWait,这是点击已驳回调用')
  411. }
  412. const handleClick = function (tab, event) {
  413. activeName.value = tab.props.name
  414. if (tab.props.name === 'wait') {
  415. adminWait()
  416. } else if (tab.props.name === 'pass') {
  417. adminPass()
  418. } else if (tab.props.name === 'reject') {
  419. adminReject()
  420. }
  421. }
  422. const getActivity = async function () {
  423. try {
  424. const result = await request({
  425. url: '/general/activity',
  426. data: {}
  427. })
  428. activity.value = result.data
  429. console.log('activity', activity.value)
  430. } catch (error) {
  431. console.log('请求失败', error)
  432. }
  433. }
  434. const handlePagination = (type, val) => {
  435. if (type === 'size') {
  436. getObj.value.pageSize = val
  437. } else {
  438. getObj.value.pageNum = val
  439. }
  440. getRecharge()
  441. getStats()
  442. }
  443. const clicked = ref(false);
  444. // 处理通过操作
  445. const handleApprove = async (row) => {
  446. clicked.value = true
  447. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  448. try {
  449. const params = {
  450. orderCode: row.orderCode,
  451. auditId: adminData.value.id,
  452. action: 1,
  453. rejectReason: ''
  454. }
  455. await request({ url: '/audit/audit', data: params })
  456. ElMessage.success('审核通过成功')
  457. await getRecharge()
  458. clicked.value = false
  459. await getStats()
  460. } catch (error) {
  461. console.error('审核通过失败', error)
  462. ElMessage.error('操作失败')
  463. }
  464. } else {
  465. clicked.value = false
  466. ElMessage.error('无权限')
  467. }
  468. }
  469. const showRejectDialog = (row) => {
  470. currentRecord.value = row
  471. rejectReason.value = ''
  472. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  473. rejectDialogVisible.value = true
  474. } else {
  475. ElMessage.error('无权限')
  476. }
  477. }
  478. //控制驳回确认按钮禁用状态
  479. const cancelClicked = ref(false)
  480. // 处理驳回操作
  481. const handleReject = async () => {
  482. cancelClicked.value = true
  483. if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) {
  484. if (!rejectReason.value.trim()) {
  485. ElMessage.warning('请输入驳回理由')
  486. return
  487. }
  488. try {
  489. const params = {
  490. orderCode: currentRecord.value.orderCode,
  491. auditId: adminData.value.id,
  492. action: 2,
  493. rejectReason: rejectReason.value
  494. }
  495. await request({ url: '/audit/audit', data: params })
  496. ElMessage.success('驳回操作成功')
  497. rejectDialogVisible.value = false
  498. await getRecharge()
  499. cancelClicked.value = false
  500. await getStats()
  501. } catch (error) {
  502. console.error('驳回操作失败', error)
  503. ElMessage.error('操作失败')
  504. }
  505. } else {
  506. ElMessage.error('无权限')
  507. cancelClicked.value = false
  508. }
  509. }
  510. // 处理排序事件
  511. const handleSortChange = (column) => {
  512. console.log('排序字段:', column.prop)
  513. console.log('排序方式:', column.order)
  514. if (column.prop === 'money') {
  515. sortField.value = 'permanent_gold'
  516. } else if (column.prop === 'permanentGold') {
  517. sortField.value = 'permanent_gold'
  518. } else if (column.prop === 'freeGold') {
  519. sortField.value = 'freeGold'
  520. } else if (column.prop === 'createTime') {
  521. sortField.value = 'create_time'
  522. } else if (column.prop === 'payTime') {
  523. sortField.value = 'pay_time'
  524. } else if (column.prop === 'auditTime') {
  525. sortField.value = 'audit_time'
  526. }
  527. sortOrder.value = column.order === 'ascending' ? 'asc' : 'desc'
  528. getRecharge()
  529. getStats()
  530. }
  531. // 预览图片函数
  532. const previewImage = (imageUrl) => {
  533. // 使用 element-plus 的 el-image 组件实现图片预览功能
  534. const imageElement = document.createElement('img');
  535. imageElement.src = imageUrl;
  536. imageElement.style.maxWidth = '80vw';
  537. imageElement.style.maxHeight = '80vh';
  538. const viewer = document.createElement('div');
  539. viewer.style.position = 'fixed';
  540. viewer.style.top = '0';
  541. viewer.style.left = '0';
  542. viewer.style.width = '100vw';
  543. viewer.style.height = '100vh';
  544. viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
  545. viewer.style.display = 'flex';
  546. viewer.style.justifyContent = 'center';
  547. viewer.style.alignItems = 'center';
  548. viewer.style.zIndex = '9999';
  549. viewer.style.overflow = 'auto';
  550. viewer.appendChild(imageElement);
  551. document.body.appendChild(viewer);
  552. viewer.addEventListener('click', () => {
  553. document.body.removeChild(viewer);
  554. });
  555. };
  556. const handleMarketChange = (value) => {
  557. if (value && value.length > 0) {
  558. rechargeAudit.value.market = value[value.length - 1]
  559. } else {
  560. rechargeAudit.value.market = ''
  561. }
  562. }
  563. const props = { multiple: true }
  564. // 获取地区,修改为级联下拉框
  565. const getMarket = async function () {
  566. try {
  567. const result = await API({
  568. url: '/market/selectMarket',
  569. });
  570. console.log('请求成功', result)
  571. // 递归转换树形结构为级联选择器需要的格式(跳过第一级节点)
  572. const transformTree = (nodes) => {
  573. // 直接处理第一级节点的子节点
  574. const allChildren = nodes.flatMap(node => node.children || []);
  575. return allChildren.map(child => {
  576. const grandchildren = child.children && child.children.length
  577. ? transformTree([child]) // 递归处理子节点
  578. : null;
  579. return {
  580. value: child.name,
  581. label: child.name,
  582. children: grandchildren
  583. };
  584. });
  585. };
  586. market.value = transformTree(result.data)
  587. console.log('转换后的地区树==============', market.value)
  588. } catch (error) {
  589. console.log('请求失败', error)
  590. }
  591. }
  592. // 每三位添加逗号
  593. const format3 = (num) => {
  594. return num.toLocaleString('en-US')
  595. }
  596. // 日期选择器变化时清除按钮激活状态
  597. const handleDatePickerChange = () => {
  598. activeTimeRange.value = ''
  599. }
  600. // 精网号去空格
  601. const trimJwCode = () => {
  602. if (rechargeAudit.value.jwcode) {
  603. rechargeAudit.value.jwcode = rechargeAudit.value.jwcode.replace(/\s/g, '');
  604. }
  605. }
  606. const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
  607. // 挂载
  608. onMounted(async function () {
  609. await getActivity()
  610. await getMarket()
  611. await getRecharge()
  612. console.log("看看通信来的用户身份", adminData.value)
  613. await getStats()
  614. })
  615. </script>
  616. <style scoped>
  617. .pagination {
  618. display: flex;
  619. margin-top: 0.5vh;
  620. }
  621. .operation {
  622. display: flex;
  623. }
  624. </style>