增加用户详情内的多个页面

src/view/userManage/view.vue

@@ -16,6 +16,14 @@ const route = useRoute()
 // 变量
 const userManageInfo = ref({})
 const imgs = ref([])
+const detail_type = ref({
+  dealDetailMoney:'dealDetailMoney',
+  dealDetailPoint:'dealDetailPoint',
+  learningDetail:'learningDetail',
+  testDetail:'testDetail',
+  auctionDetail:'auctionDetail',// 竞拍
+  raffleDetail:'raffleDetail',// 抽奖
+})
 // 生命周期
 onMounted(() => {
   getUserDetail()
@@ -31,48 +39,17 @@ async function getUserDetail() {
     // console.log(imgs.value)
   }
 }
-const tip_text = ref('')
-const dialogVisible = ref(false)
-const a_type = ref(0)
-function actionFunc(type) {
-  dialogVisible.value = true
-  a_type.value = type
-  switch (type){
-    case 3:
-      tip_text.value = '是否同意该教师申请？';
-      break;
-    case 2:
-      tip_text.value = '是否拒绝该教师申请？';
-      break;
-  }
-}
-async function actionOk() { // 确认提交
-  const res = await api.teacherOperator({
-    teacher_id:userManageInfo.value.user_id,
-    status:a_type.value
-  })
-  if(res.code === 0) {
-    ElMessage({
-      type: 'success',
-      message: res.msg
-    })
-    getUserDetail()
-  }
-}
-function getStateName(state) {
-  let str = ''
-  switch (state){
-    case 1:
-        str = '待审核'
-      break;
-    case 2:
-        str = '已拒绝'
-      break;
-    case 3:
-        str = '已同意'
-      break;
-  }
-  return str
+function toDealDetail(type) {
+  // let url = ''
+  // switch (type){
+  //   case detail_type.value.dealDetailMoney:
+  //       url = 'dealDetailMoney';
+  //       break;
+  //   case 2:
+  //       url = 'dealDetailPoint';
+  //       break;
+  // }
+  router.push({name:type,params:{user_id:route.params.id}})
 }
 </script>
 <template>
@@ -124,7 +101,7 @@ function getStateName(state) {
             <div class="di-left">余额：</div>
             <div class="di-right">{{userManageInfo.balance}}元</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.dealDetailMoney)">
             <div class="di-left">查看交易明细</div>
           </div>
         </div>
@@ -133,7 +110,7 @@ function getStateName(state) {
             <div class="di-left">积分：</div>
             <div class="di-right">{{userManageInfo.points}}</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.dealDetailPoint)">
             <div class="di-left">查看交易明细</div>
           </div>
         </div>
@@ -146,7 +123,7 @@ function getStateName(state) {
             <div class="di-left">累计金额：</div>
             <div class="di-right">{{userManageInfo.course_income}}</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.learningDetail)">
             <div class="di-left">查看学习记录</div>
           </div>
         </div>
@@ -159,7 +136,7 @@ function getStateName(state) {
             <div class="di-left">累计金额：</div>
             <div class="di-right">{{userManageInfo.exam_income}}</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.testDetail)">
             <div class="di-left">查看测试记录</div>
           </div>
         </div>
@@ -172,7 +149,7 @@ function getStateName(state) {
             <div class="di-left">中奖次数：</div>
             <div class="di-right">{{userManageInfo.exam_income}}次</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.raffleDetail)">
             <div class="di-left">查看抽奖记录</div>
           </div>
         </div>
@@ -185,7 +162,7 @@ function getStateName(state) {
             <div class="di-left">中奖次数：</div>
             <div class="di-right">{{userManageInfo.exam_income}}次</div>
           </div>
-          <div class="dib-item link-item">
+          <div class="dib-item link-item" @click="toDealDetail(detail_type.auctionDetail)">
             <div class="di-left">查看竞拍记录</div>
           </div>
         </div>
@@ -196,7 +173,7 @@ function getStateName(state) {
           </div>
           <div class="dib-item">
             <div class="di-left">邀请人姓名ID：</div>
-            <div class="di-right">{{userManageInfo.invite_id}}次</div>
+            <div class="di-right">{{userManageInfo.invite_id}}</div>
           </div>
         </div>
       </div>