<!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 && item.SnList.length > 1">{{i.SnNo}}</div> <div class="f12 c333" @click="item.showAll = !item.showAll" v-if="item.SnList.length > 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>