新增应收对账

components/mobile/MobileHeader.vue

@@ -262,6 +262,9 @@
         } else if (this.startWith(val, '/mobile/center/vendor/customer')) {
           this.showSearchIcon = false
           title = '客户资料'
+        } else if (this.startWith(val, '/mobile/center/vendor/btobapCheck')) {
+          this.showSearchIcon = false
+          title = '应收对账'
         } else {
           this.showSearchIcon = true
           title = '优软商城'

nuxt.config.js

@@ -24,10 +24,10 @@ module.exports = {
       return { x: 0, y: 0 }
     }
   },
-  transition: {
-    mode: 'in-out',
-    name: 'page'
-  },
+  // transition: {
+  //   mode: 'in-out',
+  //   name: 'page'
+  // },
   /*
   ** Headers of the page
   */

pages/mobile/center/vendor/btobapCheck.vue

@@ -1,5 +1,12 @@
 <template>
   <div>
+    <div class="mobile-header mobile-center-header">
+      <a @click="goLastPage"><i class="iconfont icon-fanhui"></i></a>
+      <p>应收对账
+        <!--<span @click="addApCheck"><i class="icon-sousuo iconfont"></i>新增对账单</span>-->
+      </p>
+      <p class="en-name"><img :src="`/images/mobile/center/${user.data.enterprise && user.data.enterprise.uu ? 'en' : 'self'}.png`" alt="">{{currentEnName}}</p>
+    </div>
     <div class="btobapCheck-wrapper">
       <div class="order-tab">
         <div class="order-tab-wrapper clearfix">
@@ -68,7 +75,7 @@
           <input type="text" placeholder="选择对账客户">
           <span @click="toChooseUser"><i class="iconfont icon-sousuo"></i></span>
         </div>
-        <div>
+        <div style="padding-left: 0.15rem">
           <span class="title inline-block" style="font-size: 0.28rem;color: #666666;line-height: 0.5rem;margin-top:0.18rem">单据时间：</span>
           <div class="date-wrap">
             <label>
@@ -84,6 +91,44 @@
             </label>
           </div>
         </div>
+        <div class="choosescreen clearfix">
+          <div class="fr">{{'收起'}}筛选条件<i class="iconfont icon-arrow-up"></i></div>
+        </div>
+        <div class="choosescreen-list">
+          <div><span>应付供应商：</span><input type="text" v-model="screenObj.key" placeholder="可用应付供应商名称筛选" /></div>
+          <div><span>物料名称：</span><input type="text" placeholder="请输入物料名称" /></div>
+          <div><span>税率：</span><input type="text" placeholder="请输入税率" /></div>
+          <div><span>送货工厂：</span><input type="text" placeholder="请输入送货工厂名称" /></div>
+          <div><span>规格：</span><input type="text" placeholder="请输入物料规格" /></div>
+        </div>
+        <div class="choosescreen-result">
+          <div class="clearfix choosescreen-result-list">
+            <span class="item inline-block">
+                <label class="mobile-cart-check"></label>
+              </span>
+            <div class="choosescreen-result-list-content">
+              <div>本次对账数：<span>1</span></div>
+              <div>客户名称：<span>1</span></div>
+              <div>单据编号：<span>1</span></div>
+              <div>发货单号：<span>1</span></div>
+              <div>序号：<span>1</span></div>
+              <div>类型：<span>1</span></div>
+              <div>单据日期：<span>1</span></div>
+              <div>应付供应商：<span>1</span></div>
+              <div>客户采购单：<span>1</span></div>
+              <div>客户料号：<span>1</span></div>
+              <div>客户物料名称：<span>1</span></div>
+              <div>客户规格型号：<span>1</span></div>
+              <div>送货工厂：<span>1</span></div>
+              <div>数量：<span>1</span></div>
+              <div>单价：<span>1</span></div>
+              <div>币别：<span>1</span></div>
+              <div>税率：<span>1</span></div>
+              <div>金额：<span>1</span></div>
+              <div>本次对账金额：<span>1</span></div>
+            </div>
+          </div>
+        </div>
       </div>
     </modal-wrapper>
   </div>
@@ -93,7 +138,7 @@
   import { ModalWrapper, BaseFilter } from '~components/mobile/base'
   import { PullUp, EmptyStatus } from '~components/mobile/common'
   export default {
-    layout: 'mobile',
+    layout: 'mobileNoHeader',
     middleware: 'authenticated',
     data() {
       return {
@@ -128,8 +173,9 @@
         },
         isUser: false,
         unreadCode: [],
-        showModal: true,
-        dateObj: {}
+        showModal: false,
+        dateObj: {},
+        screenObj: {}
       }
     },
     created() {
@@ -139,6 +185,9 @@
      this.getUnread()
     },
     methods: {
+      addApCheck() {
+        this.showModal = true
+      },
       setDate (type) {
         if (this.dateObj[type]) {
           // 初始化为00:00:00
@@ -277,6 +326,47 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .mobile-header{
+    position: fixed;
+    top: 0;
+    z-index: 100;
+    width:100%;
+    height: 1.26rem;
+    line-height: 1.26rem;
+    /*border-bottom:.01rem solid #ccc;*/
+    background: #3e82f5;
+    padding:0 .2rem 0 .1rem;
+    color:#fff;
+  }
+  .mobile-header p{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size:.36rem;
+    text-align: center;
+    width: 6rem;
+    padding-left: 1rem;
+  }
+  .mobile-center-header p.en-name {
+    font-size: .3rem;
+  }
+  .mobile-header a{
+    font-size:.28rem;
+    color:#fff;
+    position: absolute;
+  }
+  .mobile-header a i{
+    font-size: .48rem;
+    margin-right: -.1rem;
+  }
+  .mobile-header p span {
+    position: absolute;
+    right: .4rem;
+    font-size: .28rem;
+  }
+  .mobile-header p span i {
+    font-size: .28rem;
+  }
   .btobapCheck-wrapper {
     background: #f1f3f6;
     margin: 1.26rem 0 0.98rem 0;
@@ -451,12 +541,65 @@
       }
       span {
         color: #a0a0a0;
-        margin: 0.3rem .1rem 0;
-        width: .4rem;
+        margin: 0.3rem .05rem 0;
+        width: .3rem;
         display: inline-block;
         text-align: center;
         vertical-align: top;
       }
     }
+    .choosescreen {
+      padding: 0 0.15rem;
+      font-size: 0.28rem;
+      color: #418DF6;
+      line-height: 0.52rem;
+      i {
+        font-size: 0.28rem;
+      }
+    }
+    .choosescreen-list {
+      margin: 0 0.15rem;
+      padding-bottom: 0.28rem;;
+      border-bottom: 1px solid #D9D9D9;
+      div {
+        line-height: 0.76rem;
+        span {
+          font-size: 0.28rem;
+          color: #666666;
+          display: inline-block;
+          width: 1.68rem;
+        }
+        input {
+          height: 0.5rem;
+          line-height: 0.5rem;
+          width: 4.44rem;
+          margin-left: 0.18rem;
+          font-size: 0.28rem;
+          color: #333;
+          border: 1px solid #AEAEAE;
+          text-indent: 0.12rem;
+        }
+      }
+    }
+    .choosescreen-result {
+      margin: 0 0.15rem 0.2rem;
+      .choosescreen-result-list-content {
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 0.15rem;
+        div {
+          @include overFlowHidden();
+          width: 5.5rem;
+        }
+        padding-top: 0.15rem;
+        font-size: 0.28rem;
+        color: #151515;
+        line-height: 0.5rem;
+        padding-bottom: 0.15rem;
+        span {
+          color: #666666;
+        }
+      }
+    }
   }
 </style>

pages/mobile/center/vendor/index.vue

@@ -50,7 +50,7 @@
             <!--<img src="/images/mobile/center/user/wuliu_icon.png" alt="">-->
             <!--<p>物流管理</p>-->
           <!--</nuxt-link>-->
-          <nuxt-link tag="li" to="/mobile/center/vendor/payCenter">
+          <nuxt-link tag="li" to="/mobile/center/vendor/btobapCheck">
             <img src="/images/mobile/center/user/finance_icon.png" alt="">
             <p>应收对账</p>
           </nuxt-link>