积分商城

src/locales/en.js

@@ -241,10 +241,13 @@ export default {
     myPR: 'Public Recruitment',
     myRecommendation: 'My recommendation',
     myRegistration: 'My registration',
-    // 积分
+  },
+  points: {
     whole: 'Whole',
     In: 'In',
     freezing: 'Freezing',
-    Pay: 'Pay',
+    pay: 'Pay',
+    Exchange: 'Exchange of points',
+    ExchangeRecords: 'Exchange records',
   }
 }

src/locales/zh-CN.js

@@ -241,10 +241,13 @@ export default {
     myPR: '赏金与积分',
     myRecommendation: '我的推荐',
     myRegistration: '积分明细',
-    // 积分
+  },
+  points: {
     whole: '全部',
     In: '收入',
     freezing: '冻结',
-    Pay: '支出',
+    pay: '支出',
+    Exchange: '积分兑换',
+    ExchangeRecords: '兑换记录',
   }
 }

src/router/modules/personal.js

@@ -162,7 +162,7 @@ const personal = [
     },
     children: [
       {
-        path: '/purchasePackage',
+        path: '/pointsMall',
         component: () => import('@/views/personal/pointsMall/index'),
         meta: {
           title: '积分商城'

src/views/enterprise/memberCenter/myPoints/index.vue

@@ -7,10 +7,10 @@
     <!-- 积分明细 -->
     <div class="mt-3">
       <v-tabs v-model="tab" style="border-radius: 5px;" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
-        <v-tab :value="1"> {{ $t('publicRecruitment.whole') }}</v-tab>
-        <v-tab :value="2"> {{ $t('publicRecruitment.In') }}</v-tab>
-        <v-tab :value="3"> {{ $t('publicRecruitment.freezing') }}</v-tab>
-        <v-tab :value="4"> {{ $t('publicRecruitment.Pay') }}</v-tab>
+        <v-tab :value="1"> {{ $t('points.whole') }}</v-tab>
+        <v-tab :value="2"> {{ $t('points.In') }}</v-tab>
+        <v-tab :value="3"> {{ $t('points.freezing') }}</v-tab>
+        <v-tab :value="4"> {{ $t('points.pay') }}</v-tab>
       </v-tabs>
       <TablePage :items="dataList"></TablePage>
     </div>

src/views/personal/myPublicRecruitment/myRegistration.vue

@@ -7,10 +7,10 @@
     <!-- 积分明细 -->
     <div class="mt-3">
       <v-tabs v-model="tab" style="border-radius: 5px;" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
-        <v-tab :value="1"> {{ $t('publicRecruitment.whole') }}</v-tab>
-        <v-tab :value="2"> {{ $t('publicRecruitment.In') }}</v-tab>
-        <v-tab :value="3"> {{ $t('publicRecruitment.freezing') }}</v-tab>
-        <v-tab :value="4"> {{ $t('publicRecruitment.Pay') }}</v-tab>
+        <v-tab :value="1"> {{ $t('points.whole') }}</v-tab>
+        <v-tab :value="2"> {{ $t('points.In') }}</v-tab>
+        <v-tab :value="3"> {{ $t('points.freezing') }}</v-tab>
+        <v-tab :value="4"> {{ $t('points.pay') }}</v-tab>
       </v-tabs>
       <TablePage :items="dataList"></TablePage>
     </div>

src/views/personal/pointsMall/index.vue

@@ -1,12 +1,51 @@
 <!-- 积分商城 -->
 <template>
-  <div>
-    积分商城
+  <div class="default-width white-bgc px-3 pt-5 pb-10">
+    <div class="statisticsBox">
+      <div class="mt-2">
+        <span style="font-size: 20px; color: #333; line-height: 28px; font-weight: bold;" class="ml-10">您当前可用积分</span>
+        <span style="font-size: 14px; color: #777; line-height: 24px; cursor: pointer;" class="ml-2" @click="toPointsDetails">积分明细</span>
+      </div>
+      <div class="d-flex justify-space-between align-end my-1">
+        <span style="font-size: 42px; color: #10897bba; line-height: 50px;" class="ml-10 cursor-pointer" @click="toPointsDetails">{{ integral }}</span>
+      </div>
+    </div>
+    <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">
+      <v-tab :value="1">{{ $t('points.Exchange') }}</v-tab>
+      <v-tab :value="2">{{ $t('points.ExchangeRecords') }}</v-tab>
+    </v-tabs>
+    <div class="mt-3">
+      <!-- 我的推荐 -->
+      <div v-if="tab === 1">
+        <!-- <myRecommendation></myRecommendation> -->
+      </div>
+      <!-- 积分明细 -->
+      <div v-if="tab === 2" class="pa-3 white-bgc" style="min-height: 600px; border-radius: 5px;">
+        <!-- <myRegistration></myRegistration> -->
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'; const route = useRoute()
+import { useRouter } from 'vue-router'; const router = useRouter()
 defineOptions({name: 'personal-pointsMall'})
+const integral = '135'
+
+const toPointsDetails = () => {
+  router.push({ path: '/myPublicRecruitment', query: { tab: 2 } })
+}
+
+const tab = ref(+route.query?.tab || 1)
 </script>
 <style lang="scss" scoped>
+.statisticsBox {
+  padding: 10px 0;
+  border-radius: 10px;
+  background-color: var(--default-bgc);
+  // background-color: #f3f3f3;
+  // font-family: 宋体, SimSun;
+}
 </style>