1.安监部体系文件
guoyuepeng
parent
a51c7e76ac
commit
29b7f71737
|
|
@ -0,0 +1,625 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-container>
|
||||||
|
<el-aside width="300px" style="background-color:#fff">
|
||||||
|
<el-tree v-loading="treeLoading" ref="tree" :data="treeData" :props="defaultProps" :filter-node-method="filterNode" class="filter-tree" accordion @node-click="handleNodeClick" />
|
||||||
|
</el-aside>
|
||||||
|
<el-main>
|
||||||
|
<div class="filter-container">
|
||||||
|
<el-button v-show="MFOLDER_ID != '0'" icon="el-icon-arrow-left" @click="getList(PARENT_ID)">返回</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
|
||||||
|
<el-table-column :reserve-selection="true" type="selection" width="55" align="center" />
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||||
|
<el-table-column v-if="MFOLDER_ID =='0'" label="目录名" width="220">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<div class="link-type" @click="getList(row.MFOLDER_ID)">
|
||||||
|
<svg-icon :icon-class="row.NAME" class-name="disabled" />{{ row.NAME }}<i class="el-icon-arrow-right" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column v-if="MFOLDER_ID !='0'" label="文件名">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
{{ row.NAME }}
|
||||||
|
<a v-show="row.extension_name == '.txt'" style="color: #1e9fff" @click="goViewTxt(row.FILEPATH)">[预览]</a>
|
||||||
|
<a v-show="row.extension_name == '.pdf'" style="color: #1e9fff" @click="goViewPdf(row.FILEPATH)">[预览]</a>
|
||||||
|
<a v-show="row.extension_name == '.mp4'" style="color: #1e9fff" @click="goViewVideo(row.FILEPATH)">[预览]</a>
|
||||||
|
<a v-show="row.extension_name == '.doc' || row.extension_name == '.xls' || row.extension_name == '.ppt' || row.extension_name == '.docx' || row.extension_name == '.xlsx' || row.extension_name == '.pptx'" style="color: #1e9fff" @click="goOffice(row.FILEPATH)">[下載]</a>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="FILESIZE" label="文件大小" />-->
|
||||||
|
<el-table-column v-if="MFOLDER_ID !='0'" label="文件大小">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
{{ row.FILESIZE > 1024 ? ((((row.FILESIZE)/1024)+'').substring(0,(((row.FILESIZE)/1024)+'').lastIndexOf('.')+3))+' MB' : row.FILESIZE + ' KB' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="CTIME" label="上传时间" />
|
||||||
|
<el-table-column prop="UNAME" label="上传者" />
|
||||||
|
<!-- <el-table-column label="是否共享">-->
|
||||||
|
<!-- <template slot-scope="{row}">-->
|
||||||
|
<!-- <span v-if="row.SHARE=='no'">私有文件</span>-->
|
||||||
|
<!-- <span v-else>公共文件</span>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
<!-- </el-table-column>-->
|
||||||
|
<el-table-column prop="REMARKS" label="备注说明" show-overflow-tooltip />
|
||||||
|
<el-table-column label="操作" align="center" width="200">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<el-button v-show="del && row.UNAME!='init'" type="danger" icon="el-icon-delete" plain @click="handleDelete(row.MFOLDER_ID,row.FILEPATH)">删除</el-button>
|
||||||
|
<el-button v-show="MFOLDER_ID !='0'" type="primary" icon="el-icon-edit" size="mini" style="color: white" @click="downloadFile(row.MFOLDER_ID)">下载</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div class="btn-only">
|
||||||
|
<el-button v-show="MFOLDER_ID == '0' && add" type="primary" icon="el-icon-plus" @click="handleAdd">新建文件夹</el-button>
|
||||||
|
<el-button v-show="MFOLDER_ID != '0' && add" type="primary" icon="el-icon-plus" @click="handleUpload">上传文件</el-button>
|
||||||
|
<el-button v-show="MFOLDER_ID != '0' && add" type="primary" icon="el-icon-plus" @click="handleBatchUpload">批量上传</el-button>
|
||||||
|
</div>
|
||||||
|
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList(MFOLDER_ID)" />
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
|
||||||
|
<el-dialog :visible.sync="dialogForm" title="新建文件夹" width="600px">
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="110px" style="width: 500px;">
|
||||||
|
<el-form-item label="文件夹名" prop="NAME">
|
||||||
|
<el-input v-model="form.NAME" placeholder="这里输入文件夹名..." />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input :rows="3" v-model="form.REMARKS" type="textarea" placeholder="这里输入备注..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogForm = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="confirm">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog :visible.sync="dialogFormUpload" title="上传文件" width="600px">
|
||||||
|
<el-form ref="uploadForm" :model="form" :rules="rules" label-width="110px" style="width: 500px;">
|
||||||
|
<el-form-item label="文件名" prop="NAME">
|
||||||
|
<el-input v-model="form.NAME" placeholder="这里输入名称..." />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="附件">
|
||||||
|
<span v-if="form.FFILE">{{ form.FFILE.name }}</span>
|
||||||
|
<el-upload
|
||||||
|
:before-upload="beforeFileUpload"
|
||||||
|
:on-change="handleChangePDF"
|
||||||
|
:auto-upload="false"
|
||||||
|
class="avatar-uploader"
|
||||||
|
action="#">
|
||||||
|
<el-button type="primary">上传</el-button>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input :rows="3" v-model="form.REMARKS" type="textarea" placeholder="这里输入备注..." />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogFormUpload = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="upload">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog :visible.sync="dialogBatchUpload" title="批量上传文件" width="600px">
|
||||||
|
<el-form ref="batchUploadForm" :model="form" label-width="110px" style="width: 500px;">
|
||||||
|
|
||||||
|
<el-form-item label="附件">
|
||||||
|
|
||||||
|
<el-upload
|
||||||
|
ref="batchUpload"
|
||||||
|
:on-preview="handlePreview"
|
||||||
|
:on-remove="handleRemove"
|
||||||
|
:on-change="handleChangePDF2"
|
||||||
|
:before-upload = "beforeFileUpload2"
|
||||||
|
:auto-upload="false"
|
||||||
|
class="upload-demo"
|
||||||
|
action="#">
|
||||||
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<!-- <el-upload :before-upload="beforeFileUpload" class="avatar-uploader" action="#">
|
||||||
|
<el-button type="primary">上传</el-button>
|
||||||
|
</el-upload>-->
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogBatchUpload = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="batchUpload">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog :visible.sync="dialogViewTxt" title="文本文档" width="600px">
|
||||||
|
<el-input :rows="30" v-model="txtPre" readonly type="textarea" placeholder=""/>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog :visible.sync="dialogViewPdf" title="文档">
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<pdf
|
||||||
|
:page="pageNum"
|
||||||
|
:src="pdfUrl"
|
||||||
|
@progress="loadedRatio = $event"
|
||||||
|
@num-pages="pageTotalNum=$event"
|
||||||
|
/>
|
||||||
|
<div style="text-align: center">
|
||||||
|
<div style="color: #409EFF;">{{ pageNum }} / {{ pageTotalNum }}</div>
|
||||||
|
<el-button-group style="padding-top: 10px;">
|
||||||
|
<el-button type="primary" icon="el-icon-arrow-left" size="mini" @click="prePage">上一页</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="nextPage">下一页<i class="el-icon-arrow-right el-icon--right"/></el-button>
|
||||||
|
</el-button-group>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog :visible.sync="dialogViewVideo" title="视频" width="600px">
|
||||||
|
<div>
|
||||||
|
<video-player
|
||||||
|
ref="videoPlayer"
|
||||||
|
:playsinline="true"
|
||||||
|
:options="playerOptions"
|
||||||
|
class="video-player vjs-custom-skin"/>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import waves from '@/directive/waves' // waves directive src/utils/src/utils/.js.js
|
||||||
|
import { upload } from '@/utils/upload'
|
||||||
|
import pdf from 'vue-pdf'
|
||||||
|
import { Message } from 'element-ui'
|
||||||
|
import { videoPlayer } from 'vue-video-player'
|
||||||
|
import 'video.js/dist/video-js.css'
|
||||||
|
export default {
|
||||||
|
components: { Pagination, pdf, videoPlayer },
|
||||||
|
directives: { waves },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
txtPre: '',
|
||||||
|
dialogFormUpload: false,
|
||||||
|
dialogForm: false,
|
||||||
|
listLoading: true,
|
||||||
|
treeLoading: false,
|
||||||
|
dialogBatchUpload: false,
|
||||||
|
add: false,
|
||||||
|
del: false,
|
||||||
|
edit: false,
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 20
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
KEYWORDS: '',
|
||||||
|
varList: [],
|
||||||
|
pd: [],
|
||||||
|
form: {
|
||||||
|
NAME: '', //
|
||||||
|
FFILE: [],
|
||||||
|
REMARKS: ''
|
||||||
|
},
|
||||||
|
multipleSelectionAll: [], // 所有选中的数据包含跨页数据
|
||||||
|
multipleSelection: [], // 当前页选中的数据
|
||||||
|
dialogFormEdit: false,
|
||||||
|
rules: {
|
||||||
|
NAME: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
|
||||||
|
},
|
||||||
|
corpInfoId: '',
|
||||||
|
SHARE: 'no',
|
||||||
|
treeData: [],
|
||||||
|
defaultProps: {
|
||||||
|
children: 'nodes',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
MFOLDER_ID: '0', // 主键ID
|
||||||
|
PARENT_ID: '0', // 上级ID
|
||||||
|
serverurl: config.fileUrl,
|
||||||
|
dialogViewTxt: false,
|
||||||
|
dialogViewVideo: false,
|
||||||
|
dialogViewPdf: false,
|
||||||
|
dialogViewUrl: '',
|
||||||
|
// pdf预览
|
||||||
|
pdfUrl: '',
|
||||||
|
pageNum: 1,
|
||||||
|
pageTotalNum: 1, // 总页数
|
||||||
|
loadedRatio: 0, // 当前页面的加载进度，范围是0-1 ，等于1的时候代表当前页已经完全加载完成了
|
||||||
|
playerOptions: {
|
||||||
|
playbackRates: [0.5, 1.0, 1.5, 2.0], // 可选的播放速度
|
||||||
|
autoplay: false, // 如果为true,浏览器准备好时开始回放。
|
||||||
|
muted: false, // 默认情况下将会消除任何音频。
|
||||||
|
loop: false, // 是否视频一结束就重新开始。
|
||||||
|
preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
||||||
|
language: 'zh-CN',
|
||||||
|
aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
||||||
|
fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
||||||
|
sources: [{
|
||||||
|
type: 'video/mp4', // 类型
|
||||||
|
src: 'https://qask.qhdsafety.com/file/uploadFiles/file/13cf0f4ec77e4d98ae8cdd9c3386ae0c/20210625/691910cd81024986a392f6203c4045f8.mp4' // url地址
|
||||||
|
}],
|
||||||
|
poster: '', // 封面地址
|
||||||
|
notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
|
||||||
|
controlBar: {
|
||||||
|
timeDivider: true, // 当前时间和持续时间的分隔符
|
||||||
|
durationDisplay: true, // 显示持续时间
|
||||||
|
remainingTimeDisplay: false, // 是否显示剩余时间功能
|
||||||
|
fullscreenToggle: true // 是否显示全屏按钮
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fileList: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.corpInfoId = this.$parent.indexVal
|
||||||
|
this.getList('0')
|
||||||
|
this.getDataTree()
|
||||||
|
this.urlToBlob()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
urlToBlob() {},
|
||||||
|
// 上一页
|
||||||
|
prePage() {
|
||||||
|
let page = this.pageNum
|
||||||
|
page = page > 1 ? page - 1 : this.pageTotalNum
|
||||||
|
this.pageNum = page
|
||||||
|
},
|
||||||
|
|
||||||
|
// 下一页
|
||||||
|
nextPage() {
|
||||||
|
let page = this.pageNum
|
||||||
|
page = page < this.pageTotalNum ? page + 1 : 1
|
||||||
|
this.pageNum = page
|
||||||
|
},
|
||||||
|
getRowKey(row) {
|
||||||
|
return row.MFOLDER_ID
|
||||||
|
},
|
||||||
|
// 搜索
|
||||||
|
getQuery() {
|
||||||
|
this.$refs.multipleTable.clearSelection()
|
||||||
|
this.getList('0')
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
getList(F_ID) {
|
||||||
|
this.listLoading = true
|
||||||
|
this.MFOLDER_ID = F_ID
|
||||||
|
requestFN(
|
||||||
|
'/ajFfolder/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
{
|
||||||
|
KEYWORDS: this.KEYWORDS,
|
||||||
|
CORPINFO_ID: this.corpInfoId,
|
||||||
|
MFOLDER_ID: this.MFOLDER_ID,
|
||||||
|
SHARE: this.SHARE
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.varList
|
||||||
|
this.PARENT_ID = data.PARENT_ID
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
this.hasButton()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 添加
|
||||||
|
handleAdd() {
|
||||||
|
this.resetForm()
|
||||||
|
this.dialogForm = true
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
this.$refs.upload.submit()
|
||||||
|
},
|
||||||
|
handleRemove(file, fileList) {
|
||||||
|
console.log(1)
|
||||||
|
|
||||||
|
console.log(file, fileList)
|
||||||
|
},
|
||||||
|
handlePreview(file) {
|
||||||
|
console.log(file)
|
||||||
|
},
|
||||||
|
handleChangePDF(file, fileList) {
|
||||||
|
// const types = ['application/pdf']
|
||||||
|
// const isImage = types.includes(file.raw.type)
|
||||||
|
// if (!isImage) {
|
||||||
|
// this.$message.error('上传文件只能是 PDF 格式!')
|
||||||
|
// fileList.pop()
|
||||||
|
// } else {
|
||||||
|
// this.form.FFILE = file.raw
|
||||||
|
// }
|
||||||
|
this.form.FFILE = file.raw
|
||||||
|
},
|
||||||
|
handleChangePDF2(file, fileList) {
|
||||||
|
// const types = ['application/pdf']
|
||||||
|
// const isImage = types.includes(file.raw.type)
|
||||||
|
// if (!isImage) {
|
||||||
|
// this.$message.error('上传文件只能是 PDF 格式!')
|
||||||
|
// fileList.pop()
|
||||||
|
// }
|
||||||
|
|
||||||
|
},
|
||||||
|
// 添加
|
||||||
|
handleUpload() {
|
||||||
|
this.resetForm()
|
||||||
|
this.dialogFormUpload = true
|
||||||
|
},
|
||||||
|
// 添加
|
||||||
|
handleBatchUpload() {
|
||||||
|
this.resetForm()
|
||||||
|
this.dialogBatchUpload = true
|
||||||
|
},
|
||||||
|
// beforeFileUpload2(file) {
|
||||||
|
// console.info(this.fileList)
|
||||||
|
// this.fileList.push(file)
|
||||||
|
// this.$forceUpdate()
|
||||||
|
// return false
|
||||||
|
// },
|
||||||
|
beforeFileUpload2(file) {
|
||||||
|
var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
|
||||||
|
const extension = testmsg === 'pdf'
|
||||||
|
if (!extension) {
|
||||||
|
this.$confirm(`上传文件只能是pdf格式!`)
|
||||||
|
} else {
|
||||||
|
this.fileList.push(file)
|
||||||
|
}
|
||||||
|
this.$forceUpdate()
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
beforeFileUpload(file) {
|
||||||
|
var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
|
||||||
|
const extension = testmsg === 'pdf'
|
||||||
|
if (!extension) {
|
||||||
|
this.$confirm(`上传文件只能是pdf格式!`)
|
||||||
|
} else {
|
||||||
|
this.form.FFILE = file
|
||||||
|
}
|
||||||
|
this.$forceUpdate()
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
// 保存
|
||||||
|
confirm() {
|
||||||
|
this.$refs.form.validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
requestFN(
|
||||||
|
'/ajFfolder/add',
|
||||||
|
{
|
||||||
|
PARENT_ID: this.MFOLDER_ID,
|
||||||
|
NAME: this.form.NAME,
|
||||||
|
REMARKS: this.form.REMARKS
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.$message({
|
||||||
|
message: '操作成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.dialogForm = false
|
||||||
|
this.getDataTree()
|
||||||
|
this.getList(this.MFOLDER_ID)
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
batchUpload() {
|
||||||
|
var _this = this
|
||||||
|
|
||||||
|
if (_this.$refs.batchUpload.uploadFiles.length < 1) {
|
||||||
|
Message({
|
||||||
|
message: '请上传附件',
|
||||||
|
type: 'error',
|
||||||
|
duration: 5 * 1000
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
_this.$refs.batchUpload.submit()
|
||||||
|
const loading = _this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: '上传中...',
|
||||||
|
spinner: 'el-icon-loading',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
})
|
||||||
|
_this.form.PARENT_ID = _this.MFOLDER_ID
|
||||||
|
const formData = new FormData()
|
||||||
|
Object.keys(_this.form).map(key => {
|
||||||
|
formData.append(key, _this.form[key])
|
||||||
|
})
|
||||||
|
console.info(_this.fileList)
|
||||||
|
for (var i = 0; i < _this.fileList.length; i++) {
|
||||||
|
if (_this.fileList[i]) {
|
||||||
|
formData.append('FFILE', _this.fileList[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
upload(
|
||||||
|
'/ajFfolder/batchUpload',
|
||||||
|
formData
|
||||||
|
).then((data) => {
|
||||||
|
_this.fileList = []
|
||||||
|
_this.dialogBatchUpload = false
|
||||||
|
_this.getDataTree()
|
||||||
|
_this.getList(_this.MFOLDER_ID)
|
||||||
|
loading.close()
|
||||||
|
}).catch((e) => {
|
||||||
|
loading.close()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 保存
|
||||||
|
upload() {
|
||||||
|
this.$refs.uploadForm.validate(valid => {
|
||||||
|
if (!this.form.FFILE) {
|
||||||
|
Message({
|
||||||
|
message: '请上传附件',
|
||||||
|
type: 'error',
|
||||||
|
duration: 5 * 1000
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: '上传中...',
|
||||||
|
spinner: 'el-icon-loading',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
})
|
||||||
|
this.form.PARENT_ID = this.MFOLDER_ID
|
||||||
|
const formData = new FormData()
|
||||||
|
Object.keys(this.form).map(key => {
|
||||||
|
formData.append(key, this.form[key])
|
||||||
|
})
|
||||||
|
upload(
|
||||||
|
'/ajFfolder/upload',
|
||||||
|
formData
|
||||||
|
).then((data) => {
|
||||||
|
this.dialogFormUpload = false
|
||||||
|
this.getDataTree()
|
||||||
|
this.getList(this.MFOLDER_ID)
|
||||||
|
loading.close()
|
||||||
|
}).catch((e) => {
|
||||||
|
loading.close()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleNodeClick(node, data, value) {
|
||||||
|
this.getList(node.id)
|
||||||
|
},
|
||||||
|
handleDelete(id, FILEPATH) {
|
||||||
|
this.$confirm('确定要删除吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/ajFfolder/delete',
|
||||||
|
{
|
||||||
|
MFOLDER_ID: id,
|
||||||
|
FILEPATH: FILEPATH || ''
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
this.$message({
|
||||||
|
message: '删除成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = []
|
||||||
|
this.listQuery.page = 1
|
||||||
|
this.getDataTree()
|
||||||
|
this.getList(this.MFOLDER_ID)
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 判断按钮权限，用于是否显示按钮
|
||||||
|
hasButton() {
|
||||||
|
var keys = 'mfolder:add,mfolder:del,mfolder:edit,toExcel'
|
||||||
|
requestFN(
|
||||||
|
'/head/hasButton',
|
||||||
|
{
|
||||||
|
keys: keys
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.add = data.mfolderfhadminadd // 新增权限
|
||||||
|
this.del = data.mfolderfhadmindel // 删除权限
|
||||||
|
this.edit = data.mfolderfhadminedit // 修改权限
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
resetForm() {
|
||||||
|
this.form = {
|
||||||
|
form: {
|
||||||
|
NAME: '', //
|
||||||
|
FFILE: [],
|
||||||
|
REMARKS: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getDataTree() {
|
||||||
|
this.treeLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/ajFfolder/listTree',
|
||||||
|
{
|
||||||
|
corpInfoId: this.corpInfoId
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.treeLoading = false
|
||||||
|
this.treeData = JSON.parse(data.zTreeNodes)
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.treeLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
filterNode(value, data) {
|
||||||
|
if (!value) return true
|
||||||
|
return data.label.indexOf(value) !== -1
|
||||||
|
},
|
||||||
|
downloadFile(MFOLDER_ID) {
|
||||||
|
this.$confirm('确定要下载此文件吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = false
|
||||||
|
// '/ajFfolder/download?MFOLDER_ID=' + MFOLDER_ID,
|
||||||
|
window.location.href = config.httpurl + 'mfolder/download?MFOLDER_ID=' + MFOLDER_ID
|
||||||
|
}).catch(() => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
this.listLoading = false
|
||||||
|
},
|
||||||
|
// pdf 预览
|
||||||
|
goViewPdf(filePath) {
|
||||||
|
this.pageNum = 1
|
||||||
|
this.pdfUrl = this.serverurl + filePath
|
||||||
|
this.dialogViewPdf = true
|
||||||
|
},
|
||||||
|
// txt 预览
|
||||||
|
goViewTxt(filePath) {
|
||||||
|
const file_url = 'serverurl' + filePath
|
||||||
|
// 可以是具体.txt也可以是接口返回的blob，或者web转换
|
||||||
|
const xhr = new XMLHttpRequest()
|
||||||
|
xhr.open('get', file_url, true)
|
||||||
|
xhr.responseType = 'blob'
|
||||||
|
var self = this// onload this指向为window中转一下
|
||||||
|
this.loading = true
|
||||||
|
xhr.onload = function() {
|
||||||
|
if (this.status == 200) {
|
||||||
|
self.loading = false
|
||||||
|
console.log(this.response)
|
||||||
|
const reader = new FileReader()
|
||||||
|
reader.onload = function() {
|
||||||
|
self.txtPre = reader.result// 获取的数据data
|
||||||
|
self.dialogvisibleview = true
|
||||||
|
console.log('reader.result', reader.result)
|
||||||
|
}
|
||||||
|
reader.readAsText(this.response)
|
||||||
|
} else {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
xhr.send()
|
||||||
|
|
||||||
|
this.dialogViewTxt = true
|
||||||
|
},
|
||||||
|
goViewVideo(filePath) {
|
||||||
|
this.playerOptions.sources[0].src = 'serverurl' + filePath
|
||||||
|
this.playerOptions.sources[0].type = 'video/mp4'
|
||||||
|
|
||||||
|
this.dialogViewVideo = true
|
||||||
|
},
|
||||||
|
goOffice(filePath) {
|
||||||
|
window.open(config.fileUrl + filePath, '_blank').document.charset = 'UTF-8'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
.btn-only
|
||||||
|
.el-button+.el-button
|
||||||
|
margin-left: 0px
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue