出入库

components/mobile/center/outOfStorage/StorageList.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="storage">
+    <div class="com-mobile-header mobile-center-header">
+      <a @click="goLastPage"><i class="iconfont icon-fanhui"></i></a>
+      <p>产品出入库</p>
+      <p class="en-name"><img :src="`/images/mobile/center/${user.data.enterprise.uu ? 'en' : 'self'}.png`" alt="">{{currentEnName}}</p>
+    </div>
+    <div class="mobile-fix-content mobile-centerfix-content" id="mobile-storage-center">
+      <!--入库记录-->
+      <div>
+        <div class="storage-head">
+          <span class="inline-block" :class="{'active': switchType === 'enter'}" @click="setSwitchType('enter')">入库</span>
+          <span class="inline-block" :class="{'active': switchType === 'out'}" @click="setSwitchType('out')">出库</span>
+        </div>
+        <div class="storage-record" v-if="switchType === 'enter'">
+          <div class="search-content clearfix">
+            <div class="search">
+              <input type="text" placeholder="卖家/发货单" class="staff-search">
+              <span><i class="iconfont icon-sousuo"></i></span>
+            </div>
+          </div>
+          <div class="tab-content"><span class="active">查看入库记录</span><span>其他入库</span><span>采购入库</span></div>
+          <div class="list-content">
+
+          </div>
+          <!--<empty-status :type="'collect'" :showLink="true" :text="'抱歉，没有相关信息'" v-else></empty-status>-->
+          <!--<pull-up :fixId="'mobile-storage-center'" :searchMore="fetching" :allPage="allPage" :page="page" @pullUpAction="onPullUpAction"></pull-up>-->
+        </div>
+      </div>
+    </div>
+    <remind-box :title="remindText" :timeoutCount="timeoutCount"></remind-box>
+  </div>
+</template>
+<script>
+  import { RemindBox, PullUp, EmptyStatus } from '~components/mobile/common'
+  export default {
+    layout: 'mobile',
+    data () {
+      return {
+        remindText: '',
+        timeoutCount: 0,
+        switchType: 'enter'
+      }
+    },
+    components: {
+      RemindBox,
+      PullUp,
+      EmptyStatus
+    },
+    methods: {
+      onRemind: function (str) {
+        this.remindText = str
+        this.timeoutCount++
+      },
+      setSwitchType (type) {
+        this.switchType = type
+      }
+    }
+  }
+</script>
+<style lang="scss">
+  $base-color: #3f84f6;
+  #mobile-storage-center {
+    padding-bottom: .5rem;
+    margin: 0 auto;
+    .storage-head {
+      height: .82rem;
+      line-height: .82rem;
+      text-align: center;
+      background: #fff;
+      span {
+        font-size: .29rem;
+        &:last-child {
+          margin-left: 2.6rem;
+        }
+        &.active {
+          color: $base-color;
+          border-bottom: 1px solid $base-color;
+        }
+      }
+    }
+    .storage-record {
+      .search-content {
+        padding: .25rem 0;
+        text-align: center;
+        input {
+          margin: 0;
+          width: 7.1rem;
+          border: 1px solid $base-color;
+        }
+      }
+      .tab-content{
+        margin: .2rem auto .13rem;
+        width: 7.1rem;
+        overflow: hidden;
+        text-align: center;
+        span{
+          float: left;
+          display: inline-block;
+          width: 2.36rem;
+          height: .62rem;
+          line-height: .62rem;
+          text-align: center;
+          color: #999999;
+          font-size: .26rem;
+          background-color: #ffffff;
+          border: solid 1px #d7d7d7;
+          -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+          &.active{
+            background-color: #3f84f6;
+            border: none;
+            color: #fff;
+          }
+          &:first-child{
+            border-top-left-radius: .05rem;
+            border-bottom-left-radius: .05rem;
+          }
+          &:nth-child(2){
+            border-left: none;
+            border-right: none;
+          }
+          &:last-child{
+            border-top-right-radius: .05rem;
+            border-bottom-right-radius: .05rem;
+          }
+        }
+      }
+      .list-content{
+        margin: 0 auto;
+        padding: 0 .20rem;
+        margin-bottom:1.2rem;
+      }
+    }
+  }
+</style>

components/mobile/center/outOfStorage/index.js

@@ -0,0 +1,3 @@
+import StorageList from './StorageList.vue'
+
+export { StorageList }

pages/mobile/center/vendor/outOfStorage/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <storage-list/>
+  </div>
+</template>
+<script>
+  import { StorageList } from '~components/mobile/center/outOfStorage'
+  export default {
+    middleware: 'authenticated',
+    layout: 'mobile',
+    components: {
+      StorageList
+    }
+  }
+</script>