浏览代码

库存查询

lilei 3 年之前
父节点
当前提交
bf4ad14700
共有 5 个文件被更改,包括 115 次插入5 次删除
  1. 10 0
      pages.json
  2. 10 3
      pages/morePage/morePage.vue
  3. 92 0
      pages/stockQuery/stockQuery.vue
  4. 3 2
      pages/vinRecord/vinRecord.vue
  5. 二进制
      static/def_imgs.png

+ 10 - 0
pages.json

@@ -99,6 +99,16 @@
             "style" :                                                                                    
             {
                 "navigationBarTitleText": "更多功能",
+                "enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#86defa"
+            }
+            
+        }
+        ,{
+            "path" : "pages/stockQuery/stockQuery",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "库存查询",
                 "enablePullDownRefresh": false
             }
             

+ 10 - 3
pages/morePage/morePage.vue

@@ -5,7 +5,7 @@
 				<u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
 			</view>
 			<u-cell-group :border="false">
-				<u-cell-item title="库存查询" :title-style="{fontSize:'1em'}">
+				<u-cell-item title="库存查询" @click="toPage('/pages/stockQuery/stockQuery')" :title-style="{fontSize:'1em'}">
 					<text slot="icon"></text>
 				</u-cell-item>
 				<u-cell-item title="补货记录" :title-style="{fontSize:'1em'}">
@@ -55,7 +55,11 @@
 			}
 		},
 		methods: {
-			
+			toPage(path){
+				uni.navigateTo({
+					url: path
+				})
+			}
 		}
 	}
 </script>
@@ -64,7 +68,7 @@
 .morePages{
 	width: 100%;
 	padding: 30rpx;
-	background: #f8f8f8;
+	background-image: linear-gradient(#86defa 0%,#cdeff9 20%,#f8f8f8 30%);
 	.list-box{
 		background: #ffffff;
 		margin-bottom: 30rpx;
@@ -79,6 +83,9 @@
 				margin-left: 10rpx;
 			}
 		}
+		&:first-child{
+			box-shadow: 2rpx 2rpx 5rpx #cdeff9;
+		}
 	}
 	.phone{
 		color: #00aaff;

+ 92 - 0
pages/stockQuery/stockQuery.vue

@@ -0,0 +1,92 @@
+<template>
+	<view class="sockQuery flex flex_column">
+		<view class="search-box">
+			<u-search placeholder="请输入货位号/产品编码/产品名称搜索" v-model="queryWord"></u-search>
+		</view>
+		<view class="list-box">
+			<view class="list-item flex align_center justify_between" v-for="item in 35">
+				<view>
+					<u-image src="@/static/def_imgs.png" width='120' height="120"></u-image>
+				</view>
+				<view>
+					<view class="flex align_center justify_between">
+						<view class="vin-text">
+							<text class="hj-no">A01</text>
+							<text>JO-21026E</text>
+						</view>
+						<view class="time-text">
+							库存:<text>3个</text>
+						</view>
+					</view>
+					<view>箭牌机油滤清器 10款进口大众途锐 5.0L V10 TDI</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				queryWord: ""
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="less">
+.sockQuery{
+	width: 100%;
+	height: 100vh;
+	background: #f8f8f8;
+	.search-box{
+		padding: 20rpx 30rpx;
+	}
+	.list-box{
+		flex-grow: 1;
+		overflow: auto;
+	}
+	.list-item{
+		margin: 20rpx 30rpx;
+		border:2rpx solid #f8f8f8;
+		box-shadow: 2rpx 2rpx 6rpx #eee;
+		border-radius: 20rpx;
+		padding: 20rpx 15rpx;
+		background: #ffffff;
+		> view{
+			padding: 0 10rpx;
+			&:last-child{
+				>view{
+					padding: 10rpx 0;
+				}
+			}
+		}
+		.time-text{
+			color: #999;
+			text{
+				color: #333;
+			}
+		}
+		.vin-text{
+			.hj-no{
+				background: #f1f1f1;
+				display: inline-block;
+				border-radius: 10rpx;
+				padding: 0 10rpx;
+				margin-right: 10rpx;
+			}
+		}
+		&:first-child{
+			margin-top: 0;
+		}
+		&:active{
+			opacity: 0.6;
+			transform:scale(0.9);
+		}
+	}
+}
+</style>

+ 3 - 2
pages/vinRecord/vinRecord.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="vinRecord">
 		<view class="des">仅可查看最近7天的VIN查询记录</view>
-		<view class="list-box" v-for="item in 35">
-			<view class="list-item flex align_center justify_between">
+		<view class="list-box">
+			<view class="list-item flex align_center justify_between" v-for="item in 35">
 				<view>
 					<u-image shape="circle" src="@/static/share1.jpg" width='90' height="90"></u-image>
 				</view>
@@ -33,6 +33,7 @@
 
 <style lang="less">
 .vinRecord{
+	width: 100%;
 	background: #f8f8f8;
 	.des{
 		text-align: center;

二进制
static/def_imgs.png