行业圈恢复

shuishen

2022-03-04 bf45f89b94b805e994f46609efcd870421d180de

行业圈恢复

 pages/business/business.vue

@@ -1,304 +1,29 @@
<template>
    <view class="container">
        <view class="head">
            <u-navbar :is-fixed="false" :border-bottom="false" :is-back="true" back-icon-name="arrow-leftward"
                back-icon-color="#fff" back-icon-size="35" :background="{ background: '#103289' }" title="工作台"
                title-color="#fff"></u-navbar>
            <view class="head-bg"></view>
            <!-- 我的订阅 start -->
            <view class="card sub">
                <view class="title">常用工具</view>
                <view class="list">
                    <u-grid :col="4" :border="false">
                        <u-grid-item bg-color="transparent" v-for="(item, index) in dataOne" :key="index">
                            <navigator hover-class="none" class="nav-item" @click="goOnePage(item.url,index)">
                                <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
                                <view class="nav-item-name">{{item.title}}</view>
                            </navigator>
                        </u-grid-item>
                    </u-grid>
                </view>
            </view>
            <!-- 我的订阅 end -->

            <view class="card wrap">
                <view class="title">管理</view>
                <view class="list">
                    <u-grid :col="4" :border="false">
                        <u-grid-item bg-color="transparent" v-for="(item, index) in dataTwo" :key="index">
                            <navigator hover-class="none" url="" class="nav-item" @click="goTwoPage(item.url,index)">
                                <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
                                <view class="nav-item-name">{{item.title}}</view>
                            </navigator>
                        </u-grid-item>
                    </u-grid>
                </view>
            </view>

        </view>
        <u-toast ref="uToast" />
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
    </view>
    <view class="container">
        <u-empty text="功能研发中" mode="favor" margin-top="400"></u-empty>
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                tabbar: this.$store.state.tabbar,
                dataOne: [{
                    title: '群防任务',
                    img: '../../static/workbench/task1.png',
                    url: ''
                }, {
                    title: '巡逻任务',
                    img: '../../static/workbench/task2.png',
                    url: '/pages/patrol/patrol'
                }, {
                    title: '事件上报',
                    img: '../../static/workbench/task3.png',
                    url: '/pages/reported/reported'
                }, {
                    title: '积分商城',
                    img: '../../static/workbench/task8.png',
                    url: ''
                }, {
                    title: '通讯录',
                    img: '../../static/workbench/task4.png',
                    url: ''
                }, {
                    title: '电子证件',
                    img: '../../static/workbench/task9.png',
                    url: ''
                }],
                dataTwo: [{
                        title: '参与投票',
                        img: '../../static/workbench/task5.png',
                        url: '/pages/voting/voteManage'
                    }, {
                        title: '投票发起',
                        img: '../../static/workbench/task7.png',
                        url: '/pages/voting/vote'
                    }, {
                        title: '投票排行',
                        img: '../../static/workbench/task6.png',
                        url: '/pages/voting/votRanking'
                    }
                    // ,{
                    //     title:'模拟考试',
                    //     img:'../../static/workbench/exam.png',
                    //     url:'/pages/exam/startexam'
                    // }
                ]
            };
        },
        onLoad() {
            if (this.$store.state.billFlag) this.dataTwo.push({
                title: '模拟考试',
                img: '../../static/workbench/exam.png',
                url: '/pages/exam/startexam'
            })
        },
        mounted() {
            if (this.$store.state.UserData.stype != "1") {
                this.$refs.uToast.show({
                    title: '功能暂未开放',
                    type: 'warning',
                });
            }
        },
        methods: {
            //页面跳转
            goOnePage(url, index) {
                if (this.$store.state.UserData.stype != "1") {
                    this.$refs.uToast.show({
                        title: '功能暂未开放',
                        type: 'warning',
                    });
                    return;
                } else if (index == "0" || index == "3" || index == "4") {
                    this.$refs.uToast.show({
                        title: '功能研发中',
                        type: 'warning',
                    });
                    return;
                } else if (index == 5) {
                    this.getUser();
                } else {
                    uni.navigateTo({
                        url: url
                    })
                }
            },
            //获取用户信息
            getUser() {
                var that = this;
                debugger
                uni.request({
                    url: that.$store.state.BaopiAPI + '/blade-user/detail',
                    method: 'GET',
                    data: {
                        cardid: that.$store.state.UserData.cardid,
                        isDeleted: 0,
                        status: 1,
                    },
                    success: (res) => {
                        if (res.statusCode == "200") {
                            var urls = "http://223.82.109.183:2080/securityInfo.html?securityNumber=" + res
                                .data.data.securitynumber;
                            uni.navigateTo({
                                url: '../voting/information?url=' + urls
                            });
                        } else {
                            this.$refs.uToast.show({
                                title: '暂无证件信息',
                                type: 'warning',
                            });
                        }
                    }
                });
            },
            goTwoPage(url, index) {
                if (url == '/pages/exam/startexam') uni.navigateTo({
                    url: url
                })
                if (this.$store.state.UserData.stype != "1") {
                    this.$refs.uToast.show({
                        title: '功能暂未开放',
                        type: 'warning',
                    });
                    return;
                } else if (index == "2") {
                    this.$refs.uToast.show({
                        title: '功能研发中',
                        type: 'warning',
                    });
                    return;
                } else {
                    uni.navigateTo({
                        url: url
                    })
                }
            },
        }
    };
export default {
    data () {
        return {
            tabbar: this.$store.state.tabbar,
        }
    },
    onLoad () {

    },
    mounted () {

    },
    methods: {

    }
};
</script>

<style lang="scss">
    .container {
        background-color: #f7f7f7;
        min-height: 100vh;
        overflow: hidden;
    }

    .head {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .head-bg {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 750rpx;
        height: 270rpx;
        background: #103289;
    }

    .card {
        margin: 30rpx;
        background: #ffffff;
        border-radius: 20rpx;
        margin-top: 36rpx;
    }

    .sub {
        .title {
            padding-top: 36rpx;
            display: flex;
            justify-content: center;
            align-items: center;

            font-size: 30rpx;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #000000;

            &::before {
                content: '';
                display: block;
                width: 135rpx;
                height: 1rpx;
                background: #e4e7ed;
                margin: 0 17rpx;
            }

            &::after {
                content: '';
                display: block;
                width: 135rpx;
                height: 1rpx;
                background: #e4e7ed;
                margin: 0 17rpx;
            }
        }
    }

    .list {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 30rpx;

        .nav-item {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            font-size: 30rpx;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #131313;
            line-height: 48rpx;

            &-img {
                width: 64rpx;
                height: 64rpx;
                margin-bottom: 20rpx;
            }

            &-name {
                font-size: 26rpx;
                font-family: PingFang SC;
                font-weight: 400;
                color: #585b61;
                opacity: 0.77;
            }
        }
    }

    .wrap {
        .title {
            padding: 36rpx 16rpx;
            display: flex;
            align-items: center;
            font-size: 32rpx;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #000000;

            &::before {
                content: "";
                display: block;
                width: 5rpx;
                height: 36rpx;
                margin-right: 10rpx;
                background: #103289;
            }
        }
    }
</style>