|
|
@@ -1,14 +1,30 @@
|
|
|
<template>
|
|
|
- <!-- 出库明细页面 -->
|
|
|
+ <!-- 入库明细页面 -->
|
|
|
<view class="header">
|
|
|
<view class="header-one">
|
|
|
库存总量：<text>{{total}}</text>
|
|
|
</view>
|
|
|
<view style="width: 100%;margin-top: 60rpx;">
|
|
|
- <u-tabs style="width: 350rpx;float: left;margin-top: 0;" :list="list" :is-scroll="false" :current="current" @change="change"
|
|
|
- active-color="#fff" inactive-color="#ffffff" bg-color="#ffffff00"></u-tabs>
|
|
|
- <u-search class="inputbox" placeholder="请输入胎号或规格" @change="inputbox" v-model="keyword"
|
|
|
- :show-action="false"></u-search>
|
|
|
+ <!-- <u-tabs style="width: 350rpx;float: left;margin-top: 0;" :list="list" :is-scroll="false" :current="current" @change="change"
|
|
|
+ active-color="#fff" inactive-color="#ffffff" bg-color="#ffffff00"></u-tabs> -->
|
|
|
+ <view style="width: 340rpx;height: 80rpx;text-align: center;padding-top: 25rpx;padding-left: 20rpx;float: left;margin-top: 0;margin-left: 30rpx;">
|
|
|
+ <view style="float: left;">
|
|
|
+ <text @click="whole">全部</text>
|
|
|
+ <view v-if="bottoma == true" style="width: 100%;height: 1rpx;background-color: #FFFFFF;border-radius: 10rpx;"></view>
|
|
|
+ <view v-else></view>
|
|
|
+ </view>
|
|
|
+ <view style="float: left;margin-left: 70rpx;">
|
|
|
+ <text @click="brand">品牌</text>
|
|
|
+ <view v-if="bottomb == true" style="width: 100%;height: 1rpx;background-color: #FFFFFF;border-radius: 10rpx;"></view>
|
|
|
+ <view v-else></view>
|
|
|
+ </view>
|
|
|
+ <view style="float: left;margin-left: 70rpx;">
|
|
|
+ <text @click="time_s">时间</text>
|
|
|
+ <view v-if="bottomc == true" style="width: 100%;height: 1rpx;background-color: #FFFFFF;border-radius: 10rpx;"></view>
|
|
|
+ <view v-else></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-search class="inputbox" placeholder="请输入胎号或规格" @change="inputbox" v-model="keyword" :show-action="false"></u-search>
|
|
|
</view>
|
|
|
<view class="nothing" v-if="judge==true">
|
|
|
<u-empty text="暂无数据"></u-empty>
|
|
|
@@ -43,7 +59,8 @@
|
|
|
</view>
|
|
|
<view>
|
|
|
<view>参加活动</view>
|
|
|
- <view>{{item3.satisfyActivity}}</view>
|
|
|
+ <view v-if="item3.satisfyActivity == 1">参加</view>
|
|
|
+ <view v-else>不参加</view>
|
|
|
</view>
|
|
|
<view>
|
|
|
<view>创建时间</view>
|
|
|
@@ -59,7 +76,7 @@
|
|
|
<u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" />
|
|
|
</view>
|
|
|
<u-action-sheet :list="list_a" @click="click" v-model="show" :mask-close-able="false" @close="close"></u-action-sheet>
|
|
|
- <u-calendar v-model="show_d" :mode="mode" @change="time" :mask-close-able="false"></u-calendar>
|
|
|
+ <u-calendar v-model="show_d" toolTip="请选择日期范围" :closeable="false" :mode="mode" @change="time" :mask-close-able="false"></u-calendar>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -83,6 +100,7 @@
|
|
|
loading: '努力加载中',
|
|
|
nomore: '我是有底线的'
|
|
|
},
|
|
|
+ style: '.5rpx solid #FFFFFF',
|
|
|
list: [{
|
|
|
name: '全部'
|
|
|
}, {
|
|
|
@@ -94,6 +112,9 @@
|
|
|
list_a: [],
|
|
|
current: 0,
|
|
|
keyword: '',
|
|
|
+ bottoma: true,
|
|
|
+ bottomb: false,
|
|
|
+ bottomc: false,
|
|
|
itemList: [],
|
|
|
total: '',
|
|
|
size: 10,
|
|
|
@@ -101,27 +122,27 @@
|
|
|
beginDate: null,
|
|
|
endDate: null,
|
|
|
content: null,
|
|
|
- length:''
|
|
|
+ length: ''
|
|
|
}
|
|
|
},
|
|
|
onReachBottom() {
|
|
|
this.status = 'loading';
|
|
|
this.page++
|
|
|
- if(this.itemList.length >= this.length){
|
|
|
+ if (this.itemList.length >= this.length) {
|
|
|
this.status = 'nomore';
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.getPage()
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
this.page = 1
|
|
|
- this.getPage()
|
|
|
+ this.whole()
|
|
|
},
|
|
|
methods: {
|
|
|
- content_s(){
|
|
|
+ content_s() {
|
|
|
console.log(this.keyword)
|
|
|
},
|
|
|
- inputbox(e){
|
|
|
+ inputbox(e) {
|
|
|
this.page = 1
|
|
|
console.log(e)
|
|
|
this.itemList = []
|
|
|
@@ -129,23 +150,24 @@
|
|
|
this.beginDate = null
|
|
|
this.endDate = null
|
|
|
this.content = e
|
|
|
- if(this.itemList.length >= this.length){
|
|
|
+ if (this.itemList.length >= this.length) {
|
|
|
this.status = 'nomore';
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.getPage()
|
|
|
}
|
|
|
},
|
|
|
close() {
|
|
|
- this.current = 0
|
|
|
- this.page = 1
|
|
|
- this.getPage()
|
|
|
+ this.whole()
|
|
|
},
|
|
|
time(e) {
|
|
|
this.page = 1
|
|
|
this.itemList = []
|
|
|
- this.beginDate = e.startDate + " 00:00:00",
|
|
|
- this.endDate = e.endDate + " 23:59:59",
|
|
|
- console.log(e);
|
|
|
+ this.beginDate = e.startDate + " 00:00:00"
|
|
|
+ this.endDate = e.endDate + " 23:59:59"
|
|
|
+ console.log(e)
|
|
|
+ console.log("触发了")
|
|
|
+ console.log(this.show_d)
|
|
|
+ this.current = 0
|
|
|
this.getPage()
|
|
|
},
|
|
|
click(index) {
|
|
|
@@ -157,49 +179,107 @@
|
|
|
console.log(this.judge)
|
|
|
this.getPage()
|
|
|
},
|
|
|
- change(index) {
|
|
|
- this.current = index;
|
|
|
+ whole() {
|
|
|
+ this.bottoma = true
|
|
|
+ this.bottomb = false
|
|
|
+ this.bottomc = false
|
|
|
this.brandCode = null
|
|
|
this.beginDate = null
|
|
|
this.endDate = null
|
|
|
this.content = null
|
|
|
- if (index == 1) {
|
|
|
- this.show = true
|
|
|
- if (this.list_a.length == 0) {
|
|
|
- request({
|
|
|
- url: '/baseReq/getBrandList',
|
|
|
- method: 'Post',
|
|
|
- data: {
|
|
|
- storeId:this.$store.state.storeInfo.storeId,
|
|
|
- userId:this.$store.state.storeInfo.userId
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
- console.log(res)
|
|
|
- console.log(res.data.data)
|
|
|
- for (let i = 0; i < res.data.data.length; i++) {
|
|
|
- console.log(res.data.data[i].brandCode)
|
|
|
- this.list_a.push({
|
|
|
- brandCode: res.data.data[i].brandCode,
|
|
|
- text: res.data.data[i].brandName,
|
|
|
- color: '#000',
|
|
|
- fontSize: 28
|
|
|
- })
|
|
|
- }
|
|
|
- }).catch(err => {
|
|
|
- console.log(err)
|
|
|
- }).finally(() => {
|
|
|
- // Loading.close()
|
|
|
- })
|
|
|
- }
|
|
|
- } else if (index == 0) {
|
|
|
- this.page = 0
|
|
|
- console.log(this.brandCode)
|
|
|
- this.getPage()
|
|
|
- } else if (index == 2) {
|
|
|
- this.show_d = true
|
|
|
+ this.page = 0
|
|
|
+ console.log(this.brandCode)
|
|
|
+ this.getPage()
|
|
|
+ },
|
|
|
+ brand() {
|
|
|
+ this.bottoma = false
|
|
|
+ this.bottomb = true
|
|
|
+ this.bottomc = false
|
|
|
+ this.brandCode = null
|
|
|
+ this.beginDate = null
|
|
|
+ this.endDate = null
|
|
|
+ this.content = null
|
|
|
+ this.show = true
|
|
|
+ if (this.list_a.length == 0) {
|
|
|
+ request({
|
|
|
+ url: '/baseReq/getBrandList',
|
|
|
+ method: 'Post',
|
|
|
+ data: {
|
|
|
+ storeId: this.$store.state.storeInfo.storeId,
|
|
|
+ userId: this.$store.state.storeInfo.userId
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ console.log(res.data.data)
|
|
|
+ for (let i = 0; i < res.data.data.length; i++) {
|
|
|
+ console.log(res.data.data[i].brandCode)
|
|
|
+ this.list_a.push({
|
|
|
+ brandCode: res.data.data[i].brandCode,
|
|
|
+ text: res.data.data[i].brandName,
|
|
|
+ color: '#000',
|
|
|
+ fontSize: 28
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ }).finally(() => {
|
|
|
+ // Loading.close()
|
|
|
+ })
|
|
|
}
|
|
|
- console.log(this.current)
|
|
|
},
|
|
|
+ time_s() {
|
|
|
+ this.bottoma = false
|
|
|
+ this.bottomb = false
|
|
|
+ this.bottomc = true
|
|
|
+ this.brandCode = null
|
|
|
+ this.beginDate = null
|
|
|
+ this.endDate = null
|
|
|
+ this.content = null
|
|
|
+ this.show_d = true
|
|
|
+ },
|
|
|
+ // change(index) {
|
|
|
+ // this.current = index;
|
|
|
+ // this.brandCode = null
|
|
|
+ // this.beginDate = null
|
|
|
+ // this.endDate = null
|
|
|
+ // this.content = null
|
|
|
+ // if (index == 1) {
|
|
|
+ // this.show = true
|
|
|
+ // if (this.list_a.length == 0) {
|
|
|
+ // request({
|
|
|
+ // url: '/baseReq/getBrandList',
|
|
|
+ // method: 'Post',
|
|
|
+ // data: {
|
|
|
+ // storeId:this.$store.state.storeInfo.storeId,
|
|
|
+ // userId:this.$store.state.storeInfo.userId
|
|
|
+ // }
|
|
|
+ // }).then(res => {
|
|
|
+ // console.log(res)
|
|
|
+ // console.log(res.data.data)
|
|
|
+ // for (let i = 0; i < res.data.data.length; i++) {
|
|
|
+ // console.log(res.data.data[i].brandCode)
|
|
|
+ // this.list_a.push({
|
|
|
+ // brandCode: res.data.data[i].brandCode,
|
|
|
+ // text: res.data.data[i].brandName,
|
|
|
+ // color: '#000',
|
|
|
+ // fontSize: 28
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // }).catch(err => {
|
|
|
+ // console.log(err)
|
|
|
+ // }).finally(() => {
|
|
|
+ // // Loading.close()
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // } else if (index == 0) {
|
|
|
+ // this.page = 0
|
|
|
+ // console.log(this.brandCode)
|
|
|
+ // this.getPage()
|
|
|
+ // } else if (index == 2) {
|
|
|
+ // this.show_d = true
|
|
|
+ // }
|
|
|
+ // console.log(this.current)
|
|
|
+ // },
|
|
|
getPage() {
|
|
|
console.log(this.page)
|
|
|
console.log(this.brandCode)
|
|
|
@@ -216,8 +296,8 @@
|
|
|
url: '/myPage/getPageScanRecordList',
|
|
|
method: 'Post',
|
|
|
data: {
|
|
|
- storeId:this.$store.state.storeInfo.storeId,
|
|
|
- userId:this.$store.state.storeInfo.userId,
|
|
|
+ storeId: this.$store.state.storeInfo.storeId,
|
|
|
+ userId: this.$store.state.storeInfo.userId,
|
|
|
size: this.size,
|
|
|
current: this.page, //获取第几页
|
|
|
scanType: '2',
|
|
|
@@ -264,12 +344,14 @@
|
|
|
.details>view>view:nth-child(2) {
|
|
|
float: right;
|
|
|
}
|
|
|
- .inputbox{
|
|
|
+
|
|
|
+ .inputbox {
|
|
|
width: 350rpx;
|
|
|
float: right;
|
|
|
padding-right: 30rpx;
|
|
|
padding-top: 10rpx;
|
|
|
}
|
|
|
+
|
|
|
.title {
|
|
|
width: 98%;
|
|
|
height: 60rpx;
|
caojunjie