个人中心容量

src/components/CloudDisk/index.vue

@@ -14,7 +14,7 @@
                     <span class="block">{{item.GName}}</span>
                     <div class="row">
                         <template v-if="item.Id">
-                            <el-dropdown class="q-pl-lg" trigger="click">
+                            <el-dropdown class="q-pl-lg" trigger="hover">
                                 <div class="CloudDisk-L-Title-M row items-center flex-center">
                                     <el-icon size="16" :color="GroupId==item.Id?'#3556F9':'#b1b7cf'"><MoreFilled /></el-icon>
                                 </div>
@@ -30,7 +30,8 @@
                                 </template>
                             </el-dropdown>
                         </template>
-                       <span v-if="item.RecordNum>0">{{item.RecordNum}}</span> 
+                        <div v-else></div>
+                       <span>{{item.RecordNum?item.RecordNum:''}}</span> 
                     </div>
                     
                 </div>
@@ -118,7 +119,7 @@
 </template>
 <script lang="ts" setup>
 import { Plus, Top, Bottom, Delete, Edit  } from "@element-plus/icons-vue";
-import { reactive, ref, onMounted} from "vue";
+import { reactive, ref, onMounted, watch} from "vue";
 import CloudDiskService from '@/services/CloudDiskService'
 import { ElMessage } from "element-plus";
 import FileInput from '@/components/FileInput.vue'
@@ -154,14 +155,19 @@ const GroupList = ref([] as any)
 
 const setLoading = ref(false)
 const deleteLoading = ref<any>(null)
+const props = defineProps({
+    active: '' as any
+})
 
 const emit = defineEmits<{
   (event: 'setImg'): void
 }>()
 
+watch(() => props.active, () => {
+    if(props.active!=2) ImgId.value = ''
+})
 const setImg = (item:any) => {
     ImgId.value = item.DetailsId
-    console.log(item.FilePath,'----')
     emit('getImg',item.FilePath)
 }
 
@@ -283,9 +289,11 @@ const querySearchGroup = async () =>{
         if (datasRes.data.resultCode == 1) {
             GroupList.value = datasRes.data.data
             let total = 0
-            for(let i=0;i<GroupList.value.lenght;i++){
-                total+=GroupList.value[i].RecordNum
+            console.log(datasRes.data.data.length)
+            for(let i=0;i<datasRes.data.data.length;i++){
+                total+=datasRes.data.data[i].RecordNum
             }
+            console.log(total,'-----')
             GroupList.value.unshift({
                 Id: '',
                 GName: '全部',
@@ -397,7 +405,7 @@ onMounted(()=>{
     background: #EEF3FF;
 }
 .CloudDisk-L-Title.active .CloudDisk-L-Title-M{
-    background: #BED0FB;
+    /* background: #BED0FB; */
 }
 .CloudDisk-L-Title:hover{
     background: #EEF3FF ;

src/components/User/UserCard.vue

@@ -43,7 +43,7 @@
           <div class="MarketCapacity">
             <div>
               <el-progress
-                :percentage="100"
+                :percentage="TravelDesign.storagePercent"
                 color="#0A5EF9"
                 :stroke-width="8"
                 text-inside
@@ -52,7 +52,7 @@
               </el-progress>
             </div>
             <div class="MarketCapacityNum row flex-between">
-              <span>7.88 GB / 1.34 TB</span>
+              <span>{{TravelDesign.CloudUse}}{{TravelDesign.CloudUseUnit}} / {{TravelDesign.CloudTotal}}{{TravelDesign.CloudTotalUnit}}</span>
               <span>容量管理</span>
             </div>
           </div>
@@ -139,6 +139,8 @@ const moreList = [
   { icon: require("@/assets/img/homeMore3.png"), Name: "意见反馈", Url:'https://work.weixin.qq.com/kfid/kfc378aada578ca8b0e' },
 ];
 
+const TravelDesign = ref({} as any)
+
 const forwardUserCenter = ()=>{
   router.push('/u')
 }
@@ -160,6 +162,14 @@ const getSampleHandler = async ()=>{
   if(response.data.resultCode == ApiResult.SUCCESS) sampleData.value = response.data.data
   else sampleData.value = [0,0,0]
 }
+
+const getDataStatistics = async () => {
+  const response = await UserServices.getPPTUserStatic();
+  if(response.data.resultCode == ApiResult.SUCCESS){
+    TravelDesign.value = response.data.data
+  }
+}
+getDataStatistics()
 getSampleHandler()
 </script>
 <style scoped>