|
@@ -55,7 +55,9 @@
|
|
<div class="f_box_top_right">
|
|
<div class="f_box_top_right">
|
|
<el-button type="primary" size="small" @click="serchFile"
|
|
<el-button type="primary" size="small" @click="serchFile"
|
|
style="background-color: rgb(51, 112, 255);"
|
|
style="background-color: rgb(51, 112, 255);"
|
|
- >刷新</el-button
|
|
|
|
|
|
+ >
|
|
|
|
+ <img style="vertical-align: middle;transform: scale(1.1);padding-bottom: 2px;box-sizing: border-box;" src="../../../assets/shuax.svg" alt="">
|
|
|
|
+ 刷新</el-button
|
|
>
|
|
>
|
|
<el-button v-if="pid.split('/')[0] == '0'" type="primary" size="small" @click="addImg($event)"
|
|
<el-button v-if="pid.split('/')[0] == '0'" type="primary" size="small" @click="addImg($event)"
|
|
icon="el-icon-plus"
|
|
icon="el-icon-plus"
|
|
@@ -86,10 +88,11 @@
|
|
<el-table
|
|
<el-table
|
|
:data="fileArray"
|
|
:data="fileArray"
|
|
border
|
|
border
|
|
- style="width: 100%"
|
|
|
|
|
|
+ style="width: 100%; cursor: pointer;"
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
:row-key="row => row.id"
|
|
:row-key="row => row.id"
|
|
ref="myTable"
|
|
ref="myTable"
|
|
|
|
+ @row-click="checkFile"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
type="selection"
|
|
type="selection"
|
|
@@ -206,7 +209,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-button slot="reference" class="BtnH" style="border: none;padding: 5px;">
|
|
|
|
|
|
+ <el-button slot="reference" class="BtnH" style="border: none;padding: 5px;" @click.stop="">
|
|
<i class="el-icon-more"></i>
|
|
<i class="el-icon-more"></i>
|
|
</el-button>
|
|
</el-button>
|
|
|
|
|
|
@@ -228,8 +231,9 @@
|
|
<div v-if="proVisible" class="mask">
|
|
<div v-if="proVisible" class="mask">
|
|
<div class="progressBox">
|
|
<div class="progressBox">
|
|
<div class="lbox">
|
|
<div class="lbox">
|
|
- <img src="../../../assets/loading.gif" />上传中,请稍后
|
|
|
|
|
|
+ 小可正在上传中,请稍后<img src="../../../assets/KekeLoading.gif" />
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="lbox_count">{{ pcount }} / {{ ptotal }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<wpdf :dialogVisiblePdf.sync="dialogVisiblePdf" :url="wurl"></wpdf>
|
|
<wpdf :dialogVisiblePdf.sync="dialogVisiblePdf" :url="wurl"></wpdf>
|
|
@@ -342,6 +346,8 @@ export default {
|
|
checkFolderid: [],
|
|
checkFolderid: [],
|
|
user: "",
|
|
user: "",
|
|
userArray: [],
|
|
userArray: [],
|
|
|
|
+ pcount: 0,
|
|
|
|
+ ptotal: 0
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -475,6 +481,8 @@ export default {
|
|
];
|
|
];
|
|
|
|
|
|
const uploadFiles = async files => {
|
|
const uploadFiles = async files => {
|
|
|
|
+ this.pcount = 0
|
|
|
|
+ this.ptotal = files.length
|
|
for (let cfindex = 0; cfindex < files.length; cfindex++) {
|
|
for (let cfindex = 0; cfindex < files.length; cfindex++) {
|
|
file = files[cfindex];
|
|
file = files[cfindex];
|
|
const fileExtension = file.name
|
|
const fileExtension = file.name
|
|
@@ -502,7 +510,7 @@ export default {
|
|
|
|
|
|
// 使用同步方式上传文件
|
|
// 使用同步方式上传文件
|
|
await this.uploadFile(formData, file.name, uuid);
|
|
await this.uploadFile(formData, file.name, uuid);
|
|
-
|
|
|
|
|
|
+ this.pcount = cfindex + 1
|
|
// 每5秒上传一次
|
|
// 每5秒上传一次
|
|
if (cfindex < files.length - 1) {
|
|
if (cfindex < files.length - 1) {
|
|
await new Promise(resolve => setTimeout(resolve, 5000));
|
|
await new Promise(resolve => setTimeout(resolve, 5000));
|
|
@@ -865,9 +873,9 @@ export default {
|
|
|
|
|
|
.progressBox {
|
|
.progressBox {
|
|
width: 300px;
|
|
width: 300px;
|
|
- height: 150px;
|
|
|
|
|
|
+ height: 100px;
|
|
background: #fff;
|
|
background: #fff;
|
|
- border-radius: 10px;
|
|
|
|
|
|
+ border-radius: 5px;
|
|
box-shadow: 0 0 6px 1px #bfbfbf;
|
|
box-shadow: 0 0 6px 1px #bfbfbf;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -883,15 +891,15 @@ export default {
|
|
|
|
|
|
.progressBox .lbox {
|
|
.progressBox .lbox {
|
|
height: 50px;
|
|
height: 50px;
|
|
- font-size: 19px;
|
|
|
|
|
|
+ font-size: 16px;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
color: #747474;
|
|
color: #747474;
|
|
}
|
|
}
|
|
|
|
|
|
.progressBox .lbox img {
|
|
.progressBox .lbox img {
|
|
- width: 40px;
|
|
|
|
- margin-right: 20px;
|
|
|
|
|
|
+ width: 50px;
|
|
|
|
+ margin-right: 0px;
|
|
}
|
|
}
|
|
|
|
|
|
.closeCss {
|
|
.closeCss {
|