eta_front/src/views/dataEntry_manage/databaseList.vue

<template>
	<div class="database_container">
		<div class="database_top" v-if="!isBasicBase">
			<div class="top-left">
					<el-button v-permission="permissionBtn.edbDataPermission.edbData_addEdb"
						type="primary" @click="addHandler"><!-- 添加指标 -->{{$t('EtaBasePage.add_edb_btn')}}</el-button>
					<el-button v-permission="permissionBtn.edbDataPermission.edbData_calcuEdb"
						type="primary" @click="addComputedHandler"><!-- 计算指标 -->{{$t('EtaBasePage.calculation_edb_btn')}}</el-button>
					<el-button v-permission="permissionBtn.edbDataPermission.edbData_replaceEdb"
						type="primary" @click="replaceEdbHandler"><!-- 替换指标 -->{{$t('EtaBasePage.replace_edb_btn')}}</el-button>
					<el-button v-permission="permissionBtn.edbDataPermission.edbData_codeRun"
						type="primary" @click="$router.push({path: '/codecount'})"><!-- 代码运算 -->{{$t('EtaBasePage.algorithm_btn')}}</el-button>
					<el-button v-permission="permissionBtn.edbDataPermission.edbData_dataAdjust"
						type="primary" @click="$router.push({path: '/adjustdata'})"><!-- 数据调整 -->{{$t('EtaBasePage.adjustment_btn')}}</el-button>
			</div>
			<div class="top-right">
				
				<el-select
					v-if="classifyShowType!=='shared'"
					v-model="search_txt"
					v-loadMore="searchLoad"
					ref="searchRef"
					:filterable="!search_txt"
					remote
					clearable
					:placeholder="$t('Edb.InputHolderAll.input_name_orid')"
					style="width: 260px;"
					:remote-method="searchHandle"
					@click.native="inputFocusHandle"
					@keyup.enter.native="handleSearchEnter"
				>
					<i slot="prefix" class="el-input__icon el-icon-search"></i>
					<el-option
						v-for="item in searchOptions"
						:key="item.EdbInfoId"
						:value="item.EdbInfoId"
						:label="item.EdbName"
					>
						<div class="edb-search-item">
								{{item.EdbName}}
								<i class="el-icon-star-on" style="color: #0052D9;font-size:18px;" v-if="item.CollectClassifyIdList&&item.CollectClassifyIdList.length"/>
							</div>
					</el-option>
				</el-select>
			</div>
		</div>
		
		<div class="database_main box" id="box" v-if="showData">
			<!-- 展开收起目录按钮 -->
			<span
				v-show="!isMainLeftShow"
				class="slide-btn-icon slide-right"
				@click="isMainLeftShow = !isMainLeftShow"
			>
				<i :class="{'el-icon-d-arrow-left':isMainLeftShow,'el-icon-d-arrow-right':!isMainLeftShow}"></i>
			</span>
			
			<div class="main-left left" id="left" v-show="isMainLeftShow">

				<div class="tree-cont">
					<el-radio-group 
						v-model="classifyShowType" 
						@input="handleChangeClassifyType" 
						v-if="!isBasicBase"
					>
						<el-radio-button :label="item.key" v-for="item in classifyTabs" :key="item.key">
							{{item.label}}
						</el-radio-button>
					</el-radio-group>

					<el-select
						v-if="isBasicBase"
						v-model="search_txt"
						v-loadMore="searchLoad"
						ref="searchRef"
						:filterable="!search_txt"
						remote
						clearable
						:placeholder="$t('Edb.InputHolderAll.input_name_orid')"
						:remote-method="searchHandle"
						@click.native="inputFocusHandle"
						@keyup.enter.native="handleSearchEnter"
						style="width: 100%"
					>
						<i slot="prefix" class="el-input__icon el-icon-search"></i>
						<el-option
							v-for="item in searchOptions"
							:key="item.EdbInfoId"
							:value="item.EdbInfoId"
							:label="item.EdbName"
						>
							<div class="edb-search-item">
								{{item.EdbName}}
								<i class="el-icon-star-on" style="color: #0052D9;font-size:18px;" v-if="item.CollectClassifyIdList&&item.CollectClassifyIdList.length"/>
							</div>
						</el-option>
					</el-select>
					
					<!-- 我的 公共指标目录 -->
					<div 
						class="target_tree" 
						v-if="['public','own'].includes(classifyShowType)"
						:style="`${isBasicBase?'height:calc(100vh - 200px)':'height: calc(100vh - 300px)'}`"
					>
						<div class="own-tree" 
							:style="`height:${(classifyShowType==='own'&&!isBasicBase )?'60%':'100%'}`"
						>
							<div class="tree-title">目录</div>
							<div class="tree-wrapper">
								<el-tree	
									ref="menuTree"
									:data="treeData"
									node-key="UniqueCode"
									:props="defaultProp"
									:allow-drag="canDragHandle"
									:allow-drop="canDropHandle"
									:current-node-key="select_node"
									:default-expanded-keys="defaultShowNodes"
									:draggable="isEdbBtnShow('moveCatalog')"
									:expand-on-click-node="false"
									check-strictly
									empty-text="暂无目录"
									lazy
									:load="getLazyTreeData"
									@node-expand="handleNodeExpand"
									@node-collapse="handleNodeCollapse"
									@current-change="(data,node)=>{nodeChange({data,node,treeName:classifyShowType})}"
									@node-drop="dropOverHandle"
									@node-drag-end="dropMouseLeave"
									@node-drag-leave="dropMouseLeave"
									@node-drag-enter="dropMouseOver"
								>
									<div
										class="custom-tree-node"
										slot-scope="{ node, data }"
									>
										<span
											class="text_oneLine node_label" 
											:style="`width:${(select_node === data.UniqueCode ? '40%' :'90%') || ''}`"
											:id="`node${data.UniqueCode}`"
										>
											<img 
												:src="$icons.lock_ico2" 
												width="18" 
												height="18" 
												style="vertical-align:middle" 
												v-if="!data.HaveOperaAuth&&data.EdbInfoId"
											/>
											<span>{{ currentLang==='en' ? (data.ClassifyNameEn||data.ClassifyName) : data.ClassifyName }}</span>
										</span>
										<span
											style="display: flex; align-items: center"
											v-if="select_node===data.UniqueCode&&data.HaveOperaAuth"
										>
											<!-- <img
												src="~@/assets/img/data_m/move_ico.png"
												alt=""
												style="width: 14px; height: 14px; margin-right: 8px"
												v-if="data.Button.MoveButton&&isEdbBtnShow('moveCatalog')"
											/> -->
											<!-- 添加子项 -->
											<img
												src="~@/assets/img/set_m/add.png"
												alt=""
												style="width: 14px; height: 14px; margin-right: 8px"
												@click.stop="addNode(node,data)"
												v-if="data.Button.AddButton&&isEdbBtnShow('editCatalog')&&node.level<9"
											/>
											<!-- 编辑节点 如果是分类，判断data.Button.OpButton不变；如果是指标，不显示(ETA1.0.3) -->
											<img
												src="~@/assets/img/set_m/edit.png"
												alt=""
												style="width: 15px; height: 14px; margin-right: 8px"
												@click.stop="editNode(node,data)"
												v-if="!data.EdbCode&&(data.Button.OpButton)&&isEdbBtnShow('editCatalog')"
											/>
											<!-- 删除节点 如果是分类，判断data.Button.DeleteButton不变；如果是指标，不显示(ETA1.0.3) -->
											<img
												slot="reference"
												src="~@/assets/img/set_m/del_icon.png"
												alt=""
												style="width: 14px; height: 14px;"
												@click.stop="removeNode(node,data)"
												v-if="!data.EdbCode&&(data.Button.DeleteButton)&&isEdbBtnShow('deleteCatalog')"
											/>
										
										</span>
									</div>
								</el-tree>
							</div>
							<div class="opt-wrapper">
									<!-- 新增分类 -->
									<div class="opt-item" @click="addLevelOneHandle" v-if="CanOpClassify&&isEdbBtnShow('editCatalog')">
										<img
											src="~@/assets/img/set_m/add_ico.png"
											alt=""
											style="width: 16px; height: 16px; margin-right: 5px"
										/>
										<span>{{$t('EtaBasePage.add_first_menu_btn')}}</span>
									</div>
									<!-- 移动指标 -->
									<div class="opt-item" v-if="!isBasicBase&&isEdbBtnShow('edbData_batch_move')" @click="isOpenBatchMoveDialog=true">
										<img
											src="~@/assets/img/set_m/move_batch_ico.png"
											alt=""
											style="width: 16px; height: 16px; margin-right: 5px"
										/>
										<span>批量移动指标</span>
									</div>

									<template v-if="classifyShowType==='own'&&!isBasicBase">
										<!-- 共享指标 -->
										<div class="opt-item" @click="handleOpenSetShared('shared')" v-if="isEdbBtnShow('edbData_set_shared')">
											<img
												src="~@/assets/img/set_m/shared_ico.png"
												alt=""
												style="width: 16px; height: 16px; margin-right: 5px"
											/>
											<span>设置指标共享</span>
										</div>
										<!-- 公开指标 -->
										<div class="opt-item" @click="handleOpenSetShared('public')" v-if="isEdbBtnShow('edbData_set_public')">
											<img
												src="~@/assets/img/set_m/public_ico.png"
												alt=""
												style="width: 16px; height: 16px; margin-right: 5px"
											/>
											<span>设置指标公开</span>
										</div>
									</template>
							</div>
						</div>
						

						<!-- 收藏目录 拼接我的指标tab-->
						<div class="collect-tree" v-if="classifyShowType==='own'&&!isBasicBase">
								<div class="tree-title">收藏指标</div>
								<div class="tree-wrapper">
									<collectEdbMenu
										:data="collectClassifys"
										@change="getCollectClassifys"
										ref="collectEdbMenuRef"
									/>
								</div>

								<div class="opt-wrapper">
										<div class="opt-item" @click="handleOpenCollectClassify">
											<img
												src="~@/assets/img/set_m/add_ico.png"
												alt=""
												style="width: 16px; height: 16px; margin-right: 5px"
											/>
											<span>新增收藏分类</span>
										</div>
								</div>
						</div>
					</div>


					<!-- 共享指标目录 -->
					<div class="target_tree" 
						:style="`${isBasicBase?'height:calc(100vh - 200px)':'height: calc(100vh - 300px)'}`"
						v-else-if="classifyShowType==='shared'"
					>
							<sharedMenu/>
					</div>
				</div>
				<span class="move-btn resize" v-drag id="resize" >
				</span>
				<span
					v-show="isMainLeftShow"
					class="slide-btn-icon slide-left"
					@click="isMainLeftShow = !isMainLeftShow"
				>
					<i :class="{'el-icon-d-arrow-left':isMainLeftShow,'el-icon-d-arrow-right':!isMainLeftShow}"></i>
				</span>
			</div>
			<!-- 指标关联图模块 -->
			<div class="main-right right" id="right" style="background:transparent;border:none;box-shadow:none" v-if="showAssociateChart">
				<dataAssociateChart :edbInfoId="selected_edbid" @returnHandle="showAssociateChart=false,showAssociateComputeData=false"></dataAssociateChart>
			</div>
			<div class="main-right right" id="right" style="background:transparent;border:none;box-shadow:none;padding-top: 30px;box-sizing: border-box;" v-if="showAssociateComputeData">
				<dataAssociateComputeData :edbInfoId="selected_edbid" @returnHandle="showAssociateChart=false,showAssociateComputeData=false"></dataAssociateComputeData>
			</div>
			
			<!-- 指标图表列表 -->
			<div class="main-right right list" id="right" v-show="isShowList">
				<edbTableList
					ref="edbTableListRef"
					:isBasicBase="isBasicBase"
					:classifyShowType="classifyShowType"
					:treeName="currentTreeName"
					:tableLoading="tableLoading"
					:list="chartList"
					:total="Total"
					:pageSize="PageSize"
					:pageNo="CurrentIndex"
					@click-detail="detailShowHandle"
					@page-change="handleListPageChange"
					@refresh="refreshTargetHandle"
					@edit="item =>{editNode({},item)}"
					@collect="handleCollectEdb"
					@remove="item =>{removeNode({},item)}"
					@remove-collect="handleRemoveCollect"
				/>
			</div>

			<!-- 指标详情 -->
			<div class="main-right right detail-wrap" id="right" v-show="isShowDetail">
				<div class="detail" v-if="EdbData.HaveOperaAuth">
					<div class="header">
						<el-tabs v-model="activeTab" @tab-click="rePainChart">
							<el-tab-pane :label="$t('Edb.trend_chart_tab')" name="Chart">
							</el-tab-pane>
							<el-tab-pane :label="$t('Edb.data_detail_tab')" name="Data">
							</el-tab-pane>
						</el-tabs>
						<div class="edb-tool-icon edb-tool" style="align-items: center;">
							<el-button 
								v-if="([2,34].includes(EdbData.Source) || EdbData.EdbType==2) && isEdbBtnShow('enableOrDisable')&&EdbData.IsSupplierStop!=1" 
								type="text" 
								:style="{'color': EdbData.NoUpdate==1?'#0052D9':'#D54941'}"
								@click="toggleEdbRefreshStatus(EdbData,'detail')" 
							>{{EdbData.NoUpdate==1?$t('SystemManage.DataRefresh.enable'):$t('SystemManage.DataRefresh.disable') }}<!-- 启用/停用 --></el-button>

							<el-button
								type="text"
								@click="handleCollectEdb(EdbData)" 
							>收藏</el-button>
							<el-button 
								v-if="isEdbBtnShow('update')"
								type="text" 
								@click="refreshTargetHandle(EdbData)" 
							>{{$t('Edb.detail_refresh_btn')}}<!-- 刷新 --></el-button>
							<el-button 
								v-if="isEdbBtnShow('edit')"
								type="text" 
								:disabled="!(EdbData.Button.OpButton)"
								@click="editNode({},EdbData)"
							>{{$t('Edb.detail_edit_btn')}}<!-- 编辑 --></el-button>
							<!-- 指保存指标的上下限，在走势图才显示 -->
							<el-button 
								v-if="activeTab==='Chart'&&isEdbBtnShow('saveEdb')"
								type="text" 
								@click.stop="saveEdbLimit"
							>{{$t('Edb.detail_save_btn')}}<!-- 保存 --></el-button>
							<el-button 
								v-if="EdbData.EdbType===2&&isEdbBtnShow('toSource')"
								type="text" 
								@click="toHistoryPage(selected_edbid,$route.matched);lookEdbId=selected_edbid"
							>{{$t('Edb.detail_trace_btn')}}<!-- 指标溯源 --></el-button>
							<el-popover 
								v-if="showPopver"
								placement="bottom-end" 
								trigger="hover"
								popper-class="edb-tool-popover"
								width="300" style="display: inline-block;"
							>
								<div class="edb-tool-wrap">
									<el-button 
										v-if="isEdbBtnShow('setEn')"
										type="text" 
										@click="openLangInfoDia"
									>{{$t('Edb.detail_en_btn')}}<!-- 编辑信息 --></el-button>
									<el-button 
										v-if="EdbData.Button.InsertNewDataButton&&isEdbBtnShow('newValue')"
										type="text" 
										@click.stop="updateNewestDataHandle" 
									>{{(EdbData.DataInsertConfig.Date)?$t('Edb.detail_edit_latest'):$t('Edb.detail_add_latest')}}<!-- 添加最新值 --></el-button>
									<el-button 
										v-if="EdbData.EdbType===2&&isEdbBtnShow('calculateAgain')"
										type="text" 
										@click.stop="reCalculateHandler" 
										:loading="calculateLoading"
									>{{$t('Edb.detail_recalculate_btn')}}<!-- 重新计算 --></el-button>
									<el-button 
										v-if="EdbData.EdbType===1&&isEdbBtnShow('refreshAll')"
										type="text"
										@click.stop="refreshBaseHandler" 
										:loading="refreshLoading"
									>{{$t('Edb.detail_refresh_all')}}<!-- 全部刷新 --></el-button>
									<el-button 
										v-if="isEdbBtnShow('copyData')"
										type="text" 
										@click="copyCode"
									>{{$t('Edb.detail_copydata_btn')}}<!-- 复制数据 --></el-button>
									<el-button 
									v-if="EdbData.EdbType===2&&![58,59,67,68,74].includes(EdbData.Source)&&isEdbBtnShow('checkCalcChart')" 
										type="text" 
										@click.stop="viewNode"
									>{{$t('Edb.detail_formula_btn')}}<!-- 查看公式 --></el-button>
									<el-button 
										v-if="EdbData.Button.ShowChartRelation&&isEdbBtnShow('checkRelatedChart')"
										type="text" 
										@click="showAssociateChart=true,showAssociateComputeData=false" 
									>{{$t('Edb.detail_related_charts_btn')}}<!-- 关联图 --></el-button>
									<el-button 
										v-if="EdbData.Button.ShowEdbRelation&&isEdbBtnShow('checkRelatedEdb')" 
										type="text"
										@click="showAssociateComputeData=true,showAssociateChart=false"
									>{{$t('Edb.detail_related_metrics_btn')}}<!-- 关联指标 --></el-button>
									<el-button 
										v-if="EdbData.Button.DeleteButton&&isEdbBtnShow('deleteEdb')"
										type="text" 
										@click="removeNode({},EdbData)" 
										style="color:#C54322;"
									>{{$t('Edb.detail_del_btn')}}<!-- 删除 --></el-button>
								</div>
								<div class="edb-btn" slot="reference">
									<el-button type="text">{{$t('Edb.detail_more_btn')}}<!-- 更多操作 --></el-button>
									<i class="el-icon-more" style="font-size: 14px;transform: rotate(90deg);cursor: pointer;color: #3375e1;"/>
								</div>
							</el-popover>
						</div>
					</div>
					<div class="container" id="detail-container">
						<div class="chart" v-show="activeTab==='Chart'">
							<chart-trend-render
								:edbid="selected_edbid"
								:chartLang="currentLang"
								:isShowChartBasis="isEdbBtnShow('showChartBasis')"
								:isAllowSwitchSeason="isEdbBtnShow('switchSeason')"
								:isAllowEditLimit="isEdbBtnShow('editLimit')"
								ref="createChart"
								@editEnName="openEnNameDia"/>
							<div class="info">
								<span>{{$t('Edb.Detail.source')}}：{{EdbData.SourceName}}</span>
								<span v-show="EdbData.SysUserRealName">{{$t('Edb.creater')}}：{{EdbData.SysUserRealName}}</span>
							</div>
							<ul class="value-ul"
								v-show="showTable&&dataList.length">
								<li class="value-item" style="background-color: #EBEFF6;">
									<span style="width:240px">{{$t('Edb.Detail.e_date')}}（{{$t('Edb.Detail.e_fre')}}：{{getFrequencyTrans(EdbData.Frequency)}}）</span>
									<span style="flex:1;">{{$t('Edb.Detail.e_value')}}</span>
								</li>
								<li class="value-item"
									v-for="item in dataList.slice(0,3)"
									:key="item.EdbDataId">
									<span class="value-label date" style="width:240px">
										<span style="position: relative;">
											<i class="new-tag" v-if="EdbData.LatestDate===item.DataTime"></i>
											{{item.DataTime}}
										</span>
									</span>
									<span :class="['value-label',{'predict-act': EdbData.DataInsertConfig.Date===item.DataTime}]" style="flex:1;">
										<span :class="['value-style',{'predict-act': EdbData.DataInsertConfig.Date===item.DataTime}]">{{item.Value}}</span>
									</span>
								</li>
								<li class="nodata value-item" v-if="!dataList.length"><!-- 暂无数据 -->{{$t('Table.prompt_slogan')}}</li>
							</ul>
						</div>
						<div class="list" v-show="activeTab==='Data'">
							<edb-detail-data 
								ref="edb_detail_data"
								:currentLang="currentLang"
								:table-data="tableData"
								:table-colums-one="tableColumsOne"
								:table-colums-two="tableColumsTwo"
								:data-list="dataList"
								:haveMore="haveMore"
								:showDataList="true"
								@getNextData="()=>{page_no++;getDataList();}"
							/>
						</div>
					</div>
				</div>

				<noDataAuth v-if="EdbData.HaveOperaAuth===false" :text="$t('MsgPrompt.no_edb_auth')"/>
				
			</div>
		</div>



		<!-- 目录弹窗 -->
		<openDialog
			:isOpenDialog="isOpenDialog"
			:title="dialog_title"
			:isBasicBase="isBasicBase"
			:formData="dialogForm"
			:classifyShowType="classifyShowType"
			@closeDia="isOpenDialog=false"
			@sucessCallback="sucessCallback"
		/>
		<!-- 指标弹窗 -->
		<addTargetDiaBase
			ref="addTargetDiaBase"
			:isAddTarget="isAddTarget"
			@cancelHandle="isAddTarget = false"
			@addSuccessHandle="addTargetSuccess"
		/>
		<!-- 完善指标信息 -->
		<completeTargetDia
			:isOpenDialog="isComplete"
			@cancel="cacelCompleteCallback"
			:params="add_params"
			@addTargetCallback="addTargetCallback"
		/>
		<!-- 计算指标弹窗 -->
		<computedDialog
			:isOpenComputed="computed_type === 4"
			:title="computedTit"
			:calulateForm="calulateForm"
			:calulateList="calulateList"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
			@lookHistory="id => {toHistoryPage(id,$route.matched);lookEdbId=id;}"
		/>
		<!-- 计算弹窗控制 -->
		<el-dialog
		:visible.sync="isOpenComputed"
		:close-on-click-modal="false"
		:modal-append-to-body='false'
		@close="isOpenComputed=false;"
		custom-class="dialog-computed"
		top="6vh"
		center
		width="920px"
		v-dialogDrag>
			<div class="dialog-computed-header">
				<el-radio-group :value="1" size="medium">
					<el-radio-button :label="1">{{$t('EtaBasePage.normal_calculate_tab')}}</el-radio-button>
					<span @click="showBatchComputedPop=true">
					<el-radio-button :label="2">{{$t('EtaBasePage.batch_calculate_tab')}}</el-radio-button>
					</span>
				</el-radio-group>
			</div>
			<ul class="computed-ul">
				<li
					:class="['cpmputed-li',item.type === computed_type?'act':'']" 
					v-for="item in computedShowTypes" 
					:key="item.type" 
					@click="changeComputedType(item.type)">
					{{item.name}}

					<el-popover
						placement="top-start"
						width="500"
						trigger="hover"
						v-if="tips.get(item.type)"
					>
						<p style="padding:20px;line-height:25px;" v-html="tips.get(item.type)"/>
						<i slot="reference" class="el-icon-warning-outline"/>
					</el-popover>
				</li>
			</ul>
		</el-dialog>
		<!-- 转月值 同比 同差 平均值弹窗 -->
		<operationDialog
			:isOperation="([5,6,7,8,12,13,14,22,35,51,52,61,62,63,75].includes(computed_type) || (computed_type===40&&operationForm.view)) && computed_source===1"
			:type="computed_type"
			:operationForm="operationForm"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
			@lookHistory="id => {toHistoryPage(id,$route.matched);lookEdbId=id;}"
			@changeSource="changeComputedType"
		/>

		<!-- 替换指标弹窗 -->
		<replace-dialog
			:isShow="isReplaceDia"
			@cancel="isReplaceDia = false"
		/>

		<!-- 拼接弹窗 -->
		<joint-target-dia
			:isShow="computed_type === 'joint'"
			:params="operationForm"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
		/>

		<!-- 拟合残差弹窗 -->
		<fittingResidueDia
			:isShow="computed_type === 37 && computed_source===1"
			:type="37"
			:operationForm="operationForm"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
		/>

		<!-- 批量计算弹窗 -->
		<batchComputedDialog
			:isBatchComputed="[6,7,8,12,13,14,5,61,62,63,75].includes(computed_type) && computed_source===2"
			:type="computed_type"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
			@lookHistory="id => {toHistoryPage(id,$route.matched);lookEdbId=id;}"
			@changeSource="changeComputedType"
		/>

		<!-- 扩散指数弹窗 -->
		<diffusionIndexDialog
			:isShow="computed_type === 53 && computed_source===1"
			:type="computed_type"
			:operationForm="operationForm"
			@cancel="computed_type=0"
			@addCallBack="addComputedCallBack"
			@openPrev="isOpenComputed=true"
		/>

		<!-- 添加最新值弹窗 -->
		<updateNewestDataDia
			:isShow.sync="isUpdateNewestData"
			:edbinfo="tableData[0]"
			:dataList="dataList"
			@success="updateNewest"
		/>


		<!-- 指数修匀弹窗 -->
		<SmoothEdbDialog 
			:is-open-smooth="computed_type==='alpha'"
			:computed-source="computed_source"
			:operationForm="operationForm"
			@cancel="computed_type=0"
			@openPrev="isOpenComputed=true"
			@addCallBack="addComputedCallBack"
			@lookHistory="id => {toHistoryPage(id,$route.matched);lookEdbId=id;}"
		/>

		<!-- 批量计算指标 -->
		<batchComputedV2 
			:isShow="showBatchComputedPop" 
			:type="computed_type"
			:operationForm="operationForm"
			@close="isOpenComputed=false;showBatchComputedPop=false" 
			@closeSelf="handleCloseBatchPopSelf"
			@addCallBack="addComputedCallBack"
		/>

		<!-- 设置对应版本信息弹窗 -->
		<setLangInfoDia
			:isOpenDialog="isLangInfoDia"
			:formData="formItemArray"
			@cancel="isLangInfoDia=false" 
			@updateLang="updateLang"
			cType="ebd" 
		/>

		<!-- 指标已经被引用 -->
		<edbHasUsedDia :show.sync="edbHasUsedDiaShow" :dataList="hasUsedList"/>

		<!-- 指标收藏弹窗 -->
		<edbCollectDia
			ref="edbCollectRef"
			:show.sync="isOpenEdbCollectDia"
			:id="collectEdbForm.edbId"
			:batchParams="collectEdbForm.batchParams"
			:add_ids="collectEdbForm.collectClassifyIdList"
			@confirm="handleCollectSuccess"
		/>

		<!-- 添加收藏分类弹窗 -->
		<addCollectClassifyDia
			:show.sync="isOpenCollectClassifyDia"
			:form="collectClassifyForm"
			@confirm="getCollectClassifys();isOpenEdbCollectDia&&$refs.edbCollectRef.getClassify()"
		/>

		<!-- 设置公开共享列表弹窗 -->
		<setSharedListDialog
			:show.sync="isOpenSetSharedDia"
			:type="sharedType"
		/>

		<!-- 批量移动接口 -->
		<batchMoveDialog 
			:show.sync="isOpenBatchMoveDialog"
			:classifyShowType="classifyShowType"
			@confirm="getTreeData"
		/>
	</div>
</template>

<script>
import { dataBaseInterface } from '@/api/api.js';
import { edbCollectInterface,edbBaseV2Interface } from '@/api/modules/chartApi';
import { getComputedTypes,getBatchComputedTypes,getFormulaTip } from './databaseComponents/util';

import openDialog from './databaseComponents/openDialog';
import addTargetDiaBase from './databaseComponents/addTargetDiaBase';
import completeTargetDia from './databaseComponents/completeTargetDia'
import computedDialog from './databaseComponents/computedDialog';
import operationDialog from './databaseComponents/operationDialog';
import replaceDialog from './databaseComponents/replaceDialog';
import jointTargetDia from './databaseComponents/jointTargetDia';
import changeLang from "./components/changeLang.vue"
import setEnNameDia from "./components/setEnNameDia.vue"
import dataAssociateChart from './databaseComponents/dataAssociateChart.vue'
import dataAssociateComputeData from './databaseComponents/dataAssociateComputeData.vue'
import fittingResidueDia from './databaseComponents/fittingResidueDia.vue';
import batchComputedDialog from './databaseComponents/batchComptedDialog.vue';
import diffusionIndexDialog from './databaseComponents/diffusionIndexDia.vue';
import updateNewestDataDia from './databaseComponents/updateNewestDia.vue';
import EdbLabelList from '@/components/edbLabelList.vue';
import chartTrendRender from './databaseComponents/chartTrendRender.vue';
import edbDetailData from './databaseComponents/edbDetailData.vue';
import SmoothEdbDialog from './databaseComponents/smoothEdbDialog.vue';
import batchComputedV2 from './databaseComponents/batchComputedV2.vue';
import setLangInfoDia from './components/setLangInfo.vue'
import edbHasUsedDia from './components/edbHasUsedDia.vue';
import collectEdbMenu from './databaseComponents/collectEdbMenu.vue';
import edbCollectDia from './databaseComponents/edbCollectDia.vue';
import addCollectClassifyDia from './databaseComponents/addCollectClassifyDia.vue';
import edbTableList from './databaseComponents/edbTableList.vue';
import sharedMenu from './sharedComponents/sharedMenu.vue';
import setSharedListDialog from './sharedComponents/setSharedListDialog.vue';
import batchMoveDialog from './components/batchMoveDialog.vue';
export default {
	name: '',
	components: {
		openDialog,
		addTargetDiaBase,
		completeTargetDia,
		computedDialog,
		operationDialog,
		replaceDialog,
		jointTargetDia,
		changeLang,
		setEnNameDia,
		dataAssociateChart,
		dataAssociateComputeData,
		fittingResidueDia,
		batchComputedDialog,
		diffusionIndexDialog,
		updateNewestDataDia,
		EdbLabelList,
		chartTrendRender,
		edbDetailData,
		SmoothEdbDialog,
		batchComputedV2,
		setLangInfoDia,
		edbHasUsedDia,
		collectEdbMenu,
		edbCollectDia,
		addCollectClassifyDia,
		edbTableList,
		sharedMenu,
		setSharedListDialog,
		batchMoveDialog
	},
	directives: {
		drag(el, bindings,vnode) {
			el.onmousedown = function(e) {
				var init = e.clientX;
				var box = $("#box")[0]
				let total_wid = box.offsetWidth
				var left = $("#left")[0];
				var right = $("#right")[0];
				var initWidth = left.offsetWidth;
				document.onmousemove = function(e) {
					var end = e.clientX;
					if(end > 310){
						var newWidth = end - init + initWidth;
						right.style.width = total_wid - newWidth + 'px'
						left.style.width = newWidth + "px";
					}else{
						end = 350;
						// 最小宽度300
						left.style.width = 300 + "px";
						// right.style.width = total_wid-300-20 +'px'
					}
					
				};
				document.onmouseup = function() {
					document.onmousemove = document.onmouseup = null;
					e.releaseCapture && e.releaseCapture();
					//移动结束触发重绘
					vnode.context.rePainChart()
				};
				e.setCapture && e.setCapture();
				return false;
			};
		}
	},
	data() {
		return {
			IsOnlyMe:false,//只看我的
			showData: false,
			search_txt: '', //搜索词
			searchOptions:[],//搜索到的筛选列表
			treeData: [], //树形数据
			defaultShowNodes:[], //默认展开的节点
			defaultProp: {
				label: 'ClassifyName',
				children: 'Children',
				isLeaf:'isLeaf'
			},//树结构配置项
			tableData: [],
			loading:null,
			showTable:false,
			page_no: 1,
			haveMore: true,
			selected_edbid: 0,//选中的指标id
			dataList: [],//指标数值
			new_label: '',//新的节点label值
			select_node:'',//当前选中的节点
			/* 新增编辑目录弹窗 */
			isOpenDialog:false,
			dialog_title: '',
			dialogForm:{
				level:''
			},
			/* 新增指标弹窗 */
			isAddTarget: false,
			/* 完善信息 */
			isComplete:false,
			add_params:{},
			defaultWarn:'请在左侧选择指标',//缺省文字
			/* 计算指标弹窗 */
			isOpenComputed:false,
			computedTit:'',
			calulateForm:{},
			calulateList:[],
			computed_type:0,//打开弹窗的类型
			operationForm:{},
		
			edb_source:0,//指标来源 显示计算按钮
			calculateLoading: false,//计算指标刷新loading
			refreshLoading: false,//基础指标刷新loading


			/* 替换指标弹窗 */
			isReplaceDia: false,
			/* 拼接指标弹窗 */
			isJoint: false,

			search_page: 1,
			search_have_more: false,
			current_search:'',
			// -----------------设置英文指标弹窗
			setEnName:false,
			// 传入的formItem所需内容
			formItemArray:[],
			// 在哪里更新的英文指标 table(表格上) chart(图表里)
			updateType:'table',
			// ----------------------
			edb_levels:[],//指标的父级分类id

			showAssociateChart:false,//显示指标关联的图
			showAssociateComputeData:false,//显示指标关联的引用计算指标

			computed_source: 1,//计算类型 1常规 2批量
			isBatchComputed: false,//批量计算弹窗

			//添加最新值弹窗
			isUpdateNewestData: false,

			/* 查看历史弹窗 */
			isLookHistory: false,
			lookEdbId: 0,
			labelList:[],//标签列表

			CanOpClassify: false,

			select_classifyId:0,//指标分类id
			PageSize:20,
			CurrentIndex:1,
			Total:0,
			IsListEnd:false,//是不是到底了
			chartList:[],
			tableLoading:false,

			activeTab:'',
			activeName:'second',

			isMainLeftShow:true,

			showBatchComputedPop:false,

			/* 修改对应版本信息弹窗  替换原有设置英文*/
			isLangInfoDia: false,

			edbHasUsedDiaShow:false,
			hasUsedList:[],

			/* 目录分类 */
			classifyTabs: [
				{ label: '我的指标',key: 'own' },
				{ label: '共享指标',key: 'shared' },
				{ label: '公开指标',key: 'public' },
			],
			classifyShowType:'own',
			currentTreeName: 'own',//当前点击的分类树 4块 列表请求接口不同  own public collect sharedReceive shared,
			select_shared_User:0,//点击收到共享的用户名
			
			collectClassifys:[],//收藏目录
			//指标收藏弹窗
			isOpenEdbCollectDia: false,
			collectEdbForm: {},
			//收藏分类弹窗
			isOpenCollectClassifyDia: false,
			collectClassifyForm: {},

			/* 设置共享弹窗 */
			isOpenSetSharedDia: false,
			sharedType:'',//shared/public

			//批量移动弹窗
			isOpenBatchMoveDialog: false
		};
	},
	watch: {
		selected_edbid(newval) {
			if(!newval) {
				this.tableData = [];
				this.dataList = [];
				this.defaultWarn = '请在左侧选择指标';
				this.activeTab=''
			}else {
				console.log('new val')
				this.activeTab='Chart'
				this.initGetData();
			}
		},
		/* 选中搜索指标 展开目录 选中指标 展示数据 */
		search_txt(newval) {
			if (newval) {
				let search_obj = this.searchOptions.find((item) => item.EdbInfoId === newval);
				if(!search_obj) return

				this.page_no = 1;
				this.select_node = search_obj.UniqueCode;
				this.selected_edbid = newval;
			}
		},
		select_classifyId(newval){
			if(newval){
				this.CurrentIndex = 1
				this.getEdbChartList()
			}
		},
		isMainLeftShow(newVal){
			this.rePainChart()
		},
	},
	computed: {
		/* 是否是数据查看库 */
		isBasicBase() {
			return this.$route.path === '/edbBasicbase'
		},

		/* 计算弹窗控制 */
		computedShowTypes() {
			return this.computed_source===1 ? getComputedTypes() : getBatchComputedTypes();
		},
		role() {
			let role = localStorage.getItem('Role') || '';
			if (['rai_researcher', 'ficc_researcher', 'researcher','ficc_seller','rai_seller','seller'].includes(role)) {
				return 'researcher'
			}else if(['rai_admin','ficc_admin'].includes(role)) {
				return 'admin'
			}
			else {
				return role;
			}
		},

		roleId() {
			return parseInt(localStorage.getItem('AdminId'));
		},

		//指标详情，也就是tableData[0]
		EdbData(){
			return this.tableData[0]?this.tableData[0]:{Button:{},DataInsertConfig:{},DataList:[]}
		},
		//是否显示指标列表
		isShowList(){
			return !this.showAssociateChart&&!this.showAssociateComputeData&&!this.selected_edbid
		},
		//是否显示指标详情
		isShowDetail(){
			return !this.showAssociateChart&&!this.showAssociateComputeData&&this.selected_edbid
		},
		//是否显示更多操作
		showPopver(){
			return this.isEdbBtnShow('setEn')||
			this.EdbData.Button.InsertNewDataButton&&this.isEdbBtnShow('newValue')||
			this.EdbData.EdbType===2&&this.isEdbBtnShow('calculateAgain')||
			this.EdbData.EdbType===1&&this.isEdbBtnShow('refreshAll')||
			this.isEdbBtnShow('copyData')||
			this.EdbData.Button.DeleteButton&&this.isEdbBtnShow('deleteEdb')
		},
		
		/*表格列 */
		tableColumsOne(){
			return [
				{
					label: this.$t('Edb.Detail.e_id'),
					key: 'EdbCode',
					minwidthsty: '150px'
				},
				{
					label: this.$t('Edb.Detail.e_name'),
					key: 'EdbName',
					enKey:'EdbNameEn',
					inputTip:'点击输入英文指标名称',
					minwidthsty: '200px'
				},
				{
					label: this.$t('Edb.Detail.e_fre'),
					key: 'Frequency',
					enKey:'FrequencyEn',
					widthsty: '100px'
				},
				{
					label: this.$t('Edb.Detail.e_unit'),
					key: 'Unit',
					enKey:'UnitEn',
					inputTip:'英文单位',
					// minwidthsty: '50px'
					widthsty: '100px'
				},
				{
					label: this.$t('Edb.Detail.source'),
					key: 'SourceName',
					widthsty: '160px'
				},
			]
		},
		tableColumsTwo() {
			return [
				{
					label: this.$t('Edb.Detail.e_menu'),
					key: 'Menu',
					minwidthsty: '150px',
				},
				{
					label: this.$t('Edb.Detail.e_start_time'),
					key: 'StartDate',
					minwidthsty: '115px',
				},
				{
					label: this.$t('Edb.Detail.e_update_time'),
					key: 'ModifyTime',
					minwidthsty: '120px',
				},
				{
					label: this.$t('Edb.creater'),
					key: 'SysUserRealName',
					widthsty: '160px',
				}
			]
		},

		tips() {//公式说明
			return getFormulaTip()
		},

		currentLang() {
			return this.$store.state.lang
		}
	},
	methods: {
		//控制页面按钮权限
		isEdbBtnShow(type){
			const {edbDataPermission,checkPermissionBtn}=this.permissionBtn
			const BtnMap = {
				'update':edbDataPermission.edbData_update,//指标更新
				'edit':edbDataPermission.edbData_edit,//指标编辑
				/* 'toImg':edbDataPermission.edbData_toImgs, */
				'copyData':edbDataPermission.edbData_copyData,//复制数据
				'toSource':edbDataPermission.edbData_edbSource,//指标溯源
				'setEn':edbDataPermission.edbData_enNameSetting,//设置英文名称
				'newValue':edbDataPermission.edbData_newestValue,//添加/编辑最新值
				'refreshAll':edbDataPermission.edbData_refreshAll,//全部刷新
				'saveEdb':edbDataPermission.edbData_saveEdb,//保存指标
				'deleteEdb':edbDataPermission.edbData_deleteEdb,//删除指标
				'showChartBasis':edbDataPermission.edbData_showChartBasis,//展示/隐藏同比图
				'switchSeason':edbDataPermission.edbData_switchSeason,//切换季节性图
				'editLimit':edbDataPermission.edbData_editLimit,//编辑上下限
				'calculateAgain':edbDataPermission.edbData_calculateAgain,//重新计算

				'editCatalog': this.classifyShowType==='own' ? edbDataPermission.edbData_classifyOpt_add : edbDataPermission.edbData_publicClassifyOpt_add,//添加编辑目录
				'deleteCatalog': this.classifyShowType==='own' ? edbDataPermission.edbData_classifyOpt_delete : edbDataPermission.edbData_publicClassifyOpt_del,//删除目录
				'moveCatalog':edbDataPermission.edbData_classifyOpt_move,//移动目录
				'checkRelatedChart':edbDataPermission.edbData_checkRelatedChart,//查看关联图表
				'checkRelatedEdb':edbDataPermission.edbData_checkRelatedEdb,//查看关联指标
				'checkCalcChart':edbDataPermission.edbData_checkCalcChart,//查看计算指标
				'enableOrDisable':edbDataPermission.edbData_enableOrDisable,//启用/停用
				
				'edbData_set_shared': edbDataPermission[type],  //设置共享
				'edbData_set_public': edbDataPermission[type],  //批量移动
				'edbData_batch_move': this.classifyShowType==='own'?edbDataPermission[type]:edbDataPermission.edbData_publicClassifyOpt_batch_move,  //批量移动
			}
			return checkPermissionBtn(BtnMap[type])
		},
		/* 获取树分类数据 我的 公共指标*/
		async getTreeData(params) {
			const res = this.classifyShowType === 'public'
				? await edbBaseV2Interface.getPublicClassifyBase()
				: await dataBaseInterface.targetCatalog({
						IsOnlyMe:this.IsOnlyMe,
						ParentId:0,
						ClassifyType: this.isBasicBase ? 0 : 2
					})


			if(res.Ret!==200) return 
			this.showData = true;

			const arr=res.Data.AllNodes || []
			this.treeData=arr.map(item=>{
				return {
					...item,
				}
			})
			
			this.CanOpClassify = res.Data.CanOpClassify;

			/* 处理树展开和选中图表 */
			params && this.selectCurrentNode(params);
			!params && this.select_node && this.$refs.menuTree.setCurrentKey(this.select_node);
		},
		/* 获取最新的指标 默认展示 */
		getNewTargetList: _.throttle(function() {
			dataBaseInterface.targetNew().then(res => {
				if(res.Ret === 200) {
					/* 默认选中 默认指标id */
						this.select_node = res.Data ? res.Data.UniqueCode : '';
						this.selected_edbid = res.Data ? res.Data.EdbInfoId : 0;
						this.getTreeData();
				}
			})
		}),
		/* 获取指标数据 */
		getDataList: _.throttle(function(type) {
			dataBaseInterface.targetList({
				PageSize: 20,
				CurrentIndex: this.page_no,
				EdbInfoId: this.selected_edbid,
				// KeyWord: this.search_txt,
			}).then(res => {
				if(res.Ret === 200) {
					this.showTable = true;
					if(res.Data) {
						// res.Data.Item.ModifyTime = res.Data.Item.ModifyTime.substr(0,10);
						let classify_arr = res.Data.ClassifyList || [];
						let str = '';
						classify_arr.length && classify_arr.reverse().map(item => str += item[this.currentLang==='en'?'ClassifyNameEn':'ClassifyName'] + '/');

						this.edb_levels = classify_arr;
						this.$set(res.Data.Item,'Menu',str);
						this.tableData = [res.Data.Item] || [];
						this.edb_source = res.Data.Item.Source;
						this.haveMore =  this.page_no < res.Data.Paging.Pages ? true : false;
						this.dataList = this.page_no === 1 ? (res.Data.Item.DataList || []) : this.dataList.concat(res.Data.Item.DataList);
						
						//将指标添加进标签列表中
						const {EdbNameEn,EdbName,EdbInfoId,UniqueCode,ClassifyId}=res.Data.Item
						// 展开目录
						this.defaultShowNodes=classify_arr.map(item=>item.UniqueCode)
						//设置tree高亮
						this.$refs.menuTree&&this.$nextTick(()=>{
							setTimeout(() => {
								this.$refs.menuTree.setCurrentKey(UniqueCode);
							}, 1000);
						})
						
						// 重绘图表，刷新数据
						this.$refs.createChart&&this.$refs.createChart.getEdbData()

					}else {
						this.tableData = [];
						this.dataList = [];
						this.defaultWarn = type=== 'search' ? '未搜索到该指标' : '请在左侧选择指标'

						this.$refs.menuTree.setCurrentKey(null)
						// 清除当前的label
						this.$message.warning('该图表已删除，自动查看下一图表')
						
					}
					if(type==='refresh') {
						if(this.$refs.edb_detail_data){
							//this.$refs.edb_detail_data.$refs.valueUl.scrollTop=0
						}
					}
					this.$refs.menuTree&&this.$nextTick(()=>{
						const _node = this.$refs.menuTree.getNode(this.select_node)
						//滚动到高亮位置
						setTimeout(() => {
							let node = document.getElementById(`node${this.select_node}`)||{}
							let parent = document.getElementsByClassName('target_tree')[0];
							//parent可视区间：[scrollTop,scrollTop+offsetHeight]
							//node位置:node.offsetTop
							const overTop = node.offsetTop+node.clientHeight+30<parent.scrollTop
							const overBottom = node.offsetTop+node.clientHeight+30>parent.scrollTop+parent.offsetHeight
							if(overTop){
								parent.scrollTop = node.offsetTop-60
							}
							if(overBottom){
								parent.scrollTop =  node.offsetTop - parent.offsetHeight/2
							}
						},1500)
					})
					
				}
			})
		}),
		//获取指标图表列表
		async getEdbChartList(type=''){
			this.tableLoading = true;

			let res = null;

			
			if(this.classifyShowType==='shared') { //共享列表
				res = await edbBaseV2Interface.getSharedEdbList({
					FilterSource: this.currentTreeName==='sharedReceive' ? 1 : 0,
					PageSize:this.PageSize,
					CurrentIndex:this.CurrentIndex,
					ClassifyId:this.select_shared_User?0:this.select_classifyId,
					UserId:this.select_shared_User
				})
			}else if(this.classifyShowType==='own'&&this.currentTreeName==='collect'){ //收藏列表
				res = await edbCollectInterface.getCollectEdb({
					PageSize:this.PageSize,
					CurrentIndex:this.CurrentIndex,
					ClassifyId:this.select_classifyId,
					KeyWord: '',
				})
			}else{// 列表走es

				let EdbAuth = 0;
				if(this.classifyShowType==='own'&&this.currentTreeName==='own'&&!this.isBasicBase) { //我的
					EdbAuth = 1;
				}else if(this.classifyShowType==='public'&&!this.isBasicBase) {//公共
					EdbAuth = 2;
				}

				let params = {
					PageSize:this.PageSize,
					CurrentIndex:this.CurrentIndex,
					ClassifyId:this.select_classifyId,
					KeyWord: this.search_txt,
					EdbType: this.isBasicBase?'1':'2',
					EdbAuth
				}

				res = await dataBaseInterface.targetSearchByPage(params)
			}
			

			this.tableLoading = false;
			if(res.Ret!==200) return

			if(res.Data){
				this.chartList = res.Data.List || [];
				this.Total = res.Data.Paging.Totals||0
				this.IsListEnd = res.Data.Paging.IsEnd
			}

			if(type==='pageChange'&&this.isBasicBase){
				//页码变化 选中项不做清空
				this.$refs.edbTableListRef && this.$nextTick(() => {
					this.$refs.edbTableListRef.checkedSomeSelection()
				})
			}
		},
		// 切换刷新状态
		async toggleEdbRefreshStatus(item,type='list'){
			let flag = true
			if(item.NoUpdate==0){
				flag=false
				await this.$confirm(this.$t('SystemManage.DataRefresh.disable_indicator_prompt'),this.$t('Confirm.prompt'),{
					type:"warning"
				}).then(res=>{
					flag=true
				}).catch(()=>{})
			}
			if(!flag) return
			let ModifyStatus = item.NoUpdate==1?'启用':'暂停'
			dataBaseInterface.edbRefreshStatusSet({EdbInfoId:item.EdbInfoId,ModifyStatus}).then(res=>{
				if(res.Ret == 200){
					item.NoUpdate=1-item.NoUpdate
					if(type=='detail'){
						this.$refs.createChart.toggleEdbRefreshStatusFun()
					}
					this.$message.success(this.$t('MsgPrompt.operate_success_msg'))
				}
			})
		},

		//指标图表列表-加载更多
		handleListPageChange(page) {
			this.CurrentIndex = page;
			this.getEdbChartList('pageChange');
		},


		/* 刷列表 */
		handleSearchEnter(e) {

			this.search_txt = e.target.value;
      if(this.selected_edbid) {
        this.selected_edbid = 0;
        this.select_node = '';
      }
      this.CurrentIndex = 1;
      this.getEdbChartList();
		},

		/* 搜索 */
		searchHandle(query) {
			this.search_page = 1;
			this.current_search = query;
			this.searchApi(this.current_search)
		},

		searchApi(query,page=1) {
			dataBaseInterface.targetSearchByPage({
				KeyWord:query,
				CurrentIndex: page,
				EdbType: this.isBasicBase?'1':'2',
				EdbAuth: this.isBasicBase?0:(this.classifyShowType==='own'?1:2)
			}).then(res => {
				if(res.Ret !== 200) return

				const { List,Paging } = res.Data;
				this.search_have_more = page < Paging.Pages;
				this.searchOptions = page === 1 ? List : this.searchOptions.concat(List);
					
			})
		},

		/* 聚焦获取当前检索 */
		inputFocusHandle(e) {
			this.search_page = 1;
			this.current_search = e.target.value;
			this.searchApi(this.current_search);
		},

		searchLoad() {
			if(!this.search_have_more) return;
			this.searchApi(this.current_search,++this.search_page);
		},

		/* 数值滚动加载 */
		scrollHandle: _.throttle(function() {
			let scrollTop = this.$refs.valueUl.scrollTop;
      let clientHeight = this.$refs.valueUl.clientHeight;
      let scrollHeight = this.$refs.valueUl.scrollHeight;
      console.log('scrollTop:',scrollTop)
      console.log('clientHeight:',clientHeight)
      console.log('scrollHeight:',scrollHeight)
			if(scrollTop + clientHeight >= scrollHeight-10 && this.haveMore){
				this.page_no ++;
				this.getDataList();
			}
		},200),
		
		openLangInfoDia(type='table') {
				this.updateType = type
				this.formItemArray=[
					{
						label:/* '指标名称' */ this.$t('Edb.Detail.e_name'),
						value: this.currentLang==='en'?this.tableData[0].EdbNameEn:this.tableData[0].EdbName,
						key:'EdbName',
						placeholder:this.$t('Edb.InputHolderAll.input_common',{label:this.$t('Edb.Detail.e_name')})  /* '请输入指标名称' */
					},
					{
						label:this.$t('Edb.Detail.e_unit') /* '单位' */,
						value: this.currentLang==='en'?this.tableData[0].UnitEn:this.tableData[0].Unit,
						key:'Unit',
						placeholder:this.$t('Edb.InputHolderAll.input_common',{label:this.$t('Edb.Detail.e_unit')})  /* '请输入单位' */
					}
				]

				this.isLangInfoDia = true
		},

		updateLang(item) {
			let params={
				EdbInfoId: Number(this.selected_edbid),
				...item
			}
			dataBaseInterface.setEdbLangInfo(params).then(res=>{
				if(res.Ret !==200) return

				this.$message.success(res.Msg)

				this.getTreeData()
				this.getDataList()
				if(this.updateType=='chart'){
					// 重绘图表，刷新数据
					this.$refs.createChart.getEdbData()
				}
				this.isLangInfoDia = false
			})
		},

		/* 新增指标 */
		addHandler() {
			this.isAddTarget = true;
		},
		/* 完善指标信息 */
		completeTargetHandle(params) {
			this.add_params = params;
			this.isComplete = true;
		},
		/* 新增指标成功回调 */
		addTargetCallback(params) {
			this.$refs.addTargetDiaBase.init();
			this.isComplete = false;
			this.isAddTarget = false;
			this.getTreeData(params);
			this.changeTreeNode();
		},
		/* 取消新增回调 */
		cacelCompleteCallback() {
			this.isComplete = false
			this.add_params = {}
		},
		/* 节点变化时  treeName记录点击的是哪块的分类 own public collect sharedReceive shared*/ 
		nodeChange({data,node,treeName}) { 

			this.currentTreeName=treeName;
			this.select_shared_User = treeName==='sharedReceive' ? (data.UserId||0) : 0;
			this.search_txt = '';
			this.select_classifyId = !data.EdbInfoId?data.ClassifyId:0;
			this.select_node = data.UniqueCode;
			this.selected_edbid = data.EdbInfoId;
			this.showAssociateChart=false
			this.showAssociateComputeData=false
		},

		/* 添加一级目录 */
		addLevelOneHandle() {
			this.dialog_title = '添加';
			this.dialogForm = {
				level_1: '',
				parent_id: '',
				level: 0
			}
			this.isOpenDialog = true;
		},
		// 递归节点
		getNodeParentData(data,arr){
			if(data.level===0) return
			arr.push({classifyName:this.currentLang==='en'?data.data.ClassifyNameEn:data.data.ClassifyName,classifyId:data.data.ClassifyId})
			this.getNodeParentData(data.parent,arr)
			return arr
		},
		/* 添加节点 */
		addNode(node,data) {
			console.log(node);
			this.dialog_title = '添加';
			let arr=[]
			arr=this.getNodeParentData(node,arr)
			// console.log(arr);
			
				/* 添加目录 */
			this.dialogForm = {
				parentArr:arr,
				parent_id: data.ClassifyId,
				level: node.level,
				levelVal:'',
				isEDB:false
			}
			//存储当前要新增子级的目录code
			sessionStorage.setItem('expandCode', data.UniqueCode);
			this.isOpenDialog = true;
		},
		/* 编辑节点 */
		editNode(node,data) {
			// console.log(node);
			this.dialog_title = '编辑';
			if(data.EdbCode) {
				/* 编辑指标 基础弹窗 */
				
				(data.EdbType===1 || [58,59,67,68,74,87].includes(data.Source)) && dataBaseInterface.targetDetail({
					EdbInfoId: data.EdbInfoId
				}).then(res => {
					if(res.Ret === 200) {
						// 处理所在目录
						let menuArrId=res.Data.ClassifyList&&res.Data.ClassifyList.map(item=>{
							return item.ClassifyId
						}).reverse()
						this.dialogForm = {
							parentArr:[],
							level: 0,
							levelVal: this.currentLang==='en'?res.Data.EdbNameEn:res.Data.EdbName,
							level_menu:menuArrId||[],
							edbinfo_id: res.Data.EdbInfoId,
							frequency:res.Data.Frequency,
							unit:this.currentLang==='en'?res.Data.UnitEn:res.Data.Unit,
							isEDB:true
						}
						this.isOpenDialog = true;
					}
				});

				/* 编辑计算指标 同比同差转月 */
				(data.EdbType === 2 && ![27,40,58,59].includes(data.Source)) && dataBaseInterface.calculateDetail({
					EdbInfoId: data.EdbInfoId
				}).then(res => {
					if(res.Ret === 200) {
						this.setComputedDialogForm(data.Source,res.Data);
						
						switch (data.Source) {
							case 23: 
							case 24: 
								this.computed_type = 'joint';
								break
							case 72:
							case 73:
								this.computed_type = 'alpha';
								break
							default:
								this.computed_type = data.Source;
								break
						}

					}
				})

				/* 代码运算 */
				data.Source === 27 && this.$router.push({
					path: '/codecount',
					query: {
						edbid: data.EdbInfoId
					}
				})

				/* 数据调整 */
				data.Source === 40 && this.$router.push({
					path: '/adjustdata',
					query: {
						edbid: data.EdbInfoId,
					}
				})


			}else {
				let arr=[]
				arr=this.getNodeParentData(node.parent,arr)
				/* 编辑目录 */
				this.dialogForm = {
					isEDB:false,
					parentArr:arr,
					levelVal: this.currentLang==='en'?data.ClassifyNameEn:data.ClassifyName,
					classify_id: data.ClassifyId,
					level: node.level-1
				}
				this.isOpenDialog = true;
			}
		},
		/* 保存成功 */
		sucessCallback(type) {
			this.isOpenDialog = false;
			this.getTreeData();
			type==='update' && this.getDataList();
			if(type === 'add') {
				//新增分类完成之后，展开父节点显示刚新增的分类，若已展开节点则不做处理
				let code = sessionStorage.getItem('expandCode');
				let flag = 	this.defaultShowNodes.some((item) => {
					return item === code
				});
				// console.log(flag)
				!flag &&code&& this.defaultShowNodes.push(code);
				sessionStorage.removeItem('expandCode');
			}
		},
		/* 刷新获取指标最新数据 */
		refreshTargetHandle: _.debounce(function(item) {
			//如果该指标为暂停刷新，则提示
			if(item.NoUpdate){
				this.$message.warning("该指标已暂停刷新")
				return
			}
			if(item.EdbInfoId) {
				this.loading = this.$loading({
					lock: true,
					target:'.detail',
					text: this.$t('MsgPrompt.refresh_ing_msg'),
					spinner: 'el-icon-loading',
					background: 'rgba(255, 255, 255, 0.8)'
				});
				dataBaseInterface.targetRefresh({
					EdbInfoId: item.EdbInfoId
				}).then(res => {
					if(res.Ret === 200) {
						this.loading.close();
						this.$message.success(res.Msg);

						this.page_no = 1;
						this.getDataList('refresh')
						
						this.$refs.createChart && this.$refs.createChart.getDataByPath()
					}else{
						this.loading.close();
					}
				})
			}
		},500), 
		/* 删除节点校验 */
		async removeNode(node,data) {
			let res = this.classifyShowType === 'public'
				? await edbBaseV2Interface.delPublicedClassifyCheck({
						ClassifyId: data.ClassifyId,
						EdbInfoId: data.EdbInfoId
					})
				:	await dataBaseInterface.nodeDelCheck({
						ClassifyId: data.ClassifyId,
						EdbInfoId: data.EdbInfoId
					})

				if(res.Ret !== 200) return
					/**
					 * 0 可删除
					 * 1 关联指标
					 * 2 有子目录无指标
					 * 4 当前指标已用作指标运算，不可删除
					 * 5 当前指标已用作预测指标，不可删除
					 * 6 当前指标已被表格引用，不可删除
					 * 7 当前指标已添加到跨品种分析，不可删除
					*/
					const deleteLabelMap = {
						1: /* '该目录关联指标不可删除' */this.$t('Edb.MsgPrompt.del_not_relate_edb'),
						2: /* '确认删除当前目录及包含的子目录吗？' */this.$t('Edb.MsgPrompt.del_confirm_menu_or_children'),
						3: /* '当前指标已用作画图，不可删除' */this.$t('Edb.MsgPrompt.del_edb_use_chart'),
						4: res.Data.TipsMsg,
						5: res.Data.TipsMsg,
						6: res.Data.TipsMsg,
						7: res.Data.TipsMsg,
					}

					if([1,3,4,5,7].includes(res.Data.DeleteStatus)){
						this.$confirm(
							deleteLabelMap[res.Data.DeleteStatus],
							/* '删除失败' */this.$t('Edb.MsgPrompt.del_failed'),
							{
							confirmButtonText:/*  '知道了' */this.$t('Dialog.known'),
							showCancelButton:false,
							type: 'error'
						})
					}else if(res.Data.DeleteStatus == 6){
						this.edbHasUsedDiaShow=true
						this.hasUsedList=res.Data.TableList.map(it =>{
							return {...it,routeUrl:this.getRouteUrl(it)}
						})
					}else if([0,2].includes(res.Data.DeleteStatus)) this.$confirm(
							res.Data.DeleteStatus === 2 
							? deleteLabelMap[res.Data.DeleteStatus]
							: data.EdbCode? this.$t('Edb.MsgPrompt.del_edb_confirm')/* '删除后指标和指标值均不可使用，确认删除吗？' */:/* '确定删除当前目录吗?' */this.$t('Edb.MsgPrompt.del_menu_confirm'), 
							/* '提示' */this.$t('Dialog.warn_tit'),
							{
							confirmButtonText: /* '确定' */this.$t('Dialog.confirm_btn'),
							cancelButtonText: /* '取消' */this.$t('Dialog.cancel_btn'),
							type: 'warning'
						}).then(() => {
							this.delHandle(data.ClassifyId,data.EdbInfoId);
						}).catch(() => {         
						});

		},
		getRouteUrl(table){
			/**
			 	1 // 自定义excel
				2 // 时间序列表格
				3 // 混合表格
				4 // 自定义分析表格
				5 // 平衡表
			 */
			let url=''
			switch (table.Source) {
				case 1:
					url = this.$router.resolve({ path: '/sheetAnalysisList',query:{code:table.UniqueCode,id:table.ExcelInfoId}}).href;
					break;
				case 2:
					url = this.$router.resolve({ path: '/sheetTimeList',query:{code:table.UniqueCode,id:table.ExcelInfoId}}).href;
					break;
				case 3:
					url = this.$router.resolve({ path: '/sheetMixedList',query:{code:table.UniqueCode,id:table.ExcelInfoId}}).href;
					break;
				case 4:
					url = this.$router.resolve({ path: '/sheetList',query:{code:table.UniqueCode,id:table.ExcelInfoId}}).href;
					break;
				case 5:
					url = this.$router.resolve({ path: '/viewBalanceSheet',query:{id:table.ExcelInfoId}}).href;
					break;
				default:
					break;
			}
			return url
		},
		/* 删除方法 */
		async delHandle(ClassifyId,EdbInfoId) {

			const res = this.classifyShowType === 'public'
				? await edbBaseV2Interface.delPublicedClassify({
						ClassifyId,
						EdbInfoId
					})
				:	await dataBaseInterface.nodeDelete({
						ClassifyId,
						EdbInfoId
					})
				if(res.Ret !== 200) return 
					this.$message.success(this.$t('MsgPrompt.delete_msg'));

					if(this.selected_edbid) {
						this.selected_edbid = 0;
					}else {
						this.select_classifyId = 0;
						this.getEdbChartList();
					}
					this.getTreeData();

		},
		/* 判断节点是否能被拖拽 */
		canDragHandle({data}) {
      		return data.Button.MoveButton;
		},
		/* 判断节点是否能被拖入 */
		canDropHandle(draggingNode, dropNode, type) {
			let canDrop=false
			
			// 如果拖动的是指标
			if(draggingNode.data.EdbCode){
				if(!(dropNode.level===1&&type!=='inner')){
					canDrop=true
				}
			}else{//拖动的是目录
				// console.log(dropNode.level,draggingNode.level);
				//目录层级不能改变
				if((dropNode.level+1==draggingNode.level&&type==='inner'&&!dropNode.data.EdbCode)||(dropNode.level===draggingNode.level&&type!=='inner')){
					canDrop=true
				}
			}
			return canDrop
		},
		/* 拖拽完成 */
		async dropOverHandle(b,a,i,e) {
			// 被拖拽节点对应的 Node、结束拖拽时最后进入的节点、被拖拽节点的放置位置
			console.log(b,a,i);
			const isEDB=b.data.EdbCode?true:false
			let list=a.parent.childNodes;
			let targetIndex=0,PrevClassifyId=0,NextClassifyId=0,ParentClassifyId=0;
			let ClassifyId=0,EdbInfoId=0,PrevEdbInfoId=0,NextEdbInfoId=0;

			ClassifyId=isEDB?0:b.data.ClassifyId
			EdbInfoId=isEDB?b.data.EdbInfoId:0
			

			if(i!=='inner'){
				ParentClassifyId=a.parent.data.ClassifyId||0
				list.forEach((item,index)=>{
					if(isEDB){
						if(item.data.EdbInfoId===b.data.EdbInfoId){
							targetIndex=index
						}
					}else{
						if(item.data.ClassifyId===b.data.ClassifyId){
							targetIndex=index
						}
					}
					
				})

				console.log(targetIndex);
				
				
				if(targetIndex===0){
					const data=list[targetIndex+1].data
					NextClassifyId=data.EdbCode?0:data.ClassifyId
					NextEdbInfoId=data.EdbCode?data.EdbInfoId:0
				}else if(targetIndex===list.length-1){
					const data=list[targetIndex-1].data
					PrevClassifyId=data.EdbCode?0:data.ClassifyId
					PrevEdbInfoId=data.EdbCode?data.EdbInfoId:0
				}else{
					const pData=list[targetIndex-1].data
					PrevClassifyId=pData.EdbCode?0:pData.ClassifyId

					PrevEdbInfoId=pData.EdbCode?pData.EdbInfoId:0

					const nData=list[targetIndex+1].data
					NextClassifyId=nData.EdbCode?0:nData.ClassifyId
					NextEdbInfoId=nData.EdbCode?nData.EdbInfoId:0
				}
			}else{
				ParentClassifyId=a.data.ClassifyId||0
			}

			const params={
				ClassifyId,
				ParentClassifyId,
				EdbInfoId,
				PrevClassifyId,
				NextClassifyId,
				PrevEdbInfoId,
				NextEdbInfoId,
				ClassifyType: this.isBasicBase ? 0 : 2
			}
			console.log(params);
			const res = this.classifyShowType === 'public'
				? await edbBaseV2Interface.movePublicClassify(params)
				: await dataBaseInterface.classifyMoveSort(params);

			if(res.Ret!==200) return
				// this.$message.success('移动成功!')
			this.$message.success(this.$t('MsgPrompt.move_sort_success'))

			this.getTreeData();
			this.selected_edbid && this.getDataList();
		},

		/* 拖拽覆盖添加背景色 */
		dropMouseOver(node1,node2,e) {
			// console.log(e.layerY);
			
			// 被拖拽节点对应的 Node、所进入节点对应的 Node、event
			if(!node2.data.EdbInfoId&&(node1.level>node2.level||(node1.data.EdbInfoId>0&&!node2.data.EdbInfoId)) && (e.target.childNodes[0].className.includes('el-tree-node__content') 
			|| e.target.className.includes('el-tree-node__content'))) {
				// console.log(e.target.childNodes[0])
				e.target.childNodes[0].className.includes('el-tree-node__content') 
				? e.target.childNodes[0].style.backgroundColor = '#409eff' 
				: e.target.style.backgroundColor = '#409eff';
			}
			
		},
		/* 拖拽离开/拖拽完成重置背景色 */
		dropMouseLeave(node1,node2,e) {
			let arrs = $('.el-tree-node__content');
			for( let a of arrs ) {
				a.style.backgroundColor = 'transparent';
			}
		},
		// 树节点展开
		handleNodeExpand (data) {
			// 保存当前展开的节点
			let flag = this.defaultShowNodes.some((item) => item === data.UniqueCode);
			if (!flag) { // 不存在则存到数组里
				this.defaultShowNodes.push(data.UniqueCode)
			}
		},
		// 树节点关闭
		handleNodeCollapse (data) {
			this.defaultShowNodes.some((item, index) => {
				if (item === data.UniqueCode) {
					// 删除关闭节点
					this.defaultShowNodes.length = index
				}
			})
		},
		/* 根据unicode展开树结构并选中指标 */
		selectCurrentNode({ code, id,classifyId }) {
			console.log(code, id,classifyId);
			this.select_node = code;
			this.selected_edbid = id;

			const containerDom = document.getElementById('detail-container')
			containerDom&&(containerDom.scrollTop = 0)
			
		},
		// 查找树节点所有父节点
		findParentNodeHandle(arr, id) {
			// 遍历取父级code push数组
			for (let i of arr) {
				if (i.ClassifyId === id) {
					return [i.UniqueCode];
				}
				if (i.Children) {
					let node = this.findParentNodeHandle(i.Children, id);
					if (node) {
						return node.concat(i.UniqueCode);
					}
				}
			}
		},
		// 通过分类id找到指标所属的分类
		findParentNodeForClassifyId(id,code){
			let arr=[]
			this.treeData.forEach(item=>{
				if(item.Children){
					item.Children.forEach(_item=>{
						if(_item.ClassifyId==id){
							arr=[item.UniqueCode,_item.UniqueCode]
						}
					})
				}
			})
			return [...arr,code]
		},
		/* 添加计算指标 */
		addComputedHandler() {
			this.computedTit = '计算指标';
			this.calulateList = [];
			this.calulateForm = {};
			this.operationForm = {};
			this.computed_type=0
			this.isOpenComputed = true;
		},
		/* 新增计算指标回调 */
		addComputedCallBack(type, params) {
			this.computed_type = 0;
			this.computed_source = 1;
			this.showAssociateChart=false
			this.showAssociateComputeData=false
			this.showBatchComputedPop=false
			this.isOpenComputed = false
			console.log(type, params);
			// this.getTreeData();
			type === 'add' ? this.getTreeData(params) : this.getTreeData();
			type === 'edit' && this.initGetData()
		},

		initGetData() {
			this.page_no = 1;
			if(this.$refs.edb_detail_data){
				//this.$refs.edb_detail_data.$refs.valueUl.scrollTop=0
			}
			this.getDataList();
		},

		/* 选择计算类型 */
		changeComputedType(type) {
			//保证source的对应关系
			let typeMapSource = {
				'toMonthSeason': 5,
				'accumulate': 62
			}
			this.computed_type = typeMapSource[type] || type;
			this.isOpenComputed = false;
		},
		/* 重新计算 */
		reCalculateHandler() {
			this.calculateLoading = true;
			dataBaseInterface.reCalculateTarget({
				EdbInfoId: Number(this.selected_edbid)
			}).then(res => {
				this.calculateLoading = false;
				if(res.Ret !== 200) return;
				this.$message.success(res.Msg);
				this.initDataStatus();
			}).catch(() => {
				this.calculateLoading = false;
			})
		},

		/* 查看计算公式 打开弹窗 */
		viewNode(node,data) {
			const { EdbInfoId,Source } = this.EdbData;

			//代码运算指标
			if( Source === 27 ) return this.$router.push({
				path: '/codecount',
				query: {
					edbid: EdbInfoId,
					isView: true
				}
			})

			dataBaseInterface.calculateDetail({
				EdbInfoId,
			}).then(res => {
				if(res.Ret !== 200) return
				this.setComputedDialogForm(Source,res.Data,true);
				switch (this.EdbData.Source) {
					case 23: 
					case 24: 
						this.computed_type = 'joint';
						break
					case 72:
					case 73:
						this.computed_type = 'alpha';
						break
					default:
						this.computed_type = this.EdbData.Source;
						break
				}
			})
		},

		/* 设置回显计算指标的表单 */
		setComputedDialogForm(type,res,view=false) {
			//指标运算 or 其他计算类型指标

			// 处理所在目录
			let menuArrId=res.EdbInfoDetail.ClassifyList&&res.EdbInfoDetail.ClassifyList.map(item=>{
				return item.ClassifyId
			}).reverse()

			if( type === 4 ) {
				/* 回显指标和表单 */
				const list = res.CalculateList;
				this.computedTit = view ? '查看计算指标' : '编辑计算指标';
				/* 依赖的指标列表 */
				this.calulateList = list.map(item => {
					return {
						tag: item.FromTag,
						edb_name: item.FromEdbName,
						target: item.FromEdbInfoId,
						start_date: item.StartDate,
						end_date: item.EndDate
					}
				})
				const { EdbInfoId,CalculateFormula,EdbName,EdbNameEn,Unit,UnitEn,Frequency,EmptyType,MaxEmptyType,Extra,SysUserId } = res.EdbInfoDetail;
				/* 公式和表单 */
				this.calulateForm =  {
					edb_id: EdbInfoId,
					formula: CalculateFormula,
					menu: menuArrId||[],
					targetName: this.currentLang==='en'?EdbNameEn:EdbName,
					unit: this.currentLang==='en'?UnitEn:Unit,
					frequency: Frequency,
					emptyType: EmptyType,
					maxEmptyType: MaxEmptyType,
					Extra,
					view,
					isCreator: SysUserId===this.roleId
				};
			} else  {
				// 多指标求和求平均
				if([81,82].includes(type)){
					this.operationForm={...res,view,isCreator: res.EdbInfoDetail.SysUserId===this.roleId,edb_id: res.EdbInfoDetail.EdbInfoId}
					this.showBatchComputedPop=true
					return
				}


				let dataInfo = res.EdbInfoDetail;
				let old_edb = res.CalculateList;

				let public_params = {
					edb_id: dataInfo.EdbInfoId,
					targetName: this.currentLang==='en'?dataInfo.EdbNameEn:dataInfo.EdbName,
					frequency: dataInfo.Frequency,
					unit: this.currentLang==='en'?dataInfo.UnitEn:dataInfo.Unit,
					menu: menuArrId||[],
					Extra:dataInfo.Extra,
					view,
					isCreator: dataInfo.SysUserId===this.roleId
				}

				this.operationForm = [23,24,37,53].includes(type)
					? {
							...public_params,
							source: dataInfo.Source,
							date: dataInfo.CalculateFormula,
							pre_edb: type === 23 ? old_edb.find(item => item.FromTag === 'A').FromEdbInfoId : '', //俺也不懂为什么这么定义都是江西老表的锅
							after_edb: type === 23 ? old_edb.find(item => item.FromTag === 'B').FromEdbInfoId : '',
							old_stay_edb: type === 24 ? old_edb.find(item => item.FromTag === 'A').FromEdbInfoId : '',
							concat_edb: type === 24 ? old_edb.find(item => item.FromTag === 'B').FromEdbInfoId : '',
							from_arr: old_edb,
							correlationStr: dataInfo.CorrelationStr
						} 
					: {
							...public_params,
							oldedb_id: old_edb[0].FromEdbInfoId,
							oldEdb_name: old_edb[0].FromEdbName,
							formula: dataInfo.CalculateFormula || '',
							moveType: dataInfo.MoveType,
							moveUnit: dataInfo.MoveFrequency,
							moveVal: type === 22 ? dataInfo.CalculateFormula : '',
							calendar_type: type === 35 ? dataInfo.Calendar : '',
							EmptyType:dataInfo.EmptyType||0,
					}

				if([72,73].includes(type)){
					const {EdbName,EdbNameEn,EdbInfoId,Frequency,Unit,UnitEn,ClassifyId,CalculateFormula} = dataInfo
					this.operationForm = {
						edb_id: EdbInfoId,
						oldedb_id: old_edb[0].FromEdbInfoId,
						oldEdb_name: old_edb[0].FromEdbName,
						EdbName: this.currentLang==='en'?EdbNameEn:EdbName,
						Frequency,
						Unit:this.currentLang==='en'?UnitEn:Unit,
						ClassifyId,
						Formula:CalculateFormula,
						view
					}
				}
				
			}
		},

		/* 基础指标刷新 */
		refreshBaseHandler() {
			if(this.EdbData.NoUpdate){
				this.$message.warning("该指标已暂停刷新")
				return 
			}
			this.refreshLoading = true;
			this.loading = this.$loading({
					lock: true,
					target:'.detail',
					text: this.$t('MsgPrompt.refresh_ing_msg'),
					spinner: 'el-icon-loading',
					background: 'rgba(255, 255, 255, 0.8)'
				});
			dataBaseInterface.refreshBaseTarget({
				EdbInfoId: Number(this.selected_edbid)
			}).then(res => {
				this.refreshLoading = false;
				this.loading&&this.loading.close()
				if(res.Ret !== 200) return;
				this.$message.success(res.Msg);
				this.initDataStatus();
			}).catch(() => {
				this.refreshLoading = false;
			})
		},

		
		/* 重新刷新 重新计算后重置刷数据 */
		initDataStatus() {
			this.page_no = 1;
			if(this.$refs.edb_detail_data){
				//this.$refs.edb_detail_data.$refs.valueUl.scrollTop=0
			}
			this.getDataList();
		},
		/* 用于复制指标 */
		async copyCode(){
			const res = await dataBaseInterface.targetList({
				PageSize: 100000,
				CurrentIndex: 1,
				EdbInfoId: this.selected_edbid,
			})
			if (res.Ret===200){
				let arr = res.Data.Item.DataList ||[]
				let str = '日期\t 值\n'
				arr.forEach((item=> str += `${item.DataTime}\t${item.Value}\n`))
				this.$copyText(str).then(
		        res => {
		          // this.$message.success("已成功复制!");
		          this.$message.success(this.$t('MsgPrompt.copy_success_msg'));
		        },
		        err => {
		         this.$message.error(/* "复制失败!" */this.$t('MsgPrompt.copy_fail_msg'));
		        } )
		 	}
		},

		/* 替换指标 */
		async replaceEdbHandler () {

			const { Data } = await dataBaseInterface.replaceCheck();
      Data === 2 
      ? this.isReplaceDia = true
      : await this.$confirm(this.$t('EtaBasePage.replace_ing_msg'), this.$t('Dialog.warn_tit'), {
          type: 'warning',
          showCancelButton: false,
        })
		},

		/* 添加最新值 */
		updateNewestDataHandle() {
			this.isUpdateNewestData = true;
		},
		updateNewest(){
				this.initGetData()
				this.rePainChart()
		},


		changeTreeNode(){
			this.$refs.menuTree.setCurrentKey(this.select_node);
		},

		//绑定el-tree的load属性
		async getLazyTreeData (node,resolve){
			if(node.level===0){
				resolve(this.treeData)
			}else{
				let arr=[]
				const res = this.classifyShowType === 'public'
					? await edbBaseV2Interface.getPublicClassifyExpand({
							ParentId: node.data.ClassifyId,
						})
					:	await dataBaseInterface.targetCatalog({
							ParentId:node.data.ClassifyId,
							IsOnlyMe:this.IsOnlyMe,
							ClassifyType: this.isBasicBase ? 0 : 2
						})
				if (res.Ret === 200) {
					const temarr = res.Data.AllNodes || [];
					arr=temarr.map(item=>{
						return {
							...item,
							isLeaf:item.EdbInfoId?true:false
						}
					})
				}
				resolve(arr)
			}
		},
		//保存指标上下限
		saveEdbLimit(){
			if(!this.$refs.createChart) return
			//获取指标的上下限
			const {MaxValue=0,MinValue=0} = this.$refs.createChart.chartInfo
			dataBaseInterface.saveEdbChartLimit({
				EdbInfoId:this.EdbData.EdbInfoId,
				MaxValue:Number(MaxValue),
				MinValue:Number(MinValue)
			}).then(res=>{
				if(res.Ret!==200) return 
				// this.$message.success('保存成功')
				this.$message.success(this.$t('MsgPrompt.saved_msg'))

				this.$refs.createChart.saveEdbImg(this.EdbData)
				this.$refs.createChart.oldOptions = {}
			})
		},
		//重绘指标图表
		rePainChart(){
			if(this.activeTab!=='Chart') return
			this.$nextTick(()=>{
				this.$refs.createChart.getDataByPath()
			})
		},
		/* 展开对应菜单 显示详情 */
		detailShowHandle({ UniqueCode, EdbInfoId,ClassifyId}) {
			let params = {
				code: UniqueCode,
				id: EdbInfoId,
				classifyId:ClassifyId
			};
			this.selectCurrentNode(params);
			if(this.classifyShowType==='public') this.select_classifyId = 0;
		},
		// 添加wind wsd指标成功
		addTargetSuccess(params){
			this.getTreeData(params);
		},

		handleCloseBatchPopSelf(){
			this.showBatchComputedPop=false
			this.$nextTick(()=>{//重新打开计算指标选择类型弹窗
				this.isOpenComputed=true
			})
		},

		/* =======2.3目录拆分========= */

		/* 切换分类类型 */
		handleChangeClassifyType() {
			this.defaultShowNodes = [];
			this.chartList = [];
			this.Total = 0;
			this.CurrentIndex = 1;
			this.selected_edbid = 0;
			this.select_classifyId = 0;
			this.search_txt = '';
			this.select_node = '';
			
			['own','public'].includes(this.classifyShowType) && this.getTreeData();
			this.classifyShowType==='own' && this.getCollectClassifys();
			this.getEdbChartList();
		},

		//获取收藏指标分类
		async getCollectClassifys() {
			const res = await edbCollectInterface.getEdbCollectClassify({ParentId:0})

			this.collectClassifys = res.Data||[]
		},

		/* 收藏指标 */
		handleCollectEdb(info) {
			if(info.type&&info.type==='batch') { //批量收藏
				const { IsSelectAll,NoEdbIdList,EdbIdList } = info;
				this.collectEdbForm = {
					edbId: 0,
					batchParams: {
						ClassifyId: this.select_classifyId,
						KeyWord: this.search_txt,
						IsSelectAll,
						NoEdbIdList,
						EdbIdList
					},
					collectClassifyIdList: []
				}
			}else {
				this.collectEdbForm = {
					edbId: info.EdbInfoId,
					collectClassifyIdList: info.CollectClassifyIdList||[]
				}
			}
			this.isOpenEdbCollectDia = true
		},

		//收藏成功
		handleCollectSuccess(arr) {
			if(this.selected_edbid) {
				this.tableData[0].CollectClassifyIdList = arr;
			}else{
				this.getEdbChartList()
			}
		},

		async handleRemoveCollect(item=null) {
			const res = await edbCollectInterface.edbCollectCancel({
				ClassifyId: this.select_classifyId,
				EdbInfoId: item?item.EdbInfoId:this.selected_edbid
			})

			if(res.Ret !== 200) return 
			this.$message.success('取消收藏成功')
			if(this.selected_edbid) {
				this.chartList = []
				this.selected_edbid = 0
			}
			this.getEdbChartList()
		},

		handleOpenCollectClassify(data=null) {
			this.collectClassifyForm = {
				name: data?data.ClassifyName:'',
				classifyId:data?data.ClassifyId:0
			}
			this.isOpenCollectClassifyDia = true
		},

		/* 收藏指标拖动 */
		async collectDragOver({oldIndex,newIndex}) {
			if(oldIndex===newIndex) return
			let NextEdbInfoId,PrevEdbInfoId;
			if(newIndex===0){
        PrevEdbInfoId=0
        NextEdbInfoId=this.chartList[newIndex+1].EdbInfoId
      }else if(newIndex===this.chartList.length-1){
        PrevEdbInfoId = this.chartList[newIndex-1].EdbInfoId
        NextEdbInfoId = 0
      }else{
        PrevEdbInfoId = this.chartList[newIndex-1].EdbInfoId
        NextEdbInfoId = this.chartList[newIndex+1].EdbInfoId
      }
			
			let params = {
				ClassifyId: this.select_classifyId,
				EdbInfoId: this.chartList[newIndex].EdbInfoId,
				NextEdbInfoId,
				PrevEdbInfoId,
			}

			const res = await edbCollectInterface.moveCollectEdb(params)
			if(res.Ret !== 200) return 
			this.$message.success('移动成功')
		},

		/* 设置指标共享弹窗 */
		handleOpenSetShared(type) {
			this.sharedType = type;
			this.isOpenSetSharedDia = true;
		}
	},
	mounted() {
		this.getEdbChartList();
		this.getCollectClassifys();
		this.$route.query.code 
		? this.getTreeData({code: this.$route.query.code,id: this.$route.query.id,classifyId:this.$route.query.classifyId})
		: this.getTreeData();
	
	},
};
</script>
<style lang="scss">
@import "~@/styles/theme-vars.scss";
.database_container {
	$mini_font: 12px;
	$normal_font: 14px;
	.firstColumTable .el-table__empty-block {
		display: none;
	}
	.firstColumTable .el-table__header th:first-child .cell{
		overflow: visible;
	}
	.el-table td,.el-table th {
		padding: 10px 0;
	}

	.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: $theme-color !important;
		border-color: $theme-color;
	}
	.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
		background-color: $theme-color !important;
		border-color: $theme-color;
	}
	.el-icon-refresh {
		font-size: 17px;
		margin-left: 5px;
		cursor: pointer;
	}
	@media screen and (min-width: 1711px) {
		.target_tree { 
			font-size: $normal_font; 
		}
	}
	@media screen and (max-width: 1710px) {
		.target_tree { 
			font-size: $mini_font; 
		}
	}

	.database_top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
		padding: 20px 30px;
		background: #fff;
		border: 1px solid #ececec;
		border-radius: 4px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
		margin-bottom: 20px;
		.top-right,.top-left{
			display: flex;
			align-items: center;
			gap:20px;
			flex-wrap: wrap;
			.el-button + .el-button{
				margin-left: 0;
			}
		}
		/* .top-left{
			display: flex;
			
		} */
	}
	.database_main {
		display: flex;
		position:relative;
		width:100%;
		overflow-x: auto;
		.main-left {
			width: 400px;
			min-width: 400px;
			background: #fff;
			margin-right: 20px;
			border: 1px solid #ececec;
			border-radius: 4px;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
			// height: calc(100vh - 225px);
			overflow: hidden;
			position: relative;
			box-sizing: border-box;
			.tree-cont {
				padding: 20px 30px;
			}
			.target_tree {
				color: #333;
				height: calc(100vh - 300px);
				.label-input .el-input__inner {
					height: 25px;
					line-height: 25px;
				}
				.custom-tree-node {
					display: flex !important;
					justify-content: space-between;
					align-items: center;
					display: block;
					flex: 1;
					max-width: 92%;
					.node_label {
						margin-right: 2px;
					}
					.el-icon-view {
						color: #409eff;
						font-size: 18px;
						margin-left: 5px;
					}
				}
				.el-tree__drop-indicator{
					/* position:absolute; */
					/* left:0;
					right:0; */
					height:3px;
					// margin-top: 8px;
					background-color:$theme-color;
				}
				.el-tree-node__content {
					margin-bottom: 5px !important;
				}
				.el-tree-node__children {
					.el-tree-node {
						/* margin-bottom: 8px !important; */
						margin-bottom: 0px !important;
						padding-left: 18px;
					}
					.el-tree-node__content {
						margin-bottom: 5px !important;
						padding-left: 0 !important;
					}
				}
				.expanded.el-icon-caret-right:before {
					content: url('../../assets/img/set_m/down.png') !important;
				}
				.el-icon-caret-right:before {
					content: url('../../assets/img/set_m/slide.png') !important;
				}
				.el-tree-node__expand-icon.is-leaf.el-icon-caret-right:before {
					content: '' !important;
				}
				.el-tree-node__expand-icon.expanded {
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				.el-tree-node.is-current > .el-tree-node__content {
					background-color: #f0f4ff !important;
				}
				.el-tree-node__content {
					padding-right: 10px !important;
				}
			}
			
			.move-btn {
				height: 100%;
				width: 4px;
				/* opacity: 0; */
				position: absolute;
				right: 0px;
				top: 0;
				&:hover {
				cursor: col-resize;
					/* background-color: orange */
				}
			}

			.own-tree,.collect-tree {
				display: flex;
				flex-direction: column;
			}
			.own-tree {
				height: 60%;
			}
			.collect-tree {
				height: 40%;
				border-top: 1px solid #C8CDD9;
			}
			.tree-title {
				font-size: 15px;
				margin: 15px 0;
			}
			.tree-wrapper {
				flex: 1;
				overflow: auto;
			}
			.opt-wrapper {
				margin: 15px 0;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				color: #0052D9;
				gap: 10px;
				.opt-item {
					display: flex;
					align-items: center;
					font-size: 16px;
					cursor: pointer;
				}
			}
		}
		.main-right {
			flex: 1;
			/* width:70%; */
			// height: calc(100vh - 225px);
			background: #fff;
			border: 1px solid #ececec;
			border-radius: 4px;
			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
			overflow: hidden;
			.value-ul {
				margin-top: 10px;
				border-bottom: 1px solid #EBEFF6;
				//max-height: calc(100vh - 495px);
				//overflow-y: auto;
				.value-item {
					/* width: 100%; */
					padding: 10px 0;
					border: 1px solid #dcdfe6;
					border-bottom: none;
					display: flex;
					justify-content: space-around;
					>span{
						padding:0 16px;
						box-sizing: border-box;
					}
					.value-label {
						position: relative;
						color: #666;
						.value-style{
							/* background-color: #ECF2FE;
							color: #0052D9; */
							padding:5px;
							border-radius: 4px;
							&.predict-act {
								color: orange;
							}
						}
						&.date{
							&::after{
								content: '';
								position:absolute;
								right:0;
								top:-14px;
								height:calc(100% + 28px);
								width:1px;
								background-color: #dcdfe6;
							}
						}
					}
					.predict-act {
						color: orange;
					}
					.new-tag {
						width: 6px;
						height: 6px;
						display: inline-block;
						position: absolute;
						left: -12px;
						top: 50%;
						transform: translateY(-50%);
						border-radius: 50%;
						background: #f00;
					}
				}
				.nodata {
					text-align: center;
					padding: 40px 0;
					color: #999;
				}
			}
			&.list{
				background-color: #fff;
				height: auto;
				box-shadow: none;
				border:none;
				padding:20px;
			}
			&.detail-wrap{
				overflow-x:auto;
			}
			.detail{
				display: flex;
				flex-direction: column;
				min-width: 780px;
				height:100%;
				>.header{
					display: flex;
					position: relative;
					height: 60px;
					.el-tabs{
						width:210px;
						.el-tabs__header{
							margin-bottom: 0;
						}
						.el-tabs__nav{
							display: flex;
							width: 100%;
							.el-tabs__item{
								flex: 1;
								text-align: center;
								font-size: 16px;
								height: 60px;
								line-height: 60px;
							}
						}
					}
					.edb-tool{
						flex: 1;
						text-align: right;
						display: flex;
						gap: 16px;
						justify-content: flex-end;
						padding-right: 15px;
						position: relative;
						&::after{
							position: absolute;
							content:'';
							width:100%;
							left: 0;
							bottom: 0;
							height:2px;
							background-color: #E4E7ED;
						}
					}
				}
				.container{
					flex: 1;
					overflow-y: auto;
					padding:15px;
					.chart{
						.info{
							display: flex;
							justify-content: space-between;
						}
						.table{
							margin-top: 16px;
							border:1px solid #E7E7E7 ;
							.table-header{
								display: flex;
								padding:6px;
								span{
									flex: 1;
									border-bottom: 1px solid #E7E7E7;
								}
							}
						}
					}
					.list{
						height: 100%;
					}
				}
			}

		}
		.slide-btn-icon{
			&.slide-left{
				right:0;
			}
			&.slide-right{
				left: 0;
			}
		}
	}
	.dialog-computed {
		.el-dialog__header {
			background-color: #fff;
			.el-dialog__close {
				color: #333;
			}
		}
		.computed-ul {
			box-sizing: border-box;
			max-height: 600px;
			height:65vh;
			overflow-y: auto;
			padding: 40px 92px;
			display: flex;
			flex-wrap: wrap;
			.cpmputed-li {
				width: 180px;
				padding: 19px 0;
				height: 60px;
				box-sizing: border-box;
				color: $theme-color;
				font-size: 16px;
				background:#ECF5FF;
				border-radius: 8px;
				border: 1px solid #99baf0;
				text-align: center;
				cursor: pointer;
				margin-right: 65px;
				margin-bottom: 55px;
				&:nth-child(3n) {
					margin-right:0;
				}
				&:hover {
					background: $theme-color;
					color: #fff;
				}
				&.act {
					background: $theme-color;
					color: #fff;
				}
			}
		}
	}
}

.edb-search-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.edb-tool-popover{
	.edb-tool-wrap{
		display: flex;
		flex-wrap: wrap;
		gap:10px;
		.el-button + .el-button{
			margin-left: 0;
		}
	}
}
</style>