Browse Source

🐞 fix: 修复部分情况下头像无法显示的问题

Pchen. 7 months ago
parent
commit
2af62f3dfc
2 changed files with 10 additions and 12 deletions
  1. 2 1
      src/pages/Admin/components/UserList.vue
  2. 8 11
      src/pages/ClockIn/ClockIn.vue

+ 2 - 1
src/pages/Admin/components/UserList.vue

@@ -4,7 +4,7 @@
         <el-table-column label="用户名">
             <template #default="scope">
                 <div style="display: flex; gap: 5px">
-                    <el-avatar :src="scope.row.avatar" :size="25" />
+                    <el-avatar :src="apiUrl + scope.row.avatar" :size="25" />
                     {{ scope.row.username }}
                 </div>
             </template>
@@ -28,6 +28,7 @@ import { App } from '../../../app/app';
 import { ServerAPI } from '../../../app/lib/ServerAPI';
 
 let users = ref([]);
+let apiUrl = import.meta.env.VITE_API_URL;
 
 onMounted(() => {
     ServerAPI.UserList(App.user.uuid, App.user.session, (r) => {

+ 8 - 11
src/pages/ClockIn/ClockIn.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="header">
-        <Header :color="'black'"/>
+        <Header :color="'black'" />
     </div>
 
     <div class="root">
@@ -83,7 +83,7 @@
                     <div class="key">发起人:</div>
                     <div class="value2">
                         <div class="useritem">
-                            <el-avatar :size="23" :src="userInfo[data.createUser].avatar" />
+                            <el-avatar :size="23" :src="apiUrl + userInfo[data.createUser].avatar" />
                             {{ userInfo[data.createUser] !=
                             undefined ? userInfo[data.createUser].username : `用户${data.createUser.slice(0, 4)}` }}
                         </div>
@@ -95,7 +95,7 @@
                     <div class="value2">
                         <div v-if="data.admin && data.admin.length === 0">无</div>
                         <div class="useritem" v-for="(item, index) in data.admin">
-                            <el-avatar :size="23" :src="userInfo[item].avatar" />
+                            <el-avatar :size="23" :src="apiUrl + userInfo[item].avatar" />
                             {{ userInfo[item] !=
                             undefined ? userInfo[item].username : `用户${item.slice(0, 4)}` }}
                         </div>
@@ -106,7 +106,7 @@
                     <div class="key">参与人:</div>
                     <div class="value2">
                         <div class="useritem join" v-for="(item, index) in data.user">
-                            <el-avatar :size="23" :src="userInfo[item].avatar" />
+                            <el-avatar :size="23" :src="apiUrl + userInfo[item].avatar" />
                             {{ userInfo[item] !=
                             undefined ? userInfo[item].username : `用户${item.slice(0, 4)}` }}
                         </div>
@@ -117,7 +117,7 @@
                     <div class="value2">
                         <div v-if="noRecord.length === 0">无</div>
                         <div class="useritem fail" v-for="(item, index) in noRecord">
-                            <el-avatar :size="23" :src="userInfo[item].avatar" />
+                            <el-avatar :size="23" :src="apiUrl + userInfo[item].avatar" />
                             {{ userInfo[item] !=
                             undefined ? userInfo[item].username : `用户${item.slice(0, 4)}` }}
                         </div>
@@ -129,7 +129,7 @@
                         <div v-if="thisWeekRecords.length ===0">无
                         </div>
                         <div class="useritem success" v-for="(item, index) in thisWeekRecords">
-                            <el-avatar :size="23" :src="userInfo[item.uuid].avatar" />
+                            <el-avatar :size="23" :src="apiUrl + userInfo[item.uuid].avatar" />
                             {{ userInfo[item.uuid] !=
                             undefined ? userInfo[item.uuid].username : `用户${item.uuid.slice(0, 4)}` }}
                         </div>
@@ -163,7 +163,7 @@
         </div>
     </div>
 
-    <el-backtop :right="70" :bottom="70"/>
+    <el-backtop :right="70" :bottom="70" />
     <Footer />
 </template>
 
@@ -189,6 +189,7 @@ let records = ref([]);
 let thisWeekRecords = ref([]);
 let showAll = ref(false);
 let noRecord = ref([]);
+let apiUrl = import.meta.env.VITE_API_URL;
 
 function Update(data) {
     distance.value = data;
@@ -249,10 +250,6 @@ function onload() {
             return subTitle.value = `考勤时间:${getWeekday(data.value.day_of_week)} ${data.value.begintime}~${data.value.endtime}`;
         }
 
-        // if (window.innerWidth > 768 || ) {
-        //     return Title.value = '请使用手机端企业微信进行打卡操作';
-        // }
-
         status.value = 1
     })
 }