|
@@ -1,289 +1,60 @@
|
|
|
<template>
|
|
|
<!--首页(管理员以及研发页面)-->
|
|
|
<div class="eachSite">
|
|
|
- <el-tabs v-model="siteValue" class="demo-tabs" @tab-click="handleClick" type="card">
|
|
|
- <el-tab-pane label="中国" name="china">
|
|
|
- <div class="statisticsbox-all" v-if="siteValue==='china'">
|
|
|
- <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>
|
|
|
- </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>
|
|
|
- </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="month-increase">0.3%</span></p>
|
|
|
- </div> -->
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="statisticsbox-all" v-if="siteValue==='china'">
|
|
|
+ <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>
|
|
|
+ </svg>
|
|
|
</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-content':'total-alonebox-content']">{{items.num}}</p>
|
|
|
- </div> -->
|
|
|
- <!-- <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> -->
|
|
|
- <!-- <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 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="leftbox-online" v-loading="loading.basics" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
- <CommonBar :barData="totalArea.onlineType"></CommonBar>
|
|
|
+ <div class="right-top-num-increase-student"><span class="right-top-num-increase-teach">学生:</span><span>{{ item.student}}</span>
|
|
|
</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>
|
|
|
- </div>
|
|
|
- <div class="rightbox-pie">
|
|
|
- <ConventionPie :pieData="totalArea.activity"></ConventionPie>
|
|
|
- </div>
|
|
|
- <div class="rightbox-pie versions">
|
|
|
- <ConventionPie :pieData="totalArea.versions"></ConventionPie>
|
|
|
- </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">
|
|
|
- <span :class="[onlineModels==='all' ? 'checked':'','all']" @click="onlineModels='all'">全年</span>
|
|
|
- <span :class="[onlineModels==='month' ? 'checked':'','nowmonth']" @click="onlineModels='month'">本月</span>
|
|
|
- </div>
|
|
|
- <CommonBarLine v-if="onlineModels==='month'"></CommonBarLine>
|
|
|
- <BarLine v-else-if="onlineModels === 'all'"></BarLine> -->
|
|
|
- <CommonBar :barData="totalArea.classData"></CommonBar>
|
|
|
- </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)">
|
|
|
- <ConventionPie :pieData="totalArea.class"></ConventionPie>
|
|
|
- </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>
|
|
|
- <!--时间选择end-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div class="bottom-resource">
|
|
|
- <p class="commonbox-title active">课例活跃</p>
|
|
|
- <div class="areabottom-resource" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
- <CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div class="areaList">
|
|
|
- <!-- <p class="commonbox-title arealists">区域列表</p>
|
|
|
- <div class="area-listinfo">
|
|
|
- <div class="area-item" v-for="(item,index) in areaLists" :key="item.id">
|
|
|
- <div class="area-item-list">
|
|
|
- <p class="area-item-name">{{item.name}}</p>
|
|
|
- <p class="area-item-school"><span class="area-item-school-title">学区学校数:</span><span class="area-item-school-content">{{item.schoolCount}}</span></p>
|
|
|
- <p class="area-item-school"><span class="area-item-school-title">学区教师数:</span><span class="area-item-school-content">{{item.techCount}}</span></p>
|
|
|
- <p class="area-item-school"><span class="area-item-school-title">学区学生数:</span><span class="area-item-school-content">{{item.stuCount}}</span></p>
|
|
|
- </div>
|
|
|
- <div class="item-detailsbtn" @click="getSchoolDistrict(item)">
|
|
|
- <span>详情 ></span>
|
|
|
- </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>
|
|
|
- <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-chart">
|
|
|
- <CommonPie :proportionData="totalArea.pie3"></CommonPie>
|
|
|
- </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>
|
|
|
- <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 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>
|
|
|
- <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>
|
|
|
- </c-scrollbar>
|
|
|
- <!-- <div class="participationbox"><span>查看我参与的</span></div> -->
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="国际" name="international">
|
|
|
- <div class="statisticsbox-all" v-if="siteValue==='international'">
|
|
|
- <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 worldareaAspectsData" :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>
|
|
|
- </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 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="month-increase">0.3%</span></p>
|
|
|
</div> -->
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="basicsbox">
|
|
|
- <div class="leftbox">
|
|
|
- <!-- <div :class="[items.type==='month' ? 'alonebox' :'totalalonebox']" v-for="(items,indexs) in activityData.total" :key="indexs">
|
|
|
+ </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-content':'total-alonebox-content']">{{items.num}}</p>
|
|
|
</div> -->
|
|
|
- <!-- <div class="commonbox-title">
|
|
|
+ <!-- <div class="commonbox-title">
|
|
|
<div class="commonbox-title-name">在线人数趋势</div>
|
|
|
<div class="commonbox-title-icon">
|
|
|
<svg class="commonbox-title-onlineIcon" aria-hidden="true">
|
|
@@ -291,28 +62,28 @@
|
|
|
</svg>
|
|
|
</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="worldtotalArea.onlineType"></CommonBar>
|
|
|
- </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="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="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>
|
|
|
</div>
|
|
|
<div class="rightbox-pie">
|
|
@@ -321,60 +92,60 @@
|
|
|
<div class="rightbox-pie versions">
|
|
|
<ConventionPie :pieData="totalArea.versions"></ConventionPie>
|
|
|
</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==='month' ? 'checked':'','nowmonth']" @click="onlineModels='month'">本月</span>
|
|
|
</div>
|
|
|
<CommonBarLine v-if="onlineModels==='month'"></CommonBarLine>
|
|
|
<BarLine v-else-if="onlineModels === 'all'"></BarLine> -->
|
|
|
- <CommonBar :barData="worldtotalArea.classData"></CommonBar>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <CommonBar :barData="totalArea.classData"></CommonBar>
|
|
|
</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>
|
|
|
+ </div>
|
|
|
+ <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>
|
|
|
</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="worldtotalArea.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>
|
|
|
- <!--选择时间end-->
|
|
|
- </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 class="bottom-resource">
|
|
|
+ <!--时间选择end-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="bottom-resource">
|
|
|
<p class="commonbox-title active">课例活跃</p>
|
|
|
<div class="areabottom-resource" v-loading="loading.active" element-loading-background="rgba(0, 0, 0, 0.2)">
|
|
|
<CommonLine :lineData="totalArea.dynamic"></CommonLine>
|
|
|
</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-item" v-for="(item,index) in areaLists" :key="item.id">
|
|
|
<div class="area-item-list">
|
|
@@ -388,74 +159,72 @@
|
|
|
</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>
|
|
|
+ <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 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>{{ worldversionsData.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>{{ worldversionsData.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>{{ worldversionsData.major.num }}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="commonbox-versions-chart">
|
|
|
- <CommonPie :proportionData="totalArea.pie3"></CommonPie>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="commonbox-versions-chart">
|
|
|
+ <CommonPie :proportionData="totalArea.pie1"></CommonPie>
|
|
|
+ </div>
|
|
|
|
|
|
- </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="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 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-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 class="commonbox-versions-chart">
|
|
|
+ <CommonPie :proportionData="totalArea.pie3"></CommonPie>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </c-scrollbar>
|
|
|
- <!-- <div class="participationbox"><span>查看我参与的</span></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>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ </c-scrollbar>
|
|
|
+ <!-- <div class="participationbox"><span>查看我参与的</span></div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <AssitInterface v-if="showPattern.includes('assist')"></AssitInterface> -->
|
|
|
</template>
|