|
@@ -20,7 +20,7 @@
|
|
|
<el-row :gutter="10" >
|
|
|
<el-col :span="2" v-for="folder in list" :key="folder.id">
|
|
|
|
|
|
- <div @dblclick.stop="folderDetails(folder)" class="folder-items" :class="folder.ischeck ? 'checked' : ''">
|
|
|
+ <div @dblclick.stop="folderDetails(folder)" class="folder-items" :class="folder.ischeck ? 'checked' : ''" @click="onSelect(folder)" v-if="folder.url == ''">
|
|
|
<el-checkbox class="folder-checkbox" v-model="folder.ischeck" @change="onChange(folder)"></el-checkbox>
|
|
|
<div class="img-panel">
|
|
|
<img v-if="folder.postfix === 'DOC' || folder.postfix === 'DOCX'"
|
|
@@ -46,6 +46,32 @@
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
|
|
|
+ <div @dblclick="folderDblclick(folder)" class="folder-items" :class="folder.ischeck ? 'checked' : ''" @click="onSelect(folder)" v-else>
|
|
|
+ <el-checkbox class="folder-checkbox" v-model="folder.ischeck" @change="onChange(folder)"></el-checkbox>
|
|
|
+ <div class="img-panel" >
|
|
|
+ <img v-if="folder.postfix === 'DOC' || folder.postfix === 'DOCX'"
|
|
|
+ src="../../../assets/file_icons/word.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'PDF'" src="../../../assets/file_icons/PDF.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'MP4' || folder.postfix === 'AVI'"
|
|
|
+ src="../../../assets/file_icons/video.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'XLS' || folder.postfix === 'XLSX'"
|
|
|
+ src="../../../assets/file_icons/excel.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'PNG' || folder.postfix === 'JPG' || folder.postfix === 'JPEG'"
|
|
|
+ src="../../../assets/file_icons/image.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'PPT' || folder.postfix === 'PPTX'"
|
|
|
+ src="../../../assets/file_icons/PPT.png" alt="">
|
|
|
+ <img v-else-if="folder.postfix === 'FOLDER'" src="../../../assets/file_icons/folder.png" alt="">
|
|
|
+ <img v-else src="../../../assets/file_icons/unknow.png" alt="">
|
|
|
+ </div>
|
|
|
+ <el-tooltip class="item" effect="dark" :content="folder.document" placement="top">
|
|
|
+ <input v-if="folder.newfolder" type="text" v-model="folder.document" autofocus size="mini"
|
|
|
+ @blur="changeFolderName(folder)">
|
|
|
+ <!-- <p v-else>{{folder.document}}</p> -->
|
|
|
+
|
|
|
+ <p v-else>{{ folder.document }}</p>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div v-if="list.length === 0" class="flex-align-center"
|
|
@@ -59,13 +85,15 @@
|
|
|
:total="total">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
+ <SeeFile ref="seeFile" :fileData="seeFileData"></SeeFile>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import BreadCrumbs from '@/components/bread-crumbs/BreadCrumbs'
|
|
|
+import SeeFile from '@/components/file-block/components/SeeFile1'
|
|
|
export default {
|
|
|
- components:{BreadCrumbs},
|
|
|
+ components:{BreadCrumbs,SeeFile},
|
|
|
data() {
|
|
|
return {
|
|
|
params: {
|
|
@@ -95,6 +123,7 @@ export default {
|
|
|
filename: '文件',
|
|
|
id: null,
|
|
|
}],
|
|
|
+ seeFileData:''
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -139,6 +168,29 @@ export default {
|
|
|
})
|
|
|
this.$emit('folderChecked', checkArray)
|
|
|
},
|
|
|
+ onSelect(folder){
|
|
|
+ console.log(folder,'folder')
|
|
|
+ /*this.list[folder.rowindex -1].ischeck = this.list[folder.rowindex -1].ischeck == true ? false : true*/
|
|
|
+ },
|
|
|
+ folderDblclick(folder){
|
|
|
+ this.seeFileData = folder
|
|
|
+ if (folder.postfix == 'png' || folder.postfix == 'PNG' || folder.postfix == 'jpg' || folder.postfix == 'JPG' || folder.postfix == 'bmp' || folder.postfix == 'BMP'
|
|
|
+ || folder.postfix == 'gif' || folder.postfix == 'GIG' || folder.postfix == 'WEBP' || folder.postfix == 'webp' || folder.postfix == 'svg' || folder.postfix == 'SVG'
|
|
|
+ || folder.postfix == 'TIFF' || folder.postfix == 'tiff' || folder.postfix == 'MP4' || folder.postfix == 'mp4' || folder.postfix == 'ogg' || folder.postfix == 'webm' ){
|
|
|
+ this.$refs.seeFile.dialogVisible = true
|
|
|
+ }else if (folder.postfix == 'doc' || folder.postfix == 'docx' || folder.postfix == 'DOC' || folder.postfix == 'DOCX' || folder.postfix == 'XLS' || folder.postfix == 'XLSX'
|
|
|
+ || folder.postfix == 'xls' || folder.postfix == 'xlsx' || folder.postfix == 'ppt' || folder.postfix == 'pptx'
|
|
|
+ || folder.postfix == 'PPT' || folder.postfix == 'PPTX' || folder.postfix == 'PDF' || folder.postfix == 'pdf'){
|
|
|
+ window.open(folder.url,'_blank')
|
|
|
+ }else {
|
|
|
+ this.$notify({
|
|
|
+ title:'提示',
|
|
|
+ message:'该文件暂不支持',
|
|
|
+ type:'warning'
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
folderDetails(folder) {
|
|
|
if (folder.postfix === 'FOLDER') {
|
|
|
this.$router.push({ path: '/archvies_mag', query: { id: folder.attachmentid } })
|