<!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>