扩容优化

src/api/filespace/fileSpace.js

@@ -14,6 +14,13 @@ function knowSpace(data){
         method:"post"
     })
 }
+// 查询是否存在扩容申请
+function querySpace(data){
+    return request({
+        url:`/biz/expansion/exists/${data}`,
+        method:"post"
+    })
+}
 // 拒绝扩容
 function refuseSpace(data){
     return request({
@@ -33,5 +40,6 @@ export default {
     getSpaceList,
     knowSpace,
     refuseSpace,
-    addSpace
+    addSpace,
+    querySpace
 }

src/views/myfile/MyFile.vue

@@ -20,7 +20,7 @@
                 </div>
                 <!-- 方块点击盒子 -->
                 <div
-                    style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 80vh;align-content: flex-start;overflow-y: auto;">
+                    style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 75vh;align-content: flex-start;overflow-y: auto;">
                     <!-- v-for盒子 -->
                     <template v-for="(item, index) in fileMenu">
                         <div class="setBox" @click="changeFile(item, index)">
@@ -40,13 +40,13 @@
                         </div>
                     </template>
                 </div>
-                <div>
-                    <p>
-                        <span style="margin-left: 5px;">{{ formatStorage(useSpace) }}/{{ allSpace + "G" }}</span>
-                        <span style="margin-left: 5px;font-size: 12px;color: blue;cursor: pointer;"
+                <div class="expansion">
+                    <div class="top_box">
+                        <span style="margin-left: 5px;font-size: 14px;font-weight: 500;">{{ formatStorage(useSpace) }}/{{ allSpace + "G" }}</span>
+                        <span style="margin-left: 5px;font-size: 14px;color: #2E6BC8;cursor: pointer;"
                             @click="askApply">申请扩容</span>
-                    </p>
-                    <el-progress style="margin-left: 8px;" :percentage="percent()" />
+                    </div>
+                    <el-progress style="margin-left: 8px;" stroke-width="12" color='#2E6BC8' :percentage="percent()" />
                 </div>
             </div>
             <!-- 右侧大盒子 -->
@@ -1741,6 +1741,17 @@ p {
         }
     }
 }
+// 扩容盒子
+.expansion{
+    margin:  0 16px;
+    border-top: 1px solid #C1CCE3 ;
+    .top_box{
+        margin-top: 16px;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+    }
+}
 
 .isCheck {
     opacity: 1 !important;

src/views/myfile/modalComponebts/SpaceBig.vue

@@ -55,8 +55,15 @@ export default {
             askTo.value = false
             emit("getSpaceC", askTo.value)
         }
-        function addSpace() {
-            fileSpace.addSpace({
+       async function  addSpace() {
+       const res =  await fileSpace.querySpace(spid - 0)
+       console.log('res',res);
+       if(res.data){
+        ElMessage({ message: '已存在扩容申请', type: 'error' })
+        askTo.value = false
+        return
+       }
+           await fileSpace.addSpace({
                 spaceId: spid - 0,
                 expandCap: spaceForm.value.newCup - 0,
                 expandReason: spaceForm.value.newTalk