|
@@ -11,234 +11,257 @@
|
|
|
</Select>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 基本数据统计部分 -->
|
|
|
<div class="section">
|
|
|
- <div class="section-title">
|
|
|
- {{$t('totalAnalysis.ti_title1')}}
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="section-box">
|
|
|
- <div class="base-data-item block-item">
|
|
|
- <div class="item-icon"><Icon type="md-people" /></div>
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">98</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text1')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-data-item block-item">
|
|
|
- <div class="item-icon"><Icon type="md-school" /></div>
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">3655</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text2')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-data-item block-item">
|
|
|
- <div class="item-icon"><Icon type="logo-youtube" /></div>
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">3</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text3')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-data-item block-item">
|
|
|
- <div class="item-icon"><Icon type="md-podium" /></div>
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">9</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text4')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-data-item block-item">
|
|
|
- <div class="item-icon"><Icon type="md-tennisball" /></div>
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">48</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text5')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 评测数据统计部分 -->
|
|
|
- <div class="section">
|
|
|
- <div class="section-title">
|
|
|
- {{$t('totalAnalysis.ti_title2')}}
|
|
|
- </div>
|
|
|
- <div class="section-box">
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">16</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text12')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">7</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text6')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">2</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text7')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">1</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text8')}}</div>
|
|
|
+ <Tabs value="tab1">
|
|
|
+ <TabPane label="统计数据" name="tab1">
|
|
|
+ <!-- 基本数据统计部分 -->
|
|
|
+ <div class="section" style="display:none">
|
|
|
+ <div class="section-title">
|
|
|
+ {{$t('totalAnalysis.ti_title1')}}
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="section-box">
|
|
|
+ <div class="base-data-item block-item">
|
|
|
+ <div class="item-icon"><Icon type="md-people" /></div>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">98</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text1')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="base-data-item block-item">
|
|
|
+ <div class="item-icon"><Icon type="md-school" /></div>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">3655</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text2')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="base-data-item block-item">
|
|
|
+ <div class="item-icon"><Icon type="logo-youtube" /></div>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">3</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text3')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="base-data-item block-item">
|
|
|
+ <div class="item-icon"><Icon type="md-podium" /></div>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">9</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text4')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="base-data-item block-item">
|
|
|
+ <div class="item-icon"><Icon type="md-tennisball" /></div>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">48</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text5')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">1</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text9')}}</div>
|
|
|
+ <!-- 评测数据统计部分 -->
|
|
|
+ <div class="section">
|
|
|
+ <div class="section-title">
|
|
|
+ {{$t('totalAnalysis.ti_title2')}}
|
|
|
+ </div>
|
|
|
+ <div class="section-box">
|
|
|
+ <div class="exam-data-item block-item">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">16</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text12')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="exam-data-item block-item">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">7</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text6')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="exam-data-item block-item">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">2</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text7')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="exam-data-item block-item">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">1</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text8')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="exam-data-item block-item">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-num">1</div>
|
|
|
+ <div class="item-name">{{$t('totalAnalysis.ti_text9')}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">2</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text10')}}</div>
|
|
|
+ <!-- 年级优生率统计部分 -->
|
|
|
+ <div class="section">
|
|
|
+ <div class="section-title">
|
|
|
+ {{$t('totalAnalysis.ti_title4')}}
|
|
|
+ </div>
|
|
|
+ <div class="section-box">
|
|
|
+ <div class="genius-data-item block-item">
|
|
|
+ <div class="select-grade">
|
|
|
+ <Select v-model="selectGrade">
|
|
|
+ <Option v-for="(item,index) in gradeList" :value="index" :key="index">{{ item }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <BaseGeniusLine echartsId="myLine"></BaseGeniusLine>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="exam-data-item block-item">
|
|
|
- <div class="item-content">
|
|
|
- <div class="item-num">3</div>
|
|
|
- <div class="item-name">{{$t('totalAnalysis.ti_text11')}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 学科对比统计部分 -->
|
|
|
- <div class="section">
|
|
|
- <div class="section-title">
|
|
|
- {{$t('totalAnalysis.ti_title3')}}
|
|
|
|
|
|
- </div>
|
|
|
- <div class="section-box">
|
|
|
- <div class="radar-data-item radar-data-item-active block-item" @click="isShowClassRadar = !isShowClassRadar">
|
|
|
- <p class="radar-title">高一年级</p>
|
|
|
- <BaseGradeRadar echartsId="myRadar"></BaseGradeRadar>
|
|
|
- </div>
|
|
|
- <div class="radar-data-item block-item">
|
|
|
- <p class="radar-title">高二年级</p>
|
|
|
- <BaseGradeRadar echartsId="myRadar2"></BaseGradeRadar>
|
|
|
- </div>
|
|
|
- <div class="radar-data-item block-item">
|
|
|
- <p class="radar-title">高三年级</p>
|
|
|
- <BaseGradeRadar echartsId="myRadar3"></BaseGradeRadar>
|
|
|
+ <!-- 学科对比统计部分 -->
|
|
|
+ <div class="section">
|
|
|
+ <div class="section-title">
|
|
|
+ {{$t('totalAnalysis.ti_title3')}}
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 年级雷达图部分 -->
|
|
|
+ <!--<div class="section-box grade-radar-box">
|
|
|
+ <div class="radar-data-item radar-data-item-active block-item"
|
|
|
+ @click="onGradeRadarClick(index)"
|
|
|
+ v-for="(item,index) in gradeList"
|
|
|
+ :key="index"
|
|
|
+ :style="{ marginLeft:(index === 0 || index % 3 === 0 ? '0' : '3%' )}">
|
|
|
+ <p class="radar-title">{{ item }}年级</p>
|
|
|
+ <BaseGradeRadar :echartsId="'myRadar' + index"></BaseGradeRadar>
|
|
|
+ 班级雷达图部分
|
|
|
+ <transition name="fade" v-if="index === activeGradeIndex ">
|
|
|
+ <div class="section-box class-radar-box" v-if="isShowClassRadar">
|
|
|
+ <span class="box-arrow" :style="{'left': arrowLeft}"></span>
|
|
|
+ <div class="radar-data-item block-item"
|
|
|
+ v-for="(item,index) in classList"
|
|
|
+ :key="index"
|
|
|
+ :style="{ marginLeft:(index === 0 || index % 5 === 0 ? '0' : '1%' )}">
|
|
|
+ <p class="radar-title">高一 {{index + 1}} 班</p>
|
|
|
+ <BaseClassRadar :echartsId="'classRadar'+ index"></BaseClassRadar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <transition name="fade">
|
|
|
- <div class="section-box class-radar-box" v-if="isShowClassRadar">
|
|
|
- <div class="radar-data-item block-item"
|
|
|
- v-for="(item,index) in classList"
|
|
|
- :key="index"
|
|
|
- :style="{ marginLeft:(index === 0 || index % 4 === 0 ? '0' : '4%' )}">
|
|
|
- <p class="radar-title">高一 {{index + 1}} 班</p>
|
|
|
- <BaseClassRadar :echartsId="'classRadar'+ index"></BaseClassRadar>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
+ <Collapse v-model="currentPanel" accordion @on-change="onRadarChange">
|
|
|
+ <Panel v-for="(grade,index) in gradeList"
|
|
|
+ :name="'panel' + index"
|
|
|
+ :key="index"
|
|
|
+ :style="{ marginLeft:(index === 0 || index % 3 === 0 ? '0' : '2%' )}">
|
|
|
+ <p class="radar-title">{{ grade }}年级</p>
|
|
|
+ <BaseGradeRadar :echartsId="'gradeRadar' + index"></BaseGradeRadar>
|
|
|
+ <p class="radar-details">查看班级</p>
|
|
|
+ <div slot="content">
|
|
|
+ <div class="section-box class-radar-box" :style="{'margin-left': panelLeft }" v-if="isShowClassRadar">
|
|
|
+ <span class="box-arrow" :style="{'left': arrowLeft}"></span>
|
|
|
+ <div class="radar-data-item block-item"
|
|
|
+ v-for="(item,index2) in classList"
|
|
|
+ :key="index2"
|
|
|
+ :style="{ marginLeft:(index2 === 0 || index2 % 5 === 0 ? '0' : '1%' )}">
|
|
|
+ <p class="radar-title">{{ grade }} {{index2 + 1}} 班</p>
|
|
|
+ <BaseClassRadar :echartsId="'grade'+ index + 'c' + index2" :boxWidth="boxWidth"></BaseClassRadar>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Panel>
|
|
|
+ </Collapse>
|
|
|
|
|
|
- </div>
|
|
|
- </transition>
|
|
|
- </div>
|
|
|
- <!-- 年级优生率统计部分 -->
|
|
|
- <div class="section">
|
|
|
- <div class="section-title">
|
|
|
- {{$t('totalAnalysis.ti_title4')}}
|
|
|
- </div>
|
|
|
- <div class="section-box">
|
|
|
- <div class="genius-data-item block-item">
|
|
|
- <div class="select-grade">
|
|
|
- <Select v-model="selectGrade">
|
|
|
- <Option v-for="(item,index) in gradeList" :value="index" :key="index">{{ item }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <BaseGeniusLine echartsId="myLine"></BaseGeniusLine>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 评测列表数据部分 -->
|
|
|
- <div class="section exam-list-wrap">
|
|
|
- <div class="section-title">
|
|
|
- {{$t('totalAnalysis.ti_title5')}}
|
|
|
- <span class="filter-icon" @click="isShowFilter = !isShowFilter"><Icon type="ios-funnel" />{{$t('totalAnalysis.echarts_text10')}}</span>
|
|
|
- </div>
|
|
|
- <transition name="fade">
|
|
|
- <div class="el-filter-wrap" v-show="isShowFilter">
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition1')}}:</span>
|
|
|
- <RadioGroup v-model="filterPeriod" type="button" @on-change="filterPeriodChange">
|
|
|
- <Radio v-for="(item,index) in filterData.periodList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
- </div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition2')}}:</span>
|
|
|
- <RadioGroup v-model="filterGrade" type="button" @on-change="filterGradeChange">
|
|
|
- <Radio v-for="(item,index) in filterData.gradeList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
- </div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition3')}}:</span>
|
|
|
- <RadioGroup v-model="filterTerm" type="button" @on-change="filterTermChange">
|
|
|
- <Radio v-for="(item,index) in filterData.termList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
</div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition4')}}:</span>
|
|
|
- <RadioGroup v-model="filterType" type="button" @on-change="filterTypeChange">
|
|
|
- <Radio v-for="(item,index) in filterData.typeList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane label="评测数据" name="tab2">
|
|
|
+
|
|
|
+ <!-- 评测列表数据部分 -->
|
|
|
+ <div class="section exam-list-wrap">
|
|
|
+ <div class="section-title">
|
|
|
+ {{$t('totalAnalysis.ti_title5')}}
|
|
|
+ <span class="filter-icon" @click="isShowFilter = !isShowFilter"><Icon type="ios-funnel" />{{$t('totalAnalysis.echarts_text10')}}</span>
|
|
|
+ </div>
|
|
|
+ <transition name="fade">
|
|
|
+ <div class="el-filter-wrap" v-show="isShowFilter">
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition1')}}:</span>
|
|
|
+ <RadioGroup v-model="filterPeriod" type="button" @on-change="filterPeriodChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.periodList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition2')}}:</span>
|
|
|
+ <RadioGroup v-model="filterGrade" type="button" @on-change="filterGradeChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.gradeList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition3')}}:</span>
|
|
|
+ <RadioGroup v-model="filterTerm" type="button" @on-change="filterTermChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.termList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition4')}}:</span>
|
|
|
+ <RadioGroup v-model="filterType" type="button" @on-change="filterTypeChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.typeList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition5')}}:</span>
|
|
|
+ <RadioGroup v-model="filterArea" type="button" @on-change="filterAreaChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.areaList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition6')}}:</span>
|
|
|
+ <RadioGroup v-model="filterFeedback" type="button" @on-change="filterFeedbackChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.feedbackList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="el-filter-item">
|
|
|
+ <span class="el-filter-title">{{$t('totalAnalysis.condition7')}}:</span>
|
|
|
+ <RadioGroup v-model="filterSubject" type="button" @on-change="filterSubjectChange">
|
|
|
+ <Radio v-for="(item,index) in filterData.subjectList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+ <div class="el-bread">
|
|
|
+ <!--<Icon type="ios-arrow-forward" />-->
|
|
|
+ <span>{{$t('totalAnalysis.text5')}}:</span>
|
|
|
+ <span v-if="!hasCondition">{{$t('totalAnalysis.text9')}}</span>
|
|
|
+ <span v-for="(item,index) in filterList" :key="index" class="filter-item" v-if="item.val">{{item.val}} <Icon type="ios-close" @click="handleRemove(index,item.keyName)" /></span>
|
|
|
+ <span class="list-length">{{$t('totalAnalysis.text6')}} : {{examList.length}} </span>
|
|
|
+ </div>
|
|
|
+ <div class="section-box list-box">
|
|
|
+ <div class="no-data-text" v-if="!examList.length">暂无数据</div>
|
|
|
+ <div class="genius-data-item exam-item" v-else v-for="(item,index) in examList" :key="index" @click="handleChooseExam(item,index)">
|
|
|
+ <div class="exam-info-top">
|
|
|
+ <span class="exam-type">{{item.conditions.range}}</span>
|
|
|
+ <span class="exam-name">{{item.name}}</span>
|
|
|
+ <span class="exam-grade">{{item.conditions.period + item.conditions.grade}}</span>
|
|
|
+ <span class="exam-subjects">
|
|
|
+ <span class="exam-subject" v-for="(subject,index) in item.conditions.subject" :key="index">{{ subject }}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="exam-info-bottom">
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text11')}}: {{item.time}}</span>
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text12')}}: {{item.stuCount}}</span>
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text13')}}: 1680</span>
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text14')}}: 98%</span>
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text15')}}: 455</span>
|
|
|
+ <span>{{$t('totalAnalysis.echarts_text16')}}: 88%</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Page />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition5')}}:</span>
|
|
|
- <RadioGroup v-model="filterArea" type="button" @on-change="filterAreaChange">
|
|
|
- <Radio v-for="(item,index) in filterData.areaList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
- </div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition6')}}:</span>
|
|
|
- <RadioGroup v-model="filterFeedback" type="button" @on-change="filterFeedbackChange">
|
|
|
- <Radio v-for="(item,index) in filterData.feedbackList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
- </div>
|
|
|
- <div class="el-filter-item">
|
|
|
- <span class="el-filter-title">{{$t('totalAnalysis.condition7')}}:</span>
|
|
|
- <RadioGroup v-model="filterSubject" type="button" @on-change="filterSubjectChange">
|
|
|
- <Radio v-for="(item,index) in filterData.subjectList" :label="item.name" :key="index">{{item.name}}</Radio>
|
|
|
- </RadioGroup>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </transition>
|
|
|
- <div class="el-bread">
|
|
|
- <!--<Icon type="ios-arrow-forward" />-->
|
|
|
- <span>{{$t('totalAnalysis.text5')}}:</span>
|
|
|
- <span v-if="!hasCondition">{{$t('totalAnalysis.text9')}}</span>
|
|
|
- <span v-for="(item,index) in filterList" :key="index" class="filter-item" v-if="item.val">{{item.val}} <Icon type="ios-close" @click="handleRemove(index,item.keyName)" /></span>
|
|
|
- <span class="list-length">{{$t('totalAnalysis.text6')}} : {{examList.length}} </span>
|
|
|
- </div>
|
|
|
- <div class="section-box list-box">
|
|
|
- <div class="no-data-text" v-if="!examList.length">暂无数据</div>
|
|
|
- <div class="genius-data-item exam-item" v-else v-for="(item,index) in examList" :key="index" @click="handleChooseExam(item,index)">
|
|
|
- <div class="exam-info-top">
|
|
|
- <span class="exam-type">{{item.conditions.range}}</span>
|
|
|
- <span class="exam-name">{{item.name}}</span>
|
|
|
- <span class="exam-subjects">
|
|
|
- <span class="exam-subject" v-for="(subject,index) in item.conditions.subject" :key="index">{{ subject }}</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="exam-info-bottom">
|
|
|
- <span>{{$t('totalAnalysis.echarts_text11')}}: {{item.time}}</span>
|
|
|
- <span>{{$t('totalAnalysis.echarts_text12')}}: {{item.stuCount}}</span>
|
|
|
- <span>{{$t('totalAnalysis.echarts_text13')}}: 1680</span>
|
|
|
- <span>{{$t('totalAnalysis.echarts_text14')}}: 98%</span>
|
|
|
- <span>{{$t('totalAnalysis.echarts_text15')}}: 455</span>
|
|
|
- <span>{{$t('totalAnalysis.echarts_text16')}}: 88%</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <Page />
|
|
|
- </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+
|
|
|
</div>
|
|
|
- </vuescroll>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </vuescroll>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -251,11 +274,16 @@
|
|
|
components: { BaseGradeRadar, BaseGeniusLine, BaseClassRadar },
|
|
|
data() {
|
|
|
return {
|
|
|
- isShowClassRadar:false,
|
|
|
+ currentPanel: '',
|
|
|
+ panelLeft: 0,
|
|
|
+ boxWidth:292,
|
|
|
+ isShowClassRadar:true,
|
|
|
isShowFilter:false,
|
|
|
classList: new Array(11).fill("1"),
|
|
|
- gradeList: ['高一', '高二', '高三'],
|
|
|
+ gradeList: ['高一', '高二', '高三','初一','初二','初三'],
|
|
|
semesterList: ['2019上学期', '2019下学期'],
|
|
|
+ activeGradeIndex: null,
|
|
|
+ arrowLeft:0,
|
|
|
selectSemester: 0,
|
|
|
selectGrade: 0,
|
|
|
contentLoading: false,
|
|
@@ -295,6 +323,24 @@
|
|
|
})
|
|
|
},
|
|
|
|
|
|
+ // 年级雷达图点击
|
|
|
+ onRadarChange(val) {
|
|
|
+ if(!val.length) return
|
|
|
+ let num = Number(val[0].split('panel')[1]) + 1
|
|
|
+ //let num = index + 1
|
|
|
+ this.arrowLeft = num % 3 === 0 ? '83.5%' : ((num + 1) % 3 === 0 ? '49.5%' : '15%')
|
|
|
+ this.panelLeft = num % 3 === 0 ? '-68%' : ((num + 1) % 3 === 0 ? '-34%' : '0')
|
|
|
+
|
|
|
+ //if (index === this.activeGradeIndex) {
|
|
|
+ // this.isShowClassRadar = !this.isShowClassRadar
|
|
|
+ //} else if (this.isShowClassRadar) {
|
|
|
+ // this.activeGradeIndex = index
|
|
|
+ //} else {
|
|
|
+ // this.isShowClassRadar = true
|
|
|
+ // this.activeGradeIndex = index
|
|
|
+ //}
|
|
|
+ },
|
|
|
+
|
|
|
handleSearch() {
|
|
|
let that = this
|
|
|
this.contentLoading = true
|
|
@@ -427,13 +473,69 @@
|
|
|
</style>
|
|
|
|
|
|
<style>
|
|
|
+ .index-container .ivu-tabs-bar {
|
|
|
+ border-bottom:1px solid #464646;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-container .ivu-tabs-nav .ivu-tabs-tab:active,
|
|
|
+ .index-container .ivu-tabs-nav .ivu-tabs-tab:hover,
|
|
|
+ .index-container .ivu-tabs-nav .ivu-tabs-tab-active,
|
|
|
+ .index-container .ivu-tabs-nav .ivu-tabs-tab{
|
|
|
+ color:#fff;
|
|
|
+ font-weight:bold;
|
|
|
+ font-size:16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-container .ivu-tabs-ink-bar {
|
|
|
+ height:4px;
|
|
|
+ background:#0087af;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .index-container .ivu-collapse{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-top: 50px;
|
|
|
+ background: none !important;
|
|
|
+ border: none !important;
|
|
|
+ }
|
|
|
+ .index-container .ivu-collapse-header{
|
|
|
+ height: auto !important;
|
|
|
+ line-height: auto !important;
|
|
|
+ background: #444444;
|
|
|
+ border:none !important;
|
|
|
+ border-radius:10px;
|
|
|
+ padding-top:10px;
|
|
|
+ padding-bottom:8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-container .ivu-collapse-item{
|
|
|
+ width: 32% !important;
|
|
|
+ border:none !important;
|
|
|
+ margin-top:2%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-container .ivu-collapse-content{
|
|
|
+ background: none !important;
|
|
|
+ border: none !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ width:1600px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-container .ivu-icon-ios-arrow-forward {
|
|
|
+ display:none;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
.index-container .ivu-select {
|
|
|
width: auto;
|
|
|
}
|
|
|
|
|
|
.index-container .ivu-select-selection {
|
|
|
width: 150px;
|
|
|
- background: none;
|
|
|
+ background: #777777;
|
|
|
margin-left: 100px;
|
|
|
border: 2px solid #737373;
|
|
|
}
|
|
@@ -451,6 +553,9 @@
|
|
|
width: 150px;
|
|
|
min-width: 150px !important;
|
|
|
}
|
|
|
+ .index-container .ivu-select-arrow {
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
|
|
|
.index-container .ivu-radio-group {
|
|
|
padding-bottom: 4px;
|