1.0.3 页面

src/views/dataEntry_manage/databaseList.vue

@@ -304,8 +304,49 @@
 				</div>
 			</div>
 			<!-- 指标详情 -->
-			<div class="main-right right" id="right" v-show="!showAssociateChart&&!showAssociateComputeData&&selected_edbid">
-				<p>我是指标</p>
+			<div class="main-right right detail" id="right" v-show="!showAssociateChart&&!showAssociateComputeData&&selected_edbid">
+				<div class="header">
+					<el-tabs v-model="activeTab">
+						<el-tab-pane label="走势图" name="走势图"></el-tab-pane>
+						<el-tab-pane label="数据详情" name="数据详情"></el-tab-pane>
+					</el-tabs>
+					<div class="edb-tool">
+						<el-button v-if="isEdbBtnShow('update')"
+							size="mini" type="text" @click="refreshTargetHandle" >刷新</el-button>
+						<el-button v-if="isEdbBtnShow('edit')"
+								size="mini" 
+								type="text" 
+								:disabled="!tableData[0]?tableData[0].Button.OpButton:false"
+								@click="editNode({
+									level: 4,
+									parent: {
+										data: { ClassifyId:edb_levels[2].ClassifyId },
+										parent:{
+											data: { ClassifyId:edb_levels[1].ClassifyId },
+											parent:{
+												data: { ClassifyId:edb_levels[0].ClassifyId },
+											}
+										},
+									}
+								},tableData[0])"
+							>编辑</el-button>
+						<el-button v-if="tableData[0]?tableData[0].EdbType===2:false"
+							size="mini" type="text" @click.stop="reCalculateHandler" :loading="calculateLoading">重新计算</el-button>
+						<!-- 走势图本身就是一键成图 -->
+						<!-- <el-button v-if="isEdbBtnShow('toImg')"
+							size="mini" type="text" @click.stop="createChartHandle(scope.row.EdbInfoId)">一键成图</el-button> -->
+						<el-button v-if="isEdbBtnShow('copyData')"
+							size="mini" type="text" @click="copyCode">复制数据</el-button>
+						<el-button v-if="tableData[0]?tableData[0].EdbType===2:false&&isEdbBtnShow('toSource')"
+							size="mini" type="text" @click="isLookHistory=true;lookEdbId=selected_edbid">指标溯源</el-button>
+						<el-button v-if="isEdbBtnShow('setEn')"
+							size="mini" type="text" @click="openEnNameDia">设置英文名称</el-button>
+						<el-button v-if="tableData[0]?tableData[0].Button.InsertNewDataButton:false&&isEdbBtnShow('newValue')"
+							size="mini" type="text" @click.stop="updateNewestDataHandle" >{{tableData[0]?tableData[0].DataInsertConfig.Date:''?'编辑最新值':'添加最新值'}}</el-button>
+						<el-button v-if="tableData[0]?tableData[0].EdbType===1:false&&isEdbBtnShow('refreshAll')"
+							size="mini" type="text" @click.stop="refreshBaseHandler"  :loading="refreshLoading">全部刷新</el-button>
+					</div>
+				</div>
 			</div>
 		</div>
 		<!-- 输入英文指标弹窗 -->
@@ -698,6 +739,8 @@ export default {
 			Total:0,
 			IsListEnd:false,//是不是到底了
 			chartList:[],
+
+			activeTab:'走势图'
 		};
 	},
 	watch: {
@@ -767,6 +810,21 @@ export default {
 		},
 	},
 	methods: {
+		//控制指标详情操作按钮
+		isEdbBtnShow(type){
+			const {edbDataPermission,checkPermissionBtn}=this.permissionBtn
+			const BtnMap = {
+				'update':edbDataPermission.edbData_update,
+				'edit':edbDataPermission.dbData_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,
+			}
+			return checkPermissionBtn(BtnMap[type])
+		},
 		/* 获取树分类数据 */
 		getTreeData(params) {
 			
@@ -2066,7 +2124,6 @@ export default {
 			border: 1px solid #ececec;
 			border-radius: 4px;
 			box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
-			padding: 30px;
 			overflow: hidden;
 			.value-ul {
 				margin-top: 10px;
@@ -2146,6 +2203,32 @@ export default {
 					}
 				}
 			}
+			&.detail{
+				.header{
+					display: flex;
+					border-bottom: 1px solid #E4E7ED;
+					.el-tabs{
+						width:200px;
+						.el-tabs__header{
+							margin-bottom: 0;
+						}
+						.el-tabs__nav{
+							display: flex;
+							width: 100%;
+							.el-tabs__item{
+								flex: 1;
+								text-align: center;
+							}
+						}
+					}
+					.edb-tool{
+						flex: 1;
+						/* background-color: #666; */
+						border-bottom: 1px solid #E4E7ED;
+					}
+				}
+			}
+
 		}
 	}
 	.dialog-computed {