wangyifang
/
sstt-archives-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文件预览

Browse Source
master
lion 1 year ago
parent c0799d885b
commit 62dacd901d
5 changed files with 85 additions and 61 deletions
Show Stats Download Patch File Download Diff File

6
src/components/viewFile/viewDownload.vue
Unescape View File

@ -59,6 +59,7 @@
import JSZip from "jszip"; import JSZip from "jszip";
import FileSaver from "file-saver"; import FileSaver from "file-saver";
import { download } from "@/utils/downloadRequest";
export default { export default {
components: { components: {
viewFile viewFile
@ -199,6 +200,11 @@
this.$Message.warning('请选择要下载的文件') this.$Message.warning('请选择要下载的文件')
return return
} }
if(this.checkList.length===1){
// window.open(this.checkList[0].url,'_blank')
download(this.checkList[0].url, "get", {}, this.checkList[0].original_name);
return
}
var blogTitle = this.title; // 下载后压缩包的名称 var blogTitle = this.title; // 下载后压缩包的名称
var zip = new JSZip(); var zip = new JSZip();
var promises = []; var promises = [];

6
src/components/viewFile/viewFile.vue
Unescape View File

@ -22,13 +22,12 @@
<vue-office-pdf v-else-if="urlType==='pdf'" :src="url" @rendered="renderingCompleted"></vue-office-pdf> <vue-office-pdf v-else-if="urlType==='pdf'" :src="url" @rendered="renderingCompleted"></vue-office-pdf>
<vue-office-excel v-else-if="urlType==='excel'" :src="url" @rendered="renderingCompleted"></vue-office-excel> <vue-office-excel v-else-if="urlType==='excel'" :src="url" @rendered="renderingCompleted"></vue-office-excel>
<vue-office-pptx v-else-if="urlType==='pptx'" :src="url" @rendered="renderingCompleted"></vue-office-pptx> <vue-office-pptx v-else-if="urlType==='pptx'" :src="url" @rendered="renderingCompleted"></vue-office-pptx>
<img v-else-if="urlType==='image'" :src="url" style="width:100%"></img> <img v-else-if="urlType==='image'" :src="url" style="width:100%"></img>
<iframe v-else id="iframeWin" :src="url" frameborder="0" scrolling="auto" align="center" class="iframeWeb"> <iframe v-else id="iframeWin" :src="url" frameborder="0" scrolling="auto" align="center" class="iframeWeb">
</iframe> </iframe>
</div> </div>
<div v-if="typeName=='video'" style="text-align: center;"> <div v-if="typeName=='video'" style="text-align: center;height:100%;overflow: scroll;">
<video :src="url" controls></video> <video :src="url" controls></video>
</div> </div>
@ -151,7 +150,8 @@
} }
.dialogConcent { .dialogConcent {
overflow-y: hidden; overflow-y: scroll;
height:400px;
} }
.iframeWeb { .iframeWeb {

53
src/views/record/components/addRecord.vue
Unescape View File

@ -31,8 +31,8 @@
<span style="color: red;font-weight: bold;padding-right: 4px;">*</span>开始日期： <span style="color: red;font-weight: bold;padding-right: 4px;">*</span>开始日期：
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-date-picker :disabled="is_search" v-model="form.date" style="width:100%" format="yyyy-MM-dd" value-format="yyyy-MM-dd" <el-date-picker :disabled="is_search" v-model="form.date" style="width:100%" format="yyyy-MM-dd"
type="date" placeholder="选择日期"> value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
@ -43,8 +43,8 @@
<span style="color: red;font-weight: bold;padding-right: 4px;"></span>结束日期： <span style="color: red;font-weight: bold;padding-right: 4px;"></span>结束日期：
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-date-picker :disabled="is_search" v-model="form.end_date" style="width:100%" format="yyyy-MM-dd" value-format="yyyy-MM-dd" <el-date-picker :disabled="is_search" v-model="form.end_date" style="width:100%" format="yyyy-MM-dd"
type="date" placeholder="选择日期"> value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
@ -58,8 +58,7 @@
<div> <div>
<el-checkbox :disabled="is_search" @change="changeAllArea" v-model="allArea">全部区域</el-checkbox> <el-checkbox :disabled="is_search" @change="changeAllArea" v-model="allArea">全部区域</el-checkbox>
</div> </div>
<el-select :disabled="is_search" style="width:100%" v-model="form.area_ids" multiple <el-select :disabled="is_search" style="width:100%" v-model="form.area_ids" multiple placeholder="请选择">
placeholder="请选择">
<el-option v-for="item in areaList" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in areaList" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
@ -86,8 +85,7 @@
</div> </div>
<div class="xy-table-item-content" style="height:150px;overflow: scroll;"> <div class="xy-table-item-content" style="height:150px;overflow: scroll;">
<el-tree v-if="isShow" :default-checked-keys="checkArr" :check-strictly="true" @check="getSelectedNodes" <el-tree v-if="isShow" :default-checked-keys="checkArr" :check-strictly="true" @check="getSelectedNodes"
:data="catalogList" show-checkbox node-key="id" ref="tree" highlight-current :data="catalogList" show-checkbox node-key="id" ref="tree" highlight-current :props="defaultProps">
:props="defaultProps">
</el-tree> </el-tree>
</div> </div>
</div> </div>
@ -98,10 +96,12 @@
<span style="color: red;font-weight: bold;padding-right: 4px;"></span>附件： <span style="color: red;font-weight: bold;padding-right: 4px;"></span>附件：
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-upload :disabled="is_search" :action="action" class='upload-demo' multiple :file-list="filesList" ref="pictureUpload" <el-upload :disabled="is_search" :action="action" class='upload-demo' multiple :file-list="filesList"
:auto-upload="true" :data="uploadOther" :on-success="handlesuccess" :on-remove="handleRemove"> ref="pictureUpload" :auto-upload="true" :data="uploadOther" :on-progress="handleProgress"
:on-success="handlesuccess" :on-remove="handleRemove">
<el-button v-if="!is_search" size="small" type="primary">点击上传</el-button> <el-button v-if="!is_search" size="small" type="primary">点击上传</el-button>
</el-upload> </el-upload>
<el-progress v-if="showProgress" :percentage="uploadProgress"></el-progress>
</div> </div>
</div> </div>
</template> </template>
@ -112,7 +112,8 @@
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<!-- <wangEditor :isShow="isShow && !is_search" v-show="showTinymce" :value="form.content" @change="changeEditor"></wangEditor> --> <!-- <wangEditor :isShow="isShow && !is_search" v-show="showTinymce" :value="form.content" @change="changeEditor"></wangEditor> -->
<my-tinymce v-if="isShow && !is_search && showTinymce" @input="changeEditor" :value="form.content"></my-tinymce> <my-tinymce v-if="isShow && !is_search && showTinymce" @input="changeEditor"
:value="form.content"></my-tinymce>
<div v-if="is_search" v-html="form.content"></div> <div v-if="is_search" v-html="form.content"></div>
</div> </div>
</div> </div>
@ -160,15 +161,17 @@
showTinymce: false, showTinymce: false,
is_next: false, // 是否 可以延续 is_next: false, // 是否 可以延续
catalogList: [], catalogList: [],
is_search:false, // 是否到期 预警提醒的编辑 is_search: false, // 是否到期 预警提醒的编辑
allArea:false, allArea: false,
showProgress:false,
uploadProgress:0,
statusList: [{ statusList: [{
id: 0, id: 0,
name: '正常' name: '正常'
}, { }, {
id: 3, id: 3,
name: '已结束' name: '已结束'
},{ }, {
id: 1, id: 1,
name: '已到期' name: '已到期'
}, { }, {
@ -230,16 +233,16 @@
this.uploadOther.token = getToken(); this.uploadOther.token = getToken();
}, },
methods: { methods: {
changeAllArea(e){ changeAllArea(e) {
console.log(e) console.log(e)
if(e){ if (e) {
let arr = [] let arr = []
this.areaList.map(item=>{ this.areaList.map(item => {
arr.push(item.id) arr.push(item.id)
}) })
this.form.area_ids = arr this.form.area_ids = arr
}else{ } else {
this.form.area_ids = [] this.form.area_ids = []
} }
}, },
@ -253,7 +256,7 @@
}, },
getSelectedNodes(data, node) { getSelectedNodes(data, node) {
console.log("data", data) console.log("data", data)
if(data.children && data.children.length>0){ if (data.children && data.children.length > 0) {
this.$Message.warning('当前节点不可选择') this.$Message.warning('当前节点不可选择')
this.form.catalog_name = '' this.form.catalog_name = ''
this.form.catalog_id = '' this.form.catalog_id = ''
@ -290,6 +293,10 @@
} }
this.filesList = fileList this.filesList = fileList
}, },
handleProgress(event, file, fileList) {
this.showProgress = true;
this.uploadProgress = event.percent;
},
clickSubmit(bol) { clickSubmit(bol) {
this.$refs.dialog.submit() this.$refs.dialog.submit()
}, },
@ -301,8 +308,8 @@
this.$refs.addRecordLink.setCheck(this.form.catalog_id) this.$refs.addRecordLink.setCheck(this.form.catalog_id)
this.$refs.addRecordLink.isShow = true this.$refs.addRecordLink.isShow = true
}, },
saveLink(e,id) { saveLink(e, id) {
console.log("e", e,id) console.log("e", e, id)
if (e) { if (e) {
this.is_next = true this.is_next = true
this.form.next_link_id = id this.form.next_link_id = id
@ -363,7 +370,7 @@
console.log("form---", this.form) console.log("form---", this.form)
this.checkArr = res.catalog_id ? [res.catalog_id] : [] this.checkArr = res.catalog_id ? [res.catalog_id] : []
this.form.area_ids = res.area_ids ? res.area_ids : [] this.form.area_ids = res.area_ids ? res.area_ids : []
if(this.form.area_ids.length===this.areaList.length){ if (this.form.area_ids.length === this.areaList.length) {
this.allArea = true this.allArea = true
} }
this.form.tag_ids = res.tag_ids ? res.tag_ids : [] this.form.tag_ids = res.tag_ids ? res.tag_ids : []
@ -406,6 +413,8 @@
this.filesList = [] this.filesList = []
this.is_next = false this.is_next = false
this.allArea = false this.allArea = false
this.showProgress = false;
this.uploadProgress = 0;
this.form = { this.form = {
title: '', title: '',
status: 0, status: 0,

11
src/views/record/components/addRecordLink.vue
Unescape View File

@ -96,9 +96,10 @@
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-upload :action="action" class='upload-demo' multiple :file-list="filesList" ref="pictureUpload" <el-upload :action="action" class='upload-demo' multiple :file-list="filesList" ref="pictureUpload"
:auto-upload="true" :data="uploadOther" :on-success="handlesuccess" :on-remove="handleRemove"> :auto-upload="true" :data="uploadOther" :on-progress="handleProgress" :on-success="handlesuccess" :on-remove="handleRemove">
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">点击上传</el-button>
</el-upload> </el-upload>
<el-progress v-if="showProgress" :percentage="uploadProgress"></el-progress>
</div> </div>
</div> </div>
</template> </template>
@ -171,6 +172,8 @@
filesList: [], filesList: [],
tagList: [], tagList: [],
areaList: [], areaList: [],
showProgress:false,
uploadProgress:0,
form: { form: {
title: '', title: '',
status: 0, status: 0,
@ -258,6 +261,10 @@
} }
this.filesList = fileList this.filesList = fileList
}, },
handleProgress(event, file, fileList) {
this.showProgress = true;
this.uploadProgress = event.percent;
},
submit() { submit() {
if (this.id) { if (this.id) {
@ -329,6 +336,8 @@
this.showTinymce = false this.showTinymce = false
this.checkArr = [] this.checkArr = []
this.filesList = [] this.filesList = []
this.showProgress = false;
this.uploadProgress = 0;
this.form = { this.form = {
title: '', title: '',
status: 0, status: 0,

4
src/views/record/index.vue
Unescape View File

@ -116,7 +116,7 @@
</el-table-column> </el-table-column>
</template> </template>
<template v-slot:area_name> <template v-slot:area_name>
<el-table-column align='center' min-width="120" label="所属区域" header-align="center"> <el-table-column align='center' min-width="120" label="授权区域" header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.area_ids_details && scope.row.area_ids_details.length>0"> <div v-if="scope.row.area_ids_details && scope.row.area_ids_details.length>0">
@ -386,7 +386,7 @@
}, },
{ {
prop: 'area_name', prop: 'area_name',
label: '所属区域', label: '授权区域',
align: 'center', align: 'center',
// width: 240 // width: 240
}, },

Write Preview
Loading…
Cancel
Save