|
@@ -55,15 +55,15 @@
|
|
|
v-hasPermi="['document:plantproglist:edit']"
|
|
|
>{{ $t('导入') }}</el-button>
|
|
|
</el-col>
|
|
|
-<!-- <el-col :span="1.5">-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="warning"-->
|
|
|
-<!-- icon="el-icon-download"-->
|
|
|
-<!-- size="mini"-->
|
|
|
-<!-- @click="handleExport"-->
|
|
|
-<!-- v-hasPermi="['document:plantproglist:export']"-->
|
|
|
-<!-- >{{ $t('导出') }}</el-button>-->
|
|
|
-<!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="warning"-->
|
|
|
+ <!-- icon="el-icon-download"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- @click="handleExport"-->
|
|
|
+ <!-- v-hasPermi="['document:plantproglist:export']"-->
|
|
|
+ <!-- >{{ $t('导出') }}</el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="warning"
|
|
@@ -374,50 +374,72 @@
|
|
|
<em>{{ $t('点击上传') }}</em>
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
- <el-table :data="doc.commonfileList" border>
|
|
|
- <el-table-column :label="$t('文件名')" align="center" prop="fileName" :show-overflow-tooltip="true">
|
|
|
+ <el-table :data="doc.commonfileList" border>
|
|
|
+ <el-table-column :label="$t('文件名')" align="center" prop="fileName" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<a class="link-type" @click="handleDownload(scope.row)">
|
|
|
<span>{{ scope.row.fileName }}</span>
|
|
|
</a>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column :label="$t('大小(Kb)')" align="center" prop="fileSize" :show-overflow-tooltip="true" width="80" />
|
|
|
- <el-table-column :label="$t('上传人')" align="center" prop="creator" :show-overflow-tooltip="true" width="120"/>
|
|
|
- <el-table-column :label="$t('操作')" align="center" width="150" class-name="small-padding fixed-width">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- v-if="scope.row.fileName.endsWith('pdf')"
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-view"
|
|
|
- @click="handleSee(scope.row)"
|
|
|
- >{{ $t('预览') }}</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-download"
|
|
|
- @click="handleDownload(scope.row)"
|
|
|
- >{{ $t('下载') }}</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="handleDeleteDoc(scope.row)"
|
|
|
- >{{ $t('删除') }}</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :label="$t('大小(Kb)')" align="center" prop="fileSize" :show-overflow-tooltip="true" width="80" />
|
|
|
+ <el-table-column :label="$t('上传人')" align="center" prop="creator" :show-overflow-tooltip="true" width="120"/>
|
|
|
+ <el-table-column :label="$t('操作')" align="center" width="150" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.fileName.endsWith('pdf')||scope.row.fileName.endsWith('xlsx')||scope.row.fileName.endsWith('md')
|
|
|
+ ||scope.row.fileName.endsWith('docx')||scope.row.fileName.endsWith('doc')||scope.row.fileName.endsWith('txt')
|
|
|
+ ||scope.row.fileName.endsWith('jpg')||scope.row.fileName.endsWith('png')||scope.row.fileName.endsWith('csv')
|
|
|
+ ||scope.row.fileName.endsWith('mp4')||scope.row.fileName.endsWith('svg')||scope.row.fileName.endsWith('dwg')
|
|
|
+ ||scope.row.fileName.endsWith('flv')||scope.row.fileName.endsWith('swf')||scope.row.fileName.endsWith('gif')
|
|
|
+ ||scope.row.fileName.endsWith('3gp')||scope.row.fileName.endsWith('mkv')||scope.row.fileName.endsWith('tif')"
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleSee(scope.row)"
|
|
|
+ > {{ $t('预览') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.fileName.endsWith('ppt')||scope.row.fileName.endsWith('pptx') "
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleSeePPT(scope.row)"
|
|
|
+ > {{ $t('ppt预览') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-download"
|
|
|
+ @click="handleDownload(scope.row)"
|
|
|
+ >{{ $t('下载') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDeleteDoc(scope.row)"
|
|
|
+ >{{ $t('删除') }}</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
-<!-- <el-button type="primary" @click="submitFileForm">{{ $t('确 定') }}</el-button>-->
|
|
|
+ <!-- <el-button type="primary" @click="submitFileForm">{{ $t('确 定') }}</el-button>-->
|
|
|
<el-button @click="doc.open = false">{{ $t('返 回') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-dialogDrag :title="pdf.title" :visible.sync="pdf.open" width="1300px" append-to-body>
|
|
|
- <div style="margin-top: -60px;float: right;margin-right: 40px;">
|
|
|
- <el-button size="mini" type="text" @click="openPdf">{{$t('新页面打开PDF')}}</el-button></div>
|
|
|
- <div style="margin-top: -30px">
|
|
|
- <iframe :src="pdf.pdfUrl" frameborder="0" width="100%" height="700px"></iframe>
|
|
|
+ <el-dialog v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)"
|
|
|
+ v-dialogDrag :title="pdf.title" :visible.sync="pdf.open" width="1300px" append-to-body>
|
|
|
+ <div style="margin-top: -60px;float: right;margin-right: 40px;">
|
|
|
+ <el-button size="mini" type="text" @click="openPdf">{{$t('新页面打开PDF')}}</el-button></div>
|
|
|
+ <div style="margin-top: -30px" >
|
|
|
+ <iframe :src="pdf.pdfUrl" frameborder="0" width="100%" height="700px" v-if="ppt"></iframe>
|
|
|
+ </div>
|
|
|
+ <div style="margin-left:10%" >
|
|
|
+ <el-carousel class="" ref="carousel" arrow="always" v-if="pptView"
|
|
|
+ height="700px" trigger="click" :autoplay="false" indicator-position="outside">
|
|
|
+ <el-carousel-item class="lun_img" v-for="item in imgs" v-bind:key="item" >
|
|
|
+ <img :src="item" width="100%" height="100%" object-fit="cover" />
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<el-drawer
|
|
@@ -454,35 +476,40 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {
|
|
|
- addPlantproglist,
|
|
|
- delPlantproglist,
|
|
|
- exportPlantproglist,
|
|
|
- getPlantproglist,
|
|
|
- listPlantproglist,
|
|
|
- updatePlantproglist
|
|
|
- } from "@/api/document/plantproglist";
|
|
|
- import {allFileList, delCommonfile} from "@/api/common/commonfile";
|
|
|
- import {treeselect} from "@/api/system/dept";
|
|
|
- import {getToken} from "@/utils/auth";
|
|
|
- import Treeselect from "@riophae/vue-treeselect";
|
|
|
- import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
- import RcData from "./rcData";
|
|
|
- import ClassifyData from "./classifyData";
|
|
|
-
|
|
|
- import {formatDate} from "../../../utils";
|
|
|
-
|
|
|
- export default {
|
|
|
+import {
|
|
|
+ addPlantproglist,
|
|
|
+ delPlantproglist,
|
|
|
+ exportPlantproglist,
|
|
|
+ getPlantproglist,
|
|
|
+ listPlantproglist,
|
|
|
+ updatePlantproglist
|
|
|
+} from "@/api/document/plantproglist";
|
|
|
+import {allFileList, delCommonfile} from "@/api/common/commonfile";
|
|
|
+import {treeselect} from "@/api/system/dept";
|
|
|
+import {getToken} from "@/utils/auth";
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import RcData from "./rcData";
|
|
|
+import ClassifyData from "./classifyData";
|
|
|
+
|
|
|
+import {formatDate} from "../../../utils";
|
|
|
+
|
|
|
+export default {
|
|
|
name: "index",
|
|
|
props: ['item', 'typename'],
|
|
|
components: {ClassifyData, RcData, Treeselect},
|
|
|
data() {
|
|
|
return {
|
|
|
+ imgs:[],
|
|
|
+ jpgList:[],
|
|
|
+ ppt:false,
|
|
|
+ pptView:false,
|
|
|
drawer: false,
|
|
|
direction: 'rtl',
|
|
|
sonRefresh: true,
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
+ loadingFlash: false,
|
|
|
// 选中数组
|
|
|
ids: [],
|
|
|
// 非单个禁用
|
|
@@ -649,11 +676,13 @@
|
|
|
this.$nextTick(() => {
|
|
|
this.clientHeight = (document.body.clientHeight - 80) * 0.8
|
|
|
})
|
|
|
+
|
|
|
this.getList();
|
|
|
this.getTreeselect();
|
|
|
this.getDicts("CLASSIFY").then(response => {
|
|
|
this.classifyOptions = response.data;
|
|
|
});
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
/** 查询装置程序清单列表 */
|
|
@@ -918,15 +947,125 @@
|
|
|
});
|
|
|
this.drawer = true
|
|
|
},
|
|
|
- //pdf预览
|
|
|
+ //文件预览
|
|
|
openPdf(){
|
|
|
- window.open(this.pdf.pdfUrl);//path是文件的全路径地址
|
|
|
+ //ppt就跳路由预览,office就直接打开文件新页面
|
|
|
+ const didi={ imgs:this.imgs}
|
|
|
+ if( this.pptView==true&&this.ppt==false){
|
|
|
+ let routeUrl = this.$router.resolve({
|
|
|
+ path: "/pptyulan",
|
|
|
+ query:didi
|
|
|
+
|
|
|
+ });
|
|
|
+ window.open(routeUrl.href, '_blank');
|
|
|
+ console.log(this.imgs)
|
|
|
+ }else {
|
|
|
+ window.open(this.pdf.pdfUrl);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSeePPT (row){
|
|
|
+ //ppt预览
|
|
|
+ this.loadingFlash=true
|
|
|
+ this.pdf.open =true
|
|
|
+ this.pdf.title = row.fileName
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.pptView=true
|
|
|
+ this.ppt=false
|
|
|
+ const formatDate =new FormData();
|
|
|
+ formatDate.append("filepath",row.fileUrl)
|
|
|
+
|
|
|
+ //调用文件预览api
|
|
|
+ let res= this.officeConvert.pptConvertCommon(formatDate)
|
|
|
+
|
|
|
+ //查看接受的全局方法的返回结果 console.log(res)
|
|
|
+ //利用.then方法接受Promise对象
|
|
|
+
|
|
|
+ res.then((result)=>{
|
|
|
+ //关闭加载中
|
|
|
+ this.loadingFlash=false
|
|
|
+
|
|
|
+ //成功时直接给地址
|
|
|
+
|
|
|
+ this.videoList = result.data.imagePathList
|
|
|
+ //将返回的地址集合遍历添加到绑定的数组中
|
|
|
+ this.imgs=[]
|
|
|
+ for (var key=0;key<this.videoList.length;key++) {
|
|
|
+ this.imgs.push( process.env.VUE_APP_BASE_API+ this.videoList[key] );
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }).catch(result => {
|
|
|
+
|
|
|
+
|
|
|
+ //请求失败,关闭loading,pdf地址直接为为空,不显示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.loadingFlash = false;
|
|
|
+
|
|
|
+ })
|
|
|
},
|
|
|
handleSee (row){
|
|
|
+ //office预览
|
|
|
+ this.loadingFlash=true
|
|
|
this.pdf.open =true
|
|
|
this.pdf.title = row.fileName
|
|
|
- this.pdf.pdfUrl = process.env.VUE_APP_BASE_API +'/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + row.fileUrl
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+
|
|
|
+ this.pptView=false
|
|
|
+ this.ppt=true
|
|
|
+
|
|
|
+ const formatDate =new FormData();
|
|
|
+ formatDate.append("filepath",row.fileUrl)
|
|
|
+
|
|
|
+ //调用文件预览api
|
|
|
+ let res= this.officeConvert.officeConvertCommon(formatDate)
|
|
|
+
|
|
|
+
|
|
|
+ //查看接受的全局方法的返回结果 console.log(res)
|
|
|
+ //利用.then方法接受Promise对象
|
|
|
+ res.then((result)=>{
|
|
|
+ //关闭加载中
|
|
|
+ this.loadingFlash=false
|
|
|
+
|
|
|
+ if(result.msg.includes("csv")){
|
|
|
+ this.pdf.pdfUrl =process.env.VUE_APP_BASE_API+ result.data
|
|
|
+ this.$alert(result.msg, this.$t('检查乱码'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+
|
|
|
+ }else if(result.msg.includes("不存在")){
|
|
|
+ //文件不存在时提示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.$alert(result.msg, this.$t('预览失败'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+ this.pdf.open =false
|
|
|
+ }else if(result.msg.includes("不支持此格式")){
|
|
|
+
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.$alert(result.msg, this.$t('预览失败'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+ this.pdf.open =false
|
|
|
+ } else{
|
|
|
+ //成功时直接给地址
|
|
|
+
|
|
|
+ this.pdf.pdfUrl =process.env.VUE_APP_BASE_API+ result.data
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }).catch(result => {
|
|
|
+
|
|
|
+
|
|
|
+ //请求失败,关闭loading,pdf地址直接为为空,不显示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.loadingFlash = false;
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+
|