123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <template>
- <view>
- <Navbar title="工作台" bgColor="#fff" :hideBtn="true" :h5Show="false"></Navbar>
- <view class="mobile-item-container">
- <view style="font-size: 40rpx; font-weight: bold; padding: 0 0 40rpx 0;">待处理</view>
- <u-grid col="3">
- <u-grid-item @click="navigateTo('/pages/work/notice/list')">
- <view style="position: relative;">
- <u-icon name="chat" color="#2979ff" size="60rpx"></u-icon>
- <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.notice"></u-badge>
- </view>
- <text class="btn-text">通知公告</text>
- </u-grid-item>
- <u-grid-item>
- <view style="position: relative;">
- <u-icon name="list-dot" color="#2979ff" size="60rpx"></u-icon>
- <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.task"></u-badge>
- </view>
- <text class="btn-text">待办任务</text>
- </u-grid-item>
- <u-grid-item>
- <view style="position: relative;">
- <u-icon name="warning" color="#2979ff" size="60rpx"></u-icon>
- <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.error"></u-badge>
- </view>
- <text class="btn-text">异常信息</text>
- </u-grid-item>
- </u-grid>
- </view>
- <Gap />
- <view class="mobile-item-container">
- <view style="font-size: 40rpx; font-weight: bold; padding: 0 0 40rpx 0;">统计报表</view>
- <u-grid col="3">
- <u-grid-item>
- <u-icon name="star" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">访问量统计</text>
- </u-grid-item>
- <u-grid-item>
- <u-icon name="share-square" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">分享统计</text>
- </u-grid-item>
- </u-grid>
- </view>
- <Gap />
- <view style="padding: 40rpx; background-color: #fff; margin-top: 40rpx; min-height: 600rpx;">
- <u-tabs
- :activeStyle="{
- color: '#303133',
- fontSize: '40rpx',
- fontWeight: 'bold',
- transform: 'scale(1.05)'
- }"
- :inactiveStyle="{
- color: '#606266',
- fontSize: '36rpx',
- transform: 'scale(1)'
- }"
- :list="tabs"
- @change="tabChange">
- </u-tabs>
- <view v-if="activeKey == 'work'" style="padding: 40rpx 0;">
- <u-grid col="3">
- <u-grid-item @click="navigateTo('/pages/work/notice/manage')">
- <u-icon name="edit-pen" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">公告管理</text>
- </u-grid-item>
- <u-grid-item @click="navigateTo('/pages/work/user/list')">
- <u-icon name="plus-people-fill" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">用户管理</text>
- </u-grid-item>
- <u-grid-item>
- <u-icon name="tags" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">部门管理</text>
- </u-grid-item>
- </u-grid>
- <u-grid col="3" style="margin-top: 40rpx;">
- <u-grid-item>
- <u-icon name="bookmark" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">岗位管理</text>
- </u-grid-item>
- <u-grid-item @click="navigateTo('/pages/work/approve/list')">
- <u-icon name="checkbox-mark" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">审批</text>
- </u-grid-item>
- </u-grid>
- </view>
- <view v-if="activeKey == 'plugin'" style="padding: 40rpx 0;">
- <u-grid col="3">
- <u-grid-item>
- <u-icon name="order" color="#2979ff" size="60rpx"></u-icon>
- <text class="btn-text">表单样例</text>
- </u-grid-item>
- </u-grid>
- </view>
- </view>
- </view>
- </template>
- <script>
- import Navbar from '@/components/navbar/Navbar'
- import Gap from '@/components/gap/Gap'
- export default {
- components: {
- Gap,
- Navbar,
- },
- data () {
- return {
- activeKey: 'work',
- tabs: [{
- name: '日常工作',
- key: 'work'
- }, {
- name: '插件',
- key: 'plugin'
- }],
- todo: {
- notice: 2,
- task: 5,
- error: 1
- }
- }
- },
- methods: {
- tabChange (item) {
- this.activeKey = item.key;
- },
- navigateTo (url) {
- uni.navigateTo({ url: url })
- }
- }
- }
- </script>
- <style lang="scss">
- </style>
|