修复:智能判断订单商品orderGoods和订单信息orderInfo的显示问题

This commit is contained in:
2024-09-14 15:41:55 +08:00
parent ea5a48fa29
commit befa701207
11 changed files with 548 additions and 320 deletions

View File

@@ -2,13 +2,7 @@
<a-image-preview-group>
<a-space>
<template v-for="(item, index) in data" :key="index">
<div class="image-upload-item" v-if="type == 'video'">
{{ item.url }}
<a class="image-upload-close" @click="onDeleteItem(index)">
<CloseOutlined />
</a>
</div>
<div class="image-upload-item" v-else>
<div class="image-upload-item" v-if="isImage(item.url)">
<a-image
:style="{
border: '1px dashed var(--grey-7)',
@@ -21,6 +15,12 @@
<CloseOutlined />
</a>
</div>
<div v-else class="image-upload-item">
<YoutubeOutlined />
<a class="image-upload-close" @click="onDeleteItem(index)">
<CloseOutlined />
</a>
</div>
</template>
<a-button
@click="openEdit"
@@ -44,10 +44,11 @@
</template>
<script lang="ts" setup>
import { PlusOutlined, CloseOutlined } from '@ant-design/icons-vue';
import { PlusOutlined, CloseOutlined, YoutubeOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';
import SelectData from './components/select-data.vue';
import { FileRecord } from '@/api/system/file/model';
import { isImage } from "@/utils/common";
const props = withDefaults(
defineProps<{