|
@@ -152,7 +152,7 @@ onMounted(() => {
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
<el-col v-for="(item, index) in tableOptions.data" :key="index" :lg="4" :md="6" :sm="8" :xl="4" :xs="12" class="my-2.5">
|
|
<el-col v-for="(item, index) in tableOptions.data" :key="index" :lg="4" :md="6" :sm="8" :xl="4" :xs="12" class="my-2.5">
|
|
<el-card :body-style="{ padding: '20px 20px 5px 20px' }" class="item-card" shadow="hover">
|
|
<el-card :body-style="{ padding: '20px 20px 5px 20px' }" class="item-card" shadow="hover">
|
|
- <div class="image-wrapper">
|
|
|
|
|
|
+ <div class="image-wrapper">
|
|
<el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
|
|
<el-image :src="getImageUrl(item.images)" alt="电脑图片" class="card-image">
|
|
<template #error>
|
|
<template #error>
|
|
<el-icon class="card-image" style="font-size: 4rem">
|
|
<el-icon class="card-image" style="font-size: 4rem">
|
|
@@ -165,18 +165,17 @@ onMounted(() => {
|
|
<div class="card-content">
|
|
<div class="card-content">
|
|
<div class="text-wrapper">
|
|
<div class="text-wrapper">
|
|
<span style="color: #808d97; font-weight: 500">电脑编号: </span>
|
|
<span style="color: #808d97; font-weight: 500">电脑编号: </span>
|
|
- <span style="font-weight: 500">{{ item.computerNumber }}</span>
|
|
|
|
|
|
+ <span style="font-weight: 500">{{ item.computerNumber ? item.computerNumber : '暂无' }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="text-wrapper">
|
|
<div class="text-wrapper">
|
|
<span style="color: #808d97; font-weight: 500">所属店铺: </span>
|
|
<span style="color: #808d97; font-weight: 500">所属店铺: </span>
|
|
- <el-tooltip :content="item.shopName" placement="top" :disabled="item.shopName?.length <= 14"
|
|
|
|
- :show-after="350">
|
|
|
|
- <span style="font-weight: 500">{{ item.shopName }}</span>
|
|
|
|
- </el-tooltip>
|
|
|
|
|
|
+ <el-tooltip :content="item.shopName" :disabled="item.shopName?.length <= 14" :show-after="350" placement="top">
|
|
|
|
+ <span style="font-weight: 500">{{ item.shopName ? item.shopName : '暂无' }}</span>
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="text-wrapper">
|
|
<div class="text-wrapper">
|
|
<span style="color: #808d97; font-weight: 500">电脑位置: </span>
|
|
<span style="color: #808d97; font-weight: 500">电脑位置: </span>
|
|
- <span style="font-weight: 500">{{ item.station }}</span>
|
|
|
|
|
|
+ <span style="font-weight: 500">{{ item.station ? item.station : '暂无' }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<template #footer>
|
|
<template #footer>
|