<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>仓库管理-发货详情-创业帮</title>
    <meta name="keywords" content="仓库管理-发货详情-创业帮">
    <meta name="description" content="仓库管理-发货详情-创业帮">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="仓库管理-发货详情-创业帮">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/main.css">
    <style>
      .warehouse-application .topline{border-top:1px solid #f2f2f2;}
      .allocationRecord-detail .van-cell{padding-bottom:0;}
      .van-cell__title{flex:.5;}
      
    </style>
  </head>
  <body class="pb0 pt0" style="padding-top:0;">
    <div class="warehouse allocationRecord-detail warehouse-application" id="app" v-cloak style="height:100vh">
      <van-nav-bar class="user_rank_explan_title user_title_normal titlef16 rightc333" left-arrow title="发货详情" @click-left="goback">
        <template #left><img src="./static/images/left.png" alt=""></template>
      </van-nav-bar>
      <van-cell-group class="warp topline">
        <van-cell title="申请时间" :border="false" :value="detailInfo.CreateDate"></van-cell>
        <van-cell title="申请数量" :border="false" :value="`${detailInfo.ApplyNum }  台`"></van-cell>
        <van-cell title="发货数量" :border="false" :value="`${detailInfo.SendNum }  台`"></van-cell>
        <van-cell title="使用额度" :border="false" :value="`${detailInfo.UseAmount }  元`"></van-cell>
        <van-cell title="发货方式" :border="false" :value="detailInfo.SendMode"></van-cell>
        <van-cell title="快递单号" :border="false" @click="copy" style="align-items: center;" :data-clipboard-text="detailInfo.ErpCode" @touchstart="copy" data-clipboard-action="copy" data-clipboard-target="#inviteCode" ref="copy">
          <template #right-icon><img src="./static/images/icon-copy.png" alt="" style="width:.3733rem;height: .3733rem;margin-left:.16rem"></template>
          <template> 
            <div class="c333 f14" id="inviteCode" style="word-wrap: normal;">{{detailInfo.ErpCode}}</div>
          </template>
        </van-cell>
        <van-cell :border="false" v-for="(item,index) in detailInfo.SendSn" :key="index">
          <template #title>
            <div class="f14 c333">{{item.Name}}({{item.SnList.length}})</div>
          </template>
          <template>
            <div class="f14 c333" v-show="item.showAll === false">{{item.SnList[0].SnNo}}</div>
            <div class="c333 f14" v-for="(i,ind) in item.SnList" :key="ind" v-show="item.showAll === true &amp;&amp; item.SnList.length &gt; 1">{{i.SnNo}}</div>
            <div class="f12 c333" @click="item.showAll = !item.showAll" v-if="item.SnList.length &gt; 1"> <span>{{item.showAll ? '收起' : '展开'}}</span>
              <van-icon id="arrowicon" :name="item.showAll ? 'arrow-up' : 'arrow-down'" style="margin-left: .16rem;"></van-icon>
            </div>
          </template>
        </van-cell>
      </van-cell-group>
    </div>
    <script src="./static/js/clipboard.min.js"></script> 
    <script src="./static/js/klm-vv.min.js"></script>
    <script src="./static/js/appfunc.min.js"></script>
    <script src="./static/js/klm-axios-config.js"></script>
    <script src="./static/js/publicfn.js"></script>
    <script>
      Vue.use(vant.Lazyload);
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data(){
          return{
            toptitleisshow,
            showAll:false,
            detailInfo:{
              CreateDate:'',
              ApplyNum:0,
              SendNum:0,
              UseAmount:0,
              SendMode:'',
              ErpCode:'',
              SwapSnExpand:[],
            }
          }
        },
        created(){
          //- console.log(this.showAll)
          this.getApplycationDetail()
        },
        methods:{
          goback(){
            PublicLib.GoBack({Level:1});
          },
          giveToast(str){
            vant.Toast(str);
          },
          copy(){
            const that = this;
            that.copyBtn = new ClipboardJS(this.$refs.copy);
            that.copyBtn = new ClipboardJS(this.$refs.copy);
            const clipboard = that.copyBtn;
            clipboard.on('success', function(e) {
              that.giveToast('复制成功');
            });
            clipboard.on('error', function(e) {
              that.giveToast('复制失败,请手动选择复制!');
            });
              
          },
          async getApplycationDetail(){
            const UserId = PublicLib.getCookieInfo('userId');
            const Id = PublicLib.getCookieInfo('appication-Id');
            const res = await getRequest('api/v1/storemachineapply/applydetail?t='+Math.random(6),JSON.stringify({Id,UserId}));
            if(res.status === '1'){
              res.data.SendSn.forEach((item,idnex)=>{
                item.showAll = false
              })
              this.detailInfo = res.data;
            }
           
            //- this.detailInfo.ProductName = JSON.parse(PublicLib.getCookieInfo('appication-item')).ProductName
      
          },
        },
      })
    </script>
  </body>
</html>