<template>
    
    <view class="u-demo-block">
       <u-swiper style="margin-top: 10px;" :list="list3" :effect3d="true" height="300"></u-swiper>
	   <!-- <u-grid style="margin-top: 10px;" :col="3">
	   		<u-grid-item @click="toRen">
	   			<u-image width="30px" height="30px" src="http://new.hxgk.group/sj/renwu.png"></u-image>
	   			<view class="grid-text">任务</view>
	   		</u-grid-item>
	   		<u-grid-item @click="toShen">
	   			<u-image width="30px" height="30px" src="http://new.hxgk.group/sj/shenpi.png"></u-image>
	   			<view class="grid-text">审批</view>
	   		</u-grid-item>
	   		<u-grid-item @click="toMy">
	   			<u-image width="30px" height="30px" src="http://new.hxgk.group/sj/geren.png"></u-image>
	   			<view class="grid-text">我的</view>
	   		</u-grid-item>
	   	</u-grid> -->
		<u-card :title="title" :sub-title="subTitle" :padding="padding" :border="border" @click="headClick">
			<view class="" slot="body"> 
				<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0" v-for="(iteam,index) in dataList.slice(0,2)" :key='index'>
					<view class="u-body-item-title u-line-2">
						{{iteam.title}}
					</view>
				</view>
				<!-- <view class="u-body-item u-flex u-row-between u-p-b-0">
					<view class="u-body-item-title u-line-2">
						生产调度
					</view>
				</view> -->
			</view>
			<!-- <view class="" slot="foot">
				<u-icon v-if="bottomSlot" name="chat-fill" size="34" label="30评论"></u-icon>
			</view> -->
		</u-card>
		<u-card title="待审批" sub-title="查看详情" :padding="padding" :border="border" @click="headClick1">
			<view class="" slot="body"> 
				<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0" v-for="(iteam,index) in dataProcessList.slice(0,2)" :key='index'>
					<view class="u-body-item-title u-line-2">
						{{iteam.tittle}}
					</view>
				</view>
				<!-- <view class="u-body-item u-flex u-row-between u-p-b-0">
					<view class="u-body-item-title u-line-2">
						生产调度
					</view>
				</view> -->
			</view>
			<!-- <view class="" slot="foot">
				<u-icon v-if="bottomSlot" name="chat-fill" size="34" label="30评论"></u-icon>
			</view> -->
		</u-card>
		 <el-select v-model="serMonth" placeholder="请选择月份" @change='changeMonth' class="my-el-select" style="width: 120px;">
			<el-option
			  v-for="item in options"
			  :key="item.value"
			  :label="item.label"
			  :value="item.value">
			</el-option>
		  </el-select>
		<el-carousel arrow="always" :autoplay='false' indicator-position='none'>
		    <el-carousel-item>
		      <view id="safety" style="height: 250px;"></view>
		    </el-carousel-item>
			<el-carousel-item>
			  <view id="environment" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="health" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="production" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="craft" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="equipment" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="labor" style="height: 250px;"></view>
			</el-carousel-item>
			<el-carousel-item>
			  <view id="educate" style="height: 250px;"></view>
			</el-carousel-item>
		</el-carousel>
		<view id="scoreEchart" style="height: 250px;margin-top: -60px;"></view>
		<!-- <el-select v-model="serMonth" placeholder="请选择部门" @change='changeMonth' class="my-el-select" style="width: 120px;">
			<el-option
			  v-for="item in options"
			  :key="item.value"
			  :label="item.label"
			  :value="item.value">
			</el-option>
		 </el-select> -->
		<u-toast ref="uToast" />
    </view>
    
</template>

<script>
    export default {
        data() {
            return {
				serMonth:'',
				options: [{
					  value: 1,
					  label: '1月'
					}, 
					{
						  value: 2,
						  label: '2月'
						},
					{
						  value: 3,
						  label: '3月'
						},
					{
						  value: 4,
						  label: '4月'
						},
					{
						  value: 5,
						  label: '5月'
						},
					{
						  value: 6,
						  label: '6月'
						},
					{
						  value: 7,
						  label: '7月'
						},
					{
						  value: 8,
						  label: '8月'
						},
					{
						  value: 9,
						  label: '9月'
						},
					{
						  value: 10,
						  label: '10月'
						},
					{
						  value: 11,
						  label: '11月'
						},
					{
						  value: 12,
						  label: '12月'
						},
					],
					buoptions: [],
				month:[],
				year:[],
				keyFrom:{
					key:'',
					token:'',
				},
				dataProcessList:[],
				dataList:[],
				key:'',
				token:'',
				title: '待提交',
				subTitle: '查看详情',
				thumb: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
				padding: 20,
				bottomSlot: true,
				border: true,
				
                list3: [
                    'http://new.hxgk.group/sj/1.png',
                    'http://new.hxgk.group/sj/2.png',
                    'http://new.hxgk.group/sj/3.png',
                ],
            }
			
        },
		
		onLoad(option){
			this.$store.commit('SET_USER_apiPass',2)
			// alert("首页apipass")
			// alert(this.$store.state.apiPass)
			// console.log("this.$store.state.apiPass")
			// 线上使用
			// alert("option")
			// alert(JSON.stringify(option))
			// console.log(this.$store.state.apiPass)
			console.log('option')
			console.log(option)
			
			// 线上
			// this.$store.commit('SET_USER_KEY',option.key)
			// this.$store.commit('SET_USER_TOKEN',option.token)
			// this.keyFrom.key=option.key
			// this.keyFrom.token=option.token
			
			
			
			// this.keyFrom.key='42b8467843a07625f7999576a015cb1f'
			// this.keyFrom.token='50a16b1f35ef367d53a4e9d0f333535f540fc87c'
			
			
			console.log('onLoad')
			// console.log("option")
			// console.log(option)
			// console.log(this.$route.query)
			// window.sessionStorage.setItem("key",option.key)
			// window.sessionStorage.setItem("token",option.token)
			
			// console.log("option.key")
			// console.log(this.$store.state.userKey)
			// console.log(this.$store.state.userToken)
			// if (this.$store.state.userKey==''||this.$store.state.userToken=='') {
			// 	 window.location.href = 'https://www.hxgk.group/jumpapiurl/webindex?url=http://new.hxgk.group/sj/index.html';
			// }else if(this.$store.state.userKey==undefined||this.$store.state.userToken==undefined){
			// 	 window.location.href = 'https://www.hxgk.group/jumpapiurl/webindex?url=http://new.hxgk.group/sj/index.html';
			// }
			// this.key=sessionStorage.getItem('key')
			// this.token=sessionStorage.getItem('token')
			
			
			// alert("888")
			
		},
		async onShow() {
			// await this.$u.api.Duty.newqualitative().then(res => {
			// 	// alert(JSON.stringify(res))
			// 	if(res.code==0){
			// 		this.dataList=res.data
			// 	}
			// })
			
			console.log('onShow')
			this.getData()
			this.getProcessData()
			
			// this.getData()
			console.log(this.$store.state.userKey)
			// if (this.$store.state.userKey!=''||this.$store.state.userToken!='') {
			// 	setTimeout(()=>{
			// 		console.log('onShow1')
					
			// 	},300);
			// }else if(this.$store.state.userKey!=undefined||this.$store.state.userToken!=undefined){
			// 	 setTimeout(()=>{
			// 		 console.log('onShow2')
			// 	 	this.$u.api.Duty.newqualitative().then(res => {
			// 	 		// alert(JSON.stringify(res))
			// 	 		if(res.code==0){
			// 	 			this.dataList=res.data
			// 	 		}
			// 	 	})
			// 	 },300);
			// }
			
		},
		created(){
			
			console.log(this.$store.state.apiPass)
			this.getYear()
			this.getSafetyData()
			this.getEnvironmentData()
			this.getHealthData()
			this.getProductionData()
			this.getCraftData()
			this.getEquipmentData()
			this.getLaborData()
			this.getEducateData()
			this.getScore()
		},
		methods: {
			changeMonth(){
				this.month=[],
				this.serMonth=parseInt(this.serMonth);
				this.month.push(this.serMonth)
				this.getSafetyData()
				this.getEnvironmentData()
				this.getHealthData()
				this.getProductionData()
				this.getCraftData()
				this.getEquipmentData()
				this.getLaborData()
				this.getEducateData()
				this.getScore()
			},
			getYear(){
			      const year=new Date().getFullYear()
				  var month=new Date().getMonth()
			      this.year.push(year)
				  this.month.push(month)
			    },
			// 获取成绩图表
			async getScore(){
			  var safetyEchart={
			    title: {
			      text: '',
				  left: 'center',
				  textStyle: {
				      fontSize: 14,    //字体大小
				      fontWeight: 400,    //字体粗细
				      align:'center',//文字水平对齐方式（left/right）
				      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
				    },
			    },
			    xAxis:{
			      type: 'category',
			      axisLabel: {
					   rotate : 60,
			        //x轴文字的配置
			        show: true,
			        interval: 0,//使x轴文字显示全
			      },
			      data: []
			    },
			    yAxis: {
			      type: 'value',
				 min:90,  //取0为最小刻度
				           min: function(value) {//取最小值向下取整为最小刻度
				             return Math.floor(value.min)
				           },
			    },
			      tooltip: {
			      trigger: 'axis',
			      axisPointer: {
			        type: 'shadow'
			      }
			    },
			    legend: {
			            data: []
			    },
			    series:[],
			  }
			  var cylindricaldata = []
			  // const searchInfo = {
			  //   targetid: [
			  //       "11"
			  //       ], //指标ID
			  //    org: [
			  //       "41",
					// "42",
			  //       "13",
			  //       "14",
			  //       "15",
			  //       "20",
			  //       ], //行政单位
			  //    year: this.year.map(String), //年度
			  //    timeattribute: {
			  //         class: 3, //0：全年；1：半年；2：季度；3：月度
			  //         time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
			  //       }, //时间辅助
			  //    AccMethod: [
			  //       1
			  //       ], //核算方式 1：合计值；2：平均值
			  //    analysisangle: 1 //析维度 1：行政组织；2：时间
			  // }
			  const searchInfo = {
				  year: this.year.map(String), //年份
				  month: this.month 
			  }
			  uni.request({
			  				url: 'http://new.hxgk.group/api/ststic/departmenttranscript',
							// url: 'http://hxgk.user.phone/api/ststic/departmenttranscript',
			  				 method: 'POST',
			  				header: {
			  					'content-type': 'application/json' ,//自定义请求头信息
			  					"user-key": this.keyFrom.key,
			  					"user-token": this.keyFrom.token
								// "user-key": '4fb8e8697c366be03e8fc96319b98524',
								// "user-token": 'd0b27f36e0d7dfdf883dfe0000069ca182078ed2'
			  				},
							data: searchInfo,
			  				//请求成功后返回
			  				success: (res) => {
			  					// 请求成功之后将数据给Info
			  					if(res.statusCode===200){
									console.log("res.data.data")
									console.log(res.data.data)
									safetyEchart.xAxis.data=res.data.data.echarsListOrg.xline
									  safetyEchart.title.text=res.data.data.echarsListOrg.cylindrical+'份绩效成绩'
									  cylindricaldata=res.data.data.echarsListOrg.cylindricaldata
									console.log("cylindricaldata")
									console.log(cylindricaldata)
									cylindricaldata.forEach(ele=>{
									  this.$set(ele, 'type', 'bar')
									  // this.$set(ele, 'barWidth', '25')
									  this.$set(ele, 'showBackground', true)
									  this.$set(ele, 'backgroundStyle', {
									              color: 'rgba(180, 180, 180, 0.2)'
									            })
									  this.$set(ele, 'itemStyle', {
									              color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}
									            })
									  this.$set(ele, 'label', {
												show: true, // 开启显示
												rotate: 70, // 旋转70度
												position: 'top', // 在上方显示
												distance: 20, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
												verticalAlign: 'middle',
												textStyle: { // 数值样式
												  color: 'black',
												  fontSize: 10
												}
											  })
									  this.$set(ele, 'formatter', function(params){
									          let txtArry = params.seriesName.split('');
									          let rs = "";
									          for(var i=0;i < txtArry.length; i++ ){
									            rs += txtArry[i] + "\n";
									          }
									          return rs;
									          }
									        )
									  safetyEchart.series.push(ele)
									  
									})
									var dataLenth=cylindricaldata[0].data
									// cylindricaldata[0].data=[]
									
									
									 console.log(cylindricaldata)
									  var myChart = this.$echarts.init(document.getElementById('scoreEchart'));
									  myChart.clear();
									  console.log('safetyEchart')
									   console.log(safetyEchart)
									  myChart.setOption(safetyEchart);
			  					}
			  				}
			  			});
			},
								// 教育培训缩略图
							    async getEducateData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "11"
							            ], //指标ID
							         org: [
							            "115",
							                        "282",
							                        "116",
							                        "349",
							                        "354",
							                        "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
													console.log('教育培训缩略图')
								  					console.log(res)
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														// safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														console.log("cylindricaldata")
														console.log(cylindricaldata)
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														var dataLenth=cylindricaldata[0].data
														cylindricaldata[0].data=[]
														cylindricaldata[0].data=[
															{
															  value: dataLenth[0],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#5470C6'
															  }
															},
															{
															  value: dataLenth[1],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#91CC75'
															  }
															},
															{
															  value: dataLenth[2],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#FAC858'
															  }
															},
															{
															  value: dataLenth[3],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#EE6666'
															  }
															},
															{
															  value: dataLenth[4],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#73C0DE'
															  }
															},
															{
															  value: dataLenth[5],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#3BA272'
															  }
															},
														]
														
														 console.log(cylindricaldata)
														  var myChart = this.$echarts.init(document.getElementById('educate'));
														  myChart.clear();
														  console.log('safetyEchart')
														   console.log(safetyEchart)
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							    },
				// 劳动纪律缩略图
							    async getLaborData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "10"
							            ], //指标ID
							         org: [
							            "115",
							                        "282",
							                        "116",
							                        "349",
							                        "354",
							                        "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
								  					console.log(res)
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														 var dataLenth=cylindricaldata[0].data
														 cylindricaldata[0].data=[]
														 cylindricaldata[0].data=[
														 	{
														 	  value: dataLenth[0],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
														 	  itemStyle: {
														 		color: '#5470C6',
																
														 	  }
														 	},
														 	{
														 	  value: dataLenth[1],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#91CC75'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[2],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#FAC858'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[3],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#EE6666'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[4],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#73C0DE'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[5],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#3BA272'
														 	  }
														 	},
														 ]
														 console.log('safetyEchart')
														 console.log(safetyEchart)
														  var myChart = this.$echarts.init(document.getElementById('labor'));
														  myChart.clear();
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							    },
				// 设备电仪缩略图
							    async getEquipmentData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "8"
							            ], //指标ID
							         org: [
							            "115",
							                        "282",
							                        "116",
							                        "349",
							                        "354",
							                        "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
								  					console.log(res)
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														var dataLenth=cylindricaldata[0].data
														cylindricaldata[0].data=[]
														cylindricaldata[0].data=[
															{
															  value: dataLenth[0],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#5470C6'
															  }
															},
															{
															  value: dataLenth[1],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#91CC75'
															  }
															},
															{
															  value: dataLenth[2],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#FAC858'
															  }
															},
															{
															  value: dataLenth[3],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#EE6666'
															  }
															},
															{
															  value: dataLenth[4],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#73C0DE'
															  }
															},
															{
															  value: dataLenth[5],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#3BA272'
															  }
															},
														]
														  var myChart = this.$echarts.init(document.getElementById('equipment'));
														  myChart.clear();
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							    },
				// 工艺管理缩略图
							    async getCraftData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "9"
							            ], //指标ID
							         org: [
							           "115",
							                       "282",
							                       "116",
							                       "349",
							                       "354",
							                       "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
								  					
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														 var dataLenth=cylindricaldata[0].data
														 cylindricaldata[0].data=[]
														 cylindricaldata[0].data=[
														 	{
														 	  value: dataLenth[0],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#5470C6'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[1],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#91CC75'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[2],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#FAC858'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[3],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#EE6666'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[4],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#73C0DE'
														 	  }
														 	},
														 	{
														 	  value: dataLenth[5],
															  label: {
															  																	show: true,
															  																	position: 'top',
															  																	color:'black'
															  																},
														 	  itemStyle: {
														 		color: '#3BA272'
														 	  }
														 	},
														 ]
														  var myChart = this.$echarts.init(document.getElementById('craft'));
														  myChart.clear();
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							    },
				// 生产调度缩略图
							    async getProductionData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "7"
							            ], //指标ID
							         org: [
							            "115",
							                        "282",
							                        "116",
							                        "349",
							                        "354",
							                        "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
								  					
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														console.log("cylindricaldata")
														console.log(cylindricaldata)
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														var dataLenth=cylindricaldata[0].data
														cylindricaldata[0].data=[]
														cylindricaldata[0].data=[
															{
															  value: dataLenth[0],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#5470C6'
															  }
															},
															{
															  value: dataLenth[1],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#91CC75'
															  }
															},
															{
															  value: dataLenth[2],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#FAC858'
															  }
															},
															{
															  value: dataLenth[3],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#EE6666'
															  }
															},
															{
															  value: dataLenth[4],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#73C0DE'
															  }
															},
															{
															  value: dataLenth[5],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#3BA272'
															  }
															},
														]
														 console.log(cylindricaldata)
														  var myChart = this.$echarts.init(document.getElementById('production'));
														  myChart.clear();
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							    },
				// 职业卫生缩略图
							    async getHealthData(){
							      var safetyEchart={
							        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
							        xAxis:{
							          type: 'category',
							          axisLabel: {
							            //x轴文字的配置
							            show: true,
							            interval: 0,//使x轴文字显示全
							          },
							          data: []
							        },
							        yAxis: {
							          type: 'value'
							        },
							          tooltip: {
							          trigger: 'axis',
							          axisPointer: {
							            type: 'shadow'
							          }
							        },
							        legend: {
							                data: []
							        },
							        series:[],
							      }
							      var cylindricaldata = []
							      const searchInfo = {
							        targetid: [
							            "85"
							            ], //指标ID
							         org: [
							            "115",
							                        "282",
							                        "116",
							                        "349",
							                        "354",
							                        "126",
							            ], //行政单位
							         year: this.year.map(String), //年度
							         timeattribute: {
							              class: 3, //0：全年；1：半年；2：季度；3：月度
							              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
							            }, //时间辅助
							         AccMethod: [
							            1
							            ], //核算方式 1：合计值；2：平均值
							         analysisangle: 1 //析维度 1：行政组织；2：时间
							      }
								  uni.request({
								  				url: 'http://new.hxgk.group/api/quant/quantechart',
								  				 method: 'POST',
								  				header: {
								  					'content-type': 'application/json' ,//自定义请求头信息
								  					"user-key": this.keyFrom.key,
								  					"user-token": this.keyFrom.token
								  				},
												data: searchInfo,
								  				//请求成功后返回
								  				success: (res) => {
								  					console.log(res)
								  					// 请求成功之后将数据给Info
								  					if(res.statusCode===200){
														
								  						// that.dataList=res.data.data
														safetyEchart.xAxis.data=res.data.data.xAxis
														safetyEchart.title.text=res.data.data.legend
														cylindricaldata=res.data.data.series
														console.log("cylindricaldata")
														console.log(cylindricaldata)
														cylindricaldata.forEach(ele=>{
														  this.$set(ele, 'type', 'bar')
														  // this.$set(ele, 'barWidth', '25')
														  this.$set(ele, 'showBackground', true)
														  this.$set(ele, 'backgroundStyle', {
														              color: 'rgba(180, 180, 180, 0.2)'
														            })
														  this.$set(ele, 'formatter', function(params){
														          let txtArry = params.seriesName.split('');
														          let rs = "";
														          for(var i=0;i < txtArry.length; i++ ){
														            rs += txtArry[i] + "\n";
														          }
														          return rs;
														          }
														        )
														  safetyEchart.series.push(ele)
														  
														})
														var dataLenth=cylindricaldata[0].data
														cylindricaldata[0].data=[]
														cylindricaldata[0].data=[
															{
															  value: dataLenth[0],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#5470C6'
															  }
															},
															{
															  value: dataLenth[1],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#91CC75'
															  }
															},
															{
															  value: dataLenth[2],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#FAC858'
															  }
															},
															{
															  value: dataLenth[3],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#EE6666'
															  }
															},
															{
															  value: dataLenth[4],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#73C0DE'
															  }
															},
															{
															  value: dataLenth[5],
															  label: {
																	show: true,
																	position: 'top',
																	color:'black'
																},
															  itemStyle: {
																color: '#3BA272'
															  }
															},
														]
														 console.log(cylindricaldata)
														  var myChart = this.$echarts.init(document.getElementById('health'));
																			console.log("safetyEchart")
														  console.log(safetyEchart)
														  myChart.clear();
														  myChart.setOption(safetyEchart);
								  					}
								  				}
								  			});
							      
							       
							    },
			// 环保管理缩略图
						    async getEnvironmentData(){
						      var safetyEchart={
						        title: {
							          text: '',
									  left: 'center',
									  textStyle: {
									      fontSize: 14,    //字体大小
									      fontWeight: 400,    //字体粗细
									      align:'center',//文字水平对齐方式（left/right）
									      verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
									    },
							        },
						        xAxis:{
						          type: 'category',
						          axisLabel: {
						            //x轴文字的配置
						            show: true,
						            interval: 0,//使x轴文字显示全
						          },
						          data: []
						        },
						        yAxis: {
						          type: 'value'
						        },
						          tooltip: {
						          trigger: 'axis',
						          axisPointer: {
						            type: 'shadow'
						          }
						        },
						        legend: {
						                data: []
						        },
						        series:[],
						      }
						      var cylindricaldata = []
						      const searchInfo = {
						        targetid: [
						            "84"
						            ], //指标ID
						         org: [
						            "115",
						                        "282",
						                        "116",
						                        "349",
						                        "354",
						                        "126",
						            ], //行政单位
						         year: this.year.map(String), //年度
						         timeattribute: {
						              class: 3, //0：全年；1：半年；2：季度；3：月度
						              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
						            }, //时间辅助
						         AccMethod: [
						            1
						            ], //核算方式 1：合计值；2：平均值
						         analysisangle: 1 //析维度 1：行政组织；2：时间
						      }
							  uni.request({
							  				url: 'http://new.hxgk.group/api/quant/quantechart',
							  				 method: 'POST',
							  				header: {
							  					'content-type': 'application/json' ,//自定义请求头信息
							  					"user-key": this.keyFrom.key,
							  					"user-token": this.keyFrom.token
							  				},
											data: searchInfo,
							  				//请求成功后返回
							  				success: (res) => {
							  					console.log(res)
							  					// 请求成功之后将数据给Info
							  					if(res.statusCode===200){
													
							  						// that.dataList=res.data.data
													safetyEchart.xAxis.data=res.data.data.xAxis
													safetyEchart.title.text=res.data.data.legend
													cylindricaldata=res.data.data.series
													console.log("cylindricaldata")
													console.log(cylindricaldata)
													cylindricaldata.forEach(ele=>{
													  this.$set(ele, 'type', 'bar')
													  // this.$set(ele, 'barWidth', '25')
													  this.$set(ele, 'showBackground', true)
													  this.$set(ele, 'backgroundStyle', {
													              color: 'rgba(180, 180, 180, 0.2)'
													            })
													  this.$set(ele, 'formatter', function(params){
													          let txtArry = params.seriesName.split('');
													          let rs = "";
													          for(var i=0;i < txtArry.length; i++ ){
													            rs += txtArry[i] + "\n";
													          }
													          return rs;
													          }
													        )
													  safetyEchart.series.push(ele)
													  
													})
													var dataLenth=cylindricaldata[0].data
													cylindricaldata[0].data=[]
													cylindricaldata[0].data=[
														{
														  value: dataLenth[0],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#5470C6'
														  }
														},
														{
														  value: dataLenth[1],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#91CC75'
														  }
														},
														{
														  value: dataLenth[2],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#FAC858'
														  }
														},
														{
														  value: dataLenth[3],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#EE6666'
														  }
														},
														{
														  value: dataLenth[4],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#73C0DE'
														  }
														},
														{
														  value: dataLenth[5],
														  label: {
														  																	show: true,
														  																	position: 'top',
														  																	color:'black'
														  																},
														  itemStyle: {
															color: '#3BA272'
														  }
														},
													]
													 console.log(cylindricaldata)
													  var myChart = this.$echarts.init(document.getElementById('environment'));
													
													  myChart.clear();
													  myChart.setOption(safetyEchart);
							  					}
							  				}
							  			});
						      // const res = await quantechart(searchInfo)
						      // safetyEchart.xAxis.data=res.data.xAxis
						      // safetyEchart.legend.data=res.data.legend
						      // cylindricaldata=res.data.series
						      
						       
						    },
			// 安全管理缩略图
			    async getSafetyData(){
			      var safetyEchart={
			        title: {
			          text: '',
			          left: 'center',
			          textStyle: {
			              fontSize: 14,    //字体大小
			              fontWeight: 400,    //字体粗细
			              align:'center',//文字水平对齐方式（left/right）
			              verticalAlign:'middle',//文字垂直对齐方式（top/bottom）
			            },
			        },
			        xAxis:{
			          type: 'category',
			          axisLabel: {
			            //x轴文字的配置
			            show: true,
			            interval: 0,//使x轴文字显示全
			          },
			          data: []
			        },
			        yAxis: {
			          type: 'value'
			        },
			          tooltip: {
			          trigger: 'axis',
			          axisPointer: {
			            type: 'shadow'
			          }
			        },
			        legend: {
			                data: []
			        },
			        series:[],
			      }
			      var cylindricaldata = []
			      const searchInfo = {
			        targetid: [
			            "6"
			            ], //指标ID
			         org: [
			            "115",
			                        "282",
			                        "116",
			                        "349",
			                        "354",
			                        "126",
			            ], //行政单位
			         year: this.year.map(String), //年度
			         timeattribute: {
			              class: 3, //0：全年；1：半年；2：季度；3：月度
			              time: this.month //class->0(0),Time->1(1:上半年，2：下半年),class->2(1：第一季度，2：第二季度，3：第三季度，4：第四季度),class->3(1：1月....12：12月)
			            }, //时间辅助
			         AccMethod: [
			            1
			            ], //核算方式 1：合计值；2：平均值
			         analysisangle: 1 //析维度 1：行政组织；2：时间
			      }
				  uni.request({
				  				url: 'http://new.hxgk.group/api/quant/quantechart',
								// url: 'http://hxgk.user.phone/api/quant/quantechart',
				  				 method: 'POST',
				  				header: {
				  					'content-type': 'application/json' ,//自定义请求头信息
				  					"user-key": this.keyFrom.key,
				  					"user-token": this.keyFrom.token
									// 'user-token':  'd0b27f36e0d7dfdf883dfe0000069ca182078ed2',
									// "user-key": '4fb8e8697c366be03e8fc96319b98524'
				  				},
								data: searchInfo,
				  				//请求成功后返回
				  				success: (res) => {
				  					console.log(res)
				  					// 请求成功之后将数据给Info
				  					if(res.statusCode===200){
				  						// that.dataList=res.data.data
										safetyEchart.xAxis.data=res.data.data.xAxis
										safetyEchart.title.text=res.data.data.legend
										cylindricaldata=res.data.data.series
										console.log("cylindricaldata")
										console.log(cylindricaldata)
										cylindricaldata.forEach(ele=>{
										  this.$set(ele, 'type', 'bar')
										  // this.$set(ele, 'barWidth', '25')
										  this.$set(ele, 'showBackground', true)
										  this.$set(ele, 'backgroundStyle', {
										              color: 'rgba(180, 180, 180, 0.2)'
										            })
										  this.$set(ele, 'formatter', function(params){
										          let txtArry = params.seriesName.split('');
										          let rs = "";
										          for(var i=0;i < txtArry.length; i++ ){
										            rs += txtArry[i] + "\n";
										          }
										          return rs;
										          }
										        )
										  safetyEchart.series.push(ele)
										  
										})
										 console.log(cylindricaldata)
										 var dataLenth=cylindricaldata[0].data
										 cylindricaldata[0].data=[]
										 cylindricaldata[0].data=[
										 	{
										 	  value: dataLenth[0],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#5470C6'
										 	  }
										 	},
										 	{
										 	  value: dataLenth[1],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#91CC75'
										 	  }
										 	},
										 	{
										 	  value: dataLenth[2],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#FAC858'
										 	  }
										 	},
										 	{
										 	  value: dataLenth[3],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#EE6666'
										 	  }
										 	},
										 	{
										 	  value: dataLenth[4],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#73C0DE'
										 	  }
										 	},
										 	{
										 	  value: dataLenth[5],
											  label: {
											  																	show: true,
											  																	position: 'top',
											  																	color:'black'
											  																},
										 	  itemStyle: {
										 		color: '#3BA272'
										 	  }
										 	},
										 ]
										  var myChart = this.$echarts.init(document.getElementById('safety'));
															console.log("safetyEchart")
										  console.log(safetyEchart)
										  myChart.clear();
										  myChart.setOption(safetyEchart);
				  					}
				  				}
				  			});
			    },
			async getData(){
				const that = this
				uni.request({
								url: 'http://new.hxgk.group/api/eval/newqualitative',
								 method: 'POST',
								header: {
									'content-type': 'application/json' ,//自定义请求头信息
									"user-key": this.keyFrom.key,
									"user-token": this.keyFrom.token
								},
								//请求成功后返回
								success: (res) => {
									console.log(res)
									// 请求成功之后将数据给Info
									if(res.statusCode===200){
										that.dataList=res.data.data
									}
								}
							});
				
			},
			async getProcessData(){
				const that = this
				uni.request({
								url: 'http://new.hxgk.group/api/eval/seeflowlog',
								 method: 'POST',
								header: {
									'content-type': 'application/json' ,//自定义请求头信息
									"user-key": this.keyFrom.key,
									"user-token": this.keyFrom.token
								},
								data: {
									isset: 2,
									page: 1,
									pagesize: 1000000,
									state: 0
								},
								//请求成功后返回
								success: (res) => {
									console.log(res)
									// 请求成功之后将数据给Info
									if(res.statusCode===200){
										that.dataProcessList=res.data.data.list
									}
								}
							});
				
			},
			thumbChange(index) {
				this.thumb = index == 0 ? 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg' : '';
			},
			paddingChange(index) {
				this.padding = [20, 30, 40][index];
			},
			bottomChange(index) {
				this.bottomSlot = !index;
			},
			borderChange(index) {
				this.border = !index;
			},
			click(index) {
				console.log(index);
			},
			headClick(index) {
				uni.switchTab({
					url: '/pages/task/index'
				});
			},
			headClick1(index) {
				uni.switchTab({
					url: '/pages/approval/index'
				});
			},
			toRen() {
				uni.switchTab({
					url: '/pages/task/index'
				});
			},
			toShen() {
				uni.switchTab({
					url: '/pages/approval/index'
				});
			},
			toMy() {
				uni.switchTab({
					url: '/pages/personal/index'
				});
			},
		}
    }
</script>

<style scoped lang="scss">
	 
.u-demo {
		padding-top: 0;
	}
	
	.u-card-wrap { 
		background-color: $u-bg-color;
		padding: 1px;
	}
	
	.u-body-item {
		font-size: 32rpx;
		color: #333;
		padding: 20rpx 10rpx;
	}
		
	.u-body-item image {
		width: 120rpx;
		flex: 0 0 120rpx;
		height: 120rpx;
		border-radius: 8rpx;
		margin-left: 12rpx;
	}
/* 自定义宽度 */
/deep/ .my-el-select {
	margin-left: 15px;
    width: 320px;
    /* selecte 框的高度设置，默认是 40px*/
    .el-input__inner{
        height: 30px;
    }
    /* 下面设置右侧按钮居中 */
    .el-input__suffix {
        top: 5px;
    }
    .el-input__icon {
        line-height: inherit;
    }
    .el-input__suffix-inner {
        display: inline-block;
   }
}
</style>
