|
@@ -8,8 +8,21 @@
|
|
|
<div class="cus-table-box">
|
|
|
<MinTable @tmwCus="getTmwCus"></MinTable>
|
|
|
</div>
|
|
|
+ <!-- 第三方平台连接 -->
|
|
|
+ <div class="recent-box" style="height:389px" v-if="checkHost()">
|
|
|
+ <p class="text-title">{{$t('platform.ptText')}}</p>
|
|
|
+ <div class="platform-list-wrap">
|
|
|
+ <vuescroll>
|
|
|
+ <EmptyData v-show="!platformList.length"></EmptyData>
|
|
|
+ <div class="platform-item" v-for="(item,index) in platformList" :key="index" @click="openPlatform(index)">
|
|
|
+ <div class="platform-img" :style="{backgroundImage: `url(${item.thum + '?' + areaSas})`}"></div>
|
|
|
+ <p class="platform-name">{{item.name}}</p>
|
|
|
+ </div>
|
|
|
+ </vuescroll>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 活动统计 -->
|
|
|
- <div class="ac-count-box">
|
|
|
+ <div class="ac-count-box" v-else style="width:100%">
|
|
|
<p class="chart-title">
|
|
|
{{$t('home.acCount')}}
|
|
|
</p>
|
|
@@ -18,13 +31,7 @@
|
|
|
</div>
|
|
|
<div class="chart-box-column2">
|
|
|
<!-- 课堂数据 -->
|
|
|
- <div class="class-chart-box" v-show="$store.state.config.srvAdrType != 'product'">
|
|
|
- <!-- <p class="chart-title">
|
|
|
- {{$t('home.classData')}}
|
|
|
- <span style="color: var(--normal-icon-color);margin-left: 6px;font-size: 12px;">
|
|
|
- ({{$t('system.preview')}})
|
|
|
- </span>
|
|
|
- </p> -->
|
|
|
+ <div class="class-chart-box" v-if="checkHost()">
|
|
|
<div class="cus-count-wrap">
|
|
|
<div class="cus-count-item">
|
|
|
<p class="tag-label">{{$t('home.cusTotal')}}</p>
|
|
@@ -53,65 +60,72 @@
|
|
|
<!-- 科技分占比 -->
|
|
|
<ScoreCount :scoreCount="scoreCount"></ScoreCount>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- <div style="width:45%;padding-top:15px">
|
|
|
- <TeachScore class="class-chart"></TeachScore>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
- <!-- 研修数据 -->
|
|
|
- <div class="train-chart-box" v-show="$store.state.config.srvAdr == 'China'">
|
|
|
- <p class="chart-title">
|
|
|
- 研修统计
|
|
|
- </p>
|
|
|
- <!-- 学时统计 -->
|
|
|
- <div class="train-hour-wrap">
|
|
|
- <!-- 总学时 -->
|
|
|
- <div class="train-hour-box">
|
|
|
- <i-circle :stroke-color="strokeColor" :percent="allPercent" :stroke-width="8" :trail-width="8" :size="180">
|
|
|
- <span class="complete-hour">{{teacherInfo.totalTime || 0}}</span>
|
|
|
- <span style="font-size:24px">/{{settings.allTime || 0}}</span>
|
|
|
- <p class="total-hour-label">
|
|
|
- {{ $t("jyzx.homePage.totalTime") }}
|
|
|
- <Tooltip :max-width="400" transfer>
|
|
|
- <Icon type="ios-alert" size="15" />
|
|
|
- <div slot="content">
|
|
|
- <div>
|
|
|
- {{ $t("jyzx.homePage.remarks1") }}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- {{ $t("jyzx.homePage.remarks2") }}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- {{ $t("jyzx.homePage.remarks3") }}{{ settings.lessonMinutes}}{{ $t("jyzx.homePage.remarks4") }}
|
|
|
+ <!-- 研修数据 && 活动统计-->
|
|
|
+ <div style="display: flex;">
|
|
|
+ <!-- 研修数据 -->
|
|
|
+ <div class="train-chart-box" :style="{width:!checkHost() ? '100%' : 'calc(70% - 15px)',marginRight:!checkHost() ? '0px' : '15px'}" v-show="$store.state.config.srvAdr == 'China'">
|
|
|
+ <p class="chart-title">
|
|
|
+ {{$t('system.menu.trainCount')}}
|
|
|
+ </p>
|
|
|
+ <!-- 学时统计 -->
|
|
|
+ <div class="train-hour-wrap">
|
|
|
+ <!-- 总学时 -->
|
|
|
+ <div class="train-hour-box">
|
|
|
+ <i-circle :stroke-color="strokeColor" :percent="allPercent" :stroke-width="8" :trail-width="8" :size="160">
|
|
|
+ <span class="complete-hour">{{teacherInfo.totalTime || 0}}</span>
|
|
|
+ <span style="font-size:24px">/{{settings.allTime || 0}}</span>
|
|
|
+ <p class="total-hour-label">
|
|
|
+ {{ $t("jyzx.homePage.totalTime") }}
|
|
|
+ <Tooltip :max-width="400" transfer>
|
|
|
+ <Icon type="ios-alert" size="15" />
|
|
|
+ <div slot="content">
|
|
|
+ <div>
|
|
|
+ {{ $t("jyzx.homePage.remarks1") }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ {{ $t("jyzx.homePage.remarks2") }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ {{ $t("jyzx.homePage.remarks3") }}{{ settings.lessonMinutes}}{{ $t("jyzx.homePage.remarks4") }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </Tooltip>
|
|
|
- </p>
|
|
|
- </i-circle>
|
|
|
- </div>
|
|
|
- <!-- 学时详情 -->
|
|
|
- <div class="hour-detail-box">
|
|
|
- <div class="hour-detail-item">
|
|
|
- <HourDetail class="hour-detail-chart" :hourInfo="onlineInfo"></HourDetail>
|
|
|
- <HourDetail class="hour-detail-chart" :hourInfo="offlineInfo"></HourDetail>
|
|
|
+ </Tooltip>
|
|
|
+ </p>
|
|
|
+ </i-circle>
|
|
|
</div>
|
|
|
- <div class="hour-detail-item">
|
|
|
- <HourDetail class="hour-detail-chart" :hourInfo="verifyInfo"></HourDetail>
|
|
|
- <HourDetail class="hour-detail-chart" :hourInfo="videoInfo"></HourDetail>
|
|
|
+ <!-- 学时详情 -->
|
|
|
+ <div class="hour-detail-box">
|
|
|
+ <div class="hour-detail-item">
|
|
|
+ <HourDetail class="hour-detail-chart" :hourInfo="onlineInfo"></HourDetail>
|
|
|
+ <HourDetail class="hour-detail-chart" :hourInfo="offlineInfo"></HourDetail>
|
|
|
+ </div>
|
|
|
+ <div class="hour-detail-item">
|
|
|
+ <HourDetail class="hour-detail-chart" :hourInfo="verifyInfo"></HourDetail>
|
|
|
+ <HourDetail class="hour-detail-chart" :hourInfo="videoInfo"></HourDetail>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 活动数量统计 -->
|
|
|
- <div class="train-count-wrap" v-show="this.$store.state.config.srvAdrType == 'product'">
|
|
|
- <div class="train-count-item" v-for="(item,index) in trainCountList" :key="index">
|
|
|
- <img :src="item.img" class="train-count-img" alt="">
|
|
|
- <div class="train-count-info">
|
|
|
- <p class="count-label">{{item.text}}</p>
|
|
|
- <p class="count-num">{{`${item.complete}/${item.total}`}}</p>
|
|
|
+ <!-- 活动数量统计 -->
|
|
|
+ <div class="train-count-wrap" v-show="!checkHost()">
|
|
|
+ <div class="train-count-item" v-for="(item,index) in trainCountList" :key="index">
|
|
|
+ <img :src="item.img" class="train-count-img" alt="">
|
|
|
+ <div class="train-count-info">
|
|
|
+ <p class="count-label">{{item.text}}</p>
|
|
|
+ <p class="count-num">{{`${item.complete}/${item.total}`}}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 活动统计 -->
|
|
|
+ <div class="ac-count-box" v-if="checkHost()">
|
|
|
+ <p class="chart-title">
|
|
|
+ {{$t('home.acCount')}}
|
|
|
+ </p>
|
|
|
+ <AcCountPie style="margin-top:-20px;" :count="acCount"></AcCountPie>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="text-box">
|
|
@@ -160,27 +174,14 @@
|
|
|
</vuescroll>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 最近课堂记录 现在没有数据,暂时换成第三方平台连接-->
|
|
|
- <!-- <div class="recent-box">
|
|
|
+ <!-- 最近课堂记录-->
|
|
|
+ <div class="recent-box">
|
|
|
<p class="text-title">{{$t('home.recentRecord')}}</p>
|
|
|
<div class="recent-list-wrap">
|
|
|
<vuescroll>
|
|
|
<EmptyData :textContent="$t('home.noRecord')"></EmptyData>
|
|
|
</vuescroll>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
- <!-- 第三方平台连接 -->
|
|
|
- <div class="recent-box">
|
|
|
- <p class="text-title">{{$t('platform.ptText')}}</p>
|
|
|
- <div class="recent-list-wrap">
|
|
|
- <vuescroll>
|
|
|
- <EmptyData v-show="!platformList.length"></EmptyData>
|
|
|
- <div class="platform-item" v-for="(item,index) in platformList" :key="index" @click="openPlatform(index)">
|
|
|
- <div class="platform-img" :style="{backgroundImage: `url(${item.thum + '?' + areaSas})`}"></div>
|
|
|
- <p class="platform-name">{{item.name}}</p>
|
|
|
- </div>
|
|
|
- </vuescroll>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</vuescroll>
|
|
@@ -316,7 +317,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- openPlatform(index){
|
|
|
+ openPlatform(index) {
|
|
|
window.open(this.platformList[index].url)
|
|
|
},
|
|
|
//查看课堂记录统计数据
|
|
@@ -489,7 +490,27 @@ export default {
|
|
|
path: '/home/settings'
|
|
|
})
|
|
|
},
|
|
|
- //查询资源文件
|
|
|
+ // 查询学校资源平台
|
|
|
+ getSchoolSetting() {
|
|
|
+ let params = {
|
|
|
+ schoolId: this.$store.state.userInfo.schoolCode
|
|
|
+ }
|
|
|
+ this.$api.schoolSetting.getSchoolSetting(params).then(
|
|
|
+ res => {
|
|
|
+ if (res.setting?.third) {
|
|
|
+ let d = res.setting.third.find(item => item.tag == 'default')
|
|
|
+ if (d) {
|
|
|
+ this.platformList.push(...d.links)
|
|
|
+ }
|
|
|
+ // this.schoolPlatform = d || this.schoolPlatform
|
|
|
+ }
|
|
|
+ },
|
|
|
+ err => {
|
|
|
+
|
|
|
+ }
|
|
|
+ )
|
|
|
+ },
|
|
|
+ //查询区级资源平台
|
|
|
getAreaSource() {
|
|
|
let params = {
|
|
|
areaId: sessionStorage.getItem('areaId')
|
|
@@ -503,7 +524,10 @@ export default {
|
|
|
} else if (!res.error && res.file) {
|
|
|
if (res.file.third) {
|
|
|
let d = res.file.third.find(item => item.tag == 'default')
|
|
|
- this.platformList = d.links || this.platformList
|
|
|
+ if (d) {
|
|
|
+ this.platformList.push(...d.links)
|
|
|
+ }
|
|
|
+ // this.platformList = d.links || this.platformList
|
|
|
}
|
|
|
this.fullData = res.file
|
|
|
}
|
|
@@ -553,13 +577,21 @@ export default {
|
|
|
).finally(() => {
|
|
|
this.isLoading = false
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ //判断金牛区
|
|
|
+ checkHost() {
|
|
|
+ let host = window.location.host
|
|
|
+ return host !== 'jinniu.teammodel.cn'
|
|
|
+ },
|
|
|
},
|
|
|
created() {
|
|
|
this.areaSas = this.$store.state.user.userProfile.osblob_sas
|
|
|
this.getAreaSource()
|
|
|
+ this.getSchoolSetting()
|
|
|
this.getAcCount()
|
|
|
- this.getTeacherRecordData()
|
|
|
+ if (this.checkHost()) {
|
|
|
+ this.getTeacherRecordData()
|
|
|
+ }
|
|
|
if (this.$store.state.userInfo.hasSchool) {
|
|
|
this.findNotice()
|
|
|
if (this.$store.state.config.srvAdr == 'China') {
|