库存查询

li-guang

2020-12-25 c94eed22ac10480428d5b711bfd90ff746f42d2b

 hive-app/pages/workbench/index.vue

@@ -8,137 +8,139 @@
         <text class="font-18 dark-gray">HIVE</text>
         <view>
            <text class="icon gray iconfont iconsousuo mr-15"></text>
            <text class="icon gray iconfont iconjiahao" @click.stop="isShow=!isShow"></text>
         </view>
         <view class="popup-content" v-show="isShow">
            <view>
               <text class="icon iconfont iconjiahao mr-5"></text>
               <text>新增会员</text>
            </view>
            <view class="mt-10">
               <text class="icon iconfont iconsaomiao mr-5"></text>
               <text>扫一扫</text>
            </view>
            <text class="icon gray iconfont iconjia" @click.stop="isShow=!isShow"></text>
         </view>
      </view>
      <view class="condition flex justify-between">
         <view class="flex flex-v align-center">
            <text class="font-17 white">0</text>
            <text class="font-15 white mt-10">预约</text>
      <popover class="popup-content" v-show="isShow">
         <view class="popup-item flex align-center">
            <text class="icon white iconfont iconjia mr-5"></text>
            <text class="white font-14 popup-content-text">新增会员</text>
         </view>
         <view class="popup-item flex align-center">
            <text class="icon white iconfont iconsaomiao mr-5"></text>
            <text class="white font-14 popup-content-text">扫一扫</text>
         </view>
      </popover>
      <view class="condition flex justify-around">
         <view class="eyes">
            <text class="iconfont iconyanjing2"></text>
            <!-- <text class="iconfont iconbiyan"></text> -->
         </view>
         <view class="flex flex-v align-center">
            <text class="font-17 white">2</text>
            <text class="font-15 white mt-10">进行中</text>
            <text class="font-17">¥ 1000</text>
            <text>今日订单</text>
         </view>
         <view class="flex flex-v align-center">
            <text class="font-17 white">5</text>
            <text class="font-15 white mt-10">代付款</text>
            <text class="font-17">¥ 100</text>
            <text>今日消耗</text>
         </view>
         <view class="flex flex-v align-center">
            <text class="font-17 white">15</text>
            <text class="font-15 white mt-10">欠款</text>
            <text class="font-17">¥ 90</text>
            <text>手工提成</text>
         </view>
			
      </view>
      <view class="content-item mt-10">
         <text class="title">订单</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/order1.png"></image>
               <text class="font-12 mt-10 font-dark">新建订单</text>
            <view class="list-item">
               <navigator url="./selectCustomer" hover-class="none">
                  <image class="content-icon" src="../../static/images/order1.png"></image>
                  <text class="font-12 font-dark">新建订单</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/order2.png"></image>
               <text class="font-12 mt-10 font-dark">代付款</text>
            <view class="list-item">
               <navigator url="./orderList"  hover-class="none">
                  <image class="content-icon" src="../../static/images/order2.png"></image>
                  <text class="font-12 font-dark">待付款</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/order3.png"></image>
               <text class="font-12 mt-10 font-dark">已付款</text>
            <view class="list-item">
               <navigator url="./orderList"  hover-class="none">
                  <image class="content-icon" src="../../static/images/order3.png"></image>
                  <text class="font-12 font-dark">已付款</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/order4.png"></image>
               <text class="font-12 mt-10 font-dark">欠款</text>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/order4.png"></image>
                  <text class="font-12 font-dark">领用</text>
               </navigator>
            </view>
         </view>
      </view>
      <view class="content-item mt-10">
         <text class="title">项目/服务</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/sever1.png"></image>
               <text class="font-12 mt-10 font-dark">新建预约</text>
            <view class="list-item">
               <navigator url="./selectCustomer?type=2"  hover-class="none">
                  <image class="content-icon" src="../../static/images/order1.png"></image>
                  <text class="font-12 font-dark">新建服务单</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/sever2.png"></image>
               <text class="font-12 mt-10 font-dark">看板</text>
            <view class="list-item">
               <navigator url="./serviceOrderList"  hover-class="none">
                  <image class="content-icon" src="../../static/images/sever2.png"></image>
                  <text class="font-12 font-dark">待服务</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/sever3.png"></image>
               <text class="font-12 mt-10 font-dark">待服务</text>
            <view class="list-item">
               <navigator url="./serviceOrderList"  hover-class="none">
                  <image class="content-icon" src="../../static/images/sever3.png"></image>
                  <text class="font-12 font-dark">服务中</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/sever4.png"></image>
               <text class="font-12 mt-10 font-dark">服务完成</text>
            <view class="list-item">
               <navigator url="./serviceOrderList"  hover-class="none">
                  <image class="content-icon" src="../../static/images/sever4.png"></image>
                  <text class="font-12 font-dark">服务完成</text>
               </navigator>
            </view>
         </view>
      </view>
      <view class="content-item mt-10">
         <text class="title">代办</text>
         <text class="title">待办</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/commission1.png"></image>
               <text class="font-12 mt-10 font-dark">跟进</text>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/commission1.png"></image>
                  <text class="font-12 font-dark">看板</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/commission2.png"></image>
               <text class="font-12 mt-10 font-dark">日报</text>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/sever1.png"></image>
                  <text class="font-12 font-dark">客户预约</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/commission3.png"></image>
               <text class="font-12 mt-10 font-dark">通知</text>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/commission2.png"></image>
                  <text class="font-12 font-dark">跟进记录</text>
               </navigator>
            </view>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/commission3.png"></image>
                  <text class="font-12 font-dark">通知</text>
               </navigator>
            </view>
         </view>
      </view>
      <view class="content-item mt-10">
         <text class="title">仓库</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/warehouse1.png"></image>
               <text class="font-12 mt-10 font-dark">库存查询</text>
            <view class="list-item">
               <navigator url="./stockSearch"  hover-class="none">
                  <image class="content-icon" src="../../static/images/warehouse1.png"></image>
                  <text class="font-12 font-dark">库存查询</text>
               </navigator>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/warehouse2.png"></image>
               <text class="font-12 mt-10 font-dark">盘点</text>
            </view>
         </view>
      </view>
      <view class="content-item">
         <text class="title">报表</text>
         <view class="flex align-center mt-10">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement1.png"></image>
               <text class="font-12 mt-10 font-dark">排行榜</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement2.png"></image>
               <text class="font-12 mt-10 font-dark">员工业绩</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement3.png"></image>
               <text class="font-12 mt-10 font-dark">门店业绩</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement4.png"></image>
               <text class="font-12 mt-10 font-dark">产品报表</text>
            </view>
         </view>
         <view class="flex align-center mt-15">
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement5.png"></image>
               <text class="font-12 mt-10 font-dark">库存预警</text>
            </view>
            <view class="flex flex-v align-center list-item">
               <image class="content-icon" src="../../static/images/statement6.png"></image>
               <text class="font-12 mt-10 font-dark">客户流失预警</text>
            <view class="list-item">
               <navigator url="./"  hover-class="none">
                  <image class="content-icon" src="../../static/images/warehouse2.png"></image>
                  <text class="font-12 font-dark">盘点</text>
               </navigator>
            </view>
         </view>
      </view>
@@ -146,44 +148,65 @@
</template>

<script>
   import popover from "../../components/popover/index.vue"
   export default{
      components:{
         popover
      },
      data(){
         return{
            isShow:false
         }
      },
      onLoad() {
         document.addEventListener('click', () => {
            this.isShow = false
         }, false)
         // document.addEventListener('click', () => {
         //    this.isShow = false
         // }, false)
      },
      methods:{
         appear(){
            
         },
         linkTo(val){
            uni.navigateTo({
               url:val
            })
         }
      }
   }
</script>

<style>
   page{
      background: #F6F6F8;
   }
   .icon {
      font-size: 18px;
      text-align: center;
      font-family: texticons;
   }
   page{
      background: #F8F8F8;
   }
   .container{
      padding: 0 10px;
   }
   .header{
      padding: 12px 5px;
      padding: 0 5px 10px;
   }
   .condition{
      background-color: #518EFF;
      padding: 15px 30px;
      position: relative;
      background: #518EFF;
      padding: 15px 20px;
      border-radius: 4px;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 30px;
   }
   .condition .eyes{
      position: absolute;
      right: 10px;
      top: 10px;
   }
   .condition .eyes .iconfont{
      font-size: 18px;
   }
   .content-item{
      background: #FFFFFF;
@@ -195,22 +218,33 @@
      font-size: 14px;
      color: #666666;
      padding-left: 15px;
      padding-bottom: 5px;
   }
   .content-icon{
      width: 30px;
      height: 30px;
      padding-bottom: 10px;
   }
   .list-item{
      width: 25%;
      text-align: center;
   }
   .content-icon{
      width: 26px;
      height: 26px;
      display: block;
      margin: 0 auto 5px;
   }
	
   .popup-content{
      background: #FFFFFF;
      border: 1px solid #ABB1CC;
      padding: 10px;
      border-radius: 4px;
      position: absolute;
      right: 10px;
      top: 35px;
      z-index: 99;
      right: 9px;
      top: 48px;
      padding-left: 10px;
   }
	
   .popup-content-text{
      width: 100%;
      border-bottom: 1px solid gray;
      padding: 10px 10px 10px 0;
   }
   .popup-content .popup-item:nth-last-of-type(1) .popup-content-text{
      border-bottom: 0;
   }
</style>