更新
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user