|
@@ -26,12 +26,15 @@
|
|
|
<div class="myTabs" style="background: #fff;">
|
|
|
<el-tabs style="padding: 0 20px 40px 20px;" v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="积分兑换" name="goodsNotice">
|
|
|
+ <el-input clearable style="width: 200px;" size="small" v-model="goodsName" placeholder="物品名称"></el-input>
|
|
|
+ <el-button size="small" style="margin-left: 30px;" type="primary" @click="getList('goodsNotice')">查询</el-button>
|
|
|
<div class="list-container">
|
|
|
<el-empty v-if="goodsList.length==0" :image-size="200"></el-empty>
|
|
|
<div v-else class="prize-list">
|
|
|
<div v-for="(item, index) in goodsList" :key="index" class="prize-card prize-item">
|
|
|
<div class="img-container">
|
|
|
- <img :src="item.imgUrl" alt="prize" class="prize-img">
|
|
|
+ <el-image :src="item.imgUrl" :preview-src-list="[item.imgUrl]" class="prize-img"></el-image>
|
|
|
+ <!-- <img :src="item.imgUrl" class="prize-img"> -->
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<h3 :title="item.name" class="title">{{ item.name }}</h3>
|
|
@@ -53,6 +56,8 @@
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="礼品兑换" name="giftNotice">
|
|
|
+ <el-input clearable style="width: 200px;" size="small" v-model="giftName" placeholder="物品名称"></el-input>
|
|
|
+ <el-button size="small" style="margin-left: 30px;" type="primary" @click="getList('giftNotice')">查询</el-button>
|
|
|
<el-empty v-if="goodsList.length==0" :image-size="200"></el-empty>
|
|
|
<div v-else>
|
|
|
<div class="tab-list">
|
|
@@ -65,7 +70,8 @@
|
|
|
<div class="prize-list">
|
|
|
<div v-for="(item, index) in goodsList" :key="index" class="prize-card prize-item">
|
|
|
<div class="img-container">
|
|
|
- <img :src="item.imgUrl" alt="prize" class="prize-img">
|
|
|
+ <el-image :src="item.imgUrl" :preview-src-list="[item.imgUrl]" class="prize-img"></el-image>
|
|
|
+ <!-- <img :src="item.imgUrl" alt="prize" class="prize-img"> -->
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<h3 :title="item.name" class="title">{{ item.name }}</h3>
|
|
@@ -99,6 +105,8 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
// tab 列表
|
|
|
+ goodsName:'',
|
|
|
+ giftName:'',
|
|
|
choseList: [],
|
|
|
curChosed: '',
|
|
|
activeName: 'goodsNotice',
|
|
@@ -151,14 +159,14 @@ export default {
|
|
|
},
|
|
|
getList(val) {
|
|
|
if (val == 'goodsNotice') {
|
|
|
- integralList({}).then(response => {
|
|
|
+ integralList({name:this.goodsName}).then(response => {
|
|
|
console.log(response.data.data);
|
|
|
this.goodsList = response.data.data
|
|
|
}).catch(() => {
|
|
|
this.goodsList = []
|
|
|
})
|
|
|
} else {
|
|
|
- festivalList({welfareId:this.curChosed}).then(response => {
|
|
|
+ festivalList({welfareId:this.curChosed,name:this.giftName}).then(response => {
|
|
|
console.log(response.data.data);
|
|
|
this.goodsList = response.data.data
|
|
|
}).catch(() => {
|