<!-- 二级下转页面 -->
<template>
	<screenHeader :currentKey="currentKey">
		<div class="breadcrumb">
			<div class="left">
				{{ $i18n.locale === 'zh-CN'?'当前位置':'Current position'}}：
				<div class="crumb-item" @click="balckTwo()">
					<span> {{ $i18n.locale === 'zh-CN'?'资金主题':'Fund Theme'}}</span>
				</div>
				<div class="crumb-item" @click="balckTwo(firstPageName,1)">
					<span>{{$i18n.locale === 'zh-CN'?firstPageName.targetName:firstPageName.targetNameEn}}</span>
				</div>
				<div class="crumb-item" @click="balckTwo(secondPageName,2)">
					<span>{{$i18n.locale === 'zh-CN'?secondPageName.targetName:secondPageName.targetNameEn}}</span>
				</div>
				<div class="crumb-item-active">
					<span>{{$i18n.locale === 'zh-CN'?thirdPageName.targetName:thirdPageName.targetNameEn}}</span>
				</div>
			</div>
			<el-cascader popper-class="cascader" :options="allList" v-model="poolCode" :props='propsData'
				placeholder="请选择企业" style="width: 250px;" @change="getData(1)" :show-all-levels="false">
				<template slot-scope="{ node, data }">
					<span v-if="data.id"> {{ data.code }} </span>
					<span v-else>{{ data.continent }}</span>
				</template>
			</el-cascader>
		</div>
		<div class="screen-body">
			<div class="screen-body-col col-top">
				<div class="top-header">
					<div class="title">
						{{$i18n.locale === 'zh-CN'?indexData.targetName:indexData.targetNameEn}}({{indexData.targetUnit}})
					</div>
					<div class="right">
						<div v-if="linksType" @click="themeJump(linksType)">
							{{linksTypeName}}
						</div>
						<!-- <div @click="openrelationship">指标关系图</div> -->
						<div @click="openMore" v-if="subordinate">数据分析</div>
					</div>
				</div>
				<div class="top-content">
					<div class="cent-echarts" v-for="(e,ex) in topList"
						:style="{width:(topList.length==2?'49%':'33%')}">
						<div class="echarts-title">{{$i18n.locale === 'zh-CN'?e.targetName:e.targetNameEn}}</div>
						<div class="search" v-if="e.type==1">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[0].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[0].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[0].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==2">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[1].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[1].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[1].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<!-- <div class="search" v-if="e.type==3">
							<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[2].dateReqVo.startYear" style="width: 110px;"
								@change="handleTop(e.type,ex)" :picker-options="startDatePicker" value-format="yyyy"
								type="year" placeholder="开始时间">
							</el-date-picker>
							-
							<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[2].dateReqVo.endYear" value-format="yyyy"
								@change="handleTop(e.type,ex)" style="width: 110px;" :picker-options="endDatePicker"
								type="year" placeholder="结束时间">
							</el-date-picker>
							&nbsp;
							<el-select popper-class="screen-select-picker" v-model="parmas.queryList[2].dateReqVo.month" placeholder="请选择月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div> -->
						<div class="search" v-if="e.type==4">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[3].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[3].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[3].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==5">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[4].dateReqVo.startYear" style="width: 110px;"
								@change="handleTop(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
							</el-date-picker>
							-
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[4].dateReqVo.endYear" value-format="yyyy"
								@change="handleTop(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
							</el-date-picker>
						</div>
						<div class="search" v-if="e.type==6">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[5].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[5].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[5].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==7">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[6].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[6].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[6].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==8">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[7].dateReqVo.startYear" style="width: 110px;"
								@change="handleTop(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
							</el-date-picker>
							-
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[7].dateReqVo.endYear" value-format="yyyy"
								@change="handleTop(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
							</el-date-picker>
							&nbsp;
							<el-select popper-class="screen-select-picker" v-model="parmas.queryList[7].dateReqVo.month"
								placeholder="请选择月份" @change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==9">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[8].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[8].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[8].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==10">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[9].dateReqVo.year" type="year" value-format="yyyy"
								@change="handleTop(e.type,ex)" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[9].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[9].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==11">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[10].dateReqVo.year" type="year" @change="handleTop(e.type,ex)"
								value-format="yyyy" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[10].dateReqVo.startMonth" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
							-
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[10].dateReqVo.endMonth" placeholder="请选择结束月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==12">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[11].dateReqVo.year" type="year" @change="handleTop(e.type,ex)"
								value-format="yyyy" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[11].dateReqVo.month" placeholder="请选择开始月份"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in monthList" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>

						</div>
						<div class="search" v-if="e.type==15">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[12].dateReqVo.startYear" style="width: 110px;"
								@change="handleTop(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
							</el-date-picker>
							-
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[12].dateReqVo.endYear" value-format="yyyy"
								@change="handleTop(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
							</el-date-picker>

						</div>
						<div class="search" v-if="e.type==16">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[13].dateReqVo.year" type="year" @change="handleTop(e.type,ex)"
								value-format="yyyy" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[13].dateReqVo.quarter" placeholder="请选择开始季度"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in quarterList" :key="item.value" :label="$i18n.locale === 'zh-CN'?item.label:item.labelEn"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==17">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[14].dateReqVo.year" type="year" @change="handleTop(e.type,ex)"
								value-format="yyyy" placeholder="选择年" style="width: 110px;">
							</el-date-picker>
							{{$i18n.locale === 'zh-CN'?'年':'Year'}}
							<el-select popper-class="screen-select-picker"
								v-model="parmas.queryList[14].dateReqVo.quarter" placeholder="请选择开始季度"
								@change="handleTop(e.type,ex)" style="width: 110px;">
								<el-option v-for="item in quarterList" :key="item.value":label="$i18n.locale === 'zh-CN'?item.label:item.labelEn"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
						<div class="search" v-if="e.type==18">
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[15].dateReqVo.startYear" style="width: 110px;"
								@change="handleTop(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
							</el-date-picker>
							-
							<el-date-picker popper-class="screen-date-picker"
								v-model="parmas.queryList[15].dateReqVo.endYear" value-format="yyyy"
								@change="handleTop(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
							</el-date-picker>
						</div>
						<div class="full" v-if="e.type==17">
							<div id="realWater" class="scroll-table  full-out-header padding">
								<div class="scroll-table-header">
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										银行名称
									</div>
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										公司名称
									</div>
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										公司代码
									</div>
									<div class="header-item" v-if="thirdPageName.targetName=='内保外贷'"
										style="text-align: center" :style="{width:'15%'}">
										借款余额
									</div>
									<div class="header-item" v-if="thirdPageName.targetName=='内保外贷'"
										style="text-align: center" :style="{width:'15%'}">
										担保金额
									</div>
									<div class="header-item" v-if="thirdPageName.targetName=='自主融资'"
										style="text-align: center" :style="{width:'15%'}">
										借款余额
									</div>
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										利率(%)
									</div>
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										借款起期
									</div>
									<div class="header-item" style="text-align: center" :style="{width:'15%'}">
										借款止期
									</div>
								</div>
								<vue-seamless-scroll class="scroll-table-body" :data="e.bankLoanList"
									:class-option="optionSingleHeightTime">
									<div class="scroll-table-column" v-for="column in e.bankLoanList" :key="column.id"
										style="cursor: pointer">
									</div>
								</vue-seamless-scroll>
							</div>

							
						</div>
						<div v-else :id="'topChart'+ex" class="full"></div>
					</div>
				</div>

			</div>
			<div class="screen-body-col col-footer">
				<div v-for="(e,ex) in dataList"
					:style="{height:(100/Math.ceil(dataList.length/3)<=50?48:100/Math.ceil(dataList.length/3)-2)+'%'}"
					:class="{ lastLine: (ex + 1 ) % 3 == 0,'footer-echarts':(e.type!=17),'footer-table':(e.type==17)}">
					<echartsTitle :orderData="e" :hierarchy="hierarchy" :lowerType="lowerType">
						{{$i18n.locale === 'zh-CN'?e.targetName:e.targetNameEn}}({{e.targetUnit}})
					</echartsTitle>
					<div class="search" v-if="e.type==1&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[0].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[0].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[0].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==2&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[1].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[1].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[1].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==4&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[3].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[3].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[3].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==6&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[5].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[5].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[5].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==7&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[6].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[6].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[6].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==8&&e.queryType">
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[7].dateReqVo.startYear" style="width: 110px;"
							@change="handleData(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
						</el-date-picker>
						-
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[7].dateReqVo.endYear" value-format="yyyy"
							@change="handleData(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
						</el-date-picker>
						&nbsp;
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[7].dateReqVo.month"
							placeholder="请选择月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==9&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[8].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[8].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[8].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==10&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[9].dateReqVo.year"
							type="year" value-format="yyyy" @change="handleData(e.type,ex)" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[9].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[9].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==11&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[10].dateReqVo.year"
							type="year" @change="handleData(e.type,ex)" value-format="yyyy" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker"
							v-model="parmas.queryList[10].dateReqVo.startMonth" placeholder="请选择开始月份"
							@change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
						-
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[10].dateReqVo.endMonth"
							placeholder="请选择结束月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==12&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[11].dateReqVo.year"
							type="year" @change="handleData(e.type,ex)" value-format="yyyy" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[11].dateReqVo.month"
							placeholder="请选择开始月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in monthList" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>

					</div>
					<div class="search" v-if="e.type==15&&e.queryType">
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[12].dateReqVo.startYear" style="width: 110px;"
							@change="handleData(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
						</el-date-picker>
						-
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[12].dateReqVo.endYear" value-format="yyyy"
							@change="handleData(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
						</el-date-picker>

					</div>
					<div class="search" v-if="e.type==16&&e.queryType">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[13].dateReqVo.year"
							type="year" @change="handleData(e.type,ex)" value-format="yyyy" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[13].dateReqVo.quarter"
							placeholder="请选择开始月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in quarterList" :key="item.value" :label="$i18n.locale === 'zh-CN'?item.label:item.labelEn"
								:value="item.value">
							</el-option>
						</el-select>
					</div>
					<div class="search" v-if="e.type==17">
						<el-date-picker popper-class="screen-date-picker" v-model="parmas.queryList[14].dateReqVo.year"
							type="year" @change="handleData(e.type,ex)" value-format="yyyy" placeholder="选择年"
							style="width: 110px;">
						</el-date-picker>
						{{$i18n.locale === 'zh-CN'?'年':'Year'}}
						<el-select popper-class="screen-select-picker" v-model="parmas.queryList[14].dateReqVo.quarter"
							placeholder="请选择开始月份" @change="handleData(e.type,ex)" style="width: 110px;">
							<el-option v-for="item in quarterList" :key="item.value" :label="$i18n.locale === 'zh-CN'?item.label:item.labelEn"
								:value="item.value">
							</el-option>
						</el-select>


					</div>
					<div class="search" v-if="e.type==18&&e.queryType">
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[15].dateReqVo.startYear" style="width: 110px;"
							@change="handleData(e.type,ex)" value-format="yyyy" type="year" placeholder="开始时间">
						</el-date-picker>
						-
						<el-date-picker popper-class="screen-date-picker"
							v-model="parmas.queryList[15].dateReqVo.endYear" value-format="yyyy"
							@change="handleData(e.type,ex)" style="width: 110px;" type="year" placeholder="结束时间">
						</el-date-picker>
					</div>
					<div :class="[e.type!=5?'full3':'full2']" v-if="e.type==17">
						<div id="realWater" class="scroll-table  full-out-header padding">
							<div class="scroll-table-header">
								<div class="header-item" style="text-align: center" :style="{width:'20%'}">
									{{$i18n.locale === 'zh-CN'?'银行名称':'Bank name'}}
								</div>
								<div class="header-item" style="text-align: center" :style="{width:'20%'}">
									{{$i18n.locale === 'zh-CN'?'公司名称':'Company name'}}
									
								</div>
								<div class="header-item" style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'公司代码':'Company code'}}
									
								</div>
								<div class="header-item" v-if="thirdPageName.targetName=='内保外贷'"
									style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'借款余额':'Loan balance'}}
									
								</div>
								<div class="header-item" v-if="thirdPageName.targetName=='内保外贷'"
									style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'担保金额':'Amount guaranteed'}}
									
								</div>
								<div class="header-item" v-if="thirdPageName.targetName=='自主融资'"
									style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'借款余额':'Loan balance'}}
									
								</div>
								<div class="header-item" style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'利率(%)':'Interest rate (%)'}}
									
								</div>
								<div class="header-item" style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'借款起期':'Commencement of loan'}}
									
								</div>
								<div class="header-item" style="text-align: center" :style="{width:'10%'}">
									{{$i18n.locale === 'zh-CN'?'借款止期':'Expiration of loan'}}
									
								</div>
							</div>
							<vue-seamless-scroll class="scroll-table-body" :data="e.bankLoanList"
								:class-option="optionSingleHeightTime">
								<div class="scroll-table-column" v-for="column in e.bankLoanList" :key="column.id"
									style="cursor: pointer">
									<div class="column-item ellipsis" style="width: 20%; text-align: center">
										{{ column.bankName}}
									</div>
									<div class="column-item ellipsis" style="width: 20%; text-align: center">
										{{ column.enterpriseName}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center">
										{{ column.enterpriseCode}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center"
										v-if="thirdPageName.targetName=='内保外贷'">
										{{ column.borrowingBalance}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center"
										v-if="thirdPageName.targetName=='内保外贷'">
										{{ column.guaranteeAmount}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center"
										v-if="thirdPageName.targetName=='自主融资'">
										{{ column.loanBalance}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center">
										{{ column.interestRate}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center">
										{{ column.startDate}}
									</div>
									<div class="column-item ellipsis" style="width: 10%; text-align: center">
										{{ column.endDate}}
									</div>
								</div>
							</vue-seamless-scroll>
						</div>
					</div>
					<div v-else :id="'pieChart'+ex" class="otherFull" :class="[e.type!=5?'full3':'full2']"></div>
				</div>
			</div>
		</div>
		<relationshipDialog ref="relationshipDialog" @callback="callback"></relationshipDialog>
	</screenHeader>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	import dictUtils from '@/components/dict/DictSelectUtils.js'
	import moment from "moment"
	import VueSeamlessScroll from 'vue-seamless-scroll'
	import * as echarts from 'echarts'
	import fundTheme from '@/api/bigScrenn/fundTheme.js'
	import screenHeader from '@/views/BigScrenn/components/screenHeader.vue'
	import echartsTitle from '@/views/BigScrenn/fundTheme/components/echartsTitle.vue'
	import echartsDialog from '@/views/BigScrenn/components/echartsDialog.vue'
	import relationshipDialog from '@/views/BigScrenn/components/relationshipDialog.vue'
	export default {
		components: {
			screenHeader,
			echartsTitle,
			echartsDialog,
			relationshipDialog,
			VueSeamlessScroll
		},
		data() {
			return {
				currentKey: 'fundTheme',
				hierarchy: 4, //页面层级
				allList: [],
				zbList: [],
				poolCode: '',
				propsData: {
					children: 'list',
					label: 'code',
					value: 'code',
					expandTrigger: 'hover'
				},
				newParams: {
					pageBean: {
						page: 1,
						pageSize: -1,
					},
					querys: []
				},
				parmas: {
					targetId: '',
					queryList: [{
							type: 1,
							dateReqVo: {
								endMonth: '12',
								endYear: null,
								month: null,
								startMonth: '1',
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 2,
							dateReqVo: {
								endMonth: '12',
								endYear: null,
								month: null,
								startMonth: '1',
								startYear: null,
								year: moment().format('YYYY')
							}
						},
						{
							type: 3,
							// dateReqVo: {
							// 	endMonth: null,
							// 	endYear: moment().format('YYYY'),
							// 	month: moment().subtract(1, 'month').format('M'),
							// 	startMonth: null,
							// 	startYear: moment().subtract(5, 'year').format('YYYY'),
							// 	year: null
							// }
						},
						{
							type: 4,
							dateReqVo: {
								endMonth: moment().subtract(1, 'month').format('M'),
								endYear: null,
								month: null,
								startMonth: '2',
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 5,
							dateReqVo: {
								endMonth: null,
								endYear: moment().format('YYYY'),
								month: null,
								startMonth: null,
								startYear: moment().subtract(5, 'year').format('YYYY'),
								year: null
							}
						}, {
							type: 6,
							dateReqVo: {
								endMonth: moment().subtract(1, 'month').format('M'),
								endYear: null,
								month: null,
								startMonth: moment().subtract(2, 'month').format('M'),
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 7,
							dateReqVo: {
								endMonth: moment().subtract(1, 'month').format('M'),
								endYear: null,
								month: null,
								startMonth: moment().subtract(2, 'month').format('M'),
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 8,
							dateReqVo: {
								endMonth: null,
								endYear: moment().format('YYYY'),
								month: moment().subtract(1, 'month').format('M'),
								startMonth: null,
								startYear: moment().subtract(5, 'year').format('YYYY'),
								year: null
							}
						}, {
							type: 9,
							dateReqVo: {
								endMonth: '12',
								endYear: null,
								month: null,
								startMonth: '1',
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 10,
							dateReqVo: {
								endMonth: moment().subtract(1, 'month').format('M'),
								endYear: null,
								month: null,
								startMonth: moment().subtract(2, 'month').format('M'),
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 11,
							dateReqVo: {
								endMonth: moment().subtract(1, 'month').format('M'),
								endYear: null,
								month: null,
								startMonth: moment().subtract(2, 'month').format('M'),
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 12,
							dateReqVo: {
								endMonth: null,
								endYear: null,
								month: moment().subtract(1, 'month').format('M'),
								startMonth: null,
								startYear: null,
								year: moment().format('YYYY')
							}
						}, {
							type: 15,
							dateReqVo: {
								endMonth: null,
								endYear: moment().format('YYYY'),
								month: null,
								startMonth: null,
								startYear: moment().subtract(5, 'year').format('YYYY'),
								year: null
							}
						}, {
							type: 16,
							dateReqVo: {
								quarter: moment().format('Q'),
								endMonth: null,
								endYear: null,
								month: null,
								startMonth: null,
								startYear: null,
								year: moment().subtract(1, 'year').format('YYYY')
							}
						}, {
							type: 17,
							dateReqVo: {
								quarter: moment().format('Q'),
								enterpriseCode: null,
								endMonth: null,
								endYear: null,
								month: null,
								startMonth: null,
								startYear: null,
								year: moment().subtract(1, 'year').format('YYYY')
							}
						}, {
							type: 18,
							dateReqVo: {
								endMonth: null,
								endYear: moment().format('YYYY'),
								month: null,
								startMonth: null,
								startYear: moment().subtract(5, 'year').format('YYYY'),
								year: null
							}
						}
					]
				},

				yearData: {}, //年度
				quarterData: {}, //季度
				monthData: {}, //月度
				dataList: [], //其他数据
				datalength: 0, //长度
				leftNum: 0, // 左边展示个数
				rightNum: 0, // 右边展示个数
				leftList: [],
				rightList: [],
				showType: false,
				startDatePicker: this.beginDate(),
				endDatePicker: this.processDate(),
				quarterList: [{
					label: '第一季度',
					labelEn:'1 Quarter',
					value: '1'
				}, {
					label: '第二季度',
					labelEn:'2 Quarter',
					value: '2'
				}, {
					label: '第三季度',
					labelEn:'3 Quarter',
					value: '3'
				}, {
					label: '第四季度',
					labelEn:'4 Quarter',
					value: '4'
				}],

				monthList: [{
					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'
				}],
				pageName: '',
				firstPageName: '',
				secondPageName: '',
				thirdPageName: '',
				value1: [],
				tjwdList: [],
				topList: [],
				lowerType: true,
				subordinate: true,
				indexData: {},
				linksType: '',
				linksTypeName: '',
				ssywList: [],
				dpzbList: [],
			}
		},
		created() {
			this.indexData = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
			this.parmas.targetId = this.indexData.targetId
			this.containType = this.indexData.containType ? this.indexData.containType.split(',') : [],
				this.pageName = window.localStorage.getItem('pageName')
			this.firstPageName = JSON.parse(window.localStorage.getItem('fundfirstPageName'))
			this.secondPageName = JSON.parse(window.localStorage.getItem('fundsecondPageName'))
			this.thirdPageName = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
			this.tjwdList = this.$i18n.locale === 'zh-CN' ? dictUtils.getDictItemsFromCache('tjwd') : dictUtils
				.getDictItemsFromCache('tjwd_en')
			this.ssywList = dictUtils.getDictItemsFromCache('ssyw')
			this.zbList = dictUtils.getDictItemsFromCache('zb_en')
			this.dpzbList = dictUtils.getDictItemsFromCache('dpzb')
			let currentMonth = moment().format('M')
			if (currentMonth == 1) {
				this.parmas.queryList[3].dateReqVo.endMonth = '12'
				this.parmas.queryList[3].dateReqVo.year = (Number(this.parmas.queryList[3].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[5].dateReqVo.endMonth = '12'
				this.parmas.queryList[5].dateReqVo.startMonth = '11'
				this.parmas.queryList[5].dateReqVo.year = (Number(this.parmas.queryList[5].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[6].dateReqVo.endMonth = '12'
				this.parmas.queryList[6].dateReqVo.startMonth = '11'
				this.parmas.queryList[6].dateReqVo.year = (Number(this.parmas.queryList[6].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[9].dateReqVo.endMonth = '12'
				this.parmas.queryList[9].dateReqVo.startMonth = '11'
				this.parmas.queryList[9].dateReqVo.year = (Number(this.parmas.queryList[9].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[10].dateReqVo.endMonth = '12'
				this.parmas.queryList[10].dateReqVo.startMonth = '11'
				this.parmas.queryList[10].dateReqVo.year = (Number(this.parmas.queryList[10].dateReqVo.year) - 1)
					.toString()
			}
			if (currentMonth == 2) {
				this.parmas.queryList[5].dateReqVo.endMonth = '12'
				this.parmas.queryList[5].dateReqVo.startMonth = '12'
				this.parmas.queryList[5].dateReqVo.year = (Number(this.parmas.queryList[5].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[6].dateReqVo.endMonth = '12'
				this.parmas.queryList[6].dateReqVo.startMonth = '12'
				this.parmas.queryList[6].dateReqVo.year = (Number(this.parmas.queryList[6].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[9].dateReqVo.endMonth = '12'
				this.parmas.queryList[9].dateReqVo.startMonth = '12'
				this.parmas.queryList[9].dateReqVo.year = (Number(this.parmas.queryList[9].dateReqVo.year) - 1)
					.toString()
				this.parmas.queryList[10].dateReqVo.endMonth = '12'
				this.parmas.queryList[10].dateReqVo.startMonth = '12'
				this.parmas.queryList[10].dateReqVo.year = (Number(this.parmas.queryList[10].dateReqVo.year) - 1)
					.toString()
			}
		},
		mounted() {
			if (this.pageName === '集团驾驶舱') {
				localStorage.removeItem("enterpriseCode");
				this.getData()
				this.getAreaTree()
			} else {
				this.getAreaTree()
			}

		},
		computed: {
			optionSingleHeightTime() {
				return {
					limitMoveNum: 12,
					singleHeight: 30,
					waitTime: 2500,
				}
			},
		},
		methods: {
			callback() {
				this.indexData = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
				this.parmas.targetId = this.indexData.targetId
				this.pageName = window.localStorage.getItem('pageName')
				this.firstPageName = JSON.parse(window.localStorage.getItem('fundfirstPageName'))
				this.secondPageName = JSON.parse(window.localStorage.getItem('fundsecondPageName'))
				this.thirdPageName = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
				if (this.pageName === '集团驾驶舱') {
					localStorage.removeItem("enterpriseCode");
					this.getData()
					this.getAreaTree()
				} else {
					this.getAreaTree()
				}
				this.$root.$on('resize', () => {
					this.resize(500)
				})
			},
			getAreaTree() {
				this.newParams.querys[{
					group: "main",
					operation: "EQUAL",
					parentGroup: "",
					property: "pool_type_",
					relation: "AND",
					value: 1
				}, {
					group: "main",
					operation: "EQUAL",
					parentGroup: "",
					property: "run_status_",
					relation: "AND",
					value: 1
				}]
				fundTheme.getAreaTree(this.newParams, res => {
					if (res) {
						res.value.forEach(e => {
							this.dpzbList.forEach(s => {
								if (e.continent == s.name) {
									e.code = s.value
								}
							})
						})
						this.allList = res.value
						let enterpriseCode = window.localStorage.getItem('enterpriseCode')
						if (enterpriseCode) {
							this.poolCode = enterpriseCode.split(',')
						} else {
							this.poolCode = [res.value[0].code, res.value[0].list[0].code]
						}
						this.getData()
					}
				})
			},
			balckTwo(val, index) {
				console.log(index);
				// window.localStorage.setItem("indexData", JSON.stringify(val));
				if (index == 1) {
					this.$router.push({
						name: 'fundFirstPage',
					})
				} else if (index == 2) {
					this.$router.push({
						name: 'fundSecondPage',
					})
				} else {
					// if (this.pageName === '集团驾驶舱') {
					// 	this.$router.push({
					// 		name: 'group',
					// 	})
					// } else {
					this.$router.push({
						name: 'fundTheme',
					})
					// }
				}
			},
			themeJump(val) {
				if (val == 'Finance') {
					this.$router.push({
						name: 'financialTheme',
					})
				} else if (val == 'operation') {
					this.$router.push({
						name: 'operationTheme',
					})
				} else if (val == 'invest') {
					this.$router.push({
						name: 'investmentTheme',
					})
				} else if (val == 'hr') {
					this.$router.push({
						name: 'humanResourceTheme',
					})
				} else if (val == 'money') {
					this.$router.push({
						name: 'fundTheme',
					})
				}
			},
			openMore() {
				window.localStorage.setItem("pageLevel", this.hierarchy);
				const routeUrl = this.$router.resolve({

					path: '/fundMoreDialog',
					query: this.indexData,

				})
				window.open(routeUrl.href, "_blank");
			},
			openrelationship() {
				this.$refs.relationshipDialog.add(this.indexData, this.hierarchy)
			},
			// 动态计算高度，自适应当前容器
			resize(delay) {
				setTimeout(() => {
					this.yearChart.resize()
					this.quarterChart.resize()
					this.monthChart.resize()
				}, delay || 0)
			},
			// 选择年份范围选择时开始时间不能大于结束时间，结束时间不能小于开始时间
			// 提出开始时间必须小于提出结束时间
			beginDate() {
				let self = this
				return {
					disabledDate(time) {
						if (self.parmas.endYear !== '') {
							let fixedTime = new Date(time)
							return fixedTime.getFullYear() > self.parmas.endYear
						}
					}
				}
			},
			// 提出结束时间必须大于提出开始时间
			processDate() {
				let self = this
				return {
					disabledDate(time) {
						let fixedTime = new Date(time)
						return fixedTime.getFullYear() < self.parmas.startYear
					}
				}
			},
			arraySort(property) {
				return function(a, b) {
					var value1 = a[property]
					var value2 = b[property]
					return value1 - value2
				}
			},
			handleData(val, index) {
				console.log(val, index);
				let parmas = JSON.parse(JSON.stringify(this.parmas))
				parmas.queryList = []
				this.containType.forEach(e => {
					this.parmas.queryList.forEach(q => {
						if (e == q.type) {
							parmas.queryList.push(q)
						}
					})
				})
				fundTheme.fromUnderData(parmas, res => {
					if (res.value) {
						// res.value.sort(this.arraySort('type'))
						if (val == 17) {
							res.value.forEach(v => {
								this.dataList.forEach(e => {
									if (e.type == 17 && v.type == 17) {
										console.log(v);
										e.bankLoanList = v.bankLoanList
									}
								})
							})
							console.log(this.dataList);

						} else {
							this.$nextTick(() => {
								this.dataEcharts(res.value[3 + index], index)
							})
						}

					}
				})
			},
			handleTop(val, index) {
				let parmas = JSON.parse(JSON.stringify(this.parmas))
				parmas.queryList = []
				this.containType.forEach(e => {
					this.parmas.queryList.forEach(q => {
						if (e == q.type) {
							parmas.queryList.push(q)
						}
					})
				})
				fundTheme.fromUnderData(parmas, res => {
					if (res.value) {
						// res.value.sort(this.arraySort('type'))
						this.$nextTick(() => {
							this.topEcharts(res.value[index], index)
						})
					}
				})
			},
			getData() {
				this.showType = false
				this.leftList = []
				this.rightList = []
				this.dataList = []
				this.topList = []
				this.parmas.enterpriseCode = this.poolCode[1]
				window.localStorage.setItem("enterpriseCode", this.poolCode);
				let parmas = JSON.parse(JSON.stringify(this.parmas))
				parmas.queryList = []
				this.containType.forEach(e => {
					this.parmas.queryList.forEach(q => {
						if (e == q.type) {
							parmas.queryList.push(q)
						}
					})
				})
				fundTheme.fromUnderData(parmas, res => {
					if (res.value) {
						let topArr = []
						let bottomArr = []
						let loanData = []
						res.value.forEach((e, ei) => {

							console.log(e.type);
							if (e.lowerStatus == 0) {
								this.lowerType = false
							}
							if (e.isData == 0) {
								this.subordinate = false
							}
							if (e.linksType) {
								this.linksType = e.linksType
								this.ssywList.forEach(s => {
									if (s.value == this.linksType) {
										this.linksTypeName = s.name + '主题'
									}
								})
							}
							if (e.type == 17) {
								loanData = e
							} else {
								if (e.targetId == this.parmas.targetId && e.type != 14) {
									topArr.push(e)
									e.queryType = true
								} else {
									bottomArr.push(e)
								}
							}



						})

						if (topArr.length > 3) {
							let arr = JSON.parse(JSON.stringify(topArr.concat(bottomArr)))
							this.topList = arr.slice(0, 3)
							this.dataList = arr.slice(3)
						} else {
							this.topList = topArr
							this.dataList = bottomArr
						}
						this.dataList.push(loanData)
						this.dataList.forEach((c, cx) => {
							this.$nextTick(() => {
								this.dataEcharts(c, cx)
							})
						})
						this.topList.forEach((t, tx) => {
							this.$nextTick(() => {
								this.topEcharts(t, tx)
							})
						})
					}
					// this.dataList.forEach((c, cx) => {
					// 	this.$nextTick(() => {
					// 		this.dataEcharts(c, cx)
					// 	})
					// })
					// this.topList.forEach((t, tx) => {
					// 	this.$nextTick(() => {
					// 		this.topEcharts(t, tx)
					// 	})
					// })
				})
			},
			// 判断是否为整数
			isInteger(obj) {
				return obj % 1 === 0
			},


			topEcharts(c, cx) {
				let otherChart = echarts.init(document.getElementById(`topChart${cx}`))
				if (otherChart == null) { // 如果不存在，就进行初始化。
					otherChart = echarts.init(document.getElementById(`topChart${cx}`));
				}
				let option = {}
				let xLabel = []
				//折线图
				if (c.type == 1 || c.type == 2 || c.type == 5 || c.type == 18) {
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 5 || c.type == 18) {
							xLabel.push(r.year)
						} else {
							xLabel.push(r.year + '.' + r.month)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 8) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 9) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (t == 8) {
								c.resultData.forEach(r => {
									datalist.push(r.actual)
								})
							} else if (t == 9) {
								c.resultData.forEach(r => {
									datalist.push(r.budget)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',
							// 自定义tooltip内容
							formatter: (item) => {
								let str =
									`<div style="text-align:center;font-weight:700;font-size:16px">${item[0].name}</div>`
								let index = 0 // 命名一个索引，用于匹配增减值、增减率
								let leftClass =
									`<span style="display: inline-block; width: ${this.$i18n.locale === 'zh-CN'?'100px':'150px'}; text-align: left;">`
								let rightClass =
									'<span style="display: inline-block; width: 80px; text-align: right;">'
								item.forEach(it => {
									str +=
										`${ leftClass + it.seriesName}:</span>${ rightClass + it.value}</span></br>`
									index = it.dataIndex
								})
								if (c.resultData[index].differenceValue !== undefined) {
									str = str +
										`${leftClass}${this.$i18n.locale === 'zh-CN'?'增减值':'Value of increase or decrease'}:</span>${rightClass + c.resultData[index].differenceValue}</span></br>`
									if (c.resultData[index].differenceRate !== undefined) {
										str = str +
											`${leftClass}${this.$i18n.locale === 'zh-CN'?'增减率':'Rate of increase and decrease'}:</span>${rightClass + c.resultData[index].differenceRate}</span>`
									}
								}
								return str
							}
						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 3) {
					//柱状图
					let arr = []
					let lableList = []
					c.resultData.forEach(r => {
						lableList.push(r.year)
						xLabel.push(r.month + '月')
					})
					xLabel = Array.from(new Set(xLabel));
					let Label = Array.from(new Set(lableList)).concat(['增减率'])
					// Label.concat(['增减率'])
					Label.forEach(s => {
						let datalist = []
						console.log(s);
						if (s == '增减率') {
							c.resultData.forEach(r => {
								if (r.year == Label[0]) {
									datalist.push(r.growthRate)
								}
							})
							arr.push({
																name:	this.$i18n.locale === 'zh-CN' ? '增减率':'Rate of increase and decrease',
								type: 'line',
								yAxisIndex: 1,
								symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
								smooth: true,
								lineStyle: {
									normal: {
										width: 3,
										// color: '#518EF5', // 线条颜色
									},
								},
								itemStyle: {
									normal: {
										// color: '#518EF5', //拐点颜色
										// borderColor: '#fff600',//拐点边框颜色
										// borderWidth: 13//拐点边框大小
										label: {
											show: false, //开启显示
											color: '#fff',
											position: 'top', //在上方显示
											formatter: function(res) {
												if (res.value) {
													return res.value
												} else {
													return 0
												}
											},
										},
									},

								},
								symbolSize: 8, //设定实心点的大小
								data: datalist

							}, )
						} else {
							c.resultData.forEach(r => {
								if (r.year == s) {
									datalist.push(r.actual)
								}
							})
							arr.push({
								name: s,
								type: 'bar',
								symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
								smooth: true,
								lineStyle: {
									normal: {
										width: 3,
										// color: '#518EF5', // 线条颜色
									},
								},
								itemStyle: {
									normal: {
										// color: '#518EF5', //拐点颜色
										// borderColor: '#fff600',//拐点边框颜色
										// borderWidth: 13//拐点边框大小
										label: {
											show: false, //开启显示
											color: '#fff',
											position: 'top', //在上方显示
											formatter: function(res) {
												if (res.value) {
													return res.value
												} else {
													return 0
												}
											},
										},
									},

								},
								symbolSize: 8, //设定实心点的大小
								data: datalist

							}, )
						}

					})
					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '10%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, {
							type: 'value',
							name: "%",
							//min: 0,
							nameTextStyle: {
								color: "#fff",
							},
							axisLine: {
								lineStyle: {
									color: '#0a3e98'
								}
							},
							axisTick: {
								show: false,
							},
							splitLine: {
								show: true,
								lineStyle: {
									color: '#0a3e98',
									type: "dotted",
								}
							},
							axisLabel: {
								formatter: '{value}',
								textStyle: {
									color: "#fff",
								}
							},
						}],
						series: arr
					}

				} else if (c.type == 4) {
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 5) {
							xLabel.push(r.year)
						} else {
							xLabel.push(r.year + '.' + r.month)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						let growthList = []
						this.tjwdList.forEach(s => {
							let data1list = []
							growthList = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							}

							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色

											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
						arr.push({
															name:	this.$i18n.locale === 'zh-CN' ? '增减率':'Rate of increase and decrease',
							type: 'line',
							yAxisIndex: 1,
							symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
							smooth: true,
							lineStyle: {
								normal: {
									width: 3,
									// color: '#518EF5', // 线条颜色
								},
							},
							itemStyle: {
								normal: {
									// color: '#518EF5', //拐点颜色
									// borderColor: '#fff600',//拐点边框颜色

									// borderWidth: 13//拐点边框大小
									label: {
										show: false, //开启显示
										color: '#fff',
										position: 'top', //在上方显示
										formatter: function(res) {
											if (res.value) {
												return res.value
											} else {
												return 0
											}
										},
									},
								},

							},
							symbolSize: 8, //设定实心点的大小
							data: growthList
						}, )
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '10%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
								nameTextStyle: {
									color: "#fff",
									fontSize: 12,
									padding: [0, 60, 0, 0]
								},
								type: 'value',
								splitLine: {
									show: true,
									lineStyle: {
										color: '#1160a0',
										type: 'dashed'
									},
								},
								axisLabel: {
									interval: 0, //标签设置为全部显示
									formatter: function(params) {
										let num = ''
										let unit = '';
										var k = 10000,
											sizes = ['', '万', '亿', '万亿'],
											i;
										if (params < 0) {
											params = Math.abs(params)
											if (params < k) {
												params = params;
											} else {
												i = Math.floor(Math.log(params) / Math.log(k));
												params = ((params / Math.pow(k, i))).toFixed(0);
												unit = sizes[i];
											}
											num = (0 - params) + unit;
										} else {
											if (params < k) {
												params = params;
											} else {
												i = Math.floor(Math.log(params) / Math.log(k));
												params = ((params / Math.pow(k, i))).toFixed(0);
												unit = sizes[i];
											}
											num = params + unit;
										}
										return num

									},
									textStyle: {
										color: '#fff',
										fontSize: 14
									}
								},
								axisTick: {
									show: false,
								},
								triggerEvent: true

							},
							{
								type: 'value',
								name: "%",
								//min: 0,
								nameTextStyle: {
									color: "#fff",
								},
								axisLine: {
									lineStyle: {
										color: '#0a3e98'
									}
								},
								axisTick: {
									show: false,
								},
								splitLine: {
									show: true,
									lineStyle: {
										color: '#0a3e98',
										type: "dotted",
									}
								},
								axisLabel: {
									formatter: '{value}',
									textStyle: {
										color: "#fff",
									}
								},
							}
						],
						series: arr
					}

				} else if (c.type == 6 || c.type == 7 || c.type == 16) {
					//柱状图
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 3 || c.type == 4) {
							xLabel.push(r.year + '.' + r.month)
						} else if (c.type == 6 || c.type == 7 || c.type == 16) {
							xLabel.push(r.enterpriseCode)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
												// color: '#518EF5', // 线条颜色
											},
										},
										itemStyle: {
											normal: {
												// color: '#518EF5', //拐点颜色
												// borderColor: '#fff600',//拐点边框颜色
												// borderWidth: 13//拐点边框大小
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 8) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 9) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year + '.' + r.month)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 10 || c.type == 12) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.enterpriseCode)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									let markValue = c.resultData[0].budget
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										itemStyle: {
											textStyle: {
												fontWeight: 700,
											},
											color: function(params) {
												if (params.value * 1 >= 0) {
													return "#748EDE";
												}
												return "red";
											},
										},
										markLine: {
											symbol: "none", //去掉均值最后面的箭头
											label: {
												position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
												formatter: "集团均值",
												color: '#ffffff'
											},
											data: [{
												silent: false, //鼠标悬停事件  true没有，false有
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#00ff40",
													width: 4
												},
												name: '集团均值',
												xAxis: markValue
											}]
										},
										data: datalist

									}, )
								}
							})
						})
					} else {
						let markValue = c.resultData.length > 0 ? c.resultData[0].budget : ''
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									itemStyle: {
										textStyle: {
											fontWeight: 700,
										},
										color: function(params) {
											if (params.value * 1 >= 0) {
												return "#748EDE";
											}
											return "red";
										},
									},
									markLine: {
										symbol: "none", //去掉均值最后面的箭头
										label: {
											position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
											formatter: "集团均值",
											color: '#ffffff'
										},
										data: [{
											silent: false, //鼠标悬停事件  true没有，false有
											lineStyle: { //均值的样式  ，虚实  颜色
												type: "solid",
												color: "#00ff40",
												width: 4
											},
											name: '集团均值',
											xAxis: markValue
										}]
									},
									data: data1list
								}, )
							}
						})
					}
					console.log(arr);
					option = {

						tooltip: {
							trigger: 'axis',
							axisPointer: {
								type: 'shadow'
							}
						},
						legend: {
							show: false,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '5%',
							left: '3%',
							right: '4%',
							bottom: '3%',
							containLabel: true
						},
						xAxis: {
							type: 'value',
							boundaryGap: [0, 0.01],
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: {
							type: 'category',
							data: xLabel,
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						series: arr
					};
				} else if (c.type == 11) {
					let monthData = []
					let dataValue = []
					let monthValue = []
					let yName = []
					c.resultData.forEach(e => {
						monthData.push({
							month: e.month,
							list: []
						})
					})
					let newMonth = Array.from(new Set(monthData.map(item => item.month))).map(month => {
						return monthData.find(item => item.month === month);
					});
					newMonth.forEach(m => {
						c.resultData.forEach(a => {
							if (a.month == m.month) {
								m.list.push(a)
							}
						})
					})

					newMonth.forEach((m, mi) => {
						monthValue.push(m.month)
						m.list.forEach(l => {
							if (mi === 0)
								yName.push({
									name: l.name,
									stack: '',
									type: 'bar',
									Data: [],
									// budgetData:[]
								})
						})
					})
					let yName1 = JSON.parse(JSON.stringify(yName))
					yName.forEach(y => {
						y.stack = '实际值'
						newMonth.forEach(w => {
							w.list.forEach(t => {
								if (y.name == t.name) {
									y.Data.push(t.actual)
								}
							})
						})
					})
					yName1.forEach(y => {
						y.stack = '预算值'
						newMonth.forEach(w => {
							w.list.forEach(t => {
								if (y.name == t.name) {
									y.Data.push(t.budget)
								}
							})
						})
					})
					let arr = yName.concat(yName1)
					let option = {
						tooltip: {
							trigger: 'axis',
							axisPointer: {
								// Use axis to trigger tooltip
								type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
							}
						},
						legend: {
							show: false,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '12%',
							right: '4%',
							bottom: '3%',
						},
						xAxis: {
							// type: 'value',
							data: monthValue,
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: {
							// type: 'category',
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						series: arr
					};

				} else if (c.type == 15) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									let controlValue = c.controlMoney ? c.controlMoney : null
									let earlyValue = c.earlyGuaranteeMoney ? c.earlyGuaranteeMoney : null
									let markLine = {}
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 8) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 9) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									if (c.controlMoney || c.earlyGuaranteeMoney) {
										markLine = {
											symbol: "none", //去掉均值最后面的箭头
											label: {
												show: true,
												formatter: '{b}: {c}' // {b}为标记线名称，{c}为数值
											},
											data: [{
												// silent: true, //鼠标悬停事件  true没有，false有
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#ffff00",
													width: 2
												},
												label: {
													position: 'insideStartBottom',
													formatter: this.$i18n.locale === 'zh-CN' ?
														"年度控制总额水平线" :
														'Annual control total level',
													color: '#ffff00'
												},
												name: this.$i18n.locale === 'zh-CN' ?
													"年度控制总额水平线" : 'Annual control total level',
												yAxis: controlValue
											}, {
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#00ff40",
													width: 2
												},
												label: {
													position: 'insideEndTop',
													formatter: this.$i18n.locale === 'zh-CN' ?
														'年初担保批准额度水平线' :
														'Guarantee approval level at the beginning of the year',
													color: '#00ff40'
												},
												name: this.$i18n.locale === 'zh-CN' ?
													'年初担保批准额度水平线' :
													'Guarantee approval level at the beginning of the year',
												yAxis: earlyValue
											}]
										}
									}
									arr.push({
										name: s.name,
										type: 'bar',
										markLine: markLine,
										data: datalist

									}, )
								}
							})
						})
					} else {
						let controlValue = c.controlMoney ? c.controlMoney : null
						let earlyValue = c.earlyGuaranteeMoney ? c.earlyGuaranteeMoney : null
						let markLine = {}
						if (c.controlMoney || c.earlyGuaranteeMoney) {
							markLine = {
								symbol: "none", //去掉均值最后面的箭头
								data: [{
									// silent: true, //鼠标悬停事件  true没有，false有
									lineStyle: { //均值的样式  ，虚实  颜色
										type: "solid",
										color: "#ffff00",
										width: 2
									},
									label: {
										position: 'insideStartBottom',
										formatter: this.$i18n.locale === 'zh-CN' ?
											"年度控制总额水平线" : 'Annual control total level' + `(${controlValue})`,
										color: '#ffff00'
									},
									name: this.$i18n.locale === 'zh-CN' ?
										"年度控制总额水平线" : 'Annual control total level',
									yAxis: controlValue
								}, {
									lineStyle: { //均值的样式  ，虚实  颜色
										type: "solid",
										color: "#00ff40",
										width: 2
									},
									label: {
										position: 'insideEndTop',
										formatter: this.$i18n.locale === 'zh-CN' ?
											'年初担保批准额度水平线' :
											'Guarantee approval level at the beginning of the year' +
											`(${earlyValue})`,
										color: '#00ff40'
									},
									name: this.$i18n.locale === 'zh-CN' ?
										'年初担保批准额度水平线' :
										'Guarantee approval level at the beginning of the year',
									yAxis: earlyValue
								}]
							}
						}
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 8) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 9) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									itemStyle: {
										textStyle: {
											fontWeight: 700,
										},
										color: function(params) {
											if (params.value * 1 >= 0) {
												return "#748EDE";
											}
											return "red";
										},
									},
									markLine: markLine,
									data: data1list
								}, )
							}
						})
					}
					option = {

						tooltip: {
							trigger: 'axis',
							axisPointer: {
								type: 'shadow'
							}
						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '10%',
							left: '3%',
							right: '4%',
							bottom: '3%',
							containLabel: true
						},
						xAxis: {
							type: 'category',
							data: xLabel,
							// type: 'value',
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],

						series: arr
					};
				} else if (c.type == 17) {
					// let arr = []
					// c.bankLoanList.forEach(r => {
					// 	xLabel.push(r.bankName)
					// })
					// if (c.staLat.split(',').length > 1) {
					// 	this.tjwdList.forEach(s => {
					// 		c.staLat.split(',').forEach(t => {
					// 			if (s.value == t) {
					// 				let datalist = []
					// 				if (t == 1) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.actual)
					// 					})
					// 				} else if (t == 2) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.budget)
					// 					})
					// 				} else if (t == 3) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.actual)
					// 					})
					// 				} else if (t == 4) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.budget)
					// 					})
					// 				} else if (t == 5) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.actual)
					// 					})
					// 				} else if (t == 6) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.actual)
					// 					})
					// 				} else if (t == 7) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.actual)
					// 					})
					// 				} else if (t == 8) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push(r.budget)
					// 					})
					// 				} else if (t == 9) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push({
					// 							value: r.loan,
					// 							extra: {
					// 								startDate: r.startDate,
					// 								endDate: r.endDate
					// 							}
					// 						})
					// 					})
					// 				} else if (t == 10) {
					// 					c.bankLoanList.forEach(r => {
					// 						datalist.push({
					// 							value: r.interestRate,
					// 							extra: {
					// 								startDate: r.startDate,
					// 								endDate: r.endDate
					// 							}
					// 						})
					// 					})
					// 				}
					// 				arr.push({
					// 					name: s.name,
					// 					type: 'line',
					// 					symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
					// 					smooth: true,
					// 					lineStyle: {
					// 						normal: {
					// 							width: 3,
					// 						},
					// 					},
					// 					itemStyle: {
					// 						normal: {
					// 							label: {
					// 								show: false, //开启显示
					// 								color: '#fff',
					// 								position: 'top', //在上方显示
					// 								formatter: function(res) {
					// 									if (res.value) {
					// 										return res.value
					// 									} else {
					// 										return 0
					// 									}
					// 								},
					// 							},
					// 						},

					// 					},
					// 					symbolSize: 8, //设定实心点的大小
					// 					data: datalist

					// 				}, )
					// 			}
					// 		})
					// 	})
					// } else {
					// 	this.tjwdList.forEach(s => {
					// 		let data1list = []
					// 		if (c.staLat == 1) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 2) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.budget)
					// 			})
					// 		} else if (c.staLat == 3) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 4) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.budget)
					// 			})
					// 		} else if (c.staLat == 5) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 6) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 7) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 8) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push(r.actual)
					// 			})
					// 		} else if (c.staLat == 9) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push({
					// 					value: r.loan,
					// 					extra: {
					// 						startDate: r.startDate,
					// 						endDate: r.endDate
					// 					}
					// 				})
					// 			})
					// 		} else if (c.staLat == 10) {
					// 			c.bankLoanList.forEach(r => {
					// 				data1list.push({
					// 					value: r.interestRate,
					// 					extra: {
					// 						startDate: r.startDate,
					// 						endDate: r.endDate
					// 					}
					// 				})
					// 			})
					// 		}
					// 		if (s.value == c.staLat) {
					// 			arr.push({
					// 				name: s.name,
					// 				type: 'line',
					// 				symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
					// 				smooth: true,
					// 				lineStyle: {
					// 					normal: {
					// 						width: 3,
					// 						// color: '#518EF5', // 线条颜色
					// 					},
					// 				},
					// 				itemStyle: {
					// 					normal: {
					// 						// color: '#518EF5', //拐点颜色
					// 						// borderColor: '#fff600',//拐点边框颜色
					// 						// borderWidth: 13//拐点边框大小
					// 						label: {
					// 							show: false, //开启显示
					// 							color: '#fff',
					// 							position: 'top', //在上方显示
					// 							formatter: function(res) {
					// 								if (res.value) {
					// 									return res.value
					// 								} else {
					// 									return 0
					// 								}
					// 							},
					// 						},
					// 					},

					// 				},
					// 				symbolSize: 8, //设定实心点的大小
					// 				data: data1list
					// 			}, )
					// 		}
					// 	})
					// }

					// option = {
					// 	backgroundColor: '',
					// 	tooltip: {
					// 		trigger: 'axis',
					// 		formatter: function(params) {
					// 			var tooltipText = '<div style="text-align: justify;">'; // 设置tooltip内容两边对齐
					// 			tooltipText +=
					// 				`<span style="text-align: center;display: block;font-weight: bold;font-size: 16px;margin-bottom:5px;">${params[0].name}</span>`; // X轴数值
					// 			tooltipText +=
					// 				'<span style="display: inline-block; width: 100px; text-align: left;">' +
					// 				'借款起期' + '：</span>';
					// 			tooltipText +=
					// 				'<span style="display: inline-block; width: 80px; text-align: right;">' +
					// 				params[0].data.extra.startDate + '</span>' + '<br>';
					// 			tooltipText +=
					// 				'<span style="display: inline-block; width: 100px; text-align: left;">' +
					// 				'借款止期' + '：</span>';
					// 			tooltipText +=
					// 				'<span style="display: inline-block; width: 80px; text-align: right;">' +
					// 				params[0].data.extra.endDate + '</span>' + '<br>';
					// 			params.forEach(function(item) {
					// 				tooltipText +=
					// 					'<span style="display: inline-block; width: 100px; text-align: left;">' +
					// 					item.seriesName + '：</span>';
					// 				tooltipText +=
					// 					'<span style="display: inline-block; width: 80px; text-align: right;">' +
					// 					item.value + '</span>';
					// 				tooltipText += '<br>';
					// 			});

					// 			tooltipText += '</div>';

					// 			return tooltipText;
					// 		}
					// 	},
					// 	legend: {
					// 		show: true,
					// 		textStyle: {
					// 			color: '#fff',
					// 			fontSize: 14,
					// 			padding: [0, 8, 0, 8]
					// 		},

					// 	},
					// 	grid: {
					// 		top: '18%',
					// 		left: '14%',
					// 		right: '5%',
					// 		bottom: '14%',
					// 	},
					// 	xAxis: [{
					// 		type: 'category',
					// 		axisLabel: {
					// 			textStyle: {
					// 				color: '#FFFFFF',
					// 				fontSize: 12,
					// 			},
					// 		},
					// 		splitLine: {
					// 			show: false,
					// 			lineStyle: {
					// 				color: '#233653',
					// 			},
					// 		},
					// 		axisTick: {
					// 			show: false,
					// 		},
					// 		data: xLabel,
					// 	}, ],
					// 	yAxis: [{
					// 		// name: c.targetUnit,
					// 		nameTextStyle: {
					// 			color: "#fff",
					// 			fontSize: 12,
					// 			padding: [0, 60, 0, 0]
					// 		},
					// 		type: 'value',
					// 		splitLine: {
					// 			show: true,
					// 			lineStyle: {
					// 				color: '#1160a0',
					// 				type: 'dashed'
					// 			},
					// 		},
					// 		axisLabel: {
					// 			interval: 0, //标签设置为全部显示
					// 			formatter: function(params) {
					// 				const units = ['', '万', '百万', '亿', '万亿'];
					// 				let unitIndex = 0;
					// 				if (params < 0) {
					// 					params = Math.abs(params)
					// 					while (params >= 10000 && unitIndex < units.length - 1) {
					// 						params /= 10000;
					// 						unitIndex++;
					// 					}
					// 					params = (0 - params)

					// 				} else {
					// 					while (params >= 10000 && unitIndex < units.length - 1) {
					// 						params /= 10000;
					// 						unitIndex++;
					// 					}

					// 				}
					// 				const formattedNumber = params

					// 				return formattedNumber + units[unitIndex];
					// 			},
					// 			textStyle: {
					// 				color: '#fff',
					// 				fontSize: 14
					// 			}
					// 		},
					// 		axisTick: {
					// 			show: false,
					// 		},
					// 		triggerEvent: true

					// 	}, ],
					// 	series: arr
					// }
				} else if (c.type == 19) {
					let arr = []
					c.euroRatesList.forEach(r => {

						xLabel.push(r.year)


					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 11) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.oneActual)
										})
									} else if (t == 12) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.sixActual)
										})
									} else if (t == 13) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.threeActual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 11) {
								c.euroRatesList.forEach(r => {
									data1list.push(r.oneActual)
								})
							} else if (t == 12) {
								c.euroRatesList.forEach(r => {
									datalist.push(r.sixActual)
								})
							} else if (t == 13) {
								c.euroRatesList.forEach(r => {
									datalist.push(r.threeActual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}

				}



				option && otherChart.setOption(option)
				const echartAll = document.getElementsByClassName('otherFull')
				otherChart.on('click', params => {
					if (c.type == 12 || c.type == 10 || c.type == 7 || c.type == 6) {
						let value = this.searchParentCodes(this.allList, params.name)
						let level = window.localStorage.getItem('pageLevel')
						if (value.length > 0) {
							window.localStorage.setItem("enterpriseCode", [value, params.name]);
							window.localStorage.setItem("pageName", "资金主题");
							if (this.hierarchy == 2) {
								this.$router.push({
									name: 'fundFirstPage',
								})
							} else if (this.hierarchy == 3) {
								this.$router.push({
									name: 'fundSecondPage',
								})
							} else if (this.hierarchy == 4) {
								this.$router.push({
									name: 'fundThirdPage',
								})
							} else if (this.hierarchy == 5) {
								this.$router.push({
									name: 'fundFourthPage',
								})
							}
						}
						this.indexData = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
						this.parmas.targetId = this.indexData.targetId
						this.pageName = window.localStorage.getItem('pageName')
						this.firstPageName = JSON.parse(window.localStorage.getItem('fundfirstPageName'))
						this.secondPageName = JSON.parse(window.localStorage.getItem('fundsecondPageName'))
						this.thirdPageName = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
						// if (this.pageName === '集团驾驶舱') {
						// 	localStorage.removeItem("enterpriseCode");
						// 	this.getData()
						// 	this.getAreaTree()
						// } else {
						this.getAreaTree()
						// }
					}
				})
				window.onresize = function() {
					for (let i = 0; i < echartAll.length; i++) {
						var myChart = echarts.init(echartAll[i])
						myChart.resize()
					}
				}
			},

			//其他
			dataEcharts(c, cx) {

				let otherChart = echarts.init(document.getElementById(`pieChart${cx}`))
				if (otherChart == null) { // 如果不存在，就进行初始化。
					otherChart = echarts.init(document.getElementById(`pieChart${cx}`));
				}
				let option = {}
				let xLabel = []
				//折线图
				if (c.type == 1 || c.type == 2 || c.type == 5 || c.type == 18) {
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 5 || c.type == 18) {
							xLabel.push(r.year)
						} else {
							xLabel.push(r.year + '.' + r.month)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 8) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 9) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (t == 8) {
								c.resultData.forEach(r => {
									datalist.push(r.actual)
								})
							} else if (t == 9) {
								c.resultData.forEach(r => {
									datalist.push(r.budget)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',
							// 自定义tooltip内容
							formatter: (item) => {
								let str =
									`<div style="text-align:center;font-weight:700;font-size:16px">${item[0].name}</div>`
								let index = 0 // 命名一个索引，用于匹配增减值、增减率
								let leftClass =
									`<span style="display: inline-block; width: ${this.$i18n.locale === 'zh-CN'?'100px':'150px'}; text-align: left;">`
								let rightClass =
									'<span style="display: inline-block; width: 80px; text-align: right;">'
								item.forEach(it => {
									str +=
										`${ leftClass + it.seriesName}:</span>${ rightClass + it.value}</span></br>`
									index = it.dataIndex
								})
								if (c.resultData[index].differenceValue !== undefined) {
									str = str +
										`${leftClass}${this.$i18n.locale === 'zh-CN'?'增减值':'Value of increase or decrease'}:</span>${rightClass + c.resultData[index].differenceValue}</span></br>`
									if (c.resultData[index].differenceRate !== undefined) {
										str = str +
											`${leftClass}${this.$i18n.locale === 'zh-CN'?'增减率':'Rate of increase and decrease'}:</span>${rightClass + c.resultData[index].differenceRate}</span>`
									}
								}
								return str
							}
						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 3) {
					//柱状图
					let arr = []
					let lableList = []
					c.resultData.forEach(r => {
						lableList.push(r.year)
						xLabel.push(r.month + '月')
					})
					xLabel = Array.from(new Set(xLabel));
					let Label = Array.from(new Set(lableList)).concat(['增减率'])
					// Label.concat(['增减率'])
					Label.forEach(s => {
						let datalist = []
						console.log(s);
						if (s == '增减率') {
							c.resultData.forEach(r => {
								if (r.year == Label[0]) {
									datalist.push(r.growthRate)
								}
							})
							arr.push({
																name:	this.$i18n.locale === 'zh-CN' ? '增减率':'Rate of increase and decrease',
								type: 'line',
								yAxisIndex: 1,
								symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
								smooth: true,
								lineStyle: {
									normal: {
										width: 3,
										// color: '#518EF5', // 线条颜色
									},
								},
								itemStyle: {
									normal: {
										// color: '#518EF5', //拐点颜色
										// borderColor: '#fff600',//拐点边框颜色
										// borderWidth: 13//拐点边框大小
										label: {
											show: false, //开启显示
											color: '#fff',
											position: 'top', //在上方显示
											formatter: function(res) {
												if (res.value) {
													return res.value
												} else {
													return 0
												}
											},
										},
									},

								},
								symbolSize: 8, //设定实心点的大小
								data: datalist

							}, )
						} else {
							c.resultData.forEach(r => {
								if (r.year == s) {
									datalist.push(r.actual)
								}
							})
							arr.push({
								name: s,
								type: 'bar',
								symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
								smooth: true,
								lineStyle: {
									normal: {
										width: 3,
										// color: '#518EF5', // 线条颜色
									},
								},
								itemStyle: {
									normal: {
										// color: '#518EF5', //拐点颜色
										// borderColor: '#fff600',//拐点边框颜色
										// borderWidth: 13//拐点边框大小
										label: {
											show: false, //开启显示
											color: '#fff',
											position: 'top', //在上方显示
											formatter: function(res) {
												if (res.value) {
													return res.value
												} else {
													return 0
												}
											},
										},
									},

								},
								symbolSize: 8, //设定实心点的大小
								data: datalist

							}, )
						}

					})
					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '10%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, {
							type: 'value',
							name: "%",
							//min: 0,
							nameTextStyle: {
								color: "#fff",
							},
							axisLine: {
								lineStyle: {
									color: '#0a3e98'
								}
							},
							axisTick: {
								show: false,
							},
							splitLine: {
								show: true,
								lineStyle: {
									color: '#0a3e98',
									type: "dotted",
								}
							},
							axisLabel: {
								formatter: '{value}',
								textStyle: {
									color: "#fff",
								}
							},
						}],
						series: arr
					}

				} else if (c.type == 4) {
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 5) {
							xLabel.push(r.year)
						} else {
							xLabel.push(r.year + '.' + r.month)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						let growthList = []
						this.tjwdList.forEach(s => {
							let data1list = []
							growthList = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
									growthList.push(r.growthRate)
								})
							}

							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色

											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
						arr.push({
															name:	this.$i18n.locale === 'zh-CN' ? '增减率':'Rate of increase and decrease',
							type: 'line',
							yAxisIndex: 1,
							symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
							smooth: true,
							lineStyle: {
								normal: {
									width: 3,
									// color: '#518EF5', // 线条颜色
								},
							},
							itemStyle: {
								normal: {
									// color: '#518EF5', //拐点颜色
									// borderColor: '#fff600',//拐点边框颜色

									// borderWidth: 13//拐点边框大小
									label: {
										show: false, //开启显示
										color: '#fff',
										position: 'top', //在上方显示
										formatter: function(res) {
											if (res.value) {
												return res.value
											} else {
												return 0
											}
										},
									},
								},

							},
							symbolSize: 8, //设定实心点的大小
							data: growthList
						}, )
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '10%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
								nameTextStyle: {
									color: "#fff",
									fontSize: 12,
									padding: [0, 60, 0, 0]
								},
								type: 'value',
								splitLine: {
									show: true,
									lineStyle: {
										color: '#1160a0',
										type: 'dashed'
									},
								},
								axisLabel: {
									interval: 0, //标签设置为全部显示
									formatter: function(params) {
										let num = ''
										let unit = '';
										var k = 10000,
											sizes = ['', '万', '亿', '万亿'],
											i;
										if (params < 0) {
											params = Math.abs(params)
											if (params < k) {
												params = params;
											} else {
												i = Math.floor(Math.log(params) / Math.log(k));
												params = ((params / Math.pow(k, i))).toFixed(0);
												unit = sizes[i];
											}
											num = (0 - params) + unit;
										} else {
											if (params < k) {
												params = params;
											} else {
												i = Math.floor(Math.log(params) / Math.log(k));
												params = ((params / Math.pow(k, i))).toFixed(0);
												unit = sizes[i];
											}
											num = params + unit;
										}
										return num

									},
									textStyle: {
										color: '#fff',
										fontSize: 14
									}
								},
								axisTick: {
									show: false,
								},
								triggerEvent: true

							},
							{
								type: 'value',
								name: "%",
								//min: 0,
								nameTextStyle: {
									color: "#fff",
								},
								axisLine: {
									lineStyle: {
										color: '#0a3e98'
									}
								},
								axisTick: {
									show: false,
								},
								splitLine: {
									show: true,
									lineStyle: {
										color: '#0a3e98',
										type: "dotted",
									}
								},
								axisLabel: {
									formatter: '{value}',
									textStyle: {
										color: "#fff",
									}
								},
							}
						],
						series: arr
					}

				} else if (c.type == 6 || c.type == 7 || c.type == 16) {
					//柱状图
					let arr = []
					c.resultData.forEach(r => {
						if (c.type == 3 || c.type == 4) {
							xLabel.push(r.year + '.' + r.month)
						} else if (c.type == 6 || c.type == 7 || c.type == 16) {
							xLabel.push(r.enterpriseCode)
						}

					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
												// color: '#518EF5', // 线条颜色
											},
										},
										itemStyle: {
											normal: {
												// color: '#518EF5', //拐点颜色
												// borderColor: '#fff600',//拐点边框颜色
												// borderWidth: 13//拐点边框大小
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 8) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 9) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year + '.' + r.month)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}
				} else if (c.type == 10 || c.type == 12) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.enterpriseCode)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									let markValue = c.resultData[0].budget
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									arr.push({
										name: s.name,
										type: 'bar',
										itemStyle: {
											textStyle: {
												fontWeight: 700,
											},
											color: function(params) {
												if (params.value * 1 >= 0) {
													return "#748EDE";
												}
												return "red";
											},
										},
										markLine: {
											symbol: "none", //去掉均值最后面的箭头
											label: {
												position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
												formatter: "集团均值",
												color: '#ffffff'
											},
											data: [{
												silent: false, //鼠标悬停事件  true没有，false有
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#00ff40",
													width: 2
												},
												name: '集团均值',
												xAxis: markValue
											}]
										},
										data: datalist

									}, )
								}
							})
						})
					} else {
						let markValue = c.resultData.length > 0 ? c.resultData[0].budget : ''
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									itemStyle: {
										textStyle: {
											fontWeight: 700,
										},
										color: function(params) {
											if (params.value * 1 >= 0) {
												return "#748EDE";
											}
											return "red";
										},
									},
									markLine: {
										symbol: "none", //去掉均值最后面的箭头
										label: {
											position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
											formatter: "集团均值",
											color: '#ffffff'
										},
										data: [{
											silent: false, //鼠标悬停事件  true没有，false有
											lineStyle: { //均值的样式  ，虚实  颜色
												type: "solid",
												color: "#00ff40",
												width: 2
											},
											name: '集团均值',
											xAxis: markValue
										}]
									},
									data: data1list
								}, )
							}
						})
					}
					console.log(arr);
					option = {

						tooltip: {
							trigger: 'axis',
							axisPointer: {
								type: 'shadow'
							}
						},
						legend: {
							show: false,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '5%',
							left: '3%',
							right: '4%',
							bottom: '3%',
							containLabel: true
						},
						xAxis: {
							type: 'value',
							boundaryGap: [0, 0.01],
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: {
							type: 'category',
							data: xLabel,
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						series: arr
					};
				} else if (c.type == 11) {
					let monthData = []
					let dataValue = []
					let monthValue = []
					let yName = []
					c.resultData.forEach(e => {
						monthData.push({
							month: e.month,
							list: []
						})
					})
					let newMonth = Array.from(new Set(monthData.map(item => item.month))).map(month => {
						return monthData.find(item => item.month === month);
					});
					newMonth.forEach(m => {
						c.resultData.forEach(a => {
							if (a.month == m.month) {
								m.list.push(a)
							}
						})
					})

					newMonth.forEach((m, mi) => {
						monthValue.push(m.month)
						m.list.forEach(l => {
							if (mi === 0)
								yName.push({
									name: l.name,
									stack: '',
									type: 'bar',
									Data: [],
									// budgetData:[]
								})
						})
					})
					let yName1 = JSON.parse(JSON.stringify(yName))
					yName.forEach(y => {
						y.stack = '实际值'
						newMonth.forEach(w => {
							w.list.forEach(t => {
								if (y.name == t.name) {
									y.Data.push(t.actual)
								}
							})
						})
					})
					yName1.forEach(y => {
						y.stack = '预算值'
						newMonth.forEach(w => {
							w.list.forEach(t => {
								if (y.name == t.name) {
									y.Data.push(t.budget)
								}
							})
						})
					})
					let arr = yName.concat(yName1)
					let option = {
						tooltip: {
							trigger: 'axis',
							axisPointer: {
								// Use axis to trigger tooltip
								type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
							}
						},
						legend: {
							show: false,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '12%',
							right: '4%',
							bottom: '3%',
						},
						xAxis: {
							// type: 'value',
							data: monthValue,
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: {
							// type: 'category',
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						series: arr
					};

				} else if (c.type == 15) {
					let arr = []
					c.resultData.forEach(r => {
						xLabel.push(r.year)
					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									let controlValue = c.controlMoney ? c.controlMoney : null
									let earlyValue = c.earlyGuaranteeMoney ? c.earlyGuaranteeMoney : null
									let markLine = {}
									if (t == 1) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 2) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 3) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 4) {
										c.resultData.forEach(r => {
											datalist.push(r.budget)
										})
									} else if (t == 5) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 6) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 8) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									} else if (t == 9) {
										c.resultData.forEach(r => {
											datalist.push(r.actual)
										})
									}
									if (c.controlMoney || c.earlyGuaranteeMoney) {
										markLine = {
											symbol: "none", //去掉均值最后面的箭头
											data: [{
												// silent: true, //鼠标悬停事件  true没有，false有
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#ffff00",
													width: 2
												},
												label: {
													position: 'insideStartBottom',
													formatter: this.$i18n.locale === 'zh-CN' ?
														"年度控制总额水平线" :
														'Annual control total level',
													color: '#ffff00'
												},
												name: this.$i18n.locale === 'zh-CN' ?
													"年度控制总额水平线" : 'Annual control total level',
												yAxis: controlValue
											}, {
												lineStyle: { //均值的样式  ，虚实  颜色
													type: "solid",
													color: "#00ff40",
													width: 2
												},
												label: {
													position: 'insideEndTop',
													formatter: this.$i18n.locale === 'zh-CN' ?
														'年初担保批准额度水平线' :
														'Guarantee approval level at the beginning of the year',
													color: '#00ff40'
												},
												name: this.$i18n.locale === 'zh-CN' ?
													'年初担保批准额度水平线' :
													'Guarantee approval level at the beginning of the year',
												yAxis: earlyValue
											}]
										}
									}
									arr.push({
										name: s.name,
										type: 'bar',
										markLine: markLine,
										data: datalist

									}, )
								}
							})
						})
					} else {
						let controlValue = c.controlMoney ? c.controlMoney : null
						let earlyValue = c.earlyGuaranteeMoney ? c.earlyGuaranteeMoney : null
						let markLine = {}
						if (c.controlMoney || c.earlyGuaranteeMoney) {
							markLine = {
								symbol: "none", //去掉均值最后面的箭头
								data: [{
									// silent: true, //鼠标悬停事件  true没有，false有
									lineStyle: { //均值的样式  ，虚实  颜色
										type: "solid",
										color: "#ffff00",
										width: 2
									},
									label: {
										position: 'insideStartBottom',
										formatter: this.$i18n.locale === 'zh-CN' ?
											"年度控制总额水平线" : 'Annual control total level' + `(${controlValue})`,
										color: '#ffff00'
									},
									name: this.$i18n.locale === 'zh-CN' ?
										"年度控制总额水平线" : 'Annual control total level',
									yAxis: controlValue
								}, {
									lineStyle: { //均值的样式  ，虚实  颜色
										type: "solid",
										color: "#00ff40",
										width: 2
									},
									label: {
										position: 'insideEndTop',
										formatter: this.$i18n.locale === 'zh-CN' ?
											'年初担保批准额度水平线' :
											'Guarantee approval level at the beginning of the year' +
											`(${earlyValue})`,
										color: '#00ff40'
									},
									name: this.$i18n.locale === 'zh-CN' ?
										'年初担保批准额度水平线' :
										'Guarantee approval level at the beginning of the year',
									yAxis: earlyValue
								}]
							}
						}
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 1) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 2) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 3) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 4) {
								c.resultData.forEach(r => {
									data1list.push(r.budget)
								})
							} else if (c.staLat == 5) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 6) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 8) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							} else if (c.staLat == 9) {
								c.resultData.forEach(r => {
									data1list.push(r.actual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'bar',
									itemStyle: {
										textStyle: {
											fontWeight: 700,
										},
										color: function(params) {
											if (params.value * 1 >= 0) {
												return "#748EDE";
											}
											return "red";
										},
									},
									markLine: markLine,
									data: data1list
								}, )
							}
						})
					}
					option = {

						tooltip: {
							trigger: 'axis',
							axisPointer: {
								type: 'shadow'
							}
						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '10%',
							left: '3%',
							right: '4%',
							bottom: '3%',
							containLabel: true
						},
						xAxis: {
							type: 'category',
							data: xLabel,
							// type: 'value',
							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
						},
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],

						series: arr
					};

				} else if (c.type == 19) {
					let arr = []
					c.euroRatesList.forEach(r => {

						xLabel.push(r.year)


					})
					if (c.staLat.split(',').length > 1) {
						this.tjwdList.forEach(s => {
							c.staLat.split(',').forEach(t => {
								if (s.value == t) {
									let datalist = []
									if (t == 11) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.oneActual)
										})
									} else if (t == 12) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.sixActual)
										})
									} else if (t == 13) {
										c.euroRatesList.forEach(r => {
											datalist.push(r.threeActual)
										})
									}
									arr.push({
										name: s.name,
										type: 'line',
										symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
										smooth: true,
										lineStyle: {
											normal: {
												width: 3,
											},
										},
										itemStyle: {
											normal: {
												label: {
													show: false, //开启显示
													color: '#fff',
													position: 'top', //在上方显示
													formatter: function(res) {
														if (res.value) {
															return res.value
														} else {
															return 0
														}
													},
												},
											},

										},
										symbolSize: 8, //设定实心点的大小
										data: datalist

									}, )
								}
							})
						})
					} else {
						this.tjwdList.forEach(s => {
							let data1list = []
							if (c.staLat == 11) {
								c.euroRatesList.forEach(r => {
									data1list.push(r.oneActual)
								})
							} else if (t == 12) {
								c.euroRatesList.forEach(r => {
									datalist.push(r.sixActual)
								})
							} else if (t == 13) {
								c.euroRatesList.forEach(r => {
									datalist.push(r.threeActual)
								})
							}
							if (s.value == c.staLat) {
								arr.push({
									name: s.name,
									type: 'line',
									symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
									smooth: true,
									lineStyle: {
										normal: {
											width: 3,
											// color: '#518EF5', // 线条颜色
										},
									},
									itemStyle: {
										normal: {
											// color: '#518EF5', //拐点颜色
											// borderColor: '#fff600',//拐点边框颜色
											// borderWidth: 13//拐点边框大小
											label: {
												show: false, //开启显示
												color: '#fff',
												position: 'top', //在上方显示
												formatter: function(res) {
													if (res.value) {
														return res.value
													} else {
														return 0
													}
												},
											},
										},

									},
									symbolSize: 8, //设定实心点的大小
									data: data1list
								}, )
							}
						})
					}

					option = {
						backgroundColor: '',
						tooltip: {
							trigger: 'axis',

						},
						legend: {
							show: true,
							textStyle: {
								color: '#fff',
								fontSize: 14,
								padding: [0, 8, 0, 8]
							}
						},
						grid: {
							top: '18%',
							left: '14%',
							right: '5%',
							bottom: '14%',
						},
						xAxis: [{
							type: 'category',

							axisLabel: {
								textStyle: {
									color: '#FFFFFF',
									fontSize: 12,
								},
							},
							splitLine: {
								show: false,
								lineStyle: {
									color: '#233653',
								},
							},
							axisTick: {
								show: false,
							},
							data: xLabel,
						}, ],
						yAxis: [{
							// name: c.targetUnit,
							nameTextStyle: {
								color: "#fff",
								fontSize: 12,
								padding: [0, 60, 0, 0]
							},
							type: 'value',
							splitLine: {
								show: true,
								lineStyle: {
									color: '#1160a0',
									type: 'dashed'
								},
							},
							axisLabel: {
								interval: 0, //标签设置为全部显示
								formatter: function(params) {
									const units = ['', '万', '百万', '亿', '万亿'];
									let unitIndex = 0;
									if (params < 0) {
										params = Math.abs(params)
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}
										params = (0 - params)

									} else {
										while (params >= 10000 && unitIndex < units.length - 1) {
											params /= 10000;
											unitIndex++;
										}

									}
									const formattedNumber = params

									return formattedNumber + units[unitIndex];
								},
								textStyle: {
									color: '#fff',
									fontSize: 14
								}
							},
							axisTick: {
								show: false,
							},
							triggerEvent: true

						}, ],
						series: arr
					}

				}


				option && otherChart.setOption(option)
				const echartAll = document.getElementsByClassName('otherFull')
				otherChart.on('click', params => {
					if (c.type == 16 || c.type == 12 || c.type == 10 || c.type == 7 || c.type == 6) {
						let value = this.searchParentCodes(this.allList, params.name)
						let level = window.localStorage.getItem('pageLevel')
						if (value.length > 0) {
							window.localStorage.setItem("enterpriseCode", [value, params.name]);
							window.localStorage.setItem("pageName", "资金主题");
							if (this.hierarchy == 2) {
								this.$router.push({
									name: 'fundFirstPage',
								})
							} else if (this.hierarchy == 3) {
								this.$router.push({
									name: 'fundSecondPage',
								})
							} else if (this.hierarchy == 4) {
								this.$router.push({
									name: 'fundThirdPage',
								})
							} else if (this.hierarchy == 5) {
								this.$router.push({
									name: 'fundFourthPage',
								})
							}
						}
						this.indexData = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
						this.parmas.targetId = this.indexData.targetId
						this.pageName = window.localStorage.getItem('pageName')
						this.firstPageName = JSON.parse(window.localStorage.getItem('fundfirstPageName'))
						this.secondPageName = JSON.parse(window.localStorage.getItem('fundsecondPageName'))
						this.thirdPageName = JSON.parse(window.localStorage.getItem('fundthirdPageName'))
						// if (this.pageName === '集团驾驶舱') {
						// 	localStorage.removeItem("enterpriseCode");
						// 	this.getData()
						// 	this.getAreaTree()
						// } else {
						this.getAreaTree()
						// }
					}
				})
				window.onresize = function() {
					for (let i = 0; i < echartAll.length; i++) {
						var myChart = echarts.init(echartAll[i])
						myChart.resize()
					}
				}
			},

			searchParentCodes(data, code, result = []) {
				data.forEach((item) => {
					if (item.code === code) {
						return;
					}
					if (Array.isArray(item.list)) {
						item.list.forEach((child) => {
							if (child.code === code) {
								result.push(item.code);
								this.searchParentCodes(data, item.code, result);
							} else {
								this.searchParentCodes([child], code, result);
							}
						});
					}
				});
				return result;
			},

			//更多企业
			handleMore(val) {
				this.$refs.echartsDialog.add(val)
			},

		}
	}
</script>

<style lang="scss" scoped>
	@font-face {
		font-family: 'YouSheBiaoTiHei';
		src: url(~@/assets/fonts/YouSheBiaoTiHei-2.ttf);
	}

	/deep/::-webkit-scrollbar {
		width: 0 !important;
	}

	.full {
		margin-top: 40px;
		height: calc(100% - 72px);
	}

	.full2 {
		margin-top: 10px;
		height: calc(100% - 42px);
	}

	.full3 {
		margin-top: 40px;
		height: calc(100% - 72px);
	}




	.screen-body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: calc(100% - 45px);
		box-sizing: border-box;
		padding: 0 20px;
		position: relative;

		.col-top {
			height: 38%;
			background-color: #091d3d;
			border: 1px solid #10408c;

			.top-header {
				width: 100%;
				height: 42px;
				display: flex;
				justify-content: space-between;
				background: url('~@/assets/img/title-big-bg.png') center / 100% 100% no-repeat;

				.title {
					font-size: 20px;
					font-family: Alimama ShuHeiTi;
					font-weight: bold;
					font-style: italic;
					color: #cfdfec;
					margin-left: 2%;
				}

				.right {
					height: 24px;
					color: #FFFFFF;
					display: flex;
					margin: 3px 10px;

					div {
						padding: 0 10px;
						margin-left: 5px;
						box-sizing: border-box;
						font-size: 12px;
						line-height: 24px;
						font-family: Microsoft YaHei;
						font-weight: 400;
						color: #FFFFFF;
						// background-color: #0F3662;
						// background: linear-gradient(0deg, rgba(3,0,0), rgba(255,255,255));
						// border: 1px solid #4980BD;
						background: url('~@/assets/img/tab-bg1.png') center / 100% 100% no-repeat;
					}

					div:hover {
						background: url('~@/assets/img/tab-bg2-active.png') center / 100% 100% no-repeat;
					}
				}
			}
		}

		.top-content {
			display: flex;
			height: calc(100% - 42px);
			justify-content: space-between;
			background: rgba(18, 50, 102, 0.14);

			.cent-echarts {
				position: relative;
				// width: 33%;
				padding: 0 5px;
				box-sizing: border-box;

				// background: url('~@/assets/img/cent-bg.png') center / 100% 100% no-repeat;
				// .echarts-top {
				// 	width: 100%;
				// 	display: flex;
				// 	justify-content: space-between;
				// 	align-items: center;
				// }
				.echarts-title {
					font-size: 20px;
					font-family: Alimama ShuHeiTi;
					font-weight: bold;
					font-style: italic;
					color: #cfdfec;
					text-align: center;
				}

				.search {
					z-index: 999;
					position: absolute;
					right: 10px;
					color: #FFFFFF;
				}

				.titleYear {
					width: 100%;
					height: 40px;
					margin-left: 20px;
					background: url('~@/assets/img/month-bg.png') center no-repeat;
				}

				.titleQuarter {
					width: 100%;
					height: 40px;
					margin-left: 20px;
					background: url('~@/assets/img/tongbi.png') center no-repeat;
				}

				.titleMonth {
					width: 100%;
					height: 40px;
					margin-left: 20px;
					background: url('~@/assets/img/zhanbi.png') center no-repeat;
				}
			}

		}


		.screen-body-col {
			width: 100%;
		}

		.col-footer {
			height: 61%;
			display: flex;
			overflow-y: auto;
			flex-wrap: wrap;

			.footer-echarts {
				width: 32.5%;
				margin-right: 1%;
				position: relative;
				background-color: #091d3d;
				border: 1px solid #10408c;
				margin-bottom: 10px;

				.search {
					z-index: 999;
					position: absolute;
					right: 10px;
					color: #FFFFFF;
				}
			}

			.footer-table {
				width: 100%;
				position: relative;
				background-color: #091d3d;
				border: 1px solid #10408c;
				overflow: hidden;

				.search {
					z-index: 999;
					position: absolute;
					right: 10px;
					color: #FFFFFF;
				}
			}

			.lastLine {
				margin-right: 0 !important;
				position: relative;
				background-color: #091d3d;
				border: 1px solid #10408c;
				margin-bottom: 10px;

				.search {
					z-index: 999;
					position: absolute;
					right: 10px;
					color: #FFFFFF;
				}
			}
		}


	}

	.title-icon {
		width: 42px;
		height: 42px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		background: url('~@/assets/img/titlle-icon.png') center / 100% 100% no-repeat;

		.more {
			top: 40px;
			left: -40px;
			width: 81px;
			height: 44px;
			background: #1E75B9;
			opacity: 0.61;
			border-radius: 5px;
			display: none;
		}

		.moreActive {
			font-size: 14px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #fff;
			text-align: center;
			position: absolute;
			top: 40px;
			padding: 10px;
			box-sizing: border-box;
			left: -40px;
			width: 81px;
			height: 44px;
			background: rgba(29, 112, 178, 0.42);
			// opacity: 0.61;
			border-radius: 5px;

			span:hover {
				color: aqua;
			}
		}
	}

	.breadcrumb {
		width: 100%;
		height: 45px;
		font-size: 12px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		line-height: 30px;
		padding: 0 20px;
		box-sizing: border-box;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-between;

		// border: 1px solid #fff;
		.left {
			height: 30px;
			display: flex;
			align-items: center;

			.crumb-item {
				height: 22px;
				line-height: 22px;
				padding: 0 20px;
				box-sizing: border-box;
				font-size: 12px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #ADC9E9;
				margin-left: 5px;
				cursor: pointer;
				background: url('~@/assets/img/breadcrumb.png') center / 100% 100% no-repeat;
				transform: skew(-25deg);

				span {
					display: inline-block;
					transform: skew(25deg);
				}
			}

			.crumb-item:hover {
				height: 22px;
				line-height: 22px;
				padding: 0 20px;
				box-sizing: border-box;
				font-size: 12px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				margin-left: 5px;
				color: #FFFFFF;
				cursor: pointer;
				background: url('~@/assets/img/breadcrumb-active.png') center / 100% 100% no-repeat;
			}

			.crumb-item-active {
				height: 22px;
				line-height: 22px;
				padding: 0 20px;
				box-sizing: border-box;
				font-size: 12px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				margin-left: 5px;
				color: #FFFFFF;
				cursor: pointer;
				background: url('~@/assets/img/breadcrumb-active.png') center / 100% 100% no-repeat;
				transform: skew(-25deg);

				span {
					display: inline-block;
					transform: skew(25deg);
				}
			}
		}

	}

	/deep/ .el-input__inner {
		color: #fff;
		background-color: transparent !important;
		border-color: #80ffff;
		border: 1px solid #0F3662;
		height: 30px;
		padding: 0;
		text-align: center;
	}

	/deep/ .el-range-editor {
		color: #fff;
	}

	/deep/.el-range-separator {
		color: #fff;
	}

	/deep/.el-range-input {
		color: #fff !important;
		background-color: transparent !important;
	}

	/deep/.el-range-editor .el-range__icon {
		display: none;

	}

	/deep/.el-input__icon {
		line-height: 30px;
	}

	.el-range__icon {
		display: none;

	}

	.cascader {

		//下拉框
		/deep/.el-select-dropdown {
			border: none !important;
			background-color: rgba(1, 28, 82, 0.8) !important;
		}

		//输入框
		/deep/ .el-input {
			height: 35px !important;
		}

		/deep/ .el-input__inner {
			height: 35px !important;
			color: #eee !important;
			border-color: #0F3662 !important;
			background-color: rgba(1, 28, 82, 0.8) !important;
		}

		//聚焦时的样式
		.el-select .el-input.is-focus .el-input__inner {
			border-color: #0B61AA !important;
			background-color: rgba(1, 28, 82, 0.8) !important;
			color: #00D3E9 !important;
		}

		//下拉框选中
		.el-select-dropdown__item {
			color: #eee !important;
		}

		//鼠标经过下拉框
		.el-select-dropdown__item.hover,
		.el-select-dropdown__item:hover {
			color: #00D3E9 !important;
			background-color: #0F3360 !important;
		}
	}

	.scroll-table {
		width: 100%;

		.scroll-table-header {
			width: 100%;
			display: flex;
			justify-content: space-around;
			// background: rgba(#0574d4, 0.8);
			background: rgba(12, 171, 243, 0.4);
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			box-sizing: border-box;
		}

		.scroll-table-body {
			height: calc(100% - 36px);
			overflow: hidden;
		}

		.scroll-table-body.solid {
			height: calc(100% - 36px);
			overflow-y: auto;
		}

		.header-item,
		.column-item {
			text-align: left;
		}

		.scroll-table-column {
			width: 100%;
			display: flex;
			justify-content: space-around;
		}

		.header-item {
			font-size: 16px;
			font-weight: 700;
			color: #d8dddd;
		}

		.scroll-table-column {
			padding: 6px 10px;
			box-sizing: border-box;
			border-bottom: 1px solid rgba(0, 132, 251, 0.2);
		}

		.scroll-table-column:nth-of-type(2n) {
			background-color: rgba(0, 132, 251, 0.1);
		}

		.column-item {
			font-size: 12px;
			color: #dbdbdb;
			padding-right: 4px;
			box-sizing: border-box;
		}

		.columnActive {
			color: red;
		}

		.column-item-icon {
			display: inline-block;
			width: 10px;
			height: 10px;
			line-height: 12px;
			background-color: #ff9a00;
			border-radius: 100%;
			margin-right: 4px;
		}
	}
</style>
<style>
	.cascader .el-cascader-panel {
		background-color: #0F3360;
		border: none !important;
	}

	.cascader .el-cascader-menu {
		color: #fff !important;
		border: none !important;
	}

	.cascader .el-scrollbar__wrap {
		overflow: hidden
	}

	.el-popper[x-placement^="bottom"] {
		border: 1px solid #0B61AA;

	}

	.cascader .el-cascader-menu .el-cascader-node:hover {
		background-color: #0B61AA;
	}
</style>