bi看板演示表格预览

src/views/sheetShow/index.vue

@@ -12,6 +12,7 @@ const { postSheetHeightMsg } = useResizeTable();
 
 const route = useRoute();
 const code = ref(route.query.code || '')
+const isDemo = ref(route.query.isDemo == 'true' ? true : false); //bi看板的展示demo
 
 // route.query.fromScene 1智能研报 2研报列表 3英文研报
 // verison 2 可拖拽行高列宽 接收参数sourceId (reportId||pptId)  uid插入时唯一编码
@@ -52,6 +53,9 @@ const getInfo = async(type='') => {
   if(!info.value.SourcesFrom){
     info.value.SourcesFrom = Data.ExcelSource?setDefaultSource(Data.ExcelSource):''
   }
+  if(isDemo.value){
+    document.title = Data.ExcelName || '';
+  }
   showData.value = true; 
   type==='refresh'&&ElMessage.success('刷新成功')
 
@@ -73,11 +77,12 @@ const refreshSheet = async()=>{
   <div 
     v-if="showData"
     class="sheet-show-wrapper"  
+    :style="`padding: ${isDemo ? '3vh 0 1vh' : 0}`"
     v-loading="loading"
     element-loading-spinner="el-icon-loading"
     element-loading-text="加载中..."
   >
-    <!-- <h3 class="title">{{info.ExcelName}}</h3> -->
+    <h3 class="title" v-if="isDemo">{{info.ExcelName}}</h3>
     
     <sheet 
       :data="info.TableInfo.TableDataList" 
@@ -114,8 +119,6 @@ const refreshSheet = async()=>{
   .title {
     font-size: 17px;
     font-weight: normal;
-    padding: 0 10px;
-    // text-align: center;
     margin-bottom: 8px;
   }
   .tool{