From 6469a24cb8d6011efa336ca03775eedaf07fa16c Mon Sep 17 00:00:00 2001
From: 孔祥富 <kongxf@daryun.com>
Date: 星期二, 16 三月 2021 20:44:10 +0800
Subject: [PATCH] ..
---
src/views/user/archivesChange.vue | 42 +++++++++++++++++----
src/views/user/archivesEdit.vue | 50 +++++++++++++++++--------
src/assets/uploading/xls.png | 0
src/views/yunpan/zhishou.vue | 4 ++
src/views/yunpan/uploadfj.vue | 24 +++++++++++-
5 files changed, 94 insertions(+), 26 deletions(-)
diff --git a/src/assets/uploading/xls.png b/src/assets/uploading/xls.png
new file mode 100644
index 0000000..071d6c6
--- /dev/null
+++ b/src/assets/uploading/xls.png
Binary files differ
diff --git a/src/views/user/archivesChange.vue b/src/views/user/archivesChange.vue
index 5d0ed18..b8f8eb5 100644
--- a/src/views/user/archivesChange.vue
+++ b/src/views/user/archivesChange.vue
@@ -1237,21 +1237,34 @@
<el-main style="background-color: #fff;margin-top: 5%;">
<el-row v-for="(data, index) in filesUploadData" :key="index">
<template v-for="(node, nodeIndex) in data.node">
- <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
+ <el-col v-if="node.isUpload === false" :key="node.accessoryid" :span="3">
<el-card
shadow="never"
@click.native="clickCard(index * 8 + nodeIndex)"
>
- <img
+ <el-image
+ v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1"
:src="showFileImg(node.filesformat)"
class="uploading-image"
- >
- <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
+ :preview-src-list="srcList"
+ @click="clickImg(node)"
+ />
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
+ <div style="padding-top: 14px;text-align: center">
+ <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
+ </div>
+ </el-tooltip>
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) != -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
<div style="padding-top: 14px;">
- <el-checkbox
- v-model="checkedArr[index * 8 + nodeIndex].isChecked"
- class="myRedCheckBox"
- >{{ node.filesname }}
+ <el-image
+ style="width: 100px; height: 80px;margin-top: -10px;"
+ :src="getImg+node.accessoryid"
+ :preview-src-list="srcList"
+ @click="clickImg(node)"
+ />
+ <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">
+ {{ node.filesid }}
+ {{ node.filesname }}
</el-checkbox>
</div>
</el-tooltip>
@@ -3211,6 +3224,8 @@
empStatus: 0,
version: ''
},
+ srcList: [],
+ getImg: pages.getAccessoryImage,
resignForm: {
resignId: '',
empId: '',
@@ -3652,6 +3667,10 @@
},
showFileImg(type) {
switch (type) {
+ case 'xls':
+ return require('../../assets/uploading/xls.png')
+ case 'xlsx':
+ return require('../../assets/uploading/xls.png')
case 'txt':
return require('../../assets/uploading/txt.png')
case 'apk':
@@ -3763,6 +3782,12 @@
})
}
})
+ }
+ },
+ clickImg(node) {
+ this.srcList = []
+ if ('tif,bmp,jpg,png,gif'.indexOf(node.filesformat) >= 0) {
+ this.srcList.push(this.getImg + node.accessoryid)
}
},
delFile() {
@@ -3930,6 +3955,7 @@
this.checkedArr = []
this.$get('hr/empAccessory', { ...params }).then(r => {
r.data.data.forEach((v, i) => {
+ debugger
this.checkedArr.push({ isChecked: false, accessoryid: v.accessoryid })
// 一行8个 等于8就换行
if (i % 8 === 0 && i !== 0) {
diff --git a/src/views/user/archivesEdit.vue b/src/views/user/archivesEdit.vue
index 7f6c297..97f00ed 100644
--- a/src/views/user/archivesEdit.vue
+++ b/src/views/user/archivesEdit.vue
@@ -1273,13 +1273,6 @@
</div>
<div class="jbxxCon">
<div class="zs-main">
- <!-- <el-row class="search-title">-->
- <!-- <el-col :span="18" class="title">-->
- <!-- <!– <div class="zs-title">上传附件</div>–>-->
- <!-- <p />-->
- <!-- </el-col>-->
-
- <!-- </el-row>-->
<el-container style="background-color: #fff;">
<el-aside width="210px" style="background-color: #fff;text-align: center;padding-top: 0">
<h4 style="margin-top: 0">{{ empBaseInfoForm.empName }}：{{ empBaseInfoForm.deptName }}</h4>
@@ -1378,21 +1371,34 @@
<el-main style="background-color: #fff;margin-top: 5%;">
<el-row v-for="(data, index) in filesUploadData" :key="index">
<template v-for="(node, nodeIndex) in data.node">
- <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
+ <el-col v-if="node.isUpload === false" :key="node.accessoryid" :span="3">
<el-card
shadow="never"
@click.native="clickCard(index * 8 + nodeIndex)"
>
- <img
+ <el-image
+ v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1"
:src="showFileImg(node.filesformat)"
class="uploading-image"
- >
- <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
+ :preview-src-list="srcList"
+ @click="clickImg(node)"
+ />
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
+ <div style="padding-top: 14px;text-align: center">
+ <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
+ </div>
+ </el-tooltip>
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) != -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
<div style="padding-top: 14px;">
- <el-checkbox
- v-model="checkedArr[index * 8 + nodeIndex].isChecked"
- class="myRedCheckBox"
- >{{ node.filesname }}
+ <el-image
+ style="width: 100px; height: 80px;margin-top: -10px;"
+ :src="getImg+node.accessoryid"
+ :preview-src-list="srcList"
+ @click="clickImg(node)"
+ />
+ <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">
+
+ {{ node.filesname }}
</el-checkbox>
</div>
</el-tooltip>
@@ -3618,7 +3624,9 @@
arbitrationTypeOptions: [],
changeTypeOptions: [],
dimissionTypeOptions: [],
- sexOptions: []
+ sexOptions: [],
+ srcList: [],
+ getImg: pages.getAccessoryImage
}
},
computed: {
@@ -3709,6 +3717,12 @@
})
},
methods: {
+ clickImg(node) {
+ this.srcList = []
+ if ('tif,bmp,jpg,png,gif'.indexOf(node.filesformat) >= 0) {
+ this.srcList.push(this.getImg + node.accessoryid)
+ }
+ },
typeFormat(row, column) {
return this.selectDictLabel(this.physicalExamTypeOptions, row.physicalExamType)
},
@@ -3793,6 +3807,10 @@
},
showFileImg(type) {
switch (type) {
+ case 'xls':
+ return require('../../assets/uploading/xls.png')
+ case 'xlsx':
+ return require('../../assets/uploading/xls.png')
case 'txt':
return require('../../assets/uploading/txt.png')
case 'apk':
diff --git a/src/views/yunpan/uploadfj.vue b/src/views/yunpan/uploadfj.vue
index 0396a0a..ce505bf 100644
--- a/src/views/yunpan/uploadfj.vue
+++ b/src/views/yunpan/uploadfj.vue
@@ -121,19 +121,34 @@
<el-main style="background-color: #fff;">
<el-row v-for="(data, index) in filesUploadData" :key="index">
<template v-for="(node, nodeIndex) in data.node">
- <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
+ <el-col v-if="node.isUpload === false" :key="node.accessoryid" :span="3">
<el-card
shadow="never"
>
<el-image
+ v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1"
:src="showFileImg(node.filesformat)"
class="uploading-image"
:preview-src-list="srcList"
@click="clickImg(node)"
/>
- <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
<div style="padding-top: 14px;text-align: center">
<el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
+ </div>
+ </el-tooltip>
+ <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) != -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
+ <div style="padding-top: 14px;">
+ <el-image
+ style="width: 100px; height: 80px;margin-top: -10px;"
+ :src="getImg+node.accessoryid"
+ :preview-src-list="srcList"
+ @click="clickImg(node)"
+ />
+ <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">
+
+ {{ node.filesname }}
+ </el-checkbox>
</div>
</el-tooltip>
</el-card>
@@ -377,7 +392,12 @@
}
},
showFileImg(type) {
+ debugger
switch (type) {
+ case 'xls':
+ return require('../../assets/uploading/xls.png')
+ case 'xlsx':
+ return require('../../assets/uploading/xls.png')
case 'txt':
return require('../../assets/uploading/txt.png')
case 'apk':
diff --git a/src/views/yunpan/zhishou.vue b/src/views/yunpan/zhishou.vue
index e5f6523..99a4c37 100644
--- a/src/views/yunpan/zhishou.vue
+++ b/src/views/yunpan/zhishou.vue
@@ -526,6 +526,10 @@
switch (type) {
case 'txt':
return require('../../assets/uploading/txt.png')
+ case 'xls':
+ return require('../../assets/uploading/xls.png')
+ case 'xlsx':
+ return require('../../assets/uploading/xls.png')
case 'apk':
return require('../../assets/uploading/apk.png')
case 'csv':
--
Gitblit v1.8.0