From bb6aebd55fc9a8039e1c199ae1ea8af4eb547b1b Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Wed, 30 Dec 2020 10:32:41 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/stockSearch.vue | 97 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 97 insertions(+), 0 deletions(-) diff --git a/hive-app/pages/workbench/stockSearch.vue b/hive-app/pages/workbench/stockSearch.vue new file mode 100644 index 0000000..ed06b89 --- /dev/null +++ b/hive-app/pages/workbench/stockSearch.vue @@ -0,0 +1,97 @@ +<template> + <!-- 库存查询 --> + <view> + <search-bar @confirm="search" placeholder="商品名称、编号、拼音" class="ml-10 mr-10"></search-bar> + <view class="content"> + <navigator :url="'./storeRecord?goodsCode='+item.goodsCode" hover-class="none" class="content-row" v-for="item in list"> + <view class="flex align-center"> + <image class="product-img" :src="item.img?item.img:'../../static/images/no-img.png'"></image> + <view> + <text class="title">{{item.goodsName}}</text> + <view class="gray"> + <text>在库数量: {{item.storeTotal}}</text> + <!-- <text class="iconfont iconjinggao warn-icon" v-if="item.storeTotal <= item.alarmNum"></text> --> + <text class="warn-txt" v-if="item.storeTotal <= item.alarmNum">低于警戒值</text> + </view> + </view> + </view> + <text class="iconfont iconarrow-backimg light-gray"></text> + </navigator> + </view> + </view> +</template> + +<script> + import searchBar from '../../components/searchBar/index.vue'; + export default { + components:{ + searchBar + }, + data(){ + return{ + queryKey: '', + list: [] + } + }, + onLoad() { + this.loadList() + }, + methods:{ + search(val){ + this.queryKey = val; + this.loadList(); + }, + loadList(){ + this.$httpUtils.request('/api/store/findStoreList', { + pageNum: 1, + pageSize: 100, + queryKey: this.queryKey + }, 'POST').then((res) => { + if(res.status == 200){ + this.list = res.rows; + } + }) + } + } + } +</script> + +<style> + .content{ + padding: 0 10px; + } + .content-row{ + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #EDEAF4; + padding: 12px 0; + font-size: 13px; + } + .product-img{ + width: 48px; + height: 48px; + border-radius: 4px; + margin-right: 10px; + } + .content-row .title{ + display: block; + margin-bottom: 8px; + font-size: 14px; + color: #333333; + } + .content-row .warn-icon{ + margin-left: 10px; + color: #FF3232; + font-size: 18px; + } + .content-row .warn-txt{ + padding: 2px 8px; + margin-left: 10px; + border: 1px solid #FF3232; + color: #FF3232; + font-size: 10px; + border-radius: 20px; + + } +</style> -- Gitblit v1.9.1