|
@@ -0,0 +1,90 @@
|
|
|
+<template>
|
|
|
+ <view class="stock-wrap">
|
|
|
+ <!-- 统计 -->
|
|
|
+ <view class="panel-box">
|
|
|
+ <view class="item-box">
|
|
|
+ <u-count-to :end-val="1542" separator=","></u-count-to>
|
|
|
+ <view>库存总数量(个)</view>
|
|
|
+ </view>
|
|
|
+ <view class="item-box">
|
|
|
+ <u-count-to :end-val="1542" separator=","></u-count-to>
|
|
|
+ <view>库存总成本(¥)</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 库存查询 -->
|
|
|
+ <view class="stock-con">
|
|
|
+ <view class="stock-tit">
|
|
|
+ <view class="u-line"></view>库存查询
|
|
|
+ </view>
|
|
|
+ <u-form :model="form" ref="uForm" label-width="180">
|
|
|
+ <u-form-item label="产品编码"><u-input v-model="form.productCode" placeholder="请输入产品编码" style="text-align: right;" /></u-form-item>
|
|
|
+ <u-form-item label="原厂编码"><u-input v-model="form.productOrigCode" placeholder="请输入原厂编码" style="text-align: right;" /></u-form-item>
|
|
|
+ <u-form-item label="产品名称"><u-input v-model="form.productName" placeholder="请输入产品名称" style="text-align: right;" /></u-form-item>
|
|
|
+ <u-form-item label="产品品牌"><view></view></u-form-item>
|
|
|
+ <u-form-item label="只查看有库存"><u-switch slot="right" v-model="form.zeroQtyFlag"></u-switch></u-form-item>
|
|
|
+ </u-form>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default{
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ productCode: '', // 产品编码
|
|
|
+ productName: '', // 产品名称
|
|
|
+ productOrigCode: '', // 原厂编码
|
|
|
+ productBrandSn: undefined, // 产品品牌
|
|
|
+ productTypeSn1: '', // 产品分类1
|
|
|
+ productTypeSn2: '', // 产品分类2
|
|
|
+ productTypeSn3: '', // 产品分类3
|
|
|
+ zeroQtyFlag: false // 库存情况
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .stock-wrap{
|
|
|
+ width: 100%;
|
|
|
+ padding: 30upx;
|
|
|
+ .panel-box {
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 20upx 20upx;
|
|
|
+ border-radius: 20upx;
|
|
|
+ box-shadow: 3upx 2upx 6upx #eee;
|
|
|
+ margin-bottom: 30upx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ .item-box{
|
|
|
+ text-align: center;
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ .item-box:first-child{
|
|
|
+ border-right: 1px solid #e4e7ed;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .stock-con{
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 20upx;
|
|
|
+ box-shadow: 3upx 2upx 6upx #eee;
|
|
|
+ padding: 20upx;
|
|
|
+ .stock-tit{
|
|
|
+ .u-line{
|
|
|
+ display: inline-block;
|
|
|
+ width: 6upx;
|
|
|
+ height: 40upx;
|
|
|
+ background-color: red;
|
|
|
+ vertical-align: bottom;
|
|
|
+ margin: 0 20upx 0 10upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|