添加预览菜单

tanghaolin

2023-01-11 f8e0b81521c25f483b28ba7e7f32ad6ef18491ec

 src/views/main/istation/overview/preview.vue

@@ -20,9 +20,17 @@
        <fks-col :span="20" style="height:100%;">
            <div class="model-binding-right-box">
                <titleBox title="金刚沱泵站"></titleBox>
                <div style="width:100%;height:100%">
                <div style="width:100%;height: calc(100% - 40px);">
                    <div class="bimface-model">
                        <img src="/src/assets/images/BIM.jpg">
                        <img src="@/assets/images/BIM.jpg">
                    </div>
                    <div class="bottom-tabs-div">
                        <fks-tabs type="border-card">
                            <fks-tab-pane label="健康评价">健康评价</fks-tab-pane>
                            <fks-tab-pane label="故障诊断">故障诊断</fks-tab-pane>
                            <fks-tab-pane label="时序趋势分析">时序趋势分析</fks-tab-pane>
                            <fks-tab-pane label="专家趋势分析">专家趋势分析</fks-tab-pane>
                        </fks-tabs>
                    </div>
               </div>
            </div>
@@ -81,6 +89,20 @@
}
.bimface-model{
    width: 100%;
    height: 65%;
    height: 54%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bimface-model img{
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
.bottom-tabs-div{
    width: 100%;
    height: 45%;
    margin-top: 1%;
}
</style>