|
@@ -12,7 +12,7 @@
|
|
|
<ImagesUpload v-show="company==''?false:true" />
|
|
<ImagesUpload v-show="company==''?false:true" />
|
|
|
<p class="pStyle">支持拓展名:.png .jpg .jpeg .gif 注意:文件小于1GB</p>
|
|
<p class="pStyle">支持拓展名:.png .jpg .jpeg .gif 注意:文件小于1GB</p>
|
|
|
<p class="pStyle">
|
|
<p class="pStyle">
|
|
|
- <a @click="viewImage">查看上传的图片</a>
|
|
|
|
|
|
|
+ <a :style="company==''?style3:style4" @click="viewImage">查看上传的图片</a>
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="step">
|
|
<div class="step">
|
|
@@ -95,15 +95,19 @@
|
|
|
<template #bodyCell="{ column, record }">
|
|
<template #bodyCell="{ column, record }">
|
|
|
<template v-if="column.key === 'mainImageName'">
|
|
<template v-if="column.key === 'mainImageName'">
|
|
|
<a-image
|
|
<a-image
|
|
|
- v-if="record.mainImageName !== ''&&record.mainImageName !== null" :width="50" :src="
|
|
|
|
|
- getThumbnailImageSrc(record.className, record.mainImageName)
|
|
|
|
|
- "
|
|
|
|
|
|
|
+ v-if="record.mainImageName !== ''&&record.mainImageName !== null" :width="50" :preview="false"
|
|
|
|
|
+ :src="getThumbnailImageSrc(record.className, record.mainImageName)"
|
|
|
|
|
+ @click="handlePreview(record.className, record.mainImageName)"
|
|
|
/>
|
|
/>
|
|
|
</template>
|
|
</template>
|
|
|
<template v-if="column.key === 'otherImageName'">
|
|
<template v-if="column.key === 'otherImageName'">
|
|
|
<template v-if="record.otherImageName !== ''&&record.otherImageName !== null">
|
|
<template v-if="record.otherImageName !== ''&&record.otherImageName !== null">
|
|
|
<div style="display: flex">
|
|
<div style="display: flex">
|
|
|
- <a-image v-for="item in record.otherImageNameArr" :key="item" :width="50" :src="getThumbnailImageSrc(record.className, item)" />
|
|
|
|
|
|
|
+ <a-image
|
|
|
|
|
+ v-for="item in record.otherImageNameArr" :key="item" :preview="false" :width="50"
|
|
|
|
|
+ :src="getThumbnailImageSrc(record.className, item)"
|
|
|
|
|
+ @click="handlePreview(record.className, item)"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</template>
|
|
</template>
|
|
@@ -151,6 +155,12 @@
|
|
|
<a-button @click="imagesVisible = false">取消</a-button>
|
|
<a-button @click="imagesVisible = false">取消</a-button>
|
|
|
</template>
|
|
</template>
|
|
|
</a-modal>
|
|
</a-modal>
|
|
|
|
|
+ <a-modal v-model:visible="showLargeImage">
|
|
|
|
|
+ <a-image :preview="false" :src="getImageSrc(className, imageName)" />
|
|
|
|
|
+ <template #footer>
|
|
|
|
|
+ <a-button @click="showLargeImage = false">取消</a-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-modal>
|
|
|
<Loading v-if="loading" />
|
|
<Loading v-if="loading" />
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -183,6 +193,7 @@ import {
|
|
|
resultColumns,
|
|
resultColumns,
|
|
|
queryAssetData,
|
|
queryAssetData,
|
|
|
deleteAssetData,
|
|
deleteAssetData,
|
|
|
|
|
+ cleanUpAssetImageImport,
|
|
|
testImportExcel,
|
|
testImportExcel,
|
|
|
listClientCanAccess,
|
|
listClientCanAccess,
|
|
|
} from './configData.js';
|
|
} from './configData.js';
|
|
@@ -216,12 +227,21 @@ const viewColumns = ref(imageColumns);
|
|
|
const assetImageColumns = ref(assetColumns);
|
|
const assetImageColumns = ref(assetColumns);
|
|
|
const resultImageColumns = ref(resultColumns);
|
|
const resultImageColumns = ref(resultColumns);
|
|
|
const excelFile = ref(null);
|
|
const excelFile = ref(null);
|
|
|
|
|
+const showLargeImage = ref(false);
|
|
|
|
|
+const className = ref('');
|
|
|
|
|
+const imageName = ref('');
|
|
|
const style1 = ref({
|
|
const style1 = ref({
|
|
|
color: 'black',
|
|
color: 'black',
|
|
|
});
|
|
});
|
|
|
const style2 = ref({
|
|
const style2 = ref({
|
|
|
color: 'red',
|
|
color: 'red',
|
|
|
});
|
|
});
|
|
|
|
|
+const style3 = ref({
|
|
|
|
|
+ color: 'grey',
|
|
|
|
|
+});
|
|
|
|
|
+const style4 = ref({
|
|
|
|
|
+ color: 'blue',
|
|
|
|
|
+});
|
|
|
const pager = reactive({
|
|
const pager = reactive({
|
|
|
start: 0,
|
|
start: 0,
|
|
|
length: 20,
|
|
length: 20,
|
|
@@ -249,6 +269,12 @@ const downloadBtn = () => {
|
|
|
downloadVisible.value = true;
|
|
downloadVisible.value = true;
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
|
|
+const handlePreview = (className1,image) => {
|
|
|
|
|
+ className.value = className1;
|
|
|
|
|
+ imageName.value = image;
|
|
|
|
|
+ showLargeImage.value = true;
|
|
|
|
|
+};
|
|
|
|
|
+
|
|
|
// 获取分页
|
|
// 获取分页
|
|
|
const getPageParams = (start, length) => {
|
|
const getPageParams = (start, length) => {
|
|
|
pager.start = (start - 1) * length;
|
|
pager.start = (start - 1) * length;
|
|
@@ -337,6 +363,7 @@ const excelFileChange = e => {
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
showTest.value = true;
|
|
showTest.value = true;
|
|
|
|
|
+ showFormal.value = false;
|
|
|
excelFile.value = e.file;
|
|
excelFile.value = e.file;
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -448,8 +475,10 @@ const downloadReport = type => {
|
|
|
// 清空临时表数据
|
|
// 清空临时表数据
|
|
|
const cleanUp = () => {
|
|
const cleanUp = () => {
|
|
|
loading.value = true;
|
|
loading.value = true;
|
|
|
- deleteAssetData().then(
|
|
|
|
|
|
|
+ cleanUpAssetImageImport().then(
|
|
|
successData => {
|
|
successData => {
|
|
|
|
|
+ showTest.value = false;
|
|
|
|
|
+ showFormal.value = false;
|
|
|
loading.value = false;
|
|
loading.value = false;
|
|
|
resultImageDatas.value = null;
|
|
resultImageDatas.value = null;
|
|
|
},
|
|
},
|