|
|
@@ -2,37 +2,39 @@
|
|
|
<div class="full-width full-height mb-10">
|
|
|
<div class="flex flex-col">
|
|
|
<div class="flex flex-align-center padding border-bottom bold title-sp">
|
|
|
- <span class="flex-1"></span>
|
|
|
- <span style="flex: 2;text-align: left">文件/文件夹名称</span>
|
|
|
- <span style="flex: 1">更新(上传)时间</span>
|
|
|
- <span class="flex-1">文件大小(数量)</span>
|
|
|
- <!-- <span class="flex-1">是否同步</span>-->
|
|
|
- <span class="flex-1">上传人</span>
|
|
|
- <span style="flex: 3">操作</span>
|
|
|
+ <span class="flex-05"></span>
|
|
|
+ <span style="flex: 1.5;text-align: left">文件/文件夹名称</span>
|
|
|
+ <span class="flex-1">更新(上传)时间</span>
|
|
|
+ <span class="flex-05">文件大小(数量)</span>
|
|
|
+ <!-- <span class="flex-05">是否同步</span>-->
|
|
|
+ <span class="flex-05">上传人</span>
|
|
|
+ <span class="flex-1">上传机构</span>
|
|
|
+ <span style="flex: 1.5">操作</span>
|
|
|
</div>
|
|
|
<el-empty v-if="files && files.length === 0"/>
|
|
|
<div v-for="item in files" v-else :key='item.id' class="flex flex-center border-bottom padding content-sp">
|
|
|
- <div v-if="item.type === '1'" class="flex-1">
|
|
|
+ <div v-if="item.type === '1'" class="flex-05">
|
|
|
<img v-if="item.suffix === 'docx'" class="icon" src="../../../assets/svg/folder/doc.svg">
|
|
|
<img v-else-if="item.suffix === 'pdf'" class="icon" src="../../../assets/svg/folder/pdf.svg">
|
|
|
- <img v-else-if="item.suffix === 'xlsx'" class="icon" src="../../../assets/svg/folder/xls.svg">
|
|
|
+ <img v-else-if="item.suffix === 'xls'" class="icon" src="../../../assets/svg/folder/xls.svg">
|
|
|
<img v-else class="icon" src="../../../assets/svg/folder/other.svg">
|
|
|
</div>
|
|
|
- <div v-else class="flex-1 pointer" @click="View(item)">
|
|
|
- <img v-if="item.isAccess === '1'" src="../../../assets/svg/folder/see.svg" style="width: 50px;height: 46px">
|
|
|
- <img v-if="item.isAccess === '2'" src="../../../assets/svg/folder/edit.svg" style="width: 50px;height: 46px">
|
|
|
- <img v-if="item.isAccess === '3'" src="../../../assets/svg/folder/invisible.svg"
|
|
|
- style="width: 50px;height: 46px">
|
|
|
+ <div v-else class="flex-05 pointer" @click="View(item)">
|
|
|
+ <img v-if="item.isAccess === '1'" src="../../../assets/svg/folder/see.svg" class="icon-1">
|
|
|
+ <img v-if="item.isAccess === '2'" src="../../../assets/svg/folder/edit.svg" class="icon-1">
|
|
|
+ <img v-if="item.isAccess === '3'" src="../../../assets/svg/folder/invisible.svg" class="icon-1">
|
|
|
</div>
|
|
|
- <span style="flex: 2;text-align: left">{{ item.title }}</span>
|
|
|
- <span style="flex: 1">{{ item.createTime.substring(0, 10) }}</span>
|
|
|
- <span v-if="item.type === '1'" class="flex-1">{{ item.size }}</span>
|
|
|
- <span v-if="item.type === '2'" class="flex-1">{{ item.fileChildrenNumber }}个</span>
|
|
|
- <!-- <span v-if="item.type === '1'" class="flex-1">{{ item.status }}</span>-->
|
|
|
- <!-- <span v-if="item.type === '2'" class="flex-1">-</span>-->
|
|
|
- <span v-if="item.type === '1'" class="flex-1">{{ item.createUserName }}</span>
|
|
|
+ <span style="flex: 1.5;text-align: left">{{ item.title }}</span>
|
|
|
+ <span class="flex-1">{{ item.createTime }}</span>
|
|
|
+ <span v-if="item.type === '1'" class="flex-05">{{ item.size }}</span>
|
|
|
+ <span v-if="item.type === '2'" class="flex-05">{{ item.fileChildrenNumber }}个</span>
|
|
|
+ <!-- <span v-if="item.type === '1'" class="flex-05">{{ item.status }}</span>-->
|
|
|
+ <!-- <span v-if="item.type === '2'" class="flex-05">-</span>-->
|
|
|
+ <span v-if="item.type === '1'" class="flex-05">{{ item.createUserName }}</span>
|
|
|
+ <span v-if="item.type === '2'" class="flex-05">-</span>
|
|
|
+ <span v-if="item.type === '1'" class="flex-1">{{ item.deptName }}</span>
|
|
|
<span v-if="item.type === '2'" class="flex-1">-</span>
|
|
|
- <div class="flex flex-center" style="flex: 3">
|
|
|
+ <div class="flex flex-center" style="flex: 1.5">
|
|
|
<main-button icon="View" title="详情" width="85" @click="View(item)"/>
|
|
|
<main-button v-if="item.type === '1' && item.isAccess === '2' " icon="Download" title="下载" width="85"
|
|
|
@click="downFile(item)"/>
|
|
|
@@ -40,7 +42,8 @@
|
|
|
@click="upload(item)"/>
|
|
|
<main-button v-else-if="item.type === '2' && item.isAccess === '3'" icon="Position"
|
|
|
title="授权申请" width="85" @click="folderApply(item)"/>
|
|
|
- <main-button v-if='permission && permission.permissions.home_folder_del && item.isAccess === "2" ' icon="Delete" title="删除" width="85"
|
|
|
+ <main-button v-if='permission && permission.permissions.home_folder_del && item.isAccess === "2" '
|
|
|
+ icon="Delete" title="删除" width="85"
|
|
|
@click="removeFile(item)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -60,9 +63,12 @@
|
|
|
append-to-body
|
|
|
center
|
|
|
title="附件上传(可批量)">
|
|
|
- <uploadFile :data='{type:1,toStatus:0}' :max='20'
|
|
|
- @close='show = false'
|
|
|
- @success='success'/>
|
|
|
+ <div class="flex flex-col" style="margin-top: -20px">
|
|
|
+ <span class="bold main-color font-16 mb-10">{{ folderName }}</span>
|
|
|
+ <uploadFile :data='{type:1,toStatus:0}' :max='20'
|
|
|
+ @close='show = false'
|
|
|
+ @success='success'/>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<!-- 申请授权-->
|
|
|
<el-dialog title='申请授权' v-model='applyShow' width='35%'>
|
|
|
@@ -156,7 +162,8 @@ export default {
|
|
|
projectId: ''
|
|
|
},
|
|
|
currentFolder: null,
|
|
|
- applyTime: []
|
|
|
+ applyTime: [],
|
|
|
+ folderName: ''
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
|
@@ -193,9 +200,8 @@ export default {
|
|
|
},
|
|
|
upload (item) {
|
|
|
this.show = true
|
|
|
- console.log(item)
|
|
|
this.fileFolderId = item.id
|
|
|
- console.log(this.fileFolderId)
|
|
|
+ this.folderName = item.title
|
|
|
},
|
|
|
success (res) {
|
|
|
console.log(this.fileFolderId)
|
|
|
@@ -353,12 +359,21 @@ export default {
|
|
|
color: #707070;
|
|
|
}
|
|
|
|
|
|
-.flex-1 {
|
|
|
+.flex-05 {
|
|
|
flex: 0.5;
|
|
|
}
|
|
|
|
|
|
+.flex-1 {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
.icon {
|
|
|
width: 80px;
|
|
|
height: 66px;
|
|
|
}
|
|
|
+
|
|
|
+.icon-1 {
|
|
|
+ width: 50px;
|
|
|
+ height: 46px
|
|
|
+}
|
|
|
</style>
|