<template>
	 <div class="app-container">
		<el-row class="bge">
			<!-- <p class="p">成绩统计</p> -->
			<el-col :span="24">
				<p class="p"> {{fort.scoreTitle}}</p>
			</el-col>
			<el-col :span="6" class="nfwr">
				<p>学生班级：<span>{{fort.scoreClassName}}</span></p>
			</el-col>
			<el-col :span="6" class="nfwr">
				<p>考试时间：<span>{{fort.scoreTime}}</span></p>
			</el-col>
			<el-col :span="6" class="nfwr">
				<p>发布时间：<span>{{fort.createTime}}</span></p>
			</el-col>
			<el-col :span="6" class="nfwr">
				<p>考试类型：</p>
				<dict-tag :options="dict.type.kaoshi" :value="fort.scoreType"/>
			</el-col>
			<!-- <el-col :span="5" class="nfwr">
				<p style="text-align: right;">缺考人数：<span>初一四班</span></p>
			</el-col> -->
		</el-row> 
		<el-row class="bges">
			<p class="p">成绩分析</p>
			<el-col :span="7" v-if="isshowt == true">
				<div class="index_tjt">
					<p>总科成绩年级排名</p>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no1.png" alt="">
						<span>1</span>
					</div>
					<div class="zongsone">
						<p style="color: #FF4B4B;">{{bfkusgwegk.scoreDataName}}</p>
						<p style="color: #FF4B4B;">{{bfkusgwegk.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no2.png" alt="">
						<span style="color: #F97822;">2</span>
					</div>
					<div class="zongsone">
						<p style="color: #F97822;">{{one.scoreDataName}}</p>
						<p style="color: #F97822;">{{one.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no3.png" alt="">
						<span style="color: #FFB132;">3</span>
					</div>
					<div class="zongsone">
						<p style="color: #FFB132;">{{two.scoreDataName}}</p>
						<p style="color: #FFB132;" >{{two.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">4</span>
					</div>
					<div class="zongsone">
						<p>{{therr.scoreDataName}}</p>
						<p>{{therr.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">5</span>
					</div>
					<div class="zongsone">
						<p>{{four.scoreDataName}}</p>
						<p>{{four.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">6</span>
					</div>
					<div class="zongsone">
						<p>{{five.scoreDataName}}</p>
						<p>{{five.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">7</span>
					</div>
					<div class="zongsone">
						<p>{{six.scoreDataName}}</p>
						<p>{{six.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">8</span>
					</div>
					<div class="zongsone">
						<p>{{seven.scoreDataName}}</p>
						<p>{{seven.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">9</span>
					</div>
					<div class="zongsone">
						<p>{{aide.scoreDataName}}</p>
						<p>{{aide.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">10</span>
					</div>
					<div class="zongsone">
						<!-- aide -->
						<p>{{naiet.scoreDataName}}</p>
						<p>{{naiet.zongfen}}</p>
					</div>
				</div>
			</el-col>
			<el-col :span="7" v-if="isshowt == false">
				<div class="index_tjt index_tjtf">
					<p>各科成绩班级前十名</p>
					<el-dropdown @command="(command) => handleCommands(command)">
					  <span class="el-dropdown-link" >
					    {{tie}}<i class="el-icon-arrow-down el-icon--right"></i>
					  </span>
					  
					  <el-dropdown-menu slot="dropdown">
					    <el-dropdown-item @click.native="xinlse(item)" v-for="(item,index) in thlies">{{item.dictLabel}}</el-dropdown-item>
					  </el-dropdown-menu>
					</el-dropdown>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no1.png" alt="">
						<span>1</span>
					</div>
					<div class="zongsone">
						<p style="color: #FF4B4B;">{{bfkusgwegk.scoreDataName}}</p>
						<p style="color: #FF4B4B;">{{bfkusgwegk.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no2.png" alt="">
						<span style="color: #F97822;">2</span>
					</div>
					<div class="zongsone">
						<p style="color: #F97822;">{{one.scoreDataName}}</p>
						<p style="color: #F97822;">{{one.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no3.png" alt="">
						<span style="color: #FFB132;">3</span>
					</div>
					<div class="zongsone">
						<p style="color: #FFB132;">{{two.scoreDataName}}</p>
						<p style="color: #FFB132;" >{{two.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">4</span>
					</div>
					<div class="zongsone">
						<p>{{therr.scoreDataName}}</p>
						<p>{{therr.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">5</span>
					</div>
					<div class="zongsone">
						<p>{{four.scoreDataName}}</p>
						<p>{{four.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">6</span>
					</div>
					<div class="zongsone">
						<p>{{five.scoreDataName}}</p>
						<p>{{five.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">7</span>
					</div>
					<div class="zongsone">
						<p>{{six.scoreDataName}}</p>
						<p>{{six.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">8</span>
					</div>
					<div class="zongsone">
						<p>{{seven.scoreDataName}}</p>
						<p>{{seven.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">9</span>
					</div>
					<div class="zongsone">
						<p>{{aide.scoreDataName}}</p>
						<p>{{aide.zongfen}}</p>
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">10</span>
					</div>
					<div class="zongsone">
						<!-- aide -->
						<p>{{naiet.scoreDataName}}</p>
						<p>{{naiet.zongfen}}</p>
					</div>
				</div>
			</el-col>
			
			<el-col :span="5" v-if="ishkg">
				<div class="index_tjt">
					<p>班级总分平均分成绩排名</p>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no1.png" alt="">
						<span>1</span>
					</div>
					<div class="zongsone">
						<p style="color: #FF4B4B;">{{oneban.scoreClassName}}</p>
						<!-- <p style="color: #FF4B4B;">{{bfkusgwegk.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no2.png" alt="">
						<span style="color: #F97822;">2</span>
					</div>
					<div class="zongsone">
						<p style="color: #F97822;">{{twoban.scoreClassName}}</p>
						<!-- <p style="color: #F97822;">{{one.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_no3.png" alt="">
						<span style="color: #FFB132;">3</span>
					</div>
					<div class="zongsone">
						<p style="color: #FFB132;">{{threeban.scoreClassName}}</p>
						<!-- <p style="color: #FFB132;" >{{two.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">4</span>
					</div>
					<div class="zongsone">
						<p>{{ fourban.scoreClassName}}</p>
						<!-- <p>{{therr.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">5</span>
					</div>
					<div class="zongsone">
						<p>{{fiveban.scoreClassName }}</p>
						<!-- <p>{{four.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">6</span>
					</div>
					<div class="zongsone">
						<p>{{sixban.scoreClassName}}</p>
						<!-- <p>{{five.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">7</span>
					</div>
					<div class="zongsone">
						<p>{{sevenban.scoreClassName}}</p>
						<!-- <p>{{six.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">8</span>
					</div>
					<div class="zongsone">
						<p>{{eighban.scoreClassName}}</p>
						<!-- <p>{{seven.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">9</span>
					</div>
					<div class="zongsone">
						<p>{{nigban.scoreClassName}}</p>
						<!-- <p>{{aide.zongfen}}</p> -->
					</div>
				</div>
				<div class="index_zonchj">
					<div class="zongs">
						<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
						<span style="color: #AAAAAA;">10</span>
					</div>
					<div class="zongsone">
						<!-- aide -->
						<p>{{tewban.scoreClassName}}</p>
						<!-- <p>{{naiet.zongfen}}</p> -->
					</div>
				</div>
			</el-col>
			<el-col :span="12">
				<div class="index_tjt">
					<p style="text-align: left; padding-left: 10%;">各分数段学生人数</p>
					 <bar-chartss :chart-data="btuwl" v-if="btuaon" />
				</div>
			</el-col>
			<el-col :span="24">
				<el-row :gutter="30">
				  <el-col :span="14">
				  	<div class="index_tjt">
				  		<p>各班总平均分上下占比人数</p>
				  		<raddar-chartsss  :chart-data="zhxiand" v-if="zhex"/>
				  	</div>
				  </el-col>
				  <el-col :span="10" >
				  <!-- <div class="index_tjt">
				  	<p>较上次考试各分数段学生人数对比</p>
					<p>各分数段学生人数</p>
				  	<raddar-chartss  :chart-data="zhxiand" v-if="zhex"/>
				  </div> -->
				  <div class="index_tjt index_tjtf">
				  	<p>各科成绩班级前十名</p>
				  	<el-dropdown @command="(command) => handleCommands(command)">
				  	  <span class="el-dropdown-link" >
				  	    {{tie}}<i class="el-icon-arrow-down el-icon--right"></i>
				  	  </span>
				  	  
				  	  <el-dropdown-menu slot="dropdown">
				  	    <el-dropdown-item @click.native="xinlse(item)" v-for="(item,index) in thlies">{{item.dictLabel}}</el-dropdown-item>
				  	  </el-dropdown-menu>
				  	</el-dropdown>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_no1.png" alt="">
				  		<span>1</span>
				  	</div>
				  	<div class="zongsone">
				  		<p style="color: #FF4B4B;">{{bfkusgwegks.scoreDataName}}</p>
				  		<p style="color: #FF4B4B;">{{bfkusgwegks.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_no2.png" alt="">
				  		<span style="color: #F97822;">2</span>
				  	</div>
				  	<div class="zongsone">
				  		<p style="color: #F97822;">{{ones.scoreDataName}}</p>
				  		<p style="color: #F97822;">{{ones.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_no3.png" alt="">
				  		<span style="color: #FFB132;">3</span>
				  	</div>
				  	<div class="zongsone">
				  		<p style="color: #FFB132;">{{twos.scoreDataName}}</p>
				  		<p style="color: #FFB132;" >{{twos.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">4</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{therrs.scoreDataName}}</p>
				  		<p>{{therrs.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">5</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{fours.scoreDataName}}</p>
				  		<p>{{fours.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">6</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{fives.scoreDataName}}</p>
				  		<p>{{fives.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">7</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{sixs.scoreDataName}}</p>
				  		<p>{{sixs.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">8</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{sevens.scoreDataName}}</p>
				  		<p>{{sevens.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">9</span>
				  	</div>
				  	<div class="zongsone">
				  		<p>{{aides.scoreDataName}}</p>
				  		<p>{{aides.score}}</p>
				  	</div>
				  </div>
				  <div class="index_zonchj">
				  	<div class="zongs">
				  		<img src="../../../assets/images/pic_cjpm_normal.png" alt="">
				  		<span style="color: #AAAAAA;">10</span>
				  	</div>
				  	<div class="zongsone">
				  		<!-- aide -->
				  		<p>{{naiets.scoreDataName}}</p>
				  		<p>{{naiets.score}}</p>
				  	</div>
				  </div>
				  					
				  
				  </el-col>	
				</el-row>
				
			</el-col>
		</el-row>
		
		<el-row class="bgkeu">
			<p class="p">成绩统计</p>
			<el-col>
				<!-- @selection-change="handleSelectionChange" -->
				<el-table @sort-change="changeTableSort" stripe v-if="ntela"   v-loading="loading" :data="scoreDataDetailsList"  max-height="200">
				  <!-- <el-table-column type="selection" width="55" align="center" /> -->
				 <el-table-column  label="班级排名" sortable align="center" width="100" prop="scoreSort" />
				  <el-table-column  label="年级排名" sortable align="center"  prop="scoreSortGrade" />
				  <el-table-column label="姓名" align="center"  prop="scoreDataName" >
				    <template slot-scope="scope">
				      <span>{{scope.row.scoreDataName}}</span>
				    </template>
				  </el-table-column>
				  <el-table-column  label="总分" sortable align="center" prop="zongfen" width="80"/>
				  <el-table-column  v-for="(col, index) in hstwet"
				  :key="index"
				  :sortable="'custom'"
				  :label="col.lable+'(均分/满分:'+ col.avg + '/'+ col.manfen +')'"
				  :prop = "col.value"
				  align="center"
				  width="200">
				  <template slot-scope="scope">
				    <span>{{scope.row[col.value]}}</span>
				  </template>
				  </el-table-column> 
				  <!-- <el-table-column label="数学(均分：86)" align="center" prop="scoreTitle" width="120"/>
				  <el-table-column label="英语(均分：86) " align="center" prop="scoreTitle" width="120"/>
				  <el-table-column label="政治(均分：86)" align="center" prop="scoreTitle"width="120" />
				  <el-table-column label="地理(均分：86) " align="center" prop="scoreTitle" width="120"/>
				  <el-table-column label="生物(均分：86)" align="center" prop="scoreTitle" width="120"/> -->
				  <!-- <el-table-column label="隐私设置" align="center" prop="privacyType">
				    <template slot-scope="scope">
				      <dict-tag :options="dict.type.typeone" :value="scope.row.privacyType"/>
				    </template>
				  </el-table-column> -->
				  <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
				  <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
				    <template slot-scope="scope">
				      <el-button
				        size="mini"
				        type="text"
				        icon="el-icon-edit"
				        @click="handleUpdate(scope.row)"
				        v-hasPermi="['score:data:edit']"
				      >查看统计</el-button>
				    </template>
				  </el-table-column> -->
				</el-table>
				<!-- <pagination
				  v-show="total>0"
				  :total="total"
				  :page.sync="queryParams.pageNum"
				  :limit.sync="queryParams.pageSize"
				  @pagination="getList"
				/>	 -->
				
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import { listData, getData, delData, addData, updateData } from "@/api/zhihuixy/data";
	import { listInfo,listInfostu} from "@/api/zhihuixy/info";
	import { xuekeRank,gradeRank,classRank,avgRank,bingTuRank,indexList}from "@/api/zhihuixy/tjxq";
	import axios from 'axios'
	import { getToken } from "@/utils/auth";
	import { listDept ,listDeptode} from "@/api/system/dept";
	import BarChartss from '../../dashboard/BarChartss'
	import RaddarChartss from '../../dashboard/RaddarChartss'
	import RaddarChartsss from '../../dashboard/RaddarChartsss'
	export default {
	 name: "Data",
	 dicts: ['typeone','sys_subject','kaoshi'],	
	 components: {
	 	BarChartss,
		RaddarChartss,
		RaddarChartsss
	 },
	 data() {
	   return {
	     // 遮罩层
	     loading: false,
		 btuaon:true,
		 btuwl:{},
		 total:3,
		 zhex:true,
		 zhxiand:{'x':[],'y1':[],'y2':[]},
		 dataList:[],
		 xlalist:[],
		 queryParams: {
		   pageNum: 1,
		   pageSize: 10,
		   scoreTitle: null,
		   scoreTime: null,
		   scoreClassId: null,
		   scoreClassName: null,
		   privacyType: null,
		 },
	     bfkusgwegk:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     one:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     two:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     therr:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     four:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     five:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     six:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     seven:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     aide:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
	     naiet:{
	     					  scoreDataName:'暂无数据',
	     					  zongfen:'暂无数据'
	     },
		 bfkusgwegks:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 ones:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 twos:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 therrs:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 fours:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 fives:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 sixs:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 sevens:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 aides:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 naiets:{
		 					  scoreDataName:'暂无数据',
		 					  score:'暂无数据'
		 },
		 
		 oneban:{
			 scoreClassName:'暂无数据',
			 scoreSort:'暂无数据'
		 },
		 twoban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 threeban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 fourban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 fiveban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 sixban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 sevenban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 eighban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 nigban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 tewban:{
		 			 scoreClassName:'暂无数据',
		 			 scoreSort:'暂无数据'
		 },
		 isshowt:false,
		 isnume:0,
		 tie:'语文',
		 thlies:[],
		 idg:0,
		 fort:{},
		 ishkg:false,
		 isnjqs:false,
		 lisrgtchj:[],
		 lisrgtchjs:[],
		 isxuek:false,
		 scoreDataDetailsList:[],
		 ntela:false,
		 jhgre:[],
		 hstwet:[],
		 typeOptionsname:[]
		 
		 
	 	  
	   };
	 },
	 created(){
		 this.isnume = this.$route.query.type
		 this.idg = this.$route.query.id
		 if(this.isnume == 1){
			 this.isshowt = true
		 }else if(this.isnume == 2){
			this.isshowt = true 
		 }else if(this.isnume ==3){
			this.isshowt = true 
		 }else{
			this.isshowt = false 
		 }
		 
		 this.getDicts('chjbxk').then(response => {
		 			this.thlies = response.data;
					this.jhgre = response.data;
		 		})
				
		this.deltupdet()
		 console.log(this.isnume,this.$route.query.type,this.isshowt,5)
	 },
	 methods:{
		 // 详情
		 deltupdet(){
			 let ju={'scoreId':this.idg}
			 getData(ju).then(response => {
				this.fort =  response.data
				this.isxuek = false
				// 学科统计人数
				this.banjshi()
				this.isnjqs = false
				// 年纪前10
				this.bande()
				this.ishkg = false
				// 班级排名
				this.bandeg()
				//平局分上下
				this.bandegpj()
				// bingtu
				this.jianbingtu()
				// 列表
				this.liestget()
			 })
		 },
		 //学科班级前10名
		 banjshi(){
			 let jht={}
			 jht.scoreTime = this.fort.scoreTime
			 jht.scoreType = this.fort.scoreType
			 jht.scoreClassName = this.fort.scoreClassName
			 jht.xueke = this.tie
			 jht.scoreId = this.fort.scoreId
			xuekeRank(jht).then(response => {
				// this.fort =  response.data
				this.lisrgtchjs = response.rows
				if(this.lisrgtchjs.length > 10){
					this.lisrgtchjs = this.lisrgtchj.slice(0,10)
				}
				if(this.lisrgtchjs.length != 0){
							 if(this.lisrgtchjs.length == 1){
								this.bfkusgwegks = this.lisrgtchjs[0]
							 }else if(this.lisrgtchjs.length == 2){
								this.ones = this.lisrgtchjs[1] 
								this.bfkusgwegks = this.lisrgtchjs[0]
							 }else if(this.lisrgtchjs.length == 3){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2] 
							 }else if(this.lisrgtchjs.length == 4){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
							 }else if(this.lisrgtchjs.length == 5){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
								this.fours = this.lisrgtchjs[4]
							 }else if(this.lisrgtchjs.length == 6){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
								this.fours = this.lisrgtchjs[4]
								this.fives = this.lisrgtchjs[5]
							 }else if(this.lisrgtchjs.length == 7){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
								this.fours = this.lisrgtchjs[4]
								this.fives = this.lisrgtchjs[5]
								this.sixs = this.lisrgtchjs[6]
							 }else if(this.lisrgtchj.length == 8){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
								this.fours = this.lisrgtchjs[4]
								this.fives = this.lisrgtchjs[5]
								this.sixs = this.lisrgtchjs[6]
								this.sevens = this.lisrgtchjs[7] 
								
							 }else if(this.lisrgtchjs.length == 9){
								this.ones = this.lisrgtchjs[1]
								this.bfkusgwegks = this.lisrgtchjs[0]
								this.twos = this.lisrgtchjs[2]
								 this.therrs = this.lisrgtchjs[3]
								this.fours = this.lisrgtchjs[4]
								this.fives = this.lisrgtchjs[5]
								this.sixs = this.lisrgtchjs[6]
								this.sevens = this.lisrgtchjs[7] 
								this.aides = this.lisrgtchjs[8] 
							 }else if(this.lisrgtchjs.length == 10){
								 this.ones = this.lisrgtchjs[1]
								 this.bfkusgwegks = this.lisrgtchjs[0]
								 this.twos = this.lisrgtchjs[2]
								  this.therrs = this.lisrgtchjs[3]
								 this.fours = this.lisrgtchjs[4]
								 this.fives = this.lisrgtchjs[5]
								 this.sixs = this.lisrgtchjs[6]
								 this.sevens = this.lisrgtchjs[7] 
								 this.aides = this.lisrgtchjs[8]
								this.naiets = this.lisrgtchjs[9] 
							 } 
						}
				this.isxuek = true
			}) 
		 },
		 // 总分年级前10
		 bande(){
			let jht={}
			 jht.scoreTime = this.fort.scoreTime
			 jht.scoreType = this.fort.scoreType
			 jht.scoreClassName = this.fort.scoreClassName
			 // jht.xueke = this.tie
			 // if(this.isshowt == false){
				// jht.scoreId = this.fort.scoreId 
			 // }else{
				// jht.scoreId = undefined  
			 // }
			 
			gradeRank(jht).then(response => {
				// this.fort =  response.data
				this.lisrgtchj = response.rows
				if(this.lisrgtchj.length > 10){
					this.lisrgtchj = this.lisrgtchj.slice(0,10)
				}
				if(this.lisrgtchj.length != 0){
							 if(this.lisrgtchj.length == 1){
								this.bfkusgwegk = this.lisrgtchj[0]
							 }else if(this.lisrgtchj.length == 2){
								this.one = this.lisrgtchj[1] 
								this.bfkusgwegk = this.lisrgtchj[0]
							 }else if(this.lisrgtchj.length == 3){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2] 
							 }else if(this.lisrgtchj.length == 4){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
							 }else if(this.lisrgtchj.length == 5){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
								this.four = this.lisrgtchj[4]
							 }else if(this.lisrgtchj.length == 6){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
								this.four = this.lisrgtchj[4]
								this.five = this.lisrgtchj[5]
							 }else if(this.lisrgtchj.length == 7){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
								this.four = this.lisrgtchj[4]
								this.five = this.lisrgtchj[5]
								this.six = this.lisrgtchj[6]
							 }else if(this.lisrgtchj.length == 8){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
								this.four = this.lisrgtchj[4]
								this.five = this.lisrgtchj[5]
								this.six = this.lisrgtchj[6]
								this.seven = this.lisrgtchj[7] 
								
							 }else if(this.lisrgtchj.length == 9){
								this.one = this.lisrgtchj[1]
								this.bfkusgwegk = this.lisrgtchj[0]
								this.two = this.lisrgtchj[2]
								 this.therr = this.lisrgtchj[3]
								this.four = this.lisrgtchj[4]
								this.five = this.lisrgtchj[5]
								this.six = this.lisrgtchj[6]
								this.seven = this.lisrgtchj[7] 
								this.aide = this.lisrgtchj[8] 
							 }else if(this.lisrgtchj.length == 10){
								 this.one = this.lisrgtchj[1]
								 this.bfkusgwegk = this.lisrgtchj[0]
								 this.two = this.lisrgtchj[2]
								  this.therr = this.lisrgtchj[3]
								 this.four = this.lisrgtchj[4]
								 this.five = this.lisrgtchj[5]
								 this.six = this.lisrgtchj[6]
								 this.seven = this.lisrgtchj[7] 
								 this.aide = this.lisrgtchj[8]
								this.naiet = this.lisrgtchj[9] 
							 } 
						}
				this.isnjqs = true
				
			})  
		 },
		 // 班级排名
		 bandeg(){
			let jht={}
			 jht.scoreTime = this.fort.scoreTime
			 jht.scoreType = this.fort.scoreType
			 jht.scoreClassName = this.fort.scoreClassName
			 // jht.xueke = this.tie
			 // jht.scoreId = this.fort.scoreId
			classRank(jht).then(response => {
				// this.fort =  response.data
				if(response.rows.length > 10){
					response.rows = response.rows.slice(0,10)
				}
				if(response.rows.length != 0){
					if(response.rows.length == 1){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
					}
					if(response.rows.length == 2){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
					}
					if(response.rows.length == 3){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
					}if(response.rows.length == 4){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
					}
					if(response.rows.length == 5){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
					}
					if(response.rows.length == 6){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
						this.sixban.scoreClassName = response.rows[5].scoreClassName
						this.sixban.scoreSort = response.rows[5].scoreSort
					}
					if(response.rows.length == 7){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
						this.sixban.scoreClassName = response.rows[5].scoreClassName
						this.sixban.scoreSort = response.rows[5].scoreSort
						this.sevenban.scoreClassName = response.rows[6].scoreClassName
						this.sevenban.scoreSort = response.rows[6].scoreSort
					}
					if(response.rows.length == 8){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
						this.sixban.scoreClassName = response.rows[5].scoreClassName
						this.sixban.scoreSort = response.rows[5].scoreSort
						this.sevenban.scoreClassName = response.rows[6].scoreClassName
						this.sevenban.scoreSort = response.rows[6].scoreSort
						this.eighban.scoreClassName = response.rows[7].scoreClassName
						this.eighban.scoreSort = response.rows[7].scoreSort
					}
					if(response.rows.length == 9){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
						this.sixban.scoreClassName = response.rows[5].scoreClassName
						this.sixban.scoreSort = response.rows[5].scoreSort
						this.sevenban.scoreClassName = response.rows[6].scoreClassName
						this.sevenban.scoreSort = response.rows[6].scoreSort
						this.eighban.scoreClassName = response.rows[7].scoreClassName
						this.eighban.scoreSort = response.rows[7].scoreSort
						this.nigban.scoreClassName = response.rows[8].scoreClassName
						this.nigban.scoreSort = response.rows[8].scoreSort
					}
					if(response.rows.length == 10){
						this.oneban.scoreClassName = response.rows[0].scoreClassName
						this.oneban.scoreSort = response.rows[0].scoreSort
						this.twoban.scoreClassName = response.rows[1].scoreClassName
						this.twoban.scoreSort = response.rows[1].scoreSort
						this.threeban.scoreClassName = response.rows[2].scoreClassName
						this.threeban.scoreSort = response.rows[2].scoreSort
						this.fourban.scoreClassName = response.rows[3].scoreClassName
						this.fourban.scoreSort = response.rows[3].scoreSort
						this.fiveban.scoreClassName = response.rows[4].scoreClassName
						this.fiveban.scoreSort = response.rows[4].scoreSort
						this.sixban.scoreClassName = response.rows[5].scoreClassName
						this.sixban.scoreSort = response.rows[5].scoreSort
						this.sevenban.scoreClassName = response.rows[6].scoreClassName
						this.sevenban.scoreSort = response.rows[6].scoreSort
						this.eighban.scoreClassName = response.rows[7].scoreClassName
						this.eighban.scoreSort = response.rows[7].scoreSort
						this.nigban.scoreClassName = response.rows[8].scoreClassName
						this.nigban.scoreSort = response.rows[8].scoreSort
						this.tewban.scoreClassName = response.rows[9].scoreClassName
				  }
				}
				this.ishkg = true
				
			})   
		 },
		 // 平局分上下
		 bandegpj(){
		 			let jht={}
		 			 jht.scoreTime = this.fort.scoreTime
		 			 jht.scoreType = this.fort.scoreType
		 			 jht.scoreClassName = this.fort.scoreClassName
		 			 // jht.xueke = this.tie
		 			 // jht.scoreId = this.fort.scoreId
					 let gjo = ['一班','二班','三班']
					 let bg = [0,0,0]
					 let bk=[10,30,40]
		 			avgRank(jht).then(response => {
		 				
						// console.log(response.data,this.zhxind,82)
						if(response.data.x.length == 0){
							response.data.x.conca(gjo)
						}
						if(response.data.y2.length == 0){
							response.data.y2.conca(bg)
						}else{
							// console.log(this.zhxind,82)
							// response.data.y2 = bk
							for(var i = 0 ; i < response.data.y2.length;i++){
								if(response.data.y2[i] != 0){
									response.data.y2[i] = -response.data.y2[i]
								}
							}
							
						}
						this.zhxiand  =  response.data
						console.log(this.zhxiand,82)
		 			})   
		 },
		 // 饼图
		 jianbingtu(){
			 let jht={}
			  jht.scoreTime = this.fort.scoreTime
			  jht.scoreType = this.fort.scoreType
			  jht.scoreClassName = this.fort.scoreClassName
			  bingTuRank(jht).then(response => {
			  	this.btuwl = response.data
			  })  
		 },
		 // 列表
		 liestget(){
			let jht={}
			 jht.scoreTime = this.fort.scoreTime
			 jht.scoreType = this.fort.scoreType
			 jht.scoreClassName = this.fort.scoreClassName
			 jht.scoreId = this.fort.scoreId
			 this.ntela = false
			 indexList(jht).then(response => {
			 	this.scoreDataDetailsList = response.rows
				if(this.scoreDataDetailsList.length != 0){
				  for(var i = 0 ; i < this.scoreDataDetailsList.length; i++){
				  	if(this.scoreDataDetailsList[i].scoreDataDetailVoList.length !=0){
						let kjhfe =  this.scoreDataDetailsList[i].scoreDataDetailVoList
						for(var j = 0; j < kjhfe.length; j++ ){
							let ngeoks={'value':null,}
							let jhgd={'dictValue':null,'dictLabel':null,'manfen':null,'avg':null}
							// this.$set(this.scoreDataDetailsList[i],rou.dictValue,kjhfe[j].score)
							 this.jhgre.filter( rou=>{
								if(rou.dictLabel == kjhfe[j].xueke){
									ngeoks.value = rou.dictValue
									ngeoks.lable = kjhfe[j].xueke
									if(kjhfe[j].avg == null){
										kjhfe[j].avg = ''
									}
									if(kjhfe[j].manfen == null){
										kjhfe[j].manfen = ''
									}
									ngeoks.manfen = kjhfe[j].manfen
									
									ngeoks.avg = kjhfe[j].avg
								   this.$set(this.scoreDataDetailsList[i],rou.dictValue,kjhfe[j].score)
								   jhgd.dictLabel = rou.dictLabel
								   jhgd.dictValue = rou.dictValue
								   jhgd.manfen = kjhfe[j].manfen
								   jhgd.manfen = kjhfe[j].avg
								   // gnhdkt.push(rou.dictValue)
								   console.log(this.scoreDataDetailsList[i],rou.dictValue,rou.dictLabel,6)
								} 
								this.typeOptionsname.push(jhgd)
								this.hstwet.push(ngeoks)
							 })
						}
					}
					console.log(this.scoreDataDetailsList[i],5)
				  }	
				}
				const res = new Map();
				let ihge = this.hstwet.filter(t => !res.has(t.lable) && res.set(t.lable,1))
				const ret = new Map()
				let ghytfw = this.typeOptionsname.filter(t => !ret.has(t.dictLabel) && ret.set(t.dictLabel,1))
				this.hstwet = ihge
				this.typeOptionsname = ghytfw
				console.log(this.scoreDataDetailsList,this.hstwet,this.typeOptionsname,5)
				this.ntela = true
			 })   
		 },
		 changeTableSort(e){
			 console.log(e,7)
			 //获取当前列的字段
			       const prop = e.prop
			       // 如果按降序
			       if (e.order === 'descending') {
			         //根据需要对字段进行写排序
			         this.scoreDataDetailsList = this.scoreDataDetailsList.sort((a, b) => {
			           return parseFloat(a[prop]) - parseFloat(b[prop])
			         })
			       } else { //发果是降序
			         this.scoreDataDetailsList = this.scoreDataDetailsList.sort((a, b) => {
			           return parseFloat(b[prop]) - parseFloat(a[prop])
			         })
			       }
				   console.log(this.scoreDataDetailsList)
		 },
		// 历史数据触发
		handleCommands(command,row) {
		  switch (command) {
		    case "xinlse":
		      this.xinlse(row);
		      break;
		    default:
		      break;
		  }
		},
		 xinlse(val){
			console.log(val) 
			this.tie = val.dictLabel
			this.isxuek = false
			this.nhgelkr()
			// 学科统计人数
			this.banjshi()
		 },
		 nhgelkr(){
			this.ones.score = '暂无数据'
			this.ones.scoreDataName = '暂无数据'
			this.bfkusgwegks.score = '暂无数据'
			this.bfkusgwegks.scoreDataName = '暂无数据'
			this.twos.score = '暂无数据'
			this.twos.scoreDataName = '暂无数据'
			this.therrs.score = '暂无数据'
			this.therrs.scoreDataName = '暂无数据'
			this.fours.score = '暂无数据'
			this.fours.scoreDataName = '暂无数据'
			this.fives.score = '暂无数据'
			this.fives.scoreDataName = '暂无数据'
			this.sixs.score = '暂无数据'
			this.sixs.scoreDataName = '暂无数据'
			this.sevens.score = '暂无数据'
			this.sevens.scoreDataName = '暂无数据'
			this.aides.score = '暂无数据'
			this.aides.scoreDataName = '暂无数据'
			this.naiets.score = '暂无数据'
			this.naiets.scoreDataName = '暂无数据'
		 }
	 }
	}
</script>
<style>
	.bgkeu .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
	  /* background-color: #f7f6f7;	 */
	}
</style>

<style scoped lang="scss">
	.app-container{
		background-color: #f6f6f6;
		padding: 10px;
	}
	.bge{
		background-color: #fff;
		padding: 20px;
		border-radius: 3px;
		p{
			margin: 0;
		}
		.nfwr{
			margin-top: 10px;
			display: flex;
		}
	}
	.bges{
		background-color: #fff;
		padding: 20px;
		border-radius: 3px;
		margin-top: 10px;
	}
	.index_tjt{
		// margin-top:10px;
		 p{
			 margin: 0;
			color: #4775EA;
			font-size: 12px;
			margin: 10px 0;
			margin-bottom: 20px;
		 }
	}
	.index_tjtf{
		display:flex;
		aligen-items:center;
		
		.el-dropdown{
			line-height:39px;
			margin-left:10px;
			font-size: 12px;
		}
		.el-dropdown-link {
		    cursor: pointer;
		    color: #409EFF;
		  }
	}
	.index_zonchj{
		 display: flex;
		 align-items: center;
		 margin-top: 17px;
		 
		 img{
			 width: 45px;
			 height: 15px;
		 }
		 .zongs{
			 height: 15px;
			 position: relative;
			 span{
				 font-size: 12px;
				 color: #FF4C4C;
				 position: absolute;
				 left:8px;
				 top:50%;
				 transform: translateY(-50%);
				 
			 }
		 }
		 .zongsone{
			 flex: 1;
			 display: flex;
			 align-items: center;
			 justify-content: center;
			 p{
				 flex:1;
				 margin: 0;
				 color: #161616;
				 font-size: 12px;
				 text-align: center;
			 }
			 p:nth-child(2){
				 text-align: left;
			 }
		 }
		 
	}
	.index_tjt{
		 p{
			 margin: 0;
			color: #4775EA;
			font-size: 12px;
			margin: 10px 0;
			margin-bottom: 20px;
		 }
	}
	
	.bgkeu{
		background-color: #fff;
		padding: 20px;
		border-radius: 3px;
		margin-top: 10px;
	}
	.p{
		font-family: PingFang SC;
		font-weight: bold;
		color: #343434;
	}
</style>