You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
3.8 KiB
151 lines
3.8 KiB
<template>
|
|
<view class="se-p-20 se-pb-200">
|
|
<view v-if="list.length>0">
|
|
<view class="se-grid-2 se-pt-10">
|
|
<view class="items-box se-br-5 se-px-10" v-for="(items,indexs) in list" :key="indexs" @click="onDetail(items)">
|
|
<image class="se-w-p-100 se-h-200 se-bgc-f5 se-br-5 se-py-5" :src="items.images[0]" mode=""></image>
|
|
<view class="se-c-black se-fs-24 se-fw-6 se-mt-10">
|
|
{{ items.goodsName }}
|
|
</view>
|
|
<view class="se-flex se-flex-ff-rw se-mt-10" v-if="items.cartypeId!='1867039853005877250'">
|
|
<view class="se-tag">
|
|
{{items.brand}}
|
|
</view>
|
|
<view class="se-tag">
|
|
{{items.goodsTime}}
|
|
</view>
|
|
<view class="se-tag">
|
|
{{items.mileage}}公里
|
|
</view>
|
|
</view>
|
|
<view class="se-flex se-flex-h-sb se-w-p-100 se-pt-20">
|
|
<view class="se-fs-24 se-display-ib">
|
|
<text class="se-c-orange se-fs-26 se-fw-6"><text class="se-fs-24">￥</text>{{items.price}}<text class="se-fs-24">元</text><text class="se-fs-24" v-if="items.cartypeId=='1875536807086256130'">/月</text></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-empty v-if="list && list.length==0" mode="list"></u-empty>
|
|
</view>
|
|
<view v-else>
|
|
<u-empty mode="list" ></u-empty>
|
|
</view>
|
|
<view class="se-pos-fixed se-flex-h-c se-bs-t se-w-750 se-h-200" style="background-color: #fff;bottom: 0;left: 0;">
|
|
<view @click="onApply()" class="se-mb-20 se-br-20 se-w-400 se-ml-20 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-white se-bgc-green">
|
|
<text class="se-ml-10">立即发布</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import { queryGoodsList } from "@/common/api.js"
|
|
export default{
|
|
data(){
|
|
return{
|
|
pageNo:1,
|
|
pageSize:10,
|
|
list:[]
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.onPageList()
|
|
},
|
|
onPullDownRefresh() {
|
|
let that = this
|
|
that.pageNo = 1
|
|
that.list = []
|
|
that.onPageList()
|
|
},
|
|
onReachBottom() {
|
|
let that = this
|
|
that.pageNo = that.pageNo + 1
|
|
that.onPageList()
|
|
},
|
|
methods:{
|
|
onDetail(event){
|
|
uni.navigateTo({
|
|
url:"/pages_subpack/detail/index?goodsId="+event.id
|
|
})
|
|
},
|
|
onApply(){
|
|
uni.navigateTo({
|
|
url:"/pages_subpack/release/index"
|
|
})
|
|
},
|
|
onPageList(){
|
|
let that = this
|
|
let params={
|
|
pageNo:that.pageNo,
|
|
pageSize:that.pageSize,
|
|
token:uni.getStorageSync('token')
|
|
}
|
|
queryGoodsList(params).then(response=>{
|
|
console.info("queryApplyList",response)
|
|
response.result.records.forEach((items,indexs)=>{
|
|
if(items.image){
|
|
items.images = items.image.split(',')
|
|
}else{
|
|
items.images = []
|
|
}
|
|
if(items.imageBack){
|
|
items.imageBacks = items.imageBack.split(',')
|
|
}else{
|
|
items.imageBacks = []
|
|
}
|
|
if(items.imageCab){
|
|
items.imageCabs = items.imageCab.split(',')
|
|
}else{
|
|
items.imageCabs = []
|
|
}
|
|
if(items.imageFront){
|
|
items.imageFronts = items.imageFront.split(',')
|
|
}else{
|
|
items.imageFronts = []
|
|
}
|
|
if(items.imageLeft){
|
|
items.imageLefts = items.imageLeft.split(',')
|
|
}else{
|
|
items.imageLefts = []
|
|
}
|
|
if(items.imageRight){
|
|
items.imageRights = items.imageRight.split(',')
|
|
}else{
|
|
items.imageRights = []
|
|
}
|
|
})
|
|
that.list = that.list.concat(response.result.records)
|
|
}).catch(error=>{
|
|
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.items-box{
|
|
background: #ffffff;
|
|
border-radius: 8rpx;
|
|
box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.05);
|
|
padding: 20rpx;
|
|
}
|
|
.se-tag{
|
|
padding: 5rpx 10rpx;
|
|
background: #fff2df;
|
|
border-radius: 4rpx;
|
|
border: 2rpx solid rgba(0,0,0,0.00);
|
|
font-size: 16rpx;
|
|
font-family: PingFang SC, PingFang SC-Bold;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
color: #fab143;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.se-tag:first-child{
|
|
margin-left: 0rpx;
|
|
}
|
|
</style>
|