|
@@ -1,334 +1,342 @@
|
|
|
-<template>
|
|
|
- <view class="bg-set" :class="mask ? 'tl-show': ''">
|
|
|
- <u-navbar :autoBack="true" :placeholder="true" leftIconColor="#fff" bgColor="#FD4B09">
|
|
|
- <view slot="center" style="width: 88%;margin-left: 80rpx;">
|
|
|
- <u-search v-model="form.cname" :animation="true" placeholder="请输入商品名称"
|
|
|
- :actionStyle="{color:'#fff'}" @custom="custom" @search="custom"></u-search>
|
|
|
- </view>
|
|
|
- </u-navbar>
|
|
|
+<template>
|
|
|
+ <view class="bg-set" :class="mask ? 'tl-show': ''">
|
|
|
+ <u-navbar :autoBack="true" :placeholder="true" leftIconColor="#fff" bgColor="#FD4B09">
|
|
|
+ <view slot="center" style="width: 88%;margin-left: 80rpx;">
|
|
|
+ <u-search v-model="form.cname" :animation="true" placeholder="请输入商品名称"
|
|
|
+ :actionStyle="{color:'#fff'}" @custom="custom" @search="custom"></u-search>
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
<view class="topBackground" :style="{top: revenueTop+44+'px'}" style="overflow:hidden">
|
|
|
<u-tabs :list="list" @click="click" :activeStyle="{ color: '#fff' }"
|
|
|
- :inactiveStyle="{ color: '#ffffff80' }"
|
|
|
- lineColor="#fff">
|
|
|
- <!-- <view slot="right" style="font-size: 15px;color: #fff;">
|
|
|
- <text style="margin-left: 10rpx;">|<text style="margin:0rpx 15rpx"
|
|
|
- @click="show = true,mask = true">筛选</text></text>
|
|
|
- </view> -->
|
|
|
- </u-tabs>
|
|
|
- </view>
|
|
|
- <!-- <view class="statistics_h" style="font-size: 44rpx;">
|
|
|
- <view class="statistics">
|
|
|
- <view style="display: flex;margin: 5rpx auto;">
|
|
|
- <view style="width: 60%;text-align: center;">价格</view>
|
|
|
- <view style="width: 40%;text-align: center;">数量</view>
|
|
|
- </view>
|
|
|
- <view style="display: flex;margin: 5rpx auto;">
|
|
|
- <view style="width: 60%;">库存总价:¥{{priceForm.totalPrice}}</view>
|
|
|
- <view style="width: 40%;text-align: center;">
|
|
|
- {{priceForm.totalNumber?priceForm.totalNumber.slice(0,priceForm.totalNumber.length-3):priceForm.totalNumber}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view style="display: flex;margin: 5rpx auto;">
|
|
|
- <view style="width: 60%;">当期入库:¥{{priceForm.RKPrice}}</view>
|
|
|
- <view style="width: 40%;text-align: center;">
|
|
|
- {{priceForm.RKNumber?priceForm.RKNumber.slice(0,priceForm.RKNumber.length-3):priceForm.RKNumber}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view style="display: flex;margin: 5rpx auto;">
|
|
|
- <view style="width: 60%;">当期出库:¥{{priceForm.CKPrice}}</view>
|
|
|
- <view style="width: 40%;text-align: center;">
|
|
|
- {{priceForm.CKNumber?priceForm.CKNumber.slice(0,priceForm.CKNumber.length-3):priceForm.CKNumber}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <view style="margin: 0rpx auto;width: 96%; margin-top: 110rpx;">
|
|
|
- <view v-for="(item,index) in dataList" :key="item.id"
|
|
|
+ :inactiveStyle="{ color: '#ffffff80' }"
|
|
|
+ lineColor="#fff">
|
|
|
+ <!-- <view slot="right" style="font-size: 15px;color: #fff;">
|
|
|
+ <text style="margin-left: 10rpx;">|<text style="margin:0rpx 15rpx"
|
|
|
+ @click="show = true,mask = true">筛选</text></text>
|
|
|
+ </view> -->
|
|
|
+ </u-tabs>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="statistics_h" style="font-size: 44rpx;">
|
|
|
+ <view class="statistics">
|
|
|
+ <view style="display: flex;margin: 5rpx auto;">
|
|
|
+ <view style="width: 60%;text-align: center;">价格</view>
|
|
|
+ <view style="width: 40%;text-align: center;">数量</view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;margin: 5rpx auto;">
|
|
|
+ <view style="width: 60%;">库存总价:¥{{priceForm.totalPrice}}</view>
|
|
|
+ <view style="width: 40%;text-align: center;">
|
|
|
+ {{priceForm.totalNumber?priceForm.totalNumber.slice(0,priceForm.totalNumber.length-3):priceForm.totalNumber}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;margin: 5rpx auto;">
|
|
|
+ <view style="width: 60%;">当期入库:¥{{priceForm.RKPrice}}</view>
|
|
|
+ <view style="width: 40%;text-align: center;">
|
|
|
+ {{priceForm.RKNumber?priceForm.RKNumber.slice(0,priceForm.RKNumber.length-3):priceForm.RKNumber}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;margin: 5rpx auto;">
|
|
|
+ <view style="width: 60%;">当期出库:¥{{priceForm.CKPrice}}</view>
|
|
|
+ <view style="width: 40%;text-align: center;">
|
|
|
+ {{priceForm.CKNumber?priceForm.CKNumber.slice(0,priceForm.CKNumber.length-3):priceForm.CKNumber}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ <view style="margin: 0rpx auto;width: 96%; margin-top: 110rpx;">
|
|
|
+ <view v-for="(item,index) in dataList" :key="item.id"
|
|
|
style="width: 100%;margin: 10rpx auto; padding: 20rpx 0;
|
|
|
- background-color: #fff;border-radius: 10rpx;">
|
|
|
- <view style="width: 100%;margin: 0 auto;">
|
|
|
- <view style="display: flex;height: 140rpx;">
|
|
|
- <view style="width: 140rpx;height: 140rpx;">
|
|
|
- <image style="width: 100%;height: 100%;" :src="item.goodsFilesList.length > 0?item.goodsFilesList[0].url:'../../../static/images/404.png'"></image>
|
|
|
- </view>
|
|
|
- <view style="font-size: 24rpx;width: calc(100% - 150rpx);margin-left: 10rpx;">
|
|
|
- <view style="font-size: 26rpx;font-weight: bold;">{{item.cname}}</view>
|
|
|
- <view style="display: flex;margin: 10rpx 0;">
|
|
|
- <view style="width: 50%;">批次:{{item.dot}}</view>
|
|
|
- <view style="width: 50%;">库存价:{{roleaName.indexOf('业务员') != -1?'***':item.inventoryCostPrice}}</view>
|
|
|
- </view>
|
|
|
- <view style="display: flex">
|
|
|
- <view style="width: 50%;">仓库:{{item.storageName}}</view>
|
|
|
- <view style="width: 50%;">
|
|
|
- 库存:{{item.balanceQuantity?item.balanceQuantity:0}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- <view style="display: flex">
|
|
|
- <view style="width: 50%;">
|
|
|
- 库存下限:{{item.lowerLimit?item.lowerLimit.slice(0,item.lowerLimit.length-3):item.lowerLimit}}
|
|
|
- </view>
|
|
|
- <view style="width: 50%;">
|
|
|
- 产品分类:{{item.goodsType}}
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <u-empty v-if="total == 0" style="position: absolute;top: 45%;left: 50%;transform:translate(-50%,-50%)"
|
|
|
- mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" />
|
|
|
- <u-loadmore v-if="total !== 0 && dataList.length != 0" :status="status" />
|
|
|
- </view>
|
|
|
- <u-popup :show="show" @close="show = false,mask = false" closeable :closeOnClickOverlay="false" zIndex="10070">
|
|
|
- <view style="mawidth: 100%;margin: auto 30rpx;margin-top: 20rpx;padding-bottom: 20rpx;">
|
|
|
- <text>筛选条件</text>
|
|
|
- <u--form labelPosition="left" :model="formTwo" labelWidth="150rpx">
|
|
|
- <u-form-item label="产品分类" borderBottom @click="filterAll(['goodsTypeName','goodsTypeId'])">
|
|
|
- <u-input v-model="formTwo.goodsTypeName" border="none" placeholder="请选择" suffixIcon="arrow-right"
|
|
|
- disabled disabledColor="#ffffff" />
|
|
|
- </u-form-item>
|
|
|
- </u--form>
|
|
|
- <text style="font-size: 30rpx;">库存筛选</text>
|
|
|
- <view style="display: flex;justify-content: space-between;">
|
|
|
- <u-button :type="formTwo.inventoryBalance == 0?'primary':''" text="库存数量>0" @click="stock(0)">
|
|
|
- </u-button>
|
|
|
- <u-button :type="formTwo.inventoryBalance == 1?'primary':''" text="库存数量≤0" @click="stock(1)">
|
|
|
- </u-button>
|
|
|
- </view>
|
|
|
- <text style="font-size: 30rpx;">标签筛选</text>
|
|
|
- <view>
|
|
|
- <u-checkbox-group v-model="formTwo.labels" placement="column">
|
|
|
- <u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList"
|
|
|
- :key="index" :label="item.dictValue" :name="item.dictKey">
|
|
|
- </u-checkbox>
|
|
|
- </u-checkbox-group>
|
|
|
- </view>
|
|
|
- <view style="display: flex;justify-content: space-between;padding-top: 20rpx;">
|
|
|
- <view style="width: 45%;">
|
|
|
- <u-button text="全部清空" type="warning" @click="confirmEmptying"></u-button>
|
|
|
- </view>
|
|
|
- <view style="width: 45%;">
|
|
|
- <u-button text="确认搜索" type="primary" @click="confirmSearch"></u-button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-popup>
|
|
|
- <u-picker :show="dropDown" :columns="columns" :keyName="keyName" @cancel="dropDown = false" @confirm="confirm">
|
|
|
- </u-picker>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import {
|
|
|
- queryBrand,
|
|
|
- queryStock,
|
|
|
- appStatistics,
|
|
|
- listAll
|
|
|
- } from '@/api/views/stock/index.js'
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- list: [{
|
|
|
- name: '全部',
|
|
|
- value: ''
|
|
|
- }],
|
|
|
- show: false,
|
|
|
- mask: false,
|
|
|
- dropDown: false,
|
|
|
- columns: [],
|
|
|
- checkboxList: [],
|
|
|
- status: 'loadmore',
|
|
|
- revenueTop: 0,
|
|
|
- keyName: '',
|
|
|
- total: 0,
|
|
|
- dataList: [],
|
|
|
- screen: [],
|
|
|
- priceForm: {},
|
|
|
- form: {
|
|
|
- size: 20,
|
|
|
- current: 1
|
|
|
- },
|
|
|
- formTwo: {
|
|
|
- size: 20,
|
|
|
- current: 1
|
|
|
+ background-color: #fff;border-radius: 10rpx;">
|
|
|
+ <view style="width: 100%;margin: 0 auto;">
|
|
|
+ <view style="display: flex;height: 180rpx;">
|
|
|
+ <view style="width: 140rpx;height: 170rpx;">
|
|
|
+ <image style="width: 100%;height: 100%;" :src="item.goodsFilesList.length > 0?item.goodsFilesList[0].url:'../../../static/images/404.png'"></image>
|
|
|
+ </view>
|
|
|
+ <view style="font-size: 24rpx;width: calc(100% - 150rpx);margin-left: 10rpx;">
|
|
|
+ <view style="font-size: 26rpx;font-weight: bold;">{{item.cname}}</view>
|
|
|
+ <view style="display: flex;margin: 10rpx 0;">
|
|
|
+ <view style="width: 50%;">均价:{{roleaName.indexOf('业务员') != -1?'***':item.inventoryCostPrice}}</view>
|
|
|
+ <view style="width: 50%;">批次:{{item.dot}}</view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex">
|
|
|
+ <view style="width: 50%;">仓库:{{item.storageName}}</view>
|
|
|
+ <view style="width: 50%;">
|
|
|
+ 库存:{{item.balanceQuantity?item.balanceQuantity:0}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex">
|
|
|
+ <view style="width: 50%;">售价A:{{item.priceOne}}</view>
|
|
|
+ <view style="width: 50%;">售价B:{{item.priceTwo}}</view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex">
|
|
|
+ <view style="width: 50%;">售价C:{{item.priceThree}}</view>
|
|
|
+ <view style="width: 50%;">售价D:{{item.priceFour}} </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view style="display: flex">
|
|
|
+ <view style="width: 50%;">
|
|
|
+ 库存下限:{{item.lowerLimit?item.lowerLimit.slice(0,item.lowerLimit.length-3):item.lowerLimit}}
|
|
|
+ </view>
|
|
|
+ <view style="width: 50%;">
|
|
|
+ 产品分类:{{item.goodsType}}
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-empty v-if="total == 0" style="position: absolute;top: 45%;left: 50%;transform:translate(-50%,-50%)"
|
|
|
+ mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" />
|
|
|
+ <u-loadmore v-if="total !== 0 && dataList.length != 0" :status="status" />
|
|
|
+ </view>
|
|
|
+ <u-popup :show="show" @close="show = false,mask = false" closeable :closeOnClickOverlay="false" zIndex="10070">
|
|
|
+ <view style="mawidth: 100%;margin: auto 30rpx;margin-top: 20rpx;padding-bottom: 20rpx;">
|
|
|
+ <text>筛选条件</text>
|
|
|
+ <u--form labelPosition="left" :model="formTwo" labelWidth="150rpx">
|
|
|
+ <u-form-item label="产品分类" borderBottom @click="filterAll(['goodsTypeName','goodsTypeId'])">
|
|
|
+ <u-input v-model="formTwo.goodsTypeName" border="none" placeholder="请选择" suffixIcon="arrow-right"
|
|
|
+ disabled disabledColor="#ffffff" />
|
|
|
+ </u-form-item>
|
|
|
+ </u--form>
|
|
|
+ <text style="font-size: 30rpx;">库存筛选</text>
|
|
|
+ <view style="display: flex;justify-content: space-between;">
|
|
|
+ <u-button :type="formTwo.inventoryBalance == 0?'primary':''" text="库存数量>0" @click="stock(0)">
|
|
|
+ </u-button>
|
|
|
+ <u-button :type="formTwo.inventoryBalance == 1?'primary':''" text="库存数量≤0" @click="stock(1)">
|
|
|
+ </u-button>
|
|
|
+ </view>
|
|
|
+ <text style="font-size: 30rpx;">标签筛选</text>
|
|
|
+ <view>
|
|
|
+ <u-checkbox-group v-model="formTwo.labels" placement="column">
|
|
|
+ <u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList"
|
|
|
+ :key="index" :label="item.dictValue" :name="item.dictKey">
|
|
|
+ </u-checkbox>
|
|
|
+ </u-checkbox-group>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;justify-content: space-between;padding-top: 20rpx;">
|
|
|
+ <view style="width: 45%;">
|
|
|
+ <u-button text="全部清空" type="warning" @click="confirmEmptying"></u-button>
|
|
|
+ </view>
|
|
|
+ <view style="width: 45%;">
|
|
|
+ <u-button text="确认搜索" type="primary" @click="confirmSearch"></u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-picker :show="dropDown" :columns="columns" :keyName="keyName" @cancel="dropDown = false" @confirm="confirm">
|
|
|
+ </u-picker>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ queryBrand,
|
|
|
+ queryStock,
|
|
|
+ appStatistics,
|
|
|
+ listAll
|
|
|
+ } from '@/api/views/stock/index.js'
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ list: [{
|
|
|
+ name: '全部',
|
|
|
+ value: ''
|
|
|
+ }],
|
|
|
+ show: false,
|
|
|
+ mask: false,
|
|
|
+ dropDown: false,
|
|
|
+ columns: [],
|
|
|
+ checkboxList: [],
|
|
|
+ status: 'loadmore',
|
|
|
+ revenueTop: 0,
|
|
|
+ keyName: '',
|
|
|
+ total: 0,
|
|
|
+ dataList: [],
|
|
|
+ screen: [],
|
|
|
+ priceForm: {},
|
|
|
+ form: {
|
|
|
+ size: 20,
|
|
|
+ current: 1
|
|
|
},
|
|
|
- roleaName:'', // 当前角色数据
|
|
|
- }
|
|
|
- },
|
|
|
+ formTwo: {
|
|
|
+ size: 20,
|
|
|
+ current: 1
|
|
|
+ },
|
|
|
+ roleaName:'', // 当前角色数据
|
|
|
+ }
|
|
|
+ },
|
|
|
onLoad() {
|
|
|
- this.roleaName = uni.getStorageSync('userInfo').role_name
|
|
|
- this.$u.api.getWorkDicts('goods_lable').then(res => {
|
|
|
- this.checkboxList = res.data
|
|
|
- this.keyName = "dictValue"
|
|
|
+ this.roleaName = uni.getStorageSync('userInfo').role_name
|
|
|
+ this.$u.api.getWorkDicts('goods_lable').then(res => {
|
|
|
+ this.checkboxList = res.data
|
|
|
+ this.keyName = "dictValue"
|
|
|
})
|
|
|
- // 获取分类
|
|
|
+ // 获取分类
|
|
|
listAll({corpType:'SP'}).then(res => {
|
|
|
res.data.forEach(item => this.list.push({
|
|
|
name: item.title,
|
|
|
value: item.id
|
|
|
- }))
|
|
|
- this.queryStockfun()
|
|
|
- })
|
|
|
- uni.getSystemInfo({
|
|
|
- success: (e) => {
|
|
|
- this.revenueTop = e.statusBarHeight
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- onReachBottom() {
|
|
|
- this.status = 'loading'
|
|
|
- if (this.dataList.length < this.total) {
|
|
|
- this.form.current++
|
|
|
- this.queryStockfun()
|
|
|
- } else {
|
|
|
- this.status = 'nomore'
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- confirmEmptying() {
|
|
|
- this.formTwo = {
|
|
|
- size: 20,
|
|
|
- current: 1
|
|
|
- }
|
|
|
- this.form = {
|
|
|
- size: 20,
|
|
|
- current: 1
|
|
|
- }
|
|
|
- this.dataList = []
|
|
|
- this.show = false
|
|
|
- this.mask = false
|
|
|
- this.queryStockfun()
|
|
|
- },
|
|
|
- confirmSearch() {
|
|
|
- let form = {
|
|
|
- ...JSON.parse(JSON.stringify(this.formTwo)),
|
|
|
- labels: this.formTwo.labels ? this.formTwo.labels.join(',') : '',
|
|
|
- size: 20,
|
|
|
- current: 1
|
|
|
- }
|
|
|
- this.form = form
|
|
|
- this.dataList = []
|
|
|
- this.show = false
|
|
|
- this.mask = false
|
|
|
- this.queryStockfun()
|
|
|
- },
|
|
|
- stock(val) {
|
|
|
- this.$set(this.formTwo, "inventoryBalance", val)
|
|
|
- },
|
|
|
- //集合筛选条件
|
|
|
- filterAll(screen) {
|
|
|
- this.screen = screen
|
|
|
- switch (screen[1]) {
|
|
|
- case "goodsTypeId":
|
|
|
- uni.showLoading({
|
|
|
- title: '加载中',
|
|
|
- mask: true
|
|
|
- });
|
|
|
- listAll().then(res => {
|
|
|
- this.columns = [res.data]
|
|
|
- this.keyName = "cname"
|
|
|
- this.dropDown = true
|
|
|
- uni.hideLoading()
|
|
|
- })
|
|
|
- break;
|
|
|
- }
|
|
|
- },
|
|
|
- //选择确认
|
|
|
- confirm(e) {
|
|
|
- this.formTwo[this.screen[0]] = e.value[0].cname
|
|
|
- this.formTwo[this.screen[1]] = e.value[0].id
|
|
|
- this.dropDown = false
|
|
|
- },
|
|
|
- queryStockfun() {
|
|
|
- uni.showLoading({
|
|
|
- title: '加载中',
|
|
|
- mask: true
|
|
|
- });
|
|
|
- appStatistics(this.form).then(res => {
|
|
|
- this.priceForm = res.data
|
|
|
- })
|
|
|
- queryStock(this.form).then(res => {
|
|
|
+ }))
|
|
|
+ this.queryStockfun()
|
|
|
+ })
|
|
|
+ uni.getSystemInfo({
|
|
|
+ success: (e) => {
|
|
|
+ this.revenueTop = e.statusBarHeight
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+ this.status = 'loading'
|
|
|
+ if (this.dataList.length < this.total) {
|
|
|
+ this.form.current++
|
|
|
+ this.queryStockfun()
|
|
|
+ } else {
|
|
|
+ this.status = 'nomore'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ confirmEmptying() {
|
|
|
+ this.formTwo = {
|
|
|
+ size: 20,
|
|
|
+ current: 1
|
|
|
+ }
|
|
|
+ this.form = {
|
|
|
+ size: 20,
|
|
|
+ current: 1
|
|
|
+ }
|
|
|
+ this.dataList = []
|
|
|
+ this.show = false
|
|
|
+ this.mask = false
|
|
|
+ this.queryStockfun()
|
|
|
+ },
|
|
|
+ confirmSearch() {
|
|
|
+ let form = {
|
|
|
+ ...JSON.parse(JSON.stringify(this.formTwo)),
|
|
|
+ labels: this.formTwo.labels ? this.formTwo.labels.join(',') : '',
|
|
|
+ size: 20,
|
|
|
+ current: 1
|
|
|
+ }
|
|
|
+ this.form = form
|
|
|
+ this.dataList = []
|
|
|
+ this.show = false
|
|
|
+ this.mask = false
|
|
|
+ this.queryStockfun()
|
|
|
+ },
|
|
|
+ stock(val) {
|
|
|
+ this.$set(this.formTwo, "inventoryBalance", val)
|
|
|
+ },
|
|
|
+ //集合筛选条件
|
|
|
+ filterAll(screen) {
|
|
|
+ this.screen = screen
|
|
|
+ switch (screen[1]) {
|
|
|
+ case "goodsTypeId":
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ listAll().then(res => {
|
|
|
+ this.columns = [res.data]
|
|
|
+ this.keyName = "cname"
|
|
|
+ this.dropDown = true
|
|
|
+ uni.hideLoading()
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择确认
|
|
|
+ confirm(e) {
|
|
|
+ this.formTwo[this.screen[0]] = e.value[0].cname
|
|
|
+ this.formTwo[this.screen[1]] = e.value[0].id
|
|
|
+ this.dropDown = false
|
|
|
+ },
|
|
|
+ queryStockfun() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+/* appStatistics(this.form).then(res => {
|
|
|
+ this.priceForm = res.data
|
|
|
+ })*/
|
|
|
+ queryStock(this.form).then(res => {
|
|
|
this.total = res.data.total || 0
|
|
|
if (res.data.records) {
|
|
|
this.dataList = this.dataList.concat(res.data.records)
|
|
|
- }
|
|
|
- uni.hideLoading();
|
|
|
- if (this.total < 10) {
|
|
|
- this.status = 'nomore'
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- custom(e) {
|
|
|
- this.dataList = []
|
|
|
- this.form.current = 1
|
|
|
- this.queryStockfun()
|
|
|
- },
|
|
|
- click(item) {
|
|
|
- this.dataList = []
|
|
|
+ }
|
|
|
+ uni.hideLoading();
|
|
|
+ if (this.total < 10) {
|
|
|
+ this.status = 'nomore'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ custom(e) {
|
|
|
+ this.dataList = []
|
|
|
+ this.form.current = 1
|
|
|
+ this.queryStockfun()
|
|
|
+ },
|
|
|
+ click(item) {
|
|
|
+ this.dataList = []
|
|
|
this.form.current = 1
|
|
|
- this.form.goodsTypeId = item.value,
|
|
|
- this.queryStockfun()
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
- .tl-show {
|
|
|
- overflow: hidden;
|
|
|
- position: fixed;
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .topBackground {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- z-index: 1;
|
|
|
- width: 100%;
|
|
|
- background-color: #FF6F3B;
|
|
|
- }
|
|
|
-
|
|
|
- .statistics_h {
|
|
|
- position: fixed;
|
|
|
- top: calc(88px + var(--status-bar-height));
|
|
|
- z-index: 1;
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- padding-top: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .content {
|
|
|
- margin-top: 355rpx !important;
|
|
|
- }
|
|
|
-
|
|
|
- .statistics {
|
|
|
- width: calc(96% - 20rpx);
|
|
|
- margin: 0 auto;
|
|
|
- background: url("../../../static/images/bg.png") no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- border-radius: 20rpx;
|
|
|
- color: #fff;
|
|
|
- /* padding: 10rpx; */
|
|
|
- padding: 10rpx 0rpx 10rpx 10rpx;
|
|
|
- font-size: 38rpx;
|
|
|
- }
|
|
|
-
|
|
|
- /* ::v-deep .u-line {
|
|
|
- border-bottom: 4rpx dashed #B6B6B6 !important;
|
|
|
- } */
|
|
|
-
|
|
|
- ::v-deep .u-divider {
|
|
|
- margin: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .u-album__row__wrapper>uni-image {
|
|
|
- border-radius: 10rpx;
|
|
|
- border-top-right-radius: 0;
|
|
|
- border-bottom-right-radius: 0;
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .u-navbar__content {
|
|
|
- background-image: linear-gradient(to bottom, #FD4B09, #FF6F3B);
|
|
|
- }
|
|
|
+ this.form.goodsTypeId = item.value,
|
|
|
+ this.queryStockfun()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .tl-show {
|
|
|
+ overflow: hidden;
|
|
|
+ position: fixed;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topBackground {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 1;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #FF6F3B;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_h {
|
|
|
+ position: fixed;
|
|
|
+ top: calc(88px + var(--status-bar-height));
|
|
|
+ z-index: 1;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ margin-top: 355rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics {
|
|
|
+ width: calc(96% - 20rpx);
|
|
|
+ margin: 0 auto;
|
|
|
+ background: url("../../../static/images/bg.png") no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ color: #fff;
|
|
|
+ /* padding: 10rpx; */
|
|
|
+ padding: 10rpx 0rpx 10rpx 10rpx;
|
|
|
+ font-size: 38rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* ::v-deep .u-line {
|
|
|
+ border-bottom: 4rpx dashed #B6B6B6 !important;
|
|
|
+ } */
|
|
|
+
|
|
|
+ ::v-deep .u-divider {
|
|
|
+ margin: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .u-album__row__wrapper>uni-image {
|
|
|
+ border-radius: 10rpx;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .u-navbar__content {
|
|
|
+ background-image: linear-gradient(to bottom, #FD4B09, #FF6F3B);
|
|
|
+ }
|
|
|
</style>
|