SmartStorage/pages/workSpace/workSpace.vue

<template>
    <view>
        <view class="upper-search">
            <h4>{{ companyName }}</h4>
            <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)">
                <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: uni.getStorageSync("companyName"),
                iptVal: "",
                benchList: [
                    {
                        name: "领料审批",
                        pic: "/static/fetchExam.png",
                        url: "fetchExam",
                        isShow: [
                            "picking:auditing:fgs",
                            "picking:auditing:sgb",
                            "picking:auditing:jjnb",
                            "picking:auditing:tsnb",
                            "*:*:*",
                        ],
                    },
                    {
                        name: "退料审批",
                        pic: "/static/exitExam.png",
                        url: "exitExam",
                        isShow: [
                            "return:auditing:auditing",
                            "return:auditing:auditing:batch",
                            "*:*:*",
                        ],
                    },
                    {
                        name: "RFID绑定",
                        pic: "/static/rfidBinding.png",
                        url: "rfidBinding",
                    },
                    {
                        name: "二维码绑定",
                        pic: "/static/qrcodeBinding.png",
                        url: "qrcodeBinding",
                    },
                    {
                        name: "综合服务中心审核",
                        pic: "/static/serviceCenterExam.png",
                        url: "serviceCenterExam",
						isShow: ["*:*:*"]
                    },
                    {
                        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/preCrashExam.png",
                        url: "preCrashExam",
                        isShow: ["forecast:waste:auditing", "*:*:*"],
                    },
                    {
                        name: "预报废列表",
                        pic: "/static/preCrashList.png",
                        url: "preCrashList",
                    },
                    {
                        name: "报废审核",
                        pic: "/static/crashExam.png",
                        url: "crashExam",
                        isShow: ["scrap:auditing", "*:*:*"],
                    },
                    {
                        name: "试验检验审核",
                        pic: "/static/testExam.png",
                        url: "testExam",
                        isShow: [
                            "service:batch:auditing",
                            "service:auditing",
                            "*:*:*",
                        ],
                    },
                    {
                        name: "IOT设备绑定",
                        pic: "/static/testExam.png",
                        url: "IOTBinding",
                    },
                ],
                store: store.state.permissions || [],
            };
        },
        methods: {
            btnIsShow(part) {
                let isShow = false;
                try {
                    part.isShow.forEach((e) => {
                        if (store.includes(e)) {
                            isShow = true;
                            throw new Error();
                        }
                    });
                } catch (error) {}

                return isShow;
            },
            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: "敬请期待！",
                });
            },
        },
    };
</script>

<style lang="scss">
    body {
        background: url("/static/workspace-bgd.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .upper-search {
        width: 85%;
        margin: 6vh auto;
        color: #fff;
        h4 {
            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>