个人中心

components.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     DatePicker: typeof import('./src/components/DatePicker/index.vue')['default']
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
     ElBacktop: typeof import('element-plus/es')['ElBacktop']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElSegmented: typeof import('element-plus/es')['ElSegmented']
     Empty: typeof import('./src/components/Empty/index.vue')['default']

src/router/modules/components/recruit/personal.js

@@ -4,63 +4,17 @@ import Layout from '@/layout'
 import personCenter from './personCenter'
 
 const personal = [
-  // {
-  //   path: '/recruit/personal/personalCenter',
-  //   component: Layout,
-  //   name: 'personalCenter',
-  //   meta: {
-  //     title: '个人中心'
-  //   },
-  //   children: [
-  //     {
-  //       path: '/recruit/personal/personalCenter',
-  //       component: () => import('@/views/recruit/personal/PersonalCenter/index')
-  //     },
-  //     {
-  //       path: '/recruit/personal/tradeOrder',
-  //       meta: {
-  //         title: '我的订单'
-  //       },
-  //       component: () => import('@/views/recruit/personal/PersonalCenter/components/order.vue')
-  //     }
-  //   ]
-  // },
   {
-    path: '/recruit/personal/myWallet',
+    path: '/personalRecharge',
     component: Layout,
-    name: 'personalWallet',
-    meta: {
-      title: '我的钱包'
-    },
     children: [
-      {
-        path: '/recruit/personal/myWallet',
-        component: () => import('@/views/recruit/personal/myWallet'),
-        meta: {
-          title: '我的钱包'
-        },
-      },
-      {
-        path: '/recruit/personal/myWallet/myBalance',
-        component: () => import('@/views/recruit/personal/myWallet/myBalance'),
-        meta: {
-          title: '账户余额'
-        },
-      },
-      {
-        path: '/recruit/personal/myWallet/myIntegral',
-        component: () => import('@/views/integral/pointsManagement'),
-        meta: {
-          title: '我的积分'
-        },
-      },
       {
         path: '/personalRecharge',
         component: () => import('@/components/personalRecharge'),
         meta: {
-          title: '充值'
-        },
-      },
+          title: '充值中心'
+        }
+      }
     ]
   },
   {

src/views/recruit/personal/myWallet/index.vue

@@ -1,33 +0,0 @@
-<template>
-  <div>
-    <div class="default-width mb-3 pa-3" style="margin: 0 auto;background-color: #fff;">
-      <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="null">
-        <v-tab :value="0">{{ $t('enterprise.account.accountBalances') }}</v-tab>
-        <v-tab :value="1">{{ $t('resume.goldCoins') }}</v-tab>
-      </v-tabs>
-    </div>
-    <myBalance v-if="tab === 0"></myBalance>
-    <IntegralPage v-if="tab === 1"></IntegralPage>
-  </div>
-</template>
-
-<script setup>
-defineOptions({ name: 'myWallet'})
-import myBalance from './myBalance'
-import IntegralPage from '@/views/integral/pointsManagement'
-import { useUserStore } from '@/store/user'
-import { ref } from 'vue'
-
-const tab = ref(0)
-
-const store = useUserStore()
-const updateAccountInfo = async () => {
-  await store.getUserAccountInfo()
-}
-updateAccountInfo()
-
-</script>
-
-<style scoped lang="scss">
-
-</style>

src/views/recruit/personal/myWallet/myBalance/index.vue

@@ -1,120 +0,0 @@
-<template>
-  <div class="default-width">
-    <div class="pa-3 mb-2 white-bgc">
-      <!-- 余额展示 -->
-      <div class="statisticsBox">
-        <div class="ml-10 mt-2">
-          <div class="item-title">
-            您当前可用余额
-          </div>
-          <div class="item-value">
-            {{ userAccount?.balance && userAccount?.balance > 0 ? (userAccount?.balance / 100.0).toFixed(2) : 0 }}
-            <span
-              class="text-decoration-underline cursor-pointer"
-              style="color: #666; font-size: 16px;"
-              @click.stop="handleRecharge"
-            >充值</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 表格 -->
-    <div class="mt-3 white-bgc pa-3 pt-3">
-      <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
-        <v-tab value="rechargeDetails">{{ $t('points.rechargeDetails') }}</v-tab>
-        <!-- <v-tab :value="otherHeader">otherHeader</v-tab> -->
-      </v-tabs>
-      <CtTable
-        class="mt-3"
-        :items="dataList"
-        :headers="headerList[tab]"
-        :loading="false"
-        :elevation="0"
-        :isTools="false"
-        :showPage="true"
-        :total="total"
-        :page-info="query"
-        itemKey="id"
-        @pageHandleChange="handleChangePage"
-      >
-      </CtTable>
-    </div>
-  </div>
-</template>
-
-<script setup>
-defineOptions({name: 'myWallet-myBalance-index'})
-import { ref } from 'vue'
-import { timesTampChange } from '@/utils/date'
-import { FenYuanTransform } from '@/utils/position'
-import { getUserWalletRechargePage } from '@/api/recruit/personal/myWallet.js'
-
-const tab = ref('rechargeDetails')
-
-const userAccount = ref(JSON.parse(localStorage.getItem('userAccount')) || {}) // 账户信息
-
-const total = ref(0)
-const query = ref({
-  pageNo: 1,
-  pageSize: 10,
-})
-const dataList = ref([])
-
-const headerList = {
-  rechargeDetails: [
-    { title: '充值金额', key: 'payPrice', value: item =>  FenYuanTransform(item.payPrice) + '元', sortable: false },
-    { title: '支付方式', key: 'payChannelName', sortable: false },
-    { title: '支付订单编号', key: 'payOrderId', sortable: false },
-    { title: '交易时间', key: 'payTime', value: item =>  timesTampChange(item.payTime), sortable: false },
-  ],
-  // otherHeader: []
-}
-
-
-// 积分、签到明细
-const getData = async () => {
-  const res = await getUserWalletRechargePage(query.value)
-  dataList.value = res.list
-  total.value = res.total
-}
-getData()
-
-const handleChangePage = (e) => {
-  query.value.pageNo = e
-  getData()
-}
-
-// 切换
-const handleChangeTab = () => {
-  query.value.pageNo = 1
-  getData()
-}
-
-// 充值
-import { useRouter } from 'vue-router'; const router = useRouter()
-const handleRecharge = () => {
-  router.push({ path: '/personalRecharge' })
-}
-</script>
-
-<style lang="scss" scoped>
-.statisticsBox {
-  padding: 10px 0;
-  border-radius: 10px;
-  background-color: var(--default-bgc);
-  // background-color: var(--color-f3);
-  // font-family: 宋体, SimSun;
-}
-.item-title {
-  font-size: 20px; 
-  color: var(--color-333); 
-  line-height: 28px; 
-  font-family: 'MiSans-Bold';
-}
-.item-value {
-  font-size: 42px; 
-  color: #00B760;
-  line-height: 50px;
-}
-</style>
-