1、左侧菜单树和按钮样式调整
2、上传文件夹逻辑调整 3、文档工具详情新增预览 4、所有的预览功能新增遮罩处理
This commit is contained in:
@@ -18,7 +18,7 @@
|
||||
</el-form><!--el-form-->
|
||||
</div><!--el-form-border 表单-->
|
||||
</el-tab-pane><!--el-tab-pane-->
|
||||
<el-tab-pane label="关联附件" name="second" v-loading="previewLoading" element-loading-text="加载中">
|
||||
<el-tab-pane label="关联附件" name="second" v-loading="previewLoading" >
|
||||
<el-table :data="attachmentList" style="width: 100%">
|
||||
<el-table-column label="序号" width="60" type="index" align="center"></el-table-column>
|
||||
<el-table-column label="附件名称" prop="fileName" :show-overflow-tooltip="true" />
|
||||
@@ -480,7 +480,6 @@
|
||||
this.isPreviewDisable = true
|
||||
this.previewLoading = true
|
||||
this.$nextTick(() => {
|
||||
console.info("this.$refs.previewForm====999999=======", this.$refs.previewForm)
|
||||
this.$refs.previewForm.frontModulePreview(row)
|
||||
})
|
||||
},
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="fbox1">
|
||||
<div class="fl">
|
||||
<el-tabs v-model="detailActiveName">
|
||||
<el-tab-pane label="附件信息" name="first" v-loading="previewLoading" element-loading-text="加载中">
|
||||
<el-tab-pane label="附件信息" name="first" v-loading="previewLoading" >
|
||||
<el-table :data="attachmentList" style="width: 100%">
|
||||
<el-table-column label="序号" width="60" align="center" type="index"></el-table-column>
|
||||
<el-table-column label="附件名称" prop="fileName" :show-overflow-tooltip="true" />
|
||||
|
||||
@@ -128,7 +128,7 @@
|
||||
<div class="tboper">
|
||||
<div class="tit">关联附件</div>
|
||||
</div>
|
||||
<div class="el-form-border">
|
||||
<div class="el-form-border" v-loading="previewLoading" >
|
||||
<div class="operate">
|
||||
<template v-if="editStatus && !detailBoolean">
|
||||
<uploadVue
|
||||
@@ -236,7 +236,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<preview-util v-if="isPreviewDisable" ref="previewForm" @previewClose="previewClose"></preview-util>
|
||||
<preview-util v-if="isPreviewDisable" ref="previewForm" @previewClose="previewClose" @previewLoadingClose="previewLoadingClose"></preview-util>
|
||||
|
||||
<tool-selector ref="toolSelect" @selectHandle="selectHandle"></tool-selector>
|
||||
<bl-user-selector ref="peopleSelect" :type="'single'" :isCheck="true" :open="toolPrincipalsChoose" :deptFilter="true" @cancel="toolPrincipalsChoose=false" @submit="submitPeople"></bl-user-selector>
|
||||
@@ -387,7 +387,7 @@
|
||||
},
|
||||
currentPage: 1, // 当前页
|
||||
pageSize: 10, // 每页显示数量
|
||||
|
||||
previewLoading: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -789,6 +789,7 @@
|
||||
},
|
||||
handlePreview(row){
|
||||
this.isPreviewDisable = true
|
||||
this.previewLoading = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.previewForm.frontModulePreview(row)
|
||||
})
|
||||
@@ -797,6 +798,10 @@
|
||||
previewClose(){
|
||||
this.isPreviewDisable = false
|
||||
},
|
||||
/** 关闭预览遮罩 **/
|
||||
previewLoadingClose(){
|
||||
this.previewLoading = false
|
||||
},
|
||||
/**
|
||||
* 处理下载
|
||||
* **/
|
||||
|
||||
@@ -285,7 +285,6 @@ export default {
|
||||
let self = this
|
||||
this.downLoading = true
|
||||
listDocCount(this.addDateRange(this.queryParams, this.dateRange)).then(res => {
|
||||
console.info("res.total=============", res.total)
|
||||
self.downTotal = res.total
|
||||
self.toolDownStatList = res?.rows || []
|
||||
self.downLoading = false
|
||||
|
||||
@@ -196,8 +196,12 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
if(this.$route.query.states){
|
||||
this.queryParams.states = this.$route.query.states
|
||||
}
|
||||
this.getList();
|
||||
this.getDeptTree();
|
||||
|
||||
},
|
||||
methods: {
|
||||
/** 查询部门下拉树结构 */
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="fbox1">
|
||||
<div class="fl">
|
||||
<el-tabs v-model="detailActiveName">
|
||||
<el-tab-pane label="附件信息" name="first" v-loading="previewLoading" element-loading-text="加载中">
|
||||
<el-tab-pane label="附件信息" name="first" v-loading="previewLoading" >
|
||||
<el-table :data="attachmentList" style="width: 100%">
|
||||
<el-table-column label="序号" width="60" align="center" type="index"></el-table-column>
|
||||
<el-table-column label="附件名称" prop="fileName" :show-overflow-tooltip="true" />
|
||||
@@ -101,6 +101,7 @@
|
||||
},
|
||||
handlePreview(row){
|
||||
this.isPreviewDisable = true
|
||||
this.previewLoading = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.previewForm.frontModulePreview(row)
|
||||
})
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
</el-form><!--el-form-->
|
||||
</div><!--el-form-border 表单-->
|
||||
</el-tab-pane><!--el-tab-pane-->
|
||||
<el-tab-pane label="关联附件" name="second" v-loading="previewLoading" element-loading-text="加载中">
|
||||
<el-tab-pane label="关联附件" name="second" v-loading="previewLoading" >
|
||||
<el-table :data="attachmentList" style="width: 100%">
|
||||
<el-table-column label="附件名称" prop="fileName" :show-overflow-tooltip="true" />
|
||||
<!-- <el-table-column label="类别" prop="docType" :show-overflow-tooltip="true" width="80" >
|
||||
|
||||
@@ -225,7 +225,6 @@
|
||||
<div class="el-form-border">
|
||||
<div class="operate">
|
||||
<!-- <el-form-item label="文件" required>
|
||||
|
||||
</el-form-item>
|
||||
<el-button type="primary" icon="el-icon-upload2" v-if="editStatus" @click="handleDocAdd">上传</el-button>-->
|
||||
<template v-if="editStatus">
|
||||
@@ -244,7 +243,7 @@
|
||||
</template>
|
||||
<!-- <el-button icon="el-icon-delete">删除</el-button>-->
|
||||
</div><!--operate 操作按钮-->
|
||||
<el-table :data="paginatedData" style="width: 100%">
|
||||
<el-table :data="paginatedData" style="width: 100%" v-loading="previewLoading" >
|
||||
<!-- <el-table-column type="selection" width="50" align="center"> </el-table-column>-->
|
||||
<el-table-column label="序号" width="60" align="center" type="index"></el-table-column>
|
||||
<el-table-column label="附件名称" prop="fileName" :show-overflow-tooltip="true" />
|
||||
@@ -311,7 +310,7 @@
|
||||
<tool-selector ref="toolSelect" @selectHandle="selectHandle"></tool-selector>
|
||||
<bl-user-selector ref="peopleSelect" :type="'single'" :isCheck="true" :open="toolPrincipalsChoose" :deptFilter="true" @cancel="toolPrincipalsChoose=false" @submit="submitPeople"></bl-user-selector>
|
||||
|
||||
<preview-util v-if="isPreviewDisable" ref="previewForm" @previewClose="previewClose"></preview-util>
|
||||
<preview-util v-if="isPreviewDisable" ref="previewForm" @previewClose="previewClose" @previewLoadingClose="previewLoadingClose"></preview-util>
|
||||
|
||||
<el-dialog :title="viewDialogTitle" :visible.sync="viewDialogOpen" fullscreen width="500px" append-to-body :before-close="handleBeforeClose">
|
||||
<i-frame :src="previewUrl" v-if="viewDialogOpen"/>
|
||||
@@ -339,7 +338,6 @@ import ToolSelector from '@/components/tool-selector/index.vue'
|
||||
import uploadVue from '@/components/FileUpload/optimizeToolUpload.vue'
|
||||
import { addCount } from "@/api/tool/downloadCount";
|
||||
import previewUtil from '@/components/PreviewUtil/previewUtil.vue'
|
||||
import store from "@/store";
|
||||
|
||||
// PDF本地文件预览
|
||||
export default {
|
||||
@@ -400,7 +398,8 @@ export default {
|
||||
viewShow: false,
|
||||
monitorDrawerVisible:false,
|
||||
form: {
|
||||
toolRespDept: this.$store.getters.userInfo.deptId
|
||||
toolRespDept: this.$store.getters.userInfo.deptId,
|
||||
status: "zy"
|
||||
},
|
||||
rules: {
|
||||
toolCode: [
|
||||
@@ -474,6 +473,7 @@ export default {
|
||||
title: '工具发布',
|
||||
currentPage: 1, // 当前页
|
||||
pageSize: 10, // 每页显示数量
|
||||
previewLoading: false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@@ -970,6 +970,7 @@ export default {
|
||||
},
|
||||
handlePreview(row){
|
||||
this.isPreviewDisable = true
|
||||
this.previewLoading = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.previewForm.frontModulePreview(row)
|
||||
})
|
||||
@@ -978,6 +979,10 @@ export default {
|
||||
previewClose(){
|
||||
this.isPreviewDisable = false
|
||||
},
|
||||
/** 关闭预览遮罩 **/
|
||||
previewLoadingClose(){
|
||||
this.previewLoading = false
|
||||
},
|
||||
/**
|
||||
* 处理下载
|
||||
* **/
|
||||
|
||||
Reference in New Issue
Block a user