|
@@ -1,60 +1,63 @@
|
|
<template>
|
|
<template>
|
|
<!--首页(管理员以及研发页面)-->
|
|
<!--首页(管理员以及研发页面)-->
|
|
- <div class="statisticsbox-all" v-if="showPattern.includes('admin')">
|
|
|
|
- <c-scrollbar ref="scrollbarRef" width="100%" height="100%" trigger="hover" direction="y">
|
|
|
|
- <div class="headerinbox" v-if="screen.icon === '#icon-tuichuquanping-fill-copy'">
|
|
|
|
- <div class="headerinbox-title">TEAM Model·BI 数据监控系统</div>
|
|
|
|
- <div class="showTime" @click="detectionsize(screen.state)">
|
|
|
|
- <svg class="skip" aria-hidden="true">
|
|
|
|
- <use :xlink:href="screen.icon"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="statisboxs">
|
|
|
|
- <div class="top-resource">
|
|
|
|
- <div class="basics-databox">
|
|
|
|
- <div class="top-aspects" v-for="(item, index) in areaAspectsData" :key="index">
|
|
|
|
- <div :class="['left-top-icon']">
|
|
|
|
- <svg class="top-header-icon" aria-hidden="true">
|
|
|
|
- <use :xlink:href="item.icon"></use>
|
|
|
|
|
|
+ <div class="eachSite">
|
|
|
|
+ <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" type="card">
|
|
|
|
+ <el-tab-pane label="中国" name="first">
|
|
|
|
+ <div class="statisticsbox-all" v-if="showPattern.includes('admin')">
|
|
|
|
+ <c-scrollbar ref="scrollbarRef" width="100%" height="100%" trigger="hover" direction="y">
|
|
|
|
+ <div class="headerinbox" v-if="screen.icon === '#icon-tuichuquanping-fill-copy'">
|
|
|
|
+ <div class="headerinbox-title">TEAM Model·BI 数据监控系统</div>
|
|
|
|
+ <div class="showTime" @click="detectionsize(screen.state)">
|
|
|
|
+ <svg class="skip" aria-hidden="true">
|
|
|
|
+ <use :xlink:href="screen.icon"></use>
|
|
</svg>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
- <div class="right-top-text">
|
|
|
|
- <p class="right-top-num">
|
|
|
|
- {{ item.num }}
|
|
|
|
- <div class="right-top-num-increase" v-show="item.classname === 'online'">
|
|
|
|
- <div class="right-top-num-increase-teach"><span class="right-top-num-increase-teach">教师:</span><span>{{ item.teach }}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="right-top-num-increase-student"><span class="right-top-num-increase-teach">学生:</span><span>{{ item.student
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="statisboxs">
|
|
|
|
+ <div class="top-resource">
|
|
|
|
+ <div class="basics-databox">
|
|
|
|
+ <div class="top-aspects" v-for="(item, index) in areaAspectsData" :key="index">
|
|
|
|
+ <div :class="['left-top-icon']">
|
|
|
|
+ <svg class="top-header-icon" aria-hidden="true">
|
|
|
|
+ <use :xlink:href="item.icon"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right-top-text">
|
|
|
|
+ <p class="right-top-num">
|
|
|
|
+ {{ item.num }}
|
|
|
|
+ <div class="right-top-num-increase" v-show="item.classname === 'online'">
|
|
|
|
+ <div class="right-top-num-increase-teach"><span class="right-top-num-increase-teach">教师:</span><span>{{ item.teach }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right-top-num-increase-student"><span class="right-top-num-increase-teach">学生:</span><span>{{ item.student
|
|
}}</span>
|
|
}}</span>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="right-top-num-increase" v-if="(item.classname === 'datas' || item.classname === 'teach' || item.classname === 'student') && item.state === '1'">
|
|
|
|
- <span class="right-top-num-flag">+</span>
|
|
|
|
- <span class="right-top-num-nums">{{ item.increase }}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="right-top-num-reduce" v-else-if="(item.classname === 'datas' || item.classname === 'teach' || item.classname === 'student') && item.state === '2'">
|
|
|
|
- <span class="right-top-num-flag">-</span>
|
|
|
|
- <span class="right-top-num-nums">4</span>
|
|
|
|
- </div>
|
|
|
|
- </p>
|
|
|
|
- <p class="right-top-title">
|
|
|
|
- <div class="title-left">{{ item.title }}</div>
|
|
|
|
- <!-- <div class="title-right">
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right-top-num-increase" v-if="(item.classname === 'datas' || item.classname === 'teach' || item.classname === 'student') && item.state === '1'">
|
|
|
|
+ <span class="right-top-num-flag">+</span>
|
|
|
|
+ <span class="right-top-num-nums">{{ item.increase }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right-top-num-reduce" v-else-if="(item.classname === 'datas' || item.classname === 'teach' || item.classname === 'student') && item.state === '2'">
|
|
|
|
+ <span class="right-top-num-flag">-</span>
|
|
|
|
+ <span class="right-top-num-nums">4</span>
|
|
|
|
+ </div>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="right-top-title">
|
|
|
|
+ <div class="title-left">{{ item.title }}</div>
|
|
|
|
+ <!-- <div class="title-right">
|
|
<p><span>较昨日增长</span><span class="last-increase">4.4%</span></p>
|
|
<p><span>较昨日增长</span><span class="last-increase">4.4%</span></p>
|
|
<p><span>较上月增长</span><span class="month-increase">0.3%</span></p>
|
|
<p><span>较上月增长</span><span class="month-increase">0.3%</span></p>
|
|
</div> -->
|
|
</div> -->
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="basicsbox">
|
|
|
|
- <div class="leftbox">
|
|
|
|
- <!-- <div :class="[items.type==='month' ? 'alonebox' :'totalalonebox']" v-for="(items,indexs) in activityData.total" :key="indexs">
|
|
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="basicsbox">
|
|
|
|
+ <div class="leftbox">
|
|
|
|
+ <!-- <div :class="[items.type==='month' ? 'alonebox' :'totalalonebox']" v-for="(items,indexs) in activityData.total" :key="indexs">
|
|
<p :class="[items.type ==='month' ? 'alonebox-title':'total-alonebox-title']">{{items.title}}</p>
|
|
<p :class="[items.type ==='month' ? 'alonebox-title':'total-alonebox-title']">{{items.title}}</p>
|
|
<p :class="[items.type ==='month' ? 'alonebox-content':'total-alonebox-content']">{{items.num}}</p>
|
|
<p :class="[items.type ==='month' ? 'alonebox-content':'total-alonebox-content']">{{items.num}}</p>
|
|
</div> -->
|
|
</div> -->
|
|
- <!-- <div class="commonbox-title">
|
|
|
|
|
|
+ <!-- <div class="commonbox-title">
|
|
<div class="commonbox-title-name">在线人数趋势</div>
|
|
<div class="commonbox-title-name">在线人数趋势</div>
|
|
<div class="commonbox-title-icon">
|
|
<div class="commonbox-title-icon">
|
|
<svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
<svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
@@ -62,28 +65,28 @@
|
|
</svg>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div> -->
|
|
- <!-- <div class="leftbox-online" v-loading="loading.basics" element-loading-background="rgba(0, 0, 0, 0.2)"> -->
|
|
|
|
- <!-- <Online ></Online> -->
|
|
|
|
- <!-- <CommonLine :lineData="totalArea.online"></CommonLine> -->
|
|
|
|
- <!-- </div> -->
|
|
|
|
- </div>
|
|
|
|
- <div class="center">
|
|
|
|
- <div class="commonbox-title">
|
|
|
|
- <!-- <div class="commonbox-title-name">在线人员区分</div> -->
|
|
|
|
- <div class="commonbox-title-icon">
|
|
|
|
- <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
- <use xlink:href="#icon-keliuqushi"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-title-name">在线人数趋势</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="leftbox-online" v-loading="loading.basics" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <CommonBar :barData="totalArea.onlineType"></CommonBar>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="rightbox" v-loading="loading.basics2" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <!-- <p class="online-title">在线量统计</p> -->
|
|
|
|
- <!-- <div class="rightbox-pie">
|
|
|
|
|
|
+ <!-- <div class="leftbox-online" v-loading="loading.basics" element-loading-background="rgba(0, 0, 0, 0.2)"> -->
|
|
|
|
+ <!-- <Online ></Online> -->
|
|
|
|
+ <!-- <CommonLine :lineData="totalArea.online"></CommonLine> -->
|
|
|
|
+ <!-- </div> -->
|
|
|
|
+ </div>
|
|
|
|
+ <div class="center">
|
|
|
|
+ <div class="commonbox-title">
|
|
|
|
+ <!-- <div class="commonbox-title-name">在线人员区分</div> -->
|
|
|
|
+ <div class="commonbox-title-icon">
|
|
|
|
+ <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-keliuqushi"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-title-name">在线人数趋势</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="leftbox-online" v-loading="loading.basics" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <CommonBar :barData="totalArea.onlineType"></CommonBar>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="rightbox" v-loading="loading.basics2" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <!-- <p class="online-title">在线量统计</p> -->
|
|
|
|
+ <!-- <div class="rightbox-pie">
|
|
<CommonPie :proportionData="totalArea.alonePie"></CommonPie>
|
|
<CommonPie :proportionData="totalArea.alonePie"></CommonPie>
|
|
</div>
|
|
</div>
|
|
<div class="rightbox-pie">
|
|
<div class="rightbox-pie">
|
|
@@ -92,58 +95,58 @@
|
|
<div class="rightbox-pie versions">
|
|
<div class="rightbox-pie versions">
|
|
<ConventionPie :pieData="totalArea.versions"></ConventionPie>
|
|
<ConventionPie :pieData="totalArea.versions"></ConventionPie>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="commonbox-title">
|
|
|
|
- <div class="commonbox-title-icon beginclass">
|
|
|
|
- <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
- <use xlink:href="#icon-XX_061"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-title-name">HiTeach开课</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="rightbox-login">
|
|
|
|
- <!-- <div class="rightbox-login-select">
|
|
|
|
|
|
+ <div class="commonbox-title">
|
|
|
|
+ <div class="commonbox-title-icon beginclass">
|
|
|
|
+ <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-XX_061"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-title-name">HiTeach开课</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="rightbox-login">
|
|
|
|
+ <!-- <div class="rightbox-login-select">
|
|
<span :class="[onlineModels==='all' ? 'checked':'','all']" @click="onlineModels='all'">全年</span>
|
|
<span :class="[onlineModels==='all' ? 'checked':'','all']" @click="onlineModels='all'">全年</span>
|
|
<span :class="[onlineModels==='month' ? 'checked':'','nowmonth']" @click="onlineModels='month'">本月</span>
|
|
<span :class="[onlineModels==='month' ? 'checked':'','nowmonth']" @click="onlineModels='month'">本月</span>
|
|
</div>
|
|
</div>
|
|
<CommonBarLine v-if="onlineModels==='month'"></CommonBarLine>
|
|
<CommonBarLine v-if="onlineModels==='month'"></CommonBarLine>
|
|
<BarLine v-else-if="onlineModels === 'all'"></BarLine> -->
|
|
<BarLine v-else-if="onlineModels === 'all'"></BarLine> -->
|
|
- <CommonBar :barData="totalArea.classData"></CommonBar>
|
|
|
|
|
|
+ <CommonBar :barData="totalArea.classData"></CommonBar>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="center-resource">
|
|
|
|
- <!-- <div class="center-resource-left" v-loading="loading.lessonData" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
|
|
+ <div class="center-resource">
|
|
|
|
+ <!-- <div class="center-resource-left" v-loading="loading.lessonData" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
<ConventionPie :pieData="totalArea.class"></ConventionPie>
|
|
<ConventionPie :pieData="totalArea.class"></ConventionPie>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="center-resource-right">
|
|
|
|
- <p class="commonbox-title areaClass">
|
|
|
|
- <div class="commonbox-title-icon dynamicbox">
|
|
|
|
- <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
- <use xlink:href="#icon-huoyue"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-title-name">开课及上传数据</div>
|
|
|
|
- </p>
|
|
|
|
- <!-- <CommonBar :barData="totalArea.classAndactivity"></CommonBar> -->
|
|
|
|
- <div class="center-resource-line" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
|
|
- </div>
|
|
|
|
- <div class="selectboxs">
|
|
|
|
- <el-select v-model="optionsData.values" class="m-2" placeholder="Select" size="small" @change="timeChange">
|
|
|
|
- <el-option v-for="item in optionsData.data" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
|
- </el-select>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!-- <div class="bottom-resource">
|
|
|
|
|
|
+ <div class="center-resource-right">
|
|
|
|
+ <p class="commonbox-title areaClass">
|
|
|
|
+ <div class="commonbox-title-icon dynamicbox">
|
|
|
|
+ <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-huoyue"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-title-name">开课及上传数据</div>
|
|
|
|
+ </p>
|
|
|
|
+ <!-- <CommonBar :barData="totalArea.classAndactivity"></CommonBar> -->
|
|
|
|
+ <div class="center-resource-line" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="selectboxs">
|
|
|
|
+ <el-select v-model="optionsData.values" class="m-2" placeholder="Select" size="small" @change="timeChange">
|
|
|
|
+ <el-option v-for="item in optionsData.data" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- <div class="bottom-resource">
|
|
<p class="commonbox-title active">课例活跃</p>
|
|
<p class="commonbox-title active">课例活跃</p>
|
|
<div class="areabottom-resource" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
<div class="areabottom-resource" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
<CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
<CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="areaList">
|
|
|
|
- <!-- <p class="commonbox-title arealists">区域列表</p>
|
|
|
|
|
|
+ <div class="areaList">
|
|
|
|
+ <!-- <p class="commonbox-title arealists">区域列表</p>
|
|
<div class="area-listinfo">
|
|
<div class="area-listinfo">
|
|
<div class="area-item" v-for="(item,index) in areaLists" :key="item.id">
|
|
<div class="area-item" v-for="(item,index) in areaLists" :key="item.id">
|
|
<div class="area-item-list">
|
|
<div class="area-item-list">
|
|
@@ -157,73 +160,77 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div> -->
|
|
- <div class="bottom-leftbox">
|
|
|
|
- <div class="centerbox-right-leftbox">
|
|
|
|
- <p class="commonbox-title usesize">
|
|
|
|
- <div class="commonbox-title-icon versions-list">
|
|
|
|
- <svg class="commonbox-title-onlineIcon sizeList" aria-hidden="true">
|
|
|
|
- <use xlink:href="#icon-guanfangbanben"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-title-name">版本占比</div>
|
|
|
|
- </p>
|
|
|
|
- <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <div class="commonbox-versions-title">
|
|
|
|
- <p class="versions-title-name">基础版</p>
|
|
|
|
- <p class="versions-title-num">数量:
|
|
|
|
- <span>{{ versionsData.basics.num }}</span>
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-versions-chart">
|
|
|
|
- <CommonPie :proportionData="totalArea.pie1"></CommonPie>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="bottom-leftbox">
|
|
|
|
+ <div class="centerbox-right-leftbox">
|
|
|
|
+ <p class="commonbox-title usesize">
|
|
|
|
+ <div class="commonbox-title-icon versions-list">
|
|
|
|
+ <svg class="commonbox-title-onlineIcon sizeList" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-guanfangbanben"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-title-name">版本占比</div>
|
|
|
|
+ </p>
|
|
|
|
+ <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <div class="commonbox-versions-title">
|
|
|
|
+ <p class="versions-title-name">基础版</p>
|
|
|
|
+ <p class="versions-title-num">数量:
|
|
|
|
+ <span>{{ versionsData.basics.num }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-versions-chart">
|
|
|
|
+ <CommonPie :proportionData="totalArea.pie1"></CommonPie>
|
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <div class="commonbox-versions-title">
|
|
|
|
- <p class="versions-title-name">标准版</p>
|
|
|
|
- <p class="versions-title-num">数量:
|
|
|
|
- <span>{{ versionsData.standard.num }}</span>
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-versions-chart">
|
|
|
|
- <CommonPie :proportionData="totalArea.pie2"></CommonPie>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <div class="commonbox-versions-title">
|
|
|
|
+ <p class="versions-title-name">标准版</p>
|
|
|
|
+ <p class="versions-title-num">数量:
|
|
|
|
+ <span>{{ versionsData.standard.num }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-versions-chart">
|
|
|
|
+ <CommonPie :proportionData="totalArea.pie2"></CommonPie>
|
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <div class="commonbox-versions-title">
|
|
|
|
- <p class="versions-title-name">专业版</p>
|
|
|
|
- <p class="versions-title-num">数量:
|
|
|
|
- <span>{{ versionsData.major.num }}</span>
|
|
|
|
- </p>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-versions" v-loading="loading.versions" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <div class="commonbox-versions-title">
|
|
|
|
+ <p class="versions-title-name">专业版</p>
|
|
|
|
+ <p class="versions-title-num">数量:
|
|
|
|
+ <span>{{ versionsData.major.num }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-versions-chart">
|
|
|
|
+ <CommonPie :proportionData="totalArea.pie3"></CommonPie>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="commonbox-versions-chart">
|
|
|
|
- <CommonPie :proportionData="totalArea.pie3"></CommonPie>
|
|
|
|
|
|
+ <div class="bottom-rightbox">
|
|
|
|
+ <p class="commonbox-title sizeinfo">
|
|
|
|
+ <div class="commonbox-title-icon">
|
|
|
|
+ <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-32cunchuguanli"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="commonbox-title-name">空间使用</div>
|
|
|
|
+ </p>
|
|
|
|
+ <div class="bottom-rightbox-right" v-loading="loading.sizeType" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
+ <Size :lineData="totalArea.sizePie" :sizenum="allSize"></Size>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="bottom-rightbox">
|
|
|
|
- <p class="commonbox-title sizeinfo">
|
|
|
|
- <div class="commonbox-title-icon">
|
|
|
|
- <svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
|
|
- <use xlink:href="#icon-32cunchuguanli"></use>
|
|
|
|
- </svg>
|
|
|
|
- </div>
|
|
|
|
- <div class="commonbox-title-name">空间使用</div>
|
|
|
|
- </p>
|
|
|
|
- <div class="bottom-rightbox-right" v-loading="loading.sizeType" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
|
- <Size :lineData="totalArea.sizePie" :sizenum="allSize"></Size>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </c-scrollbar>
|
|
|
|
+ <!-- <div class="participationbox"><span>查看我参与的</span></div> -->
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </c-scrollbar>
|
|
|
|
- <!-- <div class="participationbox"><span>查看我参与的</span></div> -->
|
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <el-tab-pane label="国际" name="second">国际</el-tab-pane>
|
|
|
|
+ </el-tabs>
|
|
</div>
|
|
</div>
|
|
- <AssitInterface v-else-if="showPattern.includes('assist')"></AssitInterface>
|
|
|
|
|
|
+ <AssitInterface v-if="showPattern.includes('assist')"></AssitInterface>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import { ref, getCurrentInstance, onMounted } from 'vue'
|
|
import { ref, getCurrentInstance, onMounted } from 'vue'
|
|
@@ -268,6 +275,7 @@ export default {
|
|
setup () {
|
|
setup () {
|
|
let { proxy } = getCurrentInstance()
|
|
let { proxy } = getCurrentInstance()
|
|
const routers = useRouter()
|
|
const routers = useRouter()
|
|
|
|
+ const activeName = ref('first')
|
|
let showPattern = ref([])
|
|
let showPattern = ref([])
|
|
let aspectsData = ref([
|
|
let aspectsData = ref([
|
|
{ id: 1, title: '区内学校', num: 0, icon: '#icon-renshixuexiao', classname: 'school' },
|
|
{ id: 1, title: '区内学校', num: 0, icon: '#icon-renshixuexiao', classname: 'school' },
|
|
@@ -388,8 +396,8 @@ export default {
|
|
todayUpload: [],
|
|
todayUpload: [],
|
|
classinYesterday: [],
|
|
classinYesterday: [],
|
|
yesterdayUpload: [],
|
|
yesterdayUpload: [],
|
|
- alldays:[],
|
|
|
|
- allmonths:[],
|
|
|
|
|
|
+ alldays: [],
|
|
|
|
+ allmonths: [],
|
|
allyear: [],
|
|
allyear: [],
|
|
})
|
|
})
|
|
let versionsData = ref({
|
|
let versionsData = ref({
|
|
@@ -1295,6 +1303,8 @@ export default {
|
|
// alert('全屏')
|
|
// alert('全屏')
|
|
fullScreen()
|
|
fullScreen()
|
|
screen.value.icon = '#icon-tuichuquanping-fill-copy'
|
|
screen.value.icon = '#icon-tuichuquanping-fill-copy'
|
|
|
|
+ // let a = document.getElementsByClassName('statisticsbox-all')
|
|
|
|
+ // a[0].style.marginTop = '0px'
|
|
} else {
|
|
} else {
|
|
// alert('不全屏')
|
|
// alert('不全屏')
|
|
exitFullscreen()
|
|
exitFullscreen()
|
|
@@ -1354,9 +1364,9 @@ export default {
|
|
}
|
|
}
|
|
//获取在线人数的数据(成员和趋势图)
|
|
//获取在线人数的数据(成员和趋势图)
|
|
function getOnlineData () {
|
|
function getOnlineData () {
|
|
- let data = { hour: discrepancy }
|
|
|
|
|
|
+ // let data = { hour: discrepancy }
|
|
proxy.$api
|
|
proxy.$api
|
|
- .getOnline(data)
|
|
|
|
|
|
+ .getOnline({})
|
|
.then((res) => {
|
|
.then((res) => {
|
|
console.log(res, '在线人数')
|
|
console.log(res, '在线人数')
|
|
if (res.state === 200) {
|
|
if (res.state === 200) {
|
|
@@ -1366,45 +1376,59 @@ export default {
|
|
let onlineStudent = res.stuDays.sort(function (a, b) { return a.key - b.key })
|
|
let onlineStudent = res.stuDays.sort(function (a, b) { return a.key - b.key })
|
|
let onlineTmdstudent = res.tmdDays.sort(function (a, b) { return a.key - b.key })
|
|
let onlineTmdstudent = res.tmdDays.sort(function (a, b) { return a.key - b.key })
|
|
let replaceTime = allTime.value
|
|
let replaceTime = allTime.value
|
|
- let hoursInfo=new Date().getHours()
|
|
|
|
|
|
+ let hoursInfo = new Date().getHours()
|
|
console.log(hoursInfo)
|
|
console.log(hoursInfo)
|
|
- if(onlineData.length ===0){
|
|
|
|
- for (let i in replaceTime) {
|
|
|
|
|
|
+ if (onlineData.length === 0) {
|
|
|
|
+ for (let i in replaceTime) {
|
|
let nums = parseInt(i) + 1
|
|
let nums = parseInt(i) + 1
|
|
replaceTime[i].value === hoursInfo ? replaceTime.splice(nums) : ''
|
|
replaceTime[i].value === hoursInfo ? replaceTime.splice(nums) : ''
|
|
}
|
|
}
|
|
- replaceTime.forEach((x)=>{
|
|
|
|
- x.num=0;x.teach=0;x.student=0;x.tmdStudent=0
|
|
|
|
|
|
+ replaceTime.forEach((x) => {
|
|
|
|
+ x.num = 0; x.teach = 0; x.student = 0; x.tmdStudent = 0
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ //处理UTC时间差
|
|
|
|
+ res.allDays.forEach((item) => {
|
|
|
|
+ item.key + discrepancy > 24 ? item.key = (item.key + discrepancy) - 24 : item.key = item.key + discrepancy
|
|
|
|
+ })
|
|
|
|
+ res.tchDays.forEach((item) => {
|
|
|
|
+ item.key + discrepancy > 24 ? item.key = (item.key + discrepancy) - 24 : item.key = item.key + discrepancy
|
|
})
|
|
})
|
|
- }else{
|
|
|
|
- for (let i in replaceTime) {
|
|
|
|
|
|
+ res.stuDays.forEach((item) => {
|
|
|
|
+ item.key + discrepancy > 24 ? item.key = (item.key + discrepancy) - 24 : item.key = item.key + discrepancy
|
|
|
|
+ })
|
|
|
|
+ res.tmdDays.forEach((item) => {
|
|
|
|
+ item.key + discrepancy > 24 ? item.key = (item.key + discrepancy) - 24 : item.key = item.key + discrepancy
|
|
|
|
+ })
|
|
|
|
+ console.log(res, '处理过后的时间')
|
|
|
|
+ for (let i in replaceTime) {
|
|
let nums = parseInt(i) + 1
|
|
let nums = parseInt(i) + 1
|
|
replaceTime[i].value == onlineData[onlineData.length - 1].key ? replaceTime.splice(nums) : ''
|
|
replaceTime[i].value == onlineData[onlineData.length - 1].key ? replaceTime.splice(nums) : ''
|
|
}
|
|
}
|
|
- //在线人数趋势
|
|
|
|
- onlineData.forEach((x) => {
|
|
|
|
- for (let s in replaceTime) {
|
|
|
|
- replaceTime[s].value === x.key ? (replaceTime[s].num = x.value) : ''
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- //处理在线人员区分(教师)
|
|
|
|
- onlineTeach.forEach((a) => {
|
|
|
|
- for (let s in replaceTime) {
|
|
|
|
- replaceTime[s].value === a.key ? (replaceTime[s].teach = a.value) : ''
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- //处理在线人员区分(学生)
|
|
|
|
- onlineStudent.forEach((u) => {
|
|
|
|
- for (let s in replaceTime) {
|
|
|
|
- replaceTime[s].value === u.key ? (replaceTime[s].student = u.value) : ''
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- //处理在线人员区分(醍摩豆学生)
|
|
|
|
- onlineTmdstudent.forEach((t) => {
|
|
|
|
- for (let s in replaceTime) {
|
|
|
|
- replaceTime[s].value === t.key ? (replaceTime[s].tmdStudent = t.value) : ''
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ //在线人数趋势
|
|
|
|
+ onlineData.forEach((x) => {
|
|
|
|
+ for (let s in replaceTime) {
|
|
|
|
+ replaceTime[s].value === x.key ? (replaceTime[s].num = x.value) : ''
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //处理在线人员区分(教师)
|
|
|
|
+ onlineTeach.forEach((a) => {
|
|
|
|
+ for (let s in replaceTime) {
|
|
|
|
+ replaceTime[s].value === a.key ? (replaceTime[s].teach = a.value) : ''
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //处理在线人员区分(学生)
|
|
|
|
+ onlineStudent.forEach((u) => {
|
|
|
|
+ for (let s in replaceTime) {
|
|
|
|
+ replaceTime[s].value === u.key ? (replaceTime[s].student = u.value) : ''
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //处理在线人员区分(醍摩豆学生)
|
|
|
|
+ onlineTmdstudent.forEach((t) => {
|
|
|
|
+ for (let s in replaceTime) {
|
|
|
|
+ replaceTime[s].value === t.key ? (replaceTime[s].tmdStudent = t.value) : ''
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
replaceTime.forEach((e) => {
|
|
replaceTime.forEach((e) => {
|
|
nowTimeQuantum.value.time.push(e.time)
|
|
nowTimeQuantum.value.time.push(e.time)
|
|
@@ -1449,15 +1473,14 @@ export default {
|
|
replaceTime[e].value === t.key ? (replaceTime[e].teachClass = t.value) : ''
|
|
replaceTime[e].value === t.key ? (replaceTime[e].teachClass = t.value) : ''
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- console.log(replaceTime,'345345')
|
|
|
|
|
|
+ console.log(replaceTime, '345345')
|
|
replaceTime.forEach((q) => {
|
|
replaceTime.forEach((q) => {
|
|
- console.log(q)
|
|
|
|
nowTimeQuantum.value.classTime.push(q.time)
|
|
nowTimeQuantum.value.classTime.push(q.time)
|
|
nowTimeQuantum.value.classinToday.push(q.schoolClass)
|
|
nowTimeQuantum.value.classinToday.push(q.schoolClass)
|
|
nowTimeQuantum.value.todayUpload.push(q.teachClass)
|
|
nowTimeQuantum.value.todayUpload.push(q.teachClass)
|
|
nowTimeQuantum.value.totalattendClass.push(parseInt(q.schoolClass))
|
|
nowTimeQuantum.value.totalattendClass.push(parseInt(q.schoolClass))
|
|
})
|
|
})
|
|
- console.log(nowTimeQuantum.value.todayUpload,'999999999999999999')
|
|
|
|
|
|
+ console.log(nowTimeQuantum.value.todayUpload, '999999999999999999')
|
|
//处理课例活跃数据(今日)
|
|
//处理课例活跃数据(今日)
|
|
// let classToday = nowTimeQuantum.value.schoolClass.map((index, item) => {
|
|
// let classToday = nowTimeQuantum.value.schoolClass.map((index, item) => {
|
|
// return index + nowTimeQuantum.value.teachClass[item]
|
|
// return index + nowTimeQuantum.value.teachClass[item]
|
|
@@ -1856,35 +1879,35 @@ export default {
|
|
header[0].style.display = 'block'
|
|
header[0].style.display = 'block'
|
|
screen.value.state = false
|
|
screen.value.state = false
|
|
}
|
|
}
|
|
- function timeChange(val){
|
|
|
|
|
|
+ function timeChange (val) {
|
|
console.log(val)
|
|
console.log(val)
|
|
var date = new Date();
|
|
var date = new Date();
|
|
- if(val ==='now'){
|
|
|
|
- let datas=[ '0:00',
|
|
|
|
- '1:00',
|
|
|
|
- '2:00',
|
|
|
|
- '3:00',
|
|
|
|
- '4:00',
|
|
|
|
- '5:00',
|
|
|
|
- '6:00',
|
|
|
|
- '7:00',
|
|
|
|
- '8:00',
|
|
|
|
- '9:00',
|
|
|
|
- '10:00',
|
|
|
|
- '11:00',
|
|
|
|
- '12:00',
|
|
|
|
- '13:00',
|
|
|
|
- '14:00',
|
|
|
|
- '15:00',
|
|
|
|
- '16:00',
|
|
|
|
- '17:00',
|
|
|
|
- '18:00',
|
|
|
|
- '19:00',
|
|
|
|
- '20:00',
|
|
|
|
- '21:00',
|
|
|
|
- '22:00',
|
|
|
|
- '23:00',]
|
|
|
|
- let serialDatas=[
|
|
|
|
|
|
+ if (val === 'now') {
|
|
|
|
+ let datas = ['0:00',
|
|
|
|
+ '1:00',
|
|
|
|
+ '2:00',
|
|
|
|
+ '3:00',
|
|
|
|
+ '4:00',
|
|
|
|
+ '5:00',
|
|
|
|
+ '6:00',
|
|
|
|
+ '7:00',
|
|
|
|
+ '8:00',
|
|
|
|
+ '9:00',
|
|
|
|
+ '10:00',
|
|
|
|
+ '11:00',
|
|
|
|
+ '12:00',
|
|
|
|
+ '13:00',
|
|
|
|
+ '14:00',
|
|
|
|
+ '15:00',
|
|
|
|
+ '16:00',
|
|
|
|
+ '17:00',
|
|
|
|
+ '18:00',
|
|
|
|
+ '19:00',
|
|
|
|
+ '20:00',
|
|
|
|
+ '21:00',
|
|
|
|
+ '22:00',
|
|
|
|
+ '23:00',]
|
|
|
|
+ let serialDatas = [
|
|
{
|
|
{
|
|
name: '上传课堂记录',
|
|
name: '上传课堂记录',
|
|
type: 'bar',
|
|
type: 'bar',
|
|
@@ -2008,73 +2031,73 @@ export default {
|
|
// data: nowTimeQuantum.value.classinYesterday,
|
|
// data: nowTimeQuantum.value.classinYesterday,
|
|
data: nowTimeQuantum.value.classinYesterday,
|
|
data: nowTimeQuantum.value.classinYesterday,
|
|
},
|
|
},
|
|
- ]
|
|
|
|
- totalArea.value.dynamic.legend.data=['上传课堂记录','开课','昨日上传课堂记录','昨日开课']
|
|
|
|
- totalArea.value.dynamic.xAxis.data=datas
|
|
|
|
- totalArea.value.dynamic.series=serialDatas
|
|
|
|
- totalArea.value.dynamic.series[0].data=nowTimeQuantum.value.todayUpload
|
|
|
|
- totalArea.value.dynamic.series[1].data=nowTimeQuantum.value.classinToday
|
|
|
|
- totalArea.value.dynamic.series[2].data=nowTimeQuantum.value.yesterdayUpload
|
|
|
|
- totalArea.value.dynamic.series[3].data=nowTimeQuantum.value.classinYesterday
|
|
|
|
|
|
+ ]
|
|
|
|
+ totalArea.value.dynamic.legend.data = ['上传课堂记录', '开课', '昨日上传课堂记录', '昨日开课']
|
|
|
|
+ totalArea.value.dynamic.xAxis.data = datas
|
|
|
|
+ totalArea.value.dynamic.series = serialDatas
|
|
|
|
+ totalArea.value.dynamic.series[0].data = nowTimeQuantum.value.todayUpload
|
|
|
|
+ totalArea.value.dynamic.series[1].data = nowTimeQuantum.value.classinToday
|
|
|
|
+ totalArea.value.dynamic.series[2].data = nowTimeQuantum.value.yesterdayUpload
|
|
|
|
+ totalArea.value.dynamic.series[3].data = nowTimeQuantum.value.classinYesterday
|
|
getClassLivelys()
|
|
getClassLivelys()
|
|
- }else if(val ==='allmonth'){
|
|
|
|
|
|
+ } else if (val === 'allmonth') {
|
|
let month = date.getMonth() + 1
|
|
let month = date.getMonth() + 1
|
|
console.log(month)
|
|
console.log(month)
|
|
- let xdata=[]
|
|
|
|
- let dataupload=[]
|
|
|
|
- let statClass=[]
|
|
|
|
- for(let i=0;i<month;i++){
|
|
|
|
- xdata.push(parseInt(i)+1+'月')
|
|
|
|
- statClass.push(random(40,100))
|
|
|
|
- dataupload.push(random(1,39))
|
|
|
|
|
|
+ let xdata = []
|
|
|
|
+ let dataupload = []
|
|
|
|
+ let statClass = []
|
|
|
|
+ for (let i = 0; i < month; i++) {
|
|
|
|
+ xdata.push(parseInt(i) + 1 + '月')
|
|
|
|
+ statClass.push(random(40, 100))
|
|
|
|
+ dataupload.push(random(1, 39))
|
|
}
|
|
}
|
|
- totalArea.value.dynamic.legend.data=['上传课堂记录','开课']
|
|
|
|
- totalArea.value.dynamic.xAxis.data=xdata
|
|
|
|
- totalArea.value.dynamic.series[0].data=dataupload
|
|
|
|
- totalArea.value.dynamic.series[1].data=statClass
|
|
|
|
|
|
+ totalArea.value.dynamic.legend.data = ['上传课堂记录', '开课']
|
|
|
|
+ totalArea.value.dynamic.xAxis.data = xdata
|
|
|
|
+ totalArea.value.dynamic.series[0].data = dataupload
|
|
|
|
+ totalArea.value.dynamic.series[1].data = statClass
|
|
totalArea.value.dynamic.series.splice(2)
|
|
totalArea.value.dynamic.series.splice(2)
|
|
// nowTimeQuantum.value.todayUpload=dataupload
|
|
// nowTimeQuantum.value.todayUpload=dataupload
|
|
// nowTimeQuantum.value.classinToday=statClass
|
|
// nowTimeQuantum.value.classinToday=statClass
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
console.log(xdata)
|
|
console.log(xdata)
|
|
- }else if(val ==='month'){
|
|
|
|
|
|
+ } else if (val === 'month') {
|
|
var day = date.getDate();
|
|
var day = date.getDate();
|
|
- console.log(day,'日期')
|
|
|
|
- let xdata=[]
|
|
|
|
- let dataupload=[]
|
|
|
|
- let statClass=[]
|
|
|
|
- for(let i=0;i<day;i++){
|
|
|
|
|
|
+ console.log(day, '日期')
|
|
|
|
+ let xdata = []
|
|
|
|
+ let dataupload = []
|
|
|
|
+ let statClass = []
|
|
|
|
+ for (let i = 0; i < day; i++) {
|
|
xdata.push(parseInt(i))
|
|
xdata.push(parseInt(i))
|
|
- statClass.push(random(56,120))
|
|
|
|
- dataupload.push(random(1,52))
|
|
|
|
|
|
+ statClass.push(random(56, 120))
|
|
|
|
+ dataupload.push(random(1, 52))
|
|
}
|
|
}
|
|
- totalArea.value.dynamic.legend.data=['上传课堂记录','开课']
|
|
|
|
- totalArea.value.dynamic.xAxis.data=xdata
|
|
|
|
- totalArea.value.dynamic.series[0].data=dataupload
|
|
|
|
- totalArea.value.dynamic.series[1].data=statClass
|
|
|
|
|
|
+ totalArea.value.dynamic.legend.data = ['上传课堂记录', '开课']
|
|
|
|
+ totalArea.value.dynamic.xAxis.data = xdata
|
|
|
|
+ totalArea.value.dynamic.series[0].data = dataupload
|
|
|
|
+ totalArea.value.dynamic.series[1].data = statClass
|
|
totalArea.value.dynamic.series.splice(2)
|
|
totalArea.value.dynamic.series.splice(2)
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
- }else if(val ==='year'){
|
|
|
|
- var year = date.getFullYear();
|
|
|
|
- let xdata=['2020','2021','2022']
|
|
|
|
- let dataupload=[]
|
|
|
|
- let statClass=[]
|
|
|
|
- for(let i=0;i<4;i++){
|
|
|
|
- statClass.push(random(458,1200))
|
|
|
|
- dataupload.push(random(200,434))
|
|
|
|
|
|
+ } else if (val === 'year') {
|
|
|
|
+ var year = date.getFullYear();
|
|
|
|
+ let xdata = ['2020', '2021', '2022']
|
|
|
|
+ let dataupload = []
|
|
|
|
+ let statClass = []
|
|
|
|
+ for (let i = 0; i < 4; i++) {
|
|
|
|
+ statClass.push(random(458, 1200))
|
|
|
|
+ dataupload.push(random(200, 434))
|
|
}
|
|
}
|
|
- totalArea.value.dynamic.legend.data=['上传课堂记录','开课']
|
|
|
|
- totalArea.value.dynamic.xAxis.data=xdata
|
|
|
|
- totalArea.value.dynamic.series[0].data=dataupload
|
|
|
|
- totalArea.value.dynamic.series[1].data=statClass
|
|
|
|
|
|
+ totalArea.value.dynamic.legend.data = ['上传课堂记录', '开课']
|
|
|
|
+ totalArea.value.dynamic.xAxis.data = xdata
|
|
|
|
+ totalArea.value.dynamic.series[0].data = dataupload
|
|
|
|
+ totalArea.value.dynamic.series[1].data = statClass
|
|
totalArea.value.dynamic.series.splice(2)
|
|
totalArea.value.dynamic.series.splice(2)
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.yesterdayUpload=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
// nowTimeQuantum.value.classinYesterday=[]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; }
|
|
|
|
|
|
+ function random (min, max) { return Math.floor(Math.random() * (max - min)) + min; }
|
|
getUseridentity()
|
|
getUseridentity()
|
|
getAll()
|
|
getAll()
|
|
return {
|
|
return {
|
|
@@ -2104,12 +2127,19 @@ export default {
|
|
discrepancy,
|
|
discrepancy,
|
|
optionsData,
|
|
optionsData,
|
|
timeChange,
|
|
timeChange,
|
|
- random
|
|
|
|
|
|
+ random,
|
|
|
|
+ activeName
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
+.eachSite {
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ background: url("../../assets/img/bg-index.jpg") no-repeat;
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
.statisticsbox,
|
|
.statisticsbox,
|
|
.statisticsbox-all {
|
|
.statisticsbox-all {
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -2117,8 +2147,7 @@ export default {
|
|
/* padding: 1% 1%; */
|
|
/* padding: 1% 1%; */
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
position: relative;
|
|
position: relative;
|
|
- background: url("../../assets/img/bg-index.jpg") no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
|
+ /* margin-top: 35px; */
|
|
}
|
|
}
|
|
|
|
|
|
.top-resource {
|
|
.top-resource {
|
|
@@ -2892,21 +2921,66 @@ export default {
|
|
height: 100%;
|
|
height: 100%;
|
|
background-color: #ccc;
|
|
background-color: #ccc;
|
|
}
|
|
}
|
|
-.selectboxs{
|
|
|
|
|
|
+.selectboxs {
|
|
position: absolute;
|
|
position: absolute;
|
|
- top:0%;
|
|
|
|
- right:1%;
|
|
|
|
|
|
+ top: 0%;
|
|
|
|
+ right: 1%;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
<style>
|
|
<style>
|
|
.statisticsbox-all .el-loading-spinner .circular {
|
|
.statisticsbox-all .el-loading-spinner .circular {
|
|
display: inline;
|
|
display: inline;
|
|
}
|
|
}
|
|
-.selectboxs .el-input__inner{
|
|
|
|
- padding-right:0px;
|
|
|
|
- height:30px;
|
|
|
|
- line-height:30px;
|
|
|
|
- background-color:#dfe6e9;
|
|
|
|
- border:0px;
|
|
|
|
|
|
+.selectboxs .el-input__inner {
|
|
|
|
+ padding-right: 0px;
|
|
|
|
+ height: 30px;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ background-color: #dfe6e9;
|
|
|
|
+ border: 0px;
|
|
|
|
+}
|
|
|
|
+/*处理header 切换*/
|
|
|
|
+.eachSite .el-tabs--card > .el-tabs__header {
|
|
|
|
+ border-bottom: 0px;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs--card > .el-tabs__header .el-tabs__nav {
|
|
|
|
+ border: 0px;
|
|
|
|
+ float: none;
|
|
|
|
+ height: 30px;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
|
|
|
+ border-bottom-color: none;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
|
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
|
+ border-bottom-left-radius: 15px;
|
|
|
|
+ height: 25px;
|
|
|
|
+ line-height: 25px;
|
|
|
|
+ background-color: rgba(223, 230, 233, 0.6);
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
|
|
|
|
+ border-left: 0px solid #ccc;
|
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
|
+ border-bottom-right-radius: 15px;
|
|
|
|
+ height: 25px;
|
|
|
|
+ line-height: 25px;
|
|
|
|
+ background-color: rgba(223, 230, 233, 0.6);
|
|
|
|
+}
|
|
|
|
+.eachSite .is-active {
|
|
|
|
+ color: #fff;
|
|
|
|
+ background: rgba(9, 132, 227, 0.3) !important;
|
|
|
|
+ border-left: 1px solid rgba(116, 185, 255, 1) !important;
|
|
|
|
+ border-right: 1px solid rgba(116, 185, 255, 1) !important;
|
|
|
|
+ border-bottom: 1px solid rgba(116, 185, 255, 1) !important;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs__header {
|
|
|
|
+ margin: 0px;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs__nav-prev {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+.eachSite .el-tabs__nav-wrap.is-scrollable {
|
|
|
|
+ padding: 0px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|