This commit is contained in:
liushiwei
2023-11-10 10:41:19 +08:00
parent 0016f7e5bc
commit fe6fd6cfdc
4 changed files with 231 additions and 103 deletions

View File

@@ -45,7 +45,8 @@
@getList="getList">
<el-table-column slot="url" label="商品地址" align="left">
<template slot-scope="scope">
<div><a class="el-link el-link--primary" :href="scope.row.url" target="_blank">{{ scope.row.url }}</a></div>
<div v-if="scope.row.url.startsWith('http')"><a class="el-link el-link--primary" :href="scope.row.url" target="_blank">{{ scope.row.url }}</a></div>
<div v-else><a class="el-link el-link--primary" :href="'https://www.temu.com/goods.html?goods_id=' + scope.row.url" target="_blank">{{ scope.row.url }}</a></div>
</template>
</el-table-column>
</ai-table>

View File

@@ -26,7 +26,8 @@
<el-input :clearable="true" size="small" style="width: 80px" v-model="search.saleBegin" ></el-input>
~
<el-input :clearable="true" size="small" style="width: 80px" v-model="search.saleEnd" ></el-input>
<label style="width:100px">仅显示最新</label>
<ai-select :selectList="$dict.getDict('mall_yesno')" v-model="search.isNew"></ai-select>
</template>
<template #right>
<el-button type="primary" @click="search.current =1, getList()">查询</el-button>
@@ -38,7 +39,10 @@
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 16px;">
<el-card v-for="item in tableData" :key="item.id" :body-style="{ padding: '0px', margin: '5px' }">
<el-image :src="item.imgUrl" class="image" :preview-src-list="[item.imgUrl]" />
<span class="nav-label labelBadge">
<span class="ii" v-if="item.isNew == 1"></span>
<el-image :src="item.imgUrl" class="image" :preview-src-list="[item.imgUrl]" />
</span>
<div style="padding: 14px;">
<div class="bottom clearfix">
<div style="margin-bottom: 5px;">
@@ -96,7 +100,8 @@ import AiProductDropDown from '@/components/AiProductDropDown.vue';
priceBegin: '',
priceEnd: '',
saleBegin: '',
saleEnd: ''
saleEnd: '',
isNew: ''
},
orderBys: [{
value: '0',
@@ -122,6 +127,7 @@ import AiProductDropDown from '@/components/AiProductDropDown.vue';
},
created () {
this.$dict.load('mall_yesno');
this.monitorId = this.params.id
this.getList()
},
@@ -215,4 +221,24 @@ import AiProductDropDown from '@/components/AiProductDropDown.vue';
.el-icon-arrow-down {
font-size: 12px;
}
/*徽标*/
.labelBadge {
position: relative;
}
.ii {
background: #f00;
border-radius: 50%;
width: 20px;
height: 20px;
top: -3px;
right: -5px;
position: absolute;
text-align: center;
color: #FFF;
z-index: 999;
font-size: 14px;
}
</style>