云盘：增加用户空间管理功能

src/api/doc/space.ts

@@ -63,6 +63,41 @@ export function doAccessManage(uid:string,data?: any){
   });
 }
 
+/**
+ * 空间权限控制管理
+ * uid: manager's id
+ * userid: object's id
+ */
+export function doGetUserInfo(uid:string,data:{uuid:string}){
+  return request({
+    url: '/hxpan/api/user/info',
+    method: 'post',
+    headers: {
+      'Identifier':uid,
+      'Content-Type': 'application/x-www-form-urlencoded',
+      'App-Api-Token': apptoken
+    },
+    data: data
+  });
+}
+
+/**
+ * 空间权限控制管理
+ * uid: manager's id
+ * userid: object's id
+ */
+export function doSetUserInfo(uid:string,data:{uuid:string,totalSizeLimit:number}){
+  return request({
+    url: '/hxpan/api/user/edit',
+    method: 'post',
+    headers: {
+      'Identifier':uid,
+      'App-Api-Token': apptoken
+    },
+    data: data
+  });
+}
+
 /**
  * 删除空间
  */

src/views/hr/archives/index.vue

@@ -6,6 +6,7 @@
 <script lang='ts' setup>
 import { emptypeOptions } from "@/api/hr/people/datacont";
 import { orgInfo } from "@/api/hr/org/type";
+import { h } from 'vue'
 import { authorizeOrgTree,authorizePeopleList } from '@/api/system/roleapi/power'
 import { archivesCont } from "@/api/hr/people/type";
 import {
@@ -23,6 +24,7 @@ import UploadTemplate from "@/views/hr/archives/unitpage/uploadTemplate.vue"
 import XingGeFengXi from "@/views/hr/archives/downpage/xingGeFengXi.vue";
 import ArchivesContPage from "@/views/hr/archives/archivescont.vue";
 import AddUserPage from "@/views/hr/archives/unitpage/addUserPage.vue";
+import Yunpaninfo from "./yunpaninfo.vue";
 
 
 
@@ -39,6 +41,8 @@ const peoplecont = ref<archivesCont>(); //个人信息
 const excelUploadStaff = ref<any>();
 const innerRef = ref<HTMLDivElement>();
 const scrollbarRef = ref<InstanceType<typeof ElScrollbarType>>();
+
+const dynamicVNode = ref<VNode | null>(null) //动态弹窗组件容器
 //批量导入数据相关操作
 const piLiangBox = ref(false);
 const orgTreeProps = {
@@ -405,6 +409,23 @@ function lookPeopleCont(cont: archivesCont) {
   peoplecont.value = cont;
   archivesBox.value = true;
 }
+
+/**
+ * 查看设置云盘大小
+ */
+const onHxpanSetting=(row:archivesCont)=>{
+  dynamicVNode.value = h(Yunpaninfo, {
+      title: "用户云盘空间信息",
+      userid: "p0"+row.keystr,
+      confirmFunc: (urlstr:string) => {
+        dynamicVNode.value=null
+      },
+      closeFunc: () => {
+        dynamicVNode.value=null
+      }
+    })
+}
+
 /**
  * 更新个人信息
  */
@@ -600,6 +621,11 @@ onMounted(() => {
                 align="center"
             />
             <el-table-column  label="联系方式" prop="mobilephone" width="120" />
+            <el-table-column  label="网盘管理">
+              <template #default="scope">
+                <el-button link  size="small" @click="onHxpanSetting(scope.row)">设置</el-button>
+              </template>
+            </el-table-column>
             <el-table-column  label="居住地" prop="currentresidence" />
             <el-table-column fixed="right" align="center" label="操作" width="120">
               <template #default="scope">
@@ -859,7 +885,9 @@ onMounted(() => {
         @update-info="getArchivesPage"
     />
 
-
+    <div v-if="dynamicVNode">
+      <component :is="dynamicVNode" />
+    </div>
 
   </div>
 </template>

src/views/hr/archives/yunpaninfo.vue

@@ -0,0 +1,88 @@
+<!--
+@ 时间: 2026-01-12 
+@ 备注: 云盘info 是用于设置用户的云盘大小
+-->
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import {doGetUserInfo,doSetUserInfo} from "@/api/doc/space"
+import { useUserStore } from "@/store/modules/user";
+
+const userStore = useUserStore();
+const uid=btoa("p0"+userStore.userInfoCont.userId);
+const props = withDefaults(defineProps<{
+  title:string;
+  userid:string;
+  confirmFunc:(urlstr:string)=>void, //保存数据的回调， data是当前勾选的数据库id
+  closeFunc:()=>void,  //父级只需销毁组件
+}>(),{})
+
+const userInfo=ref({totalSizeLimit:10*1024*1024*1024,totalSize:1})
+const newsize=ref(15)
+const reset=ref(false)
+
+const onSaveChange = () => {
+  if(newsize.value<1 || newsize.value>=1000){
+    alert("请输入1~1000内的数字")
+    return
+  }
+  doSetUserInfo(uid,{
+    uuid:props.userid,
+    totalSizeLimit:newsize.value*1024*1024*1024
+  }).then(resp=>{
+    if(resp.code==200){
+      userInfo.value=resp.data
+      ElMessage({
+        message: '设置成功',
+        type: 'success',
+        plain: true,
+      })
+    }else{
+      console.log(resp)
+      alert("设置出错！")
+    }
+  })
+}
+
+onMounted(() => {
+  doGetUserInfo(uid,{uuid:props.userid}).then((resp)=>{
+    userInfo.value=resp.data
+  })
+})
+</script>
+
+<template>
+  <el-dialog :model-value="true" :style="{'max-height': '880px','--el-dialog-width': '43%'}" @close="props.closeFunc">
+    <template #header>
+      <span style="font-weight: bold;">{{props.title}}</span>
+    </template>
+    <div class="tablelist">
+      <p><strong>空间总大小:</strong> {{ userInfo.totalSizeLimit/1024/1024 }}M </p>
+      <el-progress style="width: 80%;margin: 10px 0;" :text-inside="true" :stroke-width="14" :percentage="((userInfo.totalSize/userInfo.totalSizeLimit)*100).toFixed(2)" />
+      <br>
+      <el-switch style="width:max-content;" v-model="reset"  inactive-text="调整"/>
+      <div v-if="reset" >
+        <strong>分配空间大小: {{ newsize}}GB !! </strong><br>
+        <el-input v-model="newsize" style="width: 40%;" placeholder="请输入新空间数值" type="number" maxlength="3"/>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="props.closeFunc()">取消</el-button>
+        <el-button type="primary" @click="onSaveChange">保存</el-button>
+      </div>
+    </template>
+</el-dialog>
+</template>
+
+<style lang="scss" scoped>
+
+.tablelist{
+  margin-bottom:20px;
+  display:flex;
+  flex-direction:column;
+  width: 90%;
+}
+
+
+</style>