SmartStorage/pages/workSpace/workSpace.vue

239 lines
7.9 KiB
Vue

<template>
<view>
<view class="upper-search">
<h3>{{ companyName }}</h3>
<!-- <uni-easyinput prefixIcon="search" v-model="iptVal" placeholder="搜索" @iconClick="iconClick"></uni-easyinput> -->
</view>
<h4 class="tit">业务办理</h4>
<view class="secs">
<!-- <view 重庆不需要领料申请
@click="jumpUrl('fetchMaterial')"
v-if="
store.includes('picking:apply:apply') ||
store.includes('*:*:*')
">
<image src="/static/fetchMaterial.png" mode=""></image>
<span>领料申请</span>
</view> -->
<view
@click="jumpUrl('exitMaterial')"
v-if="
store.includes('return:apply:apply') ||
store.includes('*:*:*')
">
<image src="/static/exitMaterial.png" mode=""></image>
<span>退料申请</span>
</view>
</view>
<h4 class="tit">移动办公</h4>
<view class="secs">
<view
v-for="(part, index) in benchList"
:key="index"
@click="jumpUrl(part.url)"
v-show="store.includes(part.isShow) || store.includes('*:*:*')">
<image :src="part.pic" mode=""></image>
<span>{{ part.name }}</span>
</view>
</view>
<h4 class="tit">查询</h4>
<view class="secs">
<view @click="jumpUrl('searchProjUsing')">
<image src="/static/searchProjUsing.png" mode=""></image>
<span>工程在用</span>
</view>
<view @click="jumpUrl('searchFetchRecord')">
<image src="/static/searchFetchRecord.png" mode=""></image>
<span>领用记录</span>
</view>
</view>
</view>
</template>
<script>
import store from "../../store/user";
export default {
data() {
return {
companyName: "",
iptVal: "",
benchList: [
// {
// name: "领料审批",
// pic: "/static/fetchExam.png",
// url: "fetchExam",
// isShow: "receive:examine:fgs",
// },
{
name: "领料审批",
pic: "/static/fetchExam.png",
url: "fetchExam",
isShow: "receive:examine:nbs",
},
{
name: "退料审批",
pic: "/static/exitExam.png",
url: "exitExam",
isShow: "return:auditing:auditing",
},
/* {
name: 'RFID绑定',
pic: '/static/rfidBinding.png',
url: 'rfidBinding'
}, */
{
name: "二维码绑定",
pic: "/static/qrcodeBinding.png",
url: "qrcodeBinding",
},
/* {
name: '新购验收',
pic: '/static/newCheck.png',
url: 'newCheck'
}, */
{
name: "新购入库",
pic: "/static/newInStore.png",
url: "newInStore",
isShow: "warehousing:newTools:auditing",
},
/* {
name: '退料入库',
pic: '/static/backMaterialInStore.png',
url: 'backMaterialInStore'
}, */
{
name: "修试入库",
pic: "/static/repairTestInStore.png",
url: "repairTestInStore",
isShow: "warehousing:repair:auditing",
},
{
name: "领料出库",
pic: "/static/fetchMaterialOutStore.png",
url: "fetchMaterialOutStore",
isShow: "picking:outbound:out",
},
{
name: "退料接收",
pic: "/static/backMaterialReceive.png",
url: "backMaterialReceive",
isShow: "return:receive:handler",
},
{
name: "维修",
pic: "/static/fix.png",
url: "fix",
isShow: "service:button",
},
{
name: "报废审核",
pic: "/static/crashExam.png",
url: "crashExam",
isShow: "scrap:auditing",
},
{
name: "维修审核",
pic: "/static/testExam.png",
url: "testExam",
isShow: "service:auditing",
},
],
store: store.state.permissions || [],
};
},
methods: {
iconClick() {
console.log(this.iptVal);
},
jumpUrl(path) {
if (path == "qrcodeBinding") {
uni.scanCode({
success: (res) => {
const fixedCode = res.result.split("=")[1];
console.log(fixedCode);
if (!fixedCode) {
uni.showToast({
icon: "none",
title: "未识别到设备!",
});
} else {
uni.navigateTo({
url: `/pages/qrcodeBindPage/qrcodeBindPage?code=${fixedCode}`,
});
}
},
});
} else {
uni.navigateTo({
url: `/pages/${path}/${path}`,
});
}
},
toast() {
uni.showToast({
icon: "none",
title: "敬请期待!",
});
},
},
onShow() {
let that = this;
that.$api.index
.fetchCompanyName({
ancestors:
uni.getStorageSync("userInfo").sysUser.dept.ancestors,
})
.then((res) => {
console.log(res);
if (res.data.code == 200) that.companyName = res.data.msg;
})
.catch((err) => {
console.log(err);
});
},
};
</script>
<style lang="scss">
body {
background: url("/static/workspace-bgd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.upper-search {
width: 85%;
margin: 8vh auto;
color: #fff;
h3 {
margin-bottom: 1vh;
}
}
.tit {
width: 85%;
margin: 4vh auto;
margin-bottom: 2vh;
}
.secs {
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
view {
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2vh;
image {
width: 50%;
height: 6vh;
margin-bottom: 10rpx;
}
span {
font-size: 20rpx;
}
}
}
</style>