|
|
@@ -0,0 +1,169 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <common @asynCallBack="asynCallBack"></common>
|
|
|
+ <top-header :pageTitle="pageTitle"></top-header>
|
|
|
+
|
|
|
+ <div class="mui-content vongi-jyj">
|
|
|
+ <div class="ord-user mui-content-padded">
|
|
|
+ <div class="flew-items ">
|
|
|
+ <div class="user-pic">
|
|
|
+ <img :src="person_data?person_data.faceImageUrl:''">
|
|
|
+ </div>
|
|
|
+ <div class="user-info">
|
|
|
+ <h2 v-if="person_data">{{person_data.name}}</h2>
|
|
|
+ <p v-text="person_popedom?(person_popedom.job?person_popedom.job:person_popedom.personRoleName):''"></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a class="signOut" @click="loginOut">
|
|
|
+ 退出
|
|
|
+ <i class="iconfont icon-tuichu"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-card icon_number">
|
|
|
+ <div class="mui-card-header">
|
|
|
+ 开发区健康统计
|
|
|
+ <a class="mui-navigate-right iconfont icon-riqi" href="">2021-01-28</a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-card-content">
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <a href="#">
|
|
|
+ <span class="icon_number_green">209809</span>
|
|
|
+ <div class="mui-media-body mui-ellipsis">应测人数</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <a href="#">
|
|
|
+ <span class="icon_number_blue">3268</span>
|
|
|
+ <div class="mui-media-body mui-ellipsis">已测人数</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <a href="#">
|
|
|
+ <span class="icon_number_red">3268</span>
|
|
|
+ <div class="mui-media-body mui-ellipsis">异常人数</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-col-xs-6">
|
|
|
+ <a href="#">
|
|
|
+ <span class="icon_number_yellow">3268</span>
|
|
|
+ <div class="mui-media-body mui-ellipsis">离荆人数</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-card card_img">
|
|
|
+ <div id="slider" class="mui-slider">
|
|
|
+ <div class="mui-slider-group">
|
|
|
+ <!-- 第一张 -->
|
|
|
+ <div class="mui-slider-item">
|
|
|
+ <a href="#">
|
|
|
+ <img src="~$project/assets/img/green.png">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 第二张 -->
|
|
|
+ <div class="mui-slider-item">
|
|
|
+ <a href="#">
|
|
|
+ <img src="~$project/assets/img/green.png">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-slider-indicator">
|
|
|
+ <div class="mui-indicator mui-active"></div>
|
|
|
+ <div class="mui-indicator"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-card">
|
|
|
+ <div class="mui-card-content index-floor-2">
|
|
|
+ <ul class="mui-table-view">
|
|
|
+ <li class="mui-table-view-cell flew-sp">
|
|
|
+ <div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
|
|
|
+ <div class="mui-media-body mui-col-xs-6 mui-text-right">
|
|
|
+ <span class="green">已测51</span> /
|
|
|
+ <span class="blue">应测5219</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell flew-sp">
|
|
|
+ <div class="mui-ellipsis mui-col-xs-6">开发区实验中学开发区实验中学开发区实验中学</div>
|
|
|
+ <div class="mui-media-body mui-col-xs-6 mui-text-right">
|
|
|
+ <span class="green">已测5</span> /
|
|
|
+ <span class="blue">应测19</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <loading :visible="isLoading"></loading>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import * as API_User from '$project/apis/user'
|
|
|
+ import Common from '$project/components/Common.vue'
|
|
|
+ import Loading from '$project/components/Loading.vue'
|
|
|
+ import TopHeader from '$project/components/TopHeader.vue'
|
|
|
+ import {
|
|
|
+ mapGetters,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex'
|
|
|
+ import * as types from '$project/store/mutation-types'
|
|
|
+ export default {
|
|
|
+ name: 'Master',
|
|
|
+ components: {
|
|
|
+ Common,
|
|
|
+ Loading,
|
|
|
+ TopHeader
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isLoading: false,
|
|
|
+
|
|
|
+ pageTitle: '开发区监管端',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ //退出登录
|
|
|
+ loginOut() {
|
|
|
+ this.isLoading = true;
|
|
|
+ API_User.logOut().then(response => {
|
|
|
+ this.isLoading = false;
|
|
|
+
|
|
|
+ window.location.href = '../home/#/';
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ this.isLoading = false;
|
|
|
+ mui.toast(error);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ asynCallBack() {},
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ var gallery = mui('.mui-slider');
|
|
|
+ var slider = gallery.slider({
|
|
|
+ interval: 2000, //自动轮播周期，若为0则不自动播放，默认为0；
|
|
|
+ bounce: true //是否启用回弹
|
|
|
+ });
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({
|
|
|
+ openId: 'wx_openid',
|
|
|
+ token: 'token',
|
|
|
+ person_data: 'person_data',
|
|
|
+ person_popedom: 'person_popedom',
|
|
|
+ menu_list: 'menu_list',
|
|
|
+ common_menu_list: 'common_menu_list',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped src="$project/assets/css/xpgj.css"></style>
|
|
|
+<style src="$project/assets/css/iconfont.css"></style>
|
|
|
+<style>
|
|
|
+</style>
|
