【fix ESLint】src/components/JVxeCells
This commit is contained in:
danshihao
@@ -1,45 +1,49 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<template v-if="hasFile" v-for="(file, fileKey) of [innerFile || {}]">
|
<template v-if="hasFile">
|
||||||
<div :key="fileKey" style="position: relative;">
|
|
||||||
<a-tooltip v-if="file.status==='uploading'" :title="`上传中(${Math.floor(file.percent)}%)`">
|
|
||||||
<a-icon type="loading"/>
|
|
||||||
<span style="margin-left:5px">上传中…</span>
|
|
||||||
</a-tooltip>
|
|
||||||
|
|
||||||
<a-tooltip v-else-if="file.status==='done'" :title="file.name">
|
<template v-for="(file, fileKey) of [innerFile || {}]">
|
||||||
<a-icon type="paper-clip"/>
|
<div :key="fileKey" style="position: relative;">
|
||||||
<span style="margin-left:5px">{{ ellipsisFileName }}</span>
|
<a-tooltip v-if="file.status==='uploading'" :title="`上传中(${Math.floor(file.percent)}%)`">
|
||||||
</a-tooltip>
|
<a-icon type="loading"/>
|
||||||
|
<span style="margin-left:5px">上传中…</span>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
<a-tooltip v-else :title="file.message||'上传失败'">
|
<a-tooltip v-else-if="file.status==='done'" :title="file.name">
|
||||||
<a-icon type="exclamation-circle" style="color:red;"/>
|
<a-icon type="paper-clip"/>
|
||||||
<span style="margin-left:5px">{{ ellipsisFileName }}</span>
|
<span style="margin-left:5px">{{ ellipsisFileName }}</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
||||||
<template style="width: 30px">
|
<a-tooltip v-else :title="file.message||'上传失败'">
|
||||||
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;">
|
<a-icon type="exclamation-circle" style="color:red;"/>
|
||||||
<a-tooltip title="操作">
|
<span style="margin-left:5px">{{ ellipsisFileName }}</span>
|
||||||
<a-icon
|
</a-tooltip>
|
||||||
v-if="file.status!=='uploading'"
|
|
||||||
type="setting"
|
<template style="width: 30px">
|
||||||
style="cursor: pointer;"/>
|
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;">
|
||||||
</a-tooltip>
|
<a-tooltip title="操作">
|
||||||
|
<a-icon
|
||||||
|
v-if="file.status!=='uploading'"
|
||||||
|
type="setting"
|
||||||
|
style="cursor: pointer;"/>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
|
<a-menu slot="overlay">
|
||||||
|
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
|
||||||
|
<span><a-icon type="download"/> 下载</span>
|
||||||
|
</a-menu-item>
|
||||||
|
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
|
||||||
|
<span><a-icon type="delete"/> 删除</span>
|
||||||
|
</a-menu-item>
|
||||||
|
<a-menu-item @click="handleMoreOperation(originColumn)">
|
||||||
|
<span><a-icon type="bars"/> 更多</span>
|
||||||
|
</a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
</a-dropdown>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
<a-menu slot="overlay">
|
|
||||||
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
|
|
||||||
<span><a-icon type="download"/> 下载</span>
|
|
||||||
</a-menu-item>
|
|
||||||
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
|
|
||||||
<span><a-icon type="delete"/> 删除</span>
|
|
||||||
</a-menu-item>
|
|
||||||
<a-menu-item @click="handleMoreOperation(originColumn)">
|
|
||||||
<span><a-icon type="bars"/> 更多</span>
|
|
||||||
</a-menu-item>
|
|
||||||
</a-menu>
|
|
||||||
</a-dropdown>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<a-upload
|
<a-upload
|
||||||
@@ -166,7 +170,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
handleChangeUpload (info) {
|
handleChangeUpload (info) {
|
||||||
const { originColumn: col } = this
|
// const { originColumn: col } = this
|
||||||
const { file } = info
|
const { file } = info
|
||||||
const value = {
|
const value = {
|
||||||
name: file.name,
|
name: file.name,
|
||||||
|
|||||||
@@ -1,44 +1,47 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<template v-if="hasFile" v-for="(file, fileKey) of [innerFile || {}]">
|
<template v-if="hasFile">
|
||||||
<div :key="fileKey" style="position: relative;">
|
<template v-for="(file, fileKey) of [innerFile || {}]">
|
||||||
<template v-if="!file || !(file['url'] || file['path'] || file['message'])">
|
<div :key="fileKey" style="position: relative;">
|
||||||
<a-tooltip :title="'请稍后: ' + JSON.stringify (file) + ((file['url'] || file['path'] || file['message']))">
|
<template v-if="!file || !(file['url'] || file['path'] || file['message'])">
|
||||||
<a-icon type="loading"/>
|
<a-tooltip :title="'请稍后: ' + JSON.stringify (file) + ((file['url'] || file['path'] || file['message']))">
|
||||||
</a-tooltip>
|
<a-icon type="loading"/>
|
||||||
</template>
|
|
||||||
<template v-else-if="file['path']">
|
|
||||||
<img class="j-editable-image" :src="imgSrc" alt="无图片" @click="handleMoreOperation"/>
|
|
||||||
</template>
|
|
||||||
<a-tooltip v-else :title="file.message||'上传失败'" @click="handleClickShowImageError">
|
|
||||||
<a-icon type="exclamation-circle" style="color:red;"/>
|
|
||||||
</a-tooltip>
|
|
||||||
|
|
||||||
<template style="width: 30px">
|
|
||||||
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;">
|
|
||||||
<a-tooltip title="操作">
|
|
||||||
<a-icon
|
|
||||||
v-if="file.status!=='uploading'"
|
|
||||||
type="setting"
|
|
||||||
style="cursor: pointer;"/>
|
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="file['path']">
|
||||||
|
<img class="j-editable-image" :src="imgSrc" alt="无图片" @click="handleMoreOperation"/>
|
||||||
|
</template>
|
||||||
|
<a-tooltip v-else :title="file.message||'上传失败'" @click="handleClickShowImageError">
|
||||||
|
<a-icon type="exclamation-circle" style="color:red;"/>
|
||||||
|
</a-tooltip>
|
||||||
|
|
||||||
<a-menu slot="overlay">
|
<template style="width: 30px">
|
||||||
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
|
<a-dropdown :trigger="['click']" placement="bottomRight" style="margin-left: 10px;">
|
||||||
<span><a-icon type="download"/> 下载</span>
|
<a-tooltip title="操作">
|
||||||
</a-menu-item>
|
<a-icon
|
||||||
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
|
v-if="file.status!=='uploading'"
|
||||||
<span><a-icon type="delete"/> 删除</span>
|
type="setting"
|
||||||
</a-menu-item>
|
style="cursor: pointer;"/>
|
||||||
<a-menu-item @click="handleMoreOperation(originColumn)">
|
</a-tooltip>
|
||||||
<span><a-icon type="bars"/> 更多</span>
|
|
||||||
</a-menu-item>
|
|
||||||
</a-menu>
|
|
||||||
</a-dropdown>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</div>
|
<a-menu slot="overlay">
|
||||||
|
<a-menu-item v-if="originColumn.allowDownload !== false" @click="handleClickDownloadFile">
|
||||||
|
<span><a-icon type="download"/> 下载</span>
|
||||||
|
</a-menu-item>
|
||||||
|
<a-menu-item v-if="originColumn.allowRemove !== false" @click="handleClickDeleteFile">
|
||||||
|
<span><a-icon type="delete"/> 删除</span>
|
||||||
|
</a-menu-item>
|
||||||
|
<a-menu-item @click="handleMoreOperation(originColumn)">
|
||||||
|
<span><a-icon type="bars"/> 更多</span>
|
||||||
|
</a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
</a-dropdown>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<a-upload
|
<a-upload
|
||||||
v-show="!hasFile"
|
v-show="!hasFile"
|
||||||
name="file"
|
name="file"
|
||||||
@@ -172,7 +175,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
handleChangeUpload (info) {
|
handleChangeUpload (info) {
|
||||||
const { originColumn: col } = this
|
// const { originColumn: col } = this
|
||||||
const { file } = info
|
const { file } = info
|
||||||
const value = {
|
const value = {
|
||||||
name: file.name,
|
name: file.name,
|
||||||
|
|||||||
Reference in New Issue
Block a user