<template>
<view class="home-index">
<view class="head">
<!-- 未登录 -->
<!-- #ifdef MP-WEIXIN -->
<navigator class="row verCenter box" v-if="!is_login" url="/pages/mine/auth" hover-class="none">
<view class="row verCenter">
<text class="iconfont icon-juxing"></text>
<text class="t1">未登录</text>
</view>
</navigator>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<navigator class="row verCenter box" v-if="!is_login" url="/pages/mine/login" hover-class="none">
<view class="row verCenter">
<text class="iconfont icon-juxing"></text>
<text class="t1">未登录</text>
</view>
</navigator>
<!-- #endif -->
<!-- 已登录 -->
<view class="row bothSide verCenter box" v-else>
<view class="row verCenter">
<text class="iconfont icon-juxing"></text>
<view class="column">
<text class="t1">{{ userInfo.name }}</text>
<text class="t2">{{ userInfo.email }}</text>
</view>
</view>
</view>
</view>
<view class="fast-entry">
<view class="tit">快捷操作入口</view>
<view class="row bar">
<scroll-view scroll-y="true" class="scroll-Y">
<template v-if="is_login">
<zy-grid :grid-list="gridList" :show-tip="true" :col="3" @gridClickChange="gridClick"></zy-grid>
</template>
<template v-else>
<zy-grid :grid-list="gridList" :show-tip="true" :col="3" @gridClickChange="toUrl()"></zy-grid>
</template>
</scroll-view>
</view>
<view class="borline"></view>
</view>
<!-- #ifdef MP-WEIXIN -->
<template v-if="is_login">
<view class="scan row rowCenter verCenter" @click="scanChange(1)">
<text class="iconfont icon-juxing2"></text>
<text class="tt">扫描</text>
</view>
</template>
<template v-else>
<navigator class="scan row rowCenter verCenter" url="/pages/mine/login" hover-class="none">
<text class="iconfont icon-juxing2"></text>
<text class="tt">扫描</text>
</navigator>
</template>
<!-- #endif -->
</view>
</template>
<script>
import { API } from '@/util/api.js';
import zyGrid from '../../components/zy-grid/zy-grid.vue';
export default {
data() {
return {
is_login: false,
userInfo: {},
rawData: '',
gridList: [{
name: '快递回单上传',
iconfont: 'icon-a-juxing1',
tips: ''
},
{
name: '收货登记',
iconfont: 'icon-juxing3',
tips: ''
},
{
name: '异常收货登记',
iconfont: 'icon-jinggao',
tips: ''
},
{
name: '打印标签',
iconfont: 'icon-a-juxing4',
tips: ''
},
{
name: '追加标签',
iconfont: 'icon-juxing9',
tips: ''
},
{
name: '条码管理',
iconfont: 'icon-juxing8',
tips: ''
},
{
name: '装箱复核序簿',
iconfont: 'icon-jinggao3',
tips: ''
},
{
name: '深圳扫码收货',
iconfont: 'icon-ruku',
tips: ''
},
{
name: '深圳扫码出库',
iconfont: 'icon-cangpeitubiao_chukuhuanhuochuku',
tips: ''
},
{
name: '进口物流清单',
iconfont: 'icon-wuliu',
tips: ''
},
{
name: '报关收货签到',
iconfont: 'icon-chakanbeizhu',
tips: ''
},
{
name: '异常理货',
iconfont: 'icon-a-10cangkucangchu1',
tips: ''
},
{
name: '理货确认',
iconfont: 'icon-a-10cangkucangchu2',
tips: ''
},
{
name: '新增异常',
iconfont: 'icon-jinggao1',
tips: ''
},
{
name: '入库理货',
iconfont: 'icon-a-10cangkucangchu4',
tips: ''
},
{
name: '货品查询',
iconfont: 'icon-huopinchaxun',
tips: ''
}
]
};
},
onShow() {
this.getData();
},
methods: {
scanChange(type) {
uni.scanCode({
success: res => {
console.log(res);
if (res.errMsg == 'scanCode:ok') {
if (type == 1) {
uni.navigateTo({
url: '/pages/scan/confirm?number=' + res.result
});
}
if (type == 2) {
uni.navigateTo({
url: '/pages/pda/warehousing?number=' + res.result
});
}
if (type == 3) {
uni.navigateTo({
url: '/pages/pda/exWarehouse?number=' + res.result
});
}
}
},
fail: res => {
console.log(res);
uni.showToast({
title: '扫码失败',
icon: 'error'
});
}
});
},
getData() {
this.request(API.userInfo, 'POST', {}, false).then(res => {
if (res.err_code === 0) {
this.userInfo = res.data;
this.is_login = true;
} else {
this.is_login = false;
}
});
},
toUrl() {
// #ifdef MP-WEIXIN
uni.navigateTo({
url: '/pages/mine/auth'
});
// #endif
// #ifdef APP-PLUS
uni.navigateTo({
url: '/pages/mine/login'
});
// #endif
},
gridClick(item, index) {
if (item.name == '快递回单上传') {
this.scanChange();
} else if (item.name == '打印标签') {
uni.navigateTo({
url: '/pages/tag/printNew'
});
} else if (item.name == '追加标签') {
uni.navigateTo({
url: '/pages/tag/repairPrintNew'
});
} else if (item.name == '收货登记') {
uni.navigateTo({
url: '/pages/goods/addReceiving'
});
} else if (item.name == '异常理货') {
uni.navigateTo({
url: '/pages/goods/tally'
});
} else if (item.name == '仓内作业') {
uni.navigateTo({
url: '/pages/goods/warehouseOperation'
});
} else if (item.name == '异常收货登记') {
uni.navigateTo({
url: '/pages/goods/addExectionReceiving'
});
} else if (item.name == '条码管理') {
uni.navigateTo({
url: '/pages/goods/barCode'
});
} else if (item.name == '装箱复核序簿') {
uni.navigateTo({
url: '/pages/goods/rePackageList'
});
} else if (item.name == '深圳扫码收货') {
uni.navigateTo({
url: '/pages/pda/selectDate?type=1'
});
} else if (item.name == '深圳扫码出库') {
uni.navigateTo({
url: '/pages/pda/selectDate?type=2'
});
} else if (item.name == '进口物流清单') {
uni.navigateTo({
url: '/pages/pda/logisticsList'
});
} else if (item.name == '报关收货签到') {
uni.navigateTo({
url: '/pages/declaration/index'
});
} else if (item.name == '扫描盘点') {
uni.navigateTo({
url: '/pages/scanInventory/index'
});
} else if (item.name == '理货确认') {
uni.navigateTo({
url: '/pages/tallyGoods/confirm'
});
} else if (item.name == '新增异常') {
uni.navigateTo({
url: '/pages/tallyGoods/addException'
});
} else if (item.name == '入库理货') {
uni.navigateTo({
url: '/pages/tally/index'
});
} else if (item.name == '货品查询') {
uni.navigateTo({
url: '/pages/tally/goods'
});
} else {
uni.showModal({
title: '提示',
content: '后续陆续开放此功能！',
showCancel: false,
confirmText: '关闭',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
}
},
components: {
zyGrid
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/home/index.scss';
</style>