314 lines
7.2 KiB
Vue
314 lines
7.2 KiB
Vue
<template>
|
||
<view>
|
||
<view class="header">
|
||
<span>扫码追溯</span>
|
||
<uni-icons type="scan" color="#333" size="26" style="display: block;" @click="toScanAdd"></uni-icons>
|
||
</view>
|
||
<view class="flex-row">
|
||
<view class="flex-cell ">
|
||
<span>物料代码：</span>
|
||
{{ detailHead.materielNo }}
|
||
</view>
|
||
<view class="flex-cell ">
|
||
<span>物料名称：</span>
|
||
{{ detailHead.materielName }}
|
||
</view>
|
||
<view class="flex-cell">
|
||
<span>规格型号：</span>
|
||
{{ detailHead.specification }}
|
||
</view>
|
||
<view class="flex-cell">
|
||
<span>计量单位：</span>
|
||
{{ detailHead.uomName }}
|
||
</view>
|
||
<view class="flex-cell">
|
||
<span>批号：</span>
|
||
{{ detailHead.batch }}
|
||
</view>
|
||
<view class="flex-cell">
|
||
<span>入库数量：</span>
|
||
{{ detailHead.count }}
|
||
</view>
|
||
<view class="flex-cell">
|
||
<span>剩余数量：</span>
|
||
{{ detailHead.remainCount }}
|
||
</view>
|
||
</view>
|
||
<view class="head">入库出库明细</view>
|
||
<view class="table_container">
|
||
<t-table border="0">
|
||
<view class="tr-body">
|
||
<t-tr font-size="14" v-for="(item, index) in tableList" :key="index">
|
||
<view class="tr_view">
|
||
<t-td style='width:80px'>{{ item.dateType }}</t-td>
|
||
<t-td class='t_td_cell'>{{ setTime(item.createTime)}}</t-td>
|
||
<t-td style='width:80px'>{{ item.countType }}</t-td>
|
||
<t-td class='t_td_cell'>{{ item.count }}</t-td>
|
||
</view>
|
||
</t-tr>
|
||
</view>
|
||
</t-table>
|
||
</view>
|
||
|
||
<!-- <view class="goHome" @click="goMain()"><img src="@/static/img/gohome.png" /></view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import jweixin from '@/jweixin-module/index.js';
|
||
import tTable from '@/components/wms/t-table/t-table.vue';
|
||
import tTh from '@/components/wms/t-table/t-th.vue';
|
||
import tTr from '@/components/wms/t-table/t-tr.vue';
|
||
import tTd from '@/components/wms/t-table/t-td.vue';
|
||
import uniIcons from '@/components/uni-icons/uni-icons.vue';
|
||
export default {
|
||
data() {
|
||
return {
|
||
detailHead: {
|
||
materielName: ''
|
||
},
|
||
tableList: []
|
||
};
|
||
},
|
||
components: {
|
||
tTable,
|
||
tTh,
|
||
tTr,
|
||
tTd,
|
||
uniIcons
|
||
},
|
||
mounted() {
|
||
this.initiateWX();
|
||
},
|
||
methods: {
|
||
//获取微信相关
|
||
initiateWX() {
|
||
this.$http
|
||
.request({
|
||
url: '/apis/weChat/getSignature',
|
||
params: {
|
||
// url:"http://120.132.17.220:18090/gyhl-app/"
|
||
url: window.location.href.split('#')[0]
|
||
}
|
||
})
|
||
.then(res => {
|
||
if (res.data.code == 0) {
|
||
var s = res.data;
|
||
jweixin.config({
|
||
beta: true,
|
||
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||
appId: s.appId, // 必填，公众号的唯一标识
|
||
timestamp: s.timestamp, // 必填，生成签名的时间戳
|
||
nonceStr: s.nonceStr, // 必填，生成签名的随机串
|
||
signature: s.signature.toLowerCase(), // 必填，签名，见附录1
|
||
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'scanQRCode']
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg ? res.msg : '获取微信配置失败',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
})
|
||
.catch(err => {
|
||
uni.showToast({
|
||
title: err,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
});
|
||
},
|
||
toScanAdd() {
|
||
let _this = this;
|
||
jweixin.scanQRCode({
|
||
desc: 'scanQRCode desc',
|
||
needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，
|
||
scanType: ['qrCode'], // 可以指定扫二维码还是条形码（一维码），默认二者都有"qrCode", "barCode"
|
||
success: function(res) {
|
||
if (res.errMsg != 'scanQRCode:ok') {
|
||
uni.showToast({
|
||
title: '扫描结果:' + res.resultStr,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
} else {
|
||
//扫码正确
|
||
let resultStr = res.resultStr;
|
||
try {
|
||
resultStr = JSON.parse(resultStr);
|
||
if (resultStr.id) {
|
||
_this.getQrCodeInfo(resultStr.id);
|
||
} else {
|
||
uni.showToast({
|
||
title: '二维码错误，请扫描正确的二维码',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
} catch (e) {
|
||
uni.showToast({
|
||
title: '二维码错误，请扫描正确的二维码',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}
|
||
// 回调
|
||
},
|
||
error: function(res) {
|
||
uni.showToast({
|
||
title: 'error:' + res,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
if (res.errMsg.indexOf('function_not_exist') > 0) {
|
||
alert('版本过低请升级');
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
//调用接口获取二维码信息
|
||
getQrCodeInfo(id) {
|
||
this.$http
|
||
.request({
|
||
url: '/apis/scm/qrcode/logDetail',
|
||
params: {
|
||
qrCodeId: id
|
||
},
|
||
method: 'GET'
|
||
})
|
||
.then(res => {
|
||
if (res.data.code == 0) {
|
||
this.detailHead=res.data.header
|
||
this.tableList=res.data.body
|
||
}else{
|
||
uni.showToast({
|
||
title: res.data.msg? res.data.msg:'扫码失败',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
});
|
||
},
|
||
setTime(time){
|
||
if(time.split(' ')[0]){
|
||
return time.split(' ')[0]
|
||
}else {
|
||
return time
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
.header {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 40px;
|
||
background-color: #fff;
|
||
}
|
||
.header span {
|
||
line-height: 40px;
|
||
font-size: 15px;
|
||
margin-left: 10px;
|
||
}
|
||
.header .uni-icon {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 0px;
|
||
padding: 7px;
|
||
}
|
||
.head {
|
||
height: 40px;
|
||
width: 100%;
|
||
line-height: 40px;
|
||
font-size: 15px;
|
||
background-color: #fff;
|
||
padding-left: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.flex-row {
|
||
position: relative;
|
||
width: 100%;
|
||
padding-right: 45px !important;
|
||
background-color: #fff;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.flex-cell {
|
||
width: 100%;
|
||
text-align: left;
|
||
/* overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis; */
|
||
min-height: 30px;
|
||
line-height: 30px;
|
||
font-size: 14px;
|
||
padding-left: 10px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.table_container {
|
||
position: relative;
|
||
width: 100%;
|
||
margin: auto;
|
||
margin-top: 10px;
|
||
height: calc(100% - 91px);
|
||
font-size: 13px;
|
||
color: #333;
|
||
}
|
||
.t-table {
|
||
position: relative;
|
||
height: 100%;
|
||
padding-bottom: 10px;
|
||
}
|
||
.tr-body {
|
||
position: relative;
|
||
width: 100%;
|
||
left: 0;
|
||
bottom: 0;
|
||
overflow: auto;
|
||
background-color: #fff;
|
||
}
|
||
.t-table .t-tr {
|
||
position: relative;
|
||
border-bottom: 1px solid #efefef;
|
||
}
|
||
.tr_view {
|
||
/* position: relative;
|
||
display: block;
|
||
width: 100%; */
|
||
|
||
position: relative;
|
||
overflow: auto;
|
||
width: 100%;
|
||
}
|
||
.tr-head {
|
||
position: relative;
|
||
top: 0;
|
||
width: 100%;
|
||
}
|
||
.tr-head .t-th {
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
width: calc((100% / 4));
|
||
}
|
||
.t-td {
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
/* width: calc((100% / 4)); */
|
||
height: 33px;
|
||
padding: 4px 0;
|
||
}
|
||
.t_td_cell{
|
||
width: calc((100% - 160px) / 2);
|
||
}
|
||
</style>
|