Переглянути джерело

feat(HomeView): 增加管理员权限控制,优化界面展示

wuyi 4 місяців тому
батько
коміт
6fd6735b61
1 змінених файлів з 4 додано та 3 видалено
  1. 4 3
      src/views/HomeView.vue

+ 4 - 3
src/views/HomeView.vue

@@ -1,6 +1,6 @@
 <template>
 <template>
     <el-main>
     <el-main>
-        <div class="mb-4 flex items-center gap-2 flex-wrap">
+        <div class="mb-4 flex items-center gap-2 flex-wrap" v-if="isAdmin">
             <el-select v-model="selectedChannel" placeholder="请选择渠道" @change="handleChannelChange" v-if="isAdmin">
             <el-select v-model="selectedChannel" placeholder="请选择渠道" @change="handleChannelChange" v-if="isAdmin">
                 <el-option label="全部渠道" value="" />
                 <el-option label="全部渠道" value="" />
                 <el-option v-for="item in channelStore.channelOptions" :key="item" :label="item" :value="item" />
                 <el-option v-for="item in channelStore.channelOptions" :key="item" :label="item" :value="item" />
@@ -9,7 +9,7 @@
         </div>
         </div>
 
 
         <!-- 今日数据表格 -->
         <!-- 今日数据表格 -->
-        <el-card class="mb-4">
+        <el-card class="mb-4" v-if="isAdmin">
             <template #header>
             <template #header>
                 <div class="flex items-center justify-between">
                 <div class="flex items-center justify-between">
                     <span>今日数据统计</span>
                     <span>今日数据统计</span>
@@ -51,7 +51,7 @@
         </el-card>
         </el-card>
 
 
         <!-- 折线图 -->
         <!-- 折线图 -->
-        <el-card>
+        <el-card v-if="isAdmin">
             <template #header>
             <template #header>
                 <div class="flex items-center justify-between">
                 <div class="flex items-center justify-between">
                     <span>数据统计</span>
                     <span>数据统计</span>
@@ -74,6 +74,7 @@
             </template>
             </template>
             <div ref="chartRef" style="width: 100%; height: 400px"></div>
             <div ref="chartRef" style="width: 100%; height: 400px"></div>
         </el-card>
         </el-card>
+        <div class="text-center text-2xl" v-if="!isAdmin">Welcome</div>
     </el-main>
     </el-main>
 </template>
 </template>