SmartStorage/pages/workSpace/workSpace.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>