|
@@ -2,8 +2,8 @@
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
|
- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
|
|
- v-hasPermi="['doc:dir:add']">新增</el-button>
|
|
|
+ <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['doc:dir:add']"
|
|
|
+ v-hasRole="['dept.manager']">新增</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
|
|
@@ -17,15 +17,22 @@
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button size="mini" type="text" icon="el-icon-plus" @click="handleAdd(scope.row)"
|
|
|
- v-hasPermi="['doc:dir:add']">新增</el-button>
|
|
|
+ v-hasPermi="['doc:dir:add']" v-hasRole="['dept.manager']">新增</el-button>
|
|
|
<el-button v-if="scope.row.parentId != 0" size="mini" type="text" icon="el-icon-edit"
|
|
|
- @click="handleUpdate(scope.row)" v-hasPermi="['doc:dir:edit']">修改</el-button>
|
|
|
+ @click="handleUpdate(scope.row)" v-hasPermi="['doc:dir:edit']" v-hasRole="['dept.manager']">修改</el-button>
|
|
|
<el-button v-if="scope.row.parentId != 0" size="mini" type="text" icon="el-icon-delete"
|
|
|
- @click="handleDelete(scope.row)" v-hasPermi="['doc:dir:remove']">删除</el-button>
|
|
|
+ @click="handleDelete(scope.row)" v-hasPermi="['doc:dir:remove']"
|
|
|
+ v-hasRole="['dept.manager']">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
-
|
|
|
+ <!-- 个人空间相关信息 -->
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ 总容量:{{spaceData.spaceCap}} GB 已使用容量:{{spaceData.usedCap}} GB 可用容量:{{spaceData.avlCap}} GB
|
|
|
+ <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleExpand">扩容申请</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
<!-- 添加或修改目录信息对话框 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
@@ -44,6 +51,22 @@
|
|
|
<el-button @click="cancel">取 消</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <!-- 扩容申请对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="openSpace" width="500px" append-to-body>
|
|
|
+ <el-form ref="formSpace" :model="formSpace" :rules="rulesSpace" label-width="80px">
|
|
|
+ <el-form-item label="扩充容量" prop="expandCap">
|
|
|
+ <el-input-number v-model="formSpace.expandCap" placeholder="扩充容量"></el-input-number><label>GB</label>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请理由" prop="remark">
|
|
|
+ <el-input v-model="formSpace.remark" type="textarea" rows="5" placeholder="请输入申请理由" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitFormSpace">确 定</el-button>
|
|
|
+ <el-button @click="cancelSpace">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -54,11 +77,11 @@
|
|
|
delDir,
|
|
|
addDir,
|
|
|
updateDir,
|
|
|
- personalList
|
|
|
+ deptList
|
|
|
} from "@/api/doc/dir";
|
|
|
|
|
|
import {
|
|
|
- getPersonalSpace
|
|
|
+ getDeptSpace
|
|
|
} from "@/api/doc/space";
|
|
|
|
|
|
import {
|
|
@@ -73,7 +96,7 @@
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
|
|
|
export default {
|
|
|
- name: "Dir",
|
|
|
+ name: "DeptSpace",
|
|
|
components: {
|
|
|
Treeselect
|
|
|
},
|
|
@@ -136,13 +159,13 @@
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
- this.spaceInfo();
|
|
|
+ // this.spaceInfo();
|
|
|
},
|
|
|
methods: {
|
|
|
/** 查询个人空间相关信息 */
|
|
|
spaceInfo() {
|
|
|
this.loading = true;
|
|
|
- getPersonalSpace().then(response => {
|
|
|
+ getDeptSpace().then(response => {
|
|
|
this.spaceData = response.data;
|
|
|
this.loading = false;
|
|
|
});
|
|
@@ -150,9 +173,13 @@
|
|
|
/** 查询目录信息列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
- personalList().then(response => {
|
|
|
+ deptList().then(response => {
|
|
|
this.dirList = this.handleTree(response.data, "dirId");
|
|
|
this.loading = false;
|
|
|
+ getDeptSpace().then(response => {
|
|
|
+ this.spaceData = response.data;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
});
|
|
|
},
|
|
|
/** 转换目录信息数据结构 */
|
|
@@ -213,7 +240,26 @@
|
|
|
}
|
|
|
this.open = true;
|
|
|
this.title = "添加目录信息";
|
|
|
- personalList().then(response => {
|
|
|
+ deptList().then(response => {
|
|
|
+ this.form.spaceId = response.data[0].spaceId;
|
|
|
+ this.dirOptions = this.handleTree(response.data, "dirId");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 扩容申请 */
|
|
|
+ handleExpand(row) {
|
|
|
+ this.formSpace.currentCap = this.spaceData.spaceCap;
|
|
|
+ this.formSpace.spaceId = this.spaceData.spaceId;
|
|
|
+ this.formSpace.spaceName = this.spaceData.spaceName;
|
|
|
+ this.reset();
|
|
|
+ // this.getTreeselect();
|
|
|
+ if (row != null && row.dirId) {
|
|
|
+ this.form.parentId = row.dirId;
|
|
|
+ // } else {
|
|
|
+ // this.form.parentId = 0;
|
|
|
+ }
|
|
|
+ this.openSpace = true;
|
|
|
+ this.title = "扩容申请";
|
|
|
+ deptList().then(response => {
|
|
|
this.form.spaceId = response.data[0].spaceId;
|
|
|
this.dirOptions = this.handleTree(response.data, "dirId");
|
|
|
});
|
|
@@ -261,6 +307,18 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitFormSpace() {
|
|
|
+ console.log(this.formSpace);
|
|
|
+ this.$refs["formSpace"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ addExpand(this.formSpace).then(response => {
|
|
|
+ this.$modal.msgSuccess("扩容申请提交成功");
|
|
|
+ this.openSpace = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
/** 删除按钮操作 */
|
|
|
handleDelete(row) {
|
|
|
this.$modal.confirm('是否确认删除目录信息编号为"' + row.dirId + '"的数据项?').then(function() {
|