|
|
|
|
@ -1,18 +1,5 @@
@@ -1,18 +1,5 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="subfile_main" v-loading="subloading" element-loading-text="数据加载中..."> |
|
|
|
|
<!-- <div class="block"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="value2" |
|
|
|
|
type="daterange" |
|
|
|
|
align="right" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
:picker-options="pickerOptions"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
<el-button class="sou_bottom" type="primary" icon="el-icon-search">搜索</el-button> |
|
|
|
|
</div> --> |
|
|
|
|
<div> |
|
|
|
|
<!-- 目录数据列表 --> |
|
|
|
|
<!-- <div class="folder_bottom"> |
|
|
|
|
@ -27,13 +14,13 @@
@@ -27,13 +14,13 @@
|
|
|
|
|
<el-button type="primary" @click="uploadDrawer = true">上传<i class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div v-on:click="fileTableMClick"> |
|
|
|
|
<div v-on:click.stop="fileTableMClick"> |
|
|
|
|
<!-- 子目录数据列表 如果不需要显示空数据提示，可以用css隐藏--> |
|
|
|
|
<el-table |
|
|
|
|
:data="dirdata" |
|
|
|
|
empty-text="暂无文件夹数据" |
|
|
|
|
border |
|
|
|
|
style="width: 100%" class="filesmd"> |
|
|
|
|
:row-style="{'background-color':'#fffdfa'}" |
|
|
|
|
style="width:100%;" class="filesmd"> |
|
|
|
|
<!-- <el-table-column |
|
|
|
|
align="center" |
|
|
|
|
prop="date" |
|
|
|
|
@ -51,7 +38,7 @@
@@ -51,7 +38,7 @@
|
|
|
|
|
width="auto"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div class="type_file_click"> |
|
|
|
|
<a title="点击进入子目录" :href="'#/filemange/subfile?id='+scope.row.id"> |
|
|
|
|
<a title="点击进入子文件夹" :href="'#/filemange/subfile?id='+scope.row.id"> |
|
|
|
|
<!-- <el-button type="warning" icon="el-icon-notebook-1">{{scope.row.name}}</el-button> --> |
|
|
|
|
<img src="../../common/img/file.png" alt="图片"/> |
|
|
|
|
</a> |
|
|
|
|
@ -60,7 +47,7 @@
@@ -60,7 +47,7 @@
|
|
|
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
align="center" |
|
|
|
|
align="left" |
|
|
|
|
label="操作" |
|
|
|
|
width="auto"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
@ -82,7 +69,6 @@
@@ -82,7 +69,6 @@
|
|
|
|
|
:show-header="false" |
|
|
|
|
empty-text="暂无文件数据" |
|
|
|
|
:data="tableData" |
|
|
|
|
border |
|
|
|
|
style="width:100%;"> |
|
|
|
|
|
|
|
|
|
<!-- <el-table-column |
|
|
|
|
@ -108,7 +94,7 @@
@@ -108,7 +94,7 @@
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
align="center" |
|
|
|
|
align="left" |
|
|
|
|
label="操作"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div class="file_caozuo"> |
|
|
|
|
@ -189,7 +175,7 @@
@@ -189,7 +175,7 @@
|
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
:disabled="false" |
|
|
|
|
:file-list="uploadFilelist" |
|
|
|
|
accept=".jpg, .jpeg, .png, .gif, webp" |
|
|
|
|
accept=".jpg, .jpeg, .png, .gif, .webp, .mp4, .txt" |
|
|
|
|
:auto-upload="false"> |
|
|
|
|
<i slot="default" class="el-icon-plus"></i> |
|
|
|
|
<span class="addimgtext">添加照片</span> |
|
|
|
|
@ -241,37 +227,9 @@ export default {
@@ -241,37 +227,9 @@ export default {
|
|
|
|
|
// }, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
// 按日期查询 |
|
|
|
|
// pickerOptions: { |
|
|
|
|
// shortcuts: [{ |
|
|
|
|
// text: '最近一周', |
|
|
|
|
// onClick(picker) { |
|
|
|
|
// const end = new Date(); |
|
|
|
|
// const start = new Date(); |
|
|
|
|
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
|
|
|
|
// picker.$emit('pick', [start, end]); |
|
|
|
|
// } |
|
|
|
|
// }, { |
|
|
|
|
// text: '最近一个月', |
|
|
|
|
// onClick(picker) { |
|
|
|
|
// const end = new Date(); |
|
|
|
|
// const start = new Date(); |
|
|
|
|
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|
|
|
|
// picker.$emit('pick', [start, end]); |
|
|
|
|
// } |
|
|
|
|
// }, { |
|
|
|
|
// text: '最近三个月', |
|
|
|
|
// onClick(picker) { |
|
|
|
|
// const end = new Date(); |
|
|
|
|
// const start = new Date(); |
|
|
|
|
// start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
|
|
|
|
// picker.$emit('pick', [start, end]); |
|
|
|
|
// } |
|
|
|
|
// }] |
|
|
|
|
// }, |
|
|
|
|
// value2: '', |
|
|
|
|
|
|
|
|
|
// 环境变量 |
|
|
|
|
imgurl:process.env.VUE_APP_IMG_URL, |
|
|
|
|
|
|
|
|
|
//haveRealpath: 0, |
|
|
|
|
// 当前目录文件数据 |
|
|
|
|
tableData: [], |
|
|
|
|
@ -334,6 +292,7 @@ export default {
@@ -334,6 +292,7 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
uploadLoad: false |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 图片上传相关函数 |
|
|
|
|
@ -478,7 +437,12 @@ export default {
@@ -478,7 +437,12 @@ export default {
|
|
|
|
|
this.imgUploadData.parent = maindata.realpath; // 上传图片 |
|
|
|
|
this.movefileform.from = maindata.realpath; // 移动目录 |
|
|
|
|
//console.log(this.movefileform.from); |
|
|
|
|
//console.log(this.$el.textContent) // => '未更新' |
|
|
|
|
this.$nextTick(function () { |
|
|
|
|
//console.log(this.$el.textContent) // => '已更新' |
|
|
|
|
this.subloading = false; |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}).catch(error => { |
|
|
|
|
requesterr(this, error); |
|
|
|
|
@ -658,6 +622,7 @@ export default {
@@ -658,6 +622,7 @@ export default {
|
|
|
|
|
fileTableMClick(e) { |
|
|
|
|
let dangQian = e.target, labelname = dangQian.tagName.toLowerCase(), chufazhe = e.currentTarget; //currentTarget得到调用当前函数的元素 |
|
|
|
|
let getbutton = dangQian, objmark = null; |
|
|
|
|
|
|
|
|
|
if (labelname == 'span') { |
|
|
|
|
//console.log(dangQian.parentNode); |
|
|
|
|
getbutton = dangQian.parentNode; |
|
|
|
|
@ -712,10 +677,10 @@ export default {
@@ -712,10 +677,10 @@ export default {
|
|
|
|
|
.sou_bottom{margin-left:10px;} |
|
|
|
|
.use_button{margin:15px 0 16px 0;} |
|
|
|
|
// .use_button>button{margin:0 10px 10px 0;} |
|
|
|
|
.file_caozuo2>button{margin-top:6px;} |
|
|
|
|
.file_caozuo2>button{margin:6px 10px 0 0;} |
|
|
|
|
.el-table td{padding:9px 0} |
|
|
|
|
.folder_bottom a{margin:0 6px;} |
|
|
|
|
.el-table__body-wrapper img{width:100px;height:71px;} |
|
|
|
|
.el-table__body-wrapper img{max-width:66%;max-height:286px;} |
|
|
|
|
.el-drawer__body{text-align:center;padding:0 10% 20px 10%;} |
|
|
|
|
.request_main{text-align:center;margin:12px 0;} |
|
|
|
|
.addimgtext{line-height:25px;display:inline-block;color:#8c939d;vertical-align: middle;} |
|
|
|
|
|
wen
2 years ago