|
@@ -13,18 +13,18 @@
|
|
<view class="st-detailList-main-item" v-for="(item, index) in listData" :key="item.id" @click="toViewDetail(item)">
|
|
<view class="st-detailList-main-item" v-for="(item, index) in listData" :key="item.id" @click="toViewDetail(item)">
|
|
<view class="st-detailList-item-con flex align_center">
|
|
<view class="st-detailList-item-con flex align_center">
|
|
<view class="pimgs">
|
|
<view class="pimgs">
|
|
- <u-image :src="item.productMainPic&&item.productMainPic.imageUrl?item.productMainPic.imageUrl:`../../static/${theme}/def_img@2x.png`" width="100" height="100" border-radius="10"></u-image>
|
|
|
|
|
|
+ <u-image :src="item.icon?item.icon:`../../static/${theme}/def_img@2x.png`" width="100" height="100" border-radius="10"></u-image>
|
|
</view>
|
|
</view>
|
|
- <view class="flex_1">
|
|
|
|
|
|
+ <view class="flex_1 pimgs_right">
|
|
<view class="flex align_center justify_between">
|
|
<view class="flex align_center justify_between">
|
|
<view>
|
|
<view>
|
|
- LJJLDS234DD323453
|
|
|
|
|
|
+ {{item.vinCode}}
|
|
</view>
|
|
</view>
|
|
<view class="font_13">
|
|
<view class="font_13">
|
|
- 2022-05-06 12:25:36
|
|
|
|
|
|
+ {{item.createDate}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="padding_3">{{item.name || '--'}} </view>
|
|
|
|
|
|
+ <view class="padding_3">{{item.modelInfo || '--'}} </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="price-all flex" v-if="selPriceShow">
|
|
<view class="price-all flex" v-if="selPriceShow">
|
|
@@ -62,7 +62,7 @@
|
|
<view class="pimgs">
|
|
<view class="pimgs">
|
|
<u-image :src="tempData.productMainPic&&tempData.productMainPic.imageUrl?tempData.productMainPic.imageUrl:`../../static/${theme}/def_img@2x.png`" width="100" height="100" border-radius="10"></u-image>
|
|
<u-image :src="tempData.productMainPic&&tempData.productMainPic.imageUrl?tempData.productMainPic.imageUrl:`../../static/${theme}/def_img@2x.png`" width="100" height="100" border-radius="10"></u-image>
|
|
</view>
|
|
</view>
|
|
- <view class="flex_1">
|
|
|
|
|
|
+ <view class="flex_1 pimgs_right">
|
|
<view class="padding_3">{{tempData.name || '--'}} </view>
|
|
<view class="padding_3">{{tempData.name || '--'}} </view>
|
|
<view class="font_13">
|
|
<view class="font_13">
|
|
VIN:LJJLDS234DD323453
|
|
VIN:LJJLDS234DD323453
|
|
@@ -113,11 +113,11 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { toThousands } from '@/libs/tools'
|
|
import { toThousands } from '@/libs/tools'
|
|
- import { dealerProductList } from '@/api/sales'
|
|
|
|
|
|
+ import { queryPage,queryDetail } from '@/api/vinLog'
|
|
import search from './search.vue'
|
|
import search from './search.vue'
|
|
- import copyText from '@/pages/common/copyText.vue'
|
|
|
|
|
|
+ // import copyText from '@/pages/common/copyText.vue'
|
|
export default{
|
|
export default{
|
|
- components:{search,copyText},
|
|
|
|
|
|
+ components:{search},
|
|
data(){
|
|
data(){
|
|
return{
|
|
return{
|
|
toThousands,
|
|
toThousands,
|
|
@@ -138,7 +138,8 @@
|
|
params:{},
|
|
params:{},
|
|
detail: null,
|
|
detail: null,
|
|
tempData: null,
|
|
tempData: null,
|
|
- productList: []
|
|
|
|
|
|
+ productList: [],
|
|
|
|
+ shelfSn:''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onNavigationBarButtonTap(e){
|
|
onNavigationBarButtonTap(e){
|
|
@@ -163,13 +164,18 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
- this.selfId = option.selfId
|
|
|
|
- this.getSelfDetail();
|
|
|
|
|
|
+ this.shelfSn = option.shelfSn
|
|
|
|
+ let ajaxData={
|
|
|
|
+ id:option.shelfSn,
|
|
|
|
+ pageNo: this.pageNo,
|
|
|
|
+ pageSize: this.pageSize
|
|
|
|
+ }
|
|
|
|
+ this.getList(ajaxData);
|
|
this.theme = getApp().globalData.theme
|
|
this.theme = getApp().globalData.theme
|
|
- uni.setNavigationBarTitle({
|
|
|
|
- title: this.detail.shelfName
|
|
|
|
- })
|
|
|
|
- this.getList()
|
|
|
|
|
|
+ // uni.setNavigationBarTitle({
|
|
|
|
+ // title: this.detail.shelfName
|
|
|
|
+ // })
|
|
|
|
+ // this.getList()
|
|
},
|
|
},
|
|
methods:{
|
|
methods:{
|
|
toPage(url){
|
|
toPage(url){
|
|
@@ -185,15 +191,10 @@
|
|
this.getList(1)
|
|
this.getList(1)
|
|
},
|
|
},
|
|
// 列表
|
|
// 列表
|
|
- getList(pageNo){
|
|
|
|
|
|
+ getList(params){
|
|
const _this = this
|
|
const _this = this
|
|
- if (pageNo) {
|
|
|
|
- this.pageNo = pageNo
|
|
|
|
- }
|
|
|
|
- let params = Object.assign(this.params, { pageNo: this.pageNo, pageSize: this.pageSize })
|
|
|
|
this.status = "loading"
|
|
this.status = "loading"
|
|
- console.log(params)
|
|
|
|
- dealerProductList(params).then(res => {
|
|
|
|
|
|
+ queryPage(params).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
if(this.pageNo>1){
|
|
if(this.pageNo>1){
|
|
this.listData = this.listData.concat(res.data.list || [])
|
|
this.listData = this.listData.concat(res.data.list || [])
|
|
@@ -209,18 +210,27 @@
|
|
this.status = "loadmore"
|
|
this.status = "loadmore"
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // scroll-view到底部加载更多
|
|
|
|
- onreachBottom() {
|
|
|
|
- if(this.listData.length < this.totalNum){
|
|
|
|
- this.pageNo += 1
|
|
|
|
- this.getList()
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
|
|
+
|
|
// 查看销售记录
|
|
// 查看销售记录
|
|
toViewDetail(row){
|
|
toViewDetail(row){
|
|
this.tempData = row
|
|
this.tempData = row
|
|
this.showCart = true
|
|
this.showCart = true
|
|
}
|
|
}
|
|
|
|
+ },
|
|
|
|
+ // scroll-view到底部加载更多
|
|
|
|
+ onReachBottom() {
|
|
|
|
+ debugger
|
|
|
|
+ if(this.listData.length < this.totalNum){
|
|
|
|
+ this.pageNo += 1
|
|
|
|
+ let ajaxData={
|
|
|
|
+ id:this.shelfSn,
|
|
|
|
+ pageNo: this.pageNo,
|
|
|
|
+ pageSize: this.pageSize
|
|
|
|
+ }
|
|
|
|
+ this.getList(ajaxData)
|
|
|
|
+ }else{
|
|
|
|
+ this.status = "nomore"
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -241,31 +251,41 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-list{
|
|
.product-list{
|
|
- height: calc(100vh - 84upx);
|
|
|
|
.st-detailList-main{
|
|
.st-detailList-main{
|
|
padding: 20upx;
|
|
padding: 20upx;
|
|
.st-detailList-main-item{
|
|
.st-detailList-main-item{
|
|
|
|
+ width: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
padding: 20upx;
|
|
padding: 20upx;
|
|
margin-bottom: 25upx;
|
|
margin-bottom: 25upx;
|
|
border-radius: 25upx;
|
|
border-radius: 25upx;
|
|
box-shadow: 1px 1px 3px #EEEEEE;
|
|
box-shadow: 1px 1px 3px #EEEEEE;
|
|
.st-detailList-item-con{
|
|
.st-detailList-item-con{
|
|
|
|
+ width: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
padding: 20upx 0;
|
|
padding: 20upx 0;
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
.red{
|
|
.red{
|
|
color: red;
|
|
color: red;
|
|
}
|
|
}
|
|
.pimgs{
|
|
.pimgs{
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ height: 100rpx;
|
|
margin-right: 16upx;
|
|
margin-right: 16upx;
|
|
}
|
|
}
|
|
|
|
+ .pimgs_right{
|
|
|
|
+ width:calc(100% - 116upx);
|
|
|
|
+ }
|
|
.font_13{
|
|
.font_13{
|
|
font-size: 24upx;
|
|
font-size: 24upx;
|
|
color: #999;
|
|
color: #999;
|
|
}
|
|
}
|
|
.padding_3{
|
|
.padding_3{
|
|
- padding: 6upx 0;
|
|
|
|
- word-break: break-all;
|
|
|
|
|
|
+ margin: 6upx 0;
|
|
|
|
+ overflow:hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.price-all{
|
|
.price-all{
|
|
@@ -342,9 +362,14 @@
|
|
.st-detailList-item-con{
|
|
.st-detailList-item-con{
|
|
padding: 20upx 0;
|
|
padding: 20upx 0;
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
|
|
+
|
|
.pimgs{
|
|
.pimgs{
|
|
margin-right: 16upx;
|
|
margin-right: 16upx;
|
|
}
|
|
}
|
|
|
|
+ .pimgs_right{
|
|
|
|
+ background-color: red;
|
|
|
|
+ width:calc(100% - 66upx);
|
|
|
|
+ }
|
|
.font_13{
|
|
.font_13{
|
|
font-size: 24upx;
|
|
font-size: 24upx;
|
|
}
|
|
}
|