调整样式

yudao-ui-admin-vue3/src/views/pressure2/dynamictb/DynamicTbForm.vue

@@ -63,13 +63,13 @@
         <!--<SpreadView v-if="isSpredaShow" :dtParams="dtParams" :formData="formData" @success="getData" />-->
         <SpreadEditor v-if="isSpredaShow" :formType="formType" :dtParams="dtParams" :formData="formData" @success="getData" />
       </el-tab-pane>
-      <el-tab-pane label="模板pdf" name="模板pdf">
+     <!-- <el-tab-pane label="模板pdf" name="模板pdf">
         <div class="default-toolbar">
           <el-button type="primary" @click="handleOpenFileUploadModal" :disabled="formType === 'view'">上传模板</el-button>
           <el-button type="primary" @click="saveDocument" :disabled="formType === 'view'">保存模板</el-button>
         </div>
         <docEditor :config="officeConfig" @docReady="onDocumentReady" @docCreate="onCreateDoc" ref="officeEvents"/>
-
+ -->
         <!--<DocumentEditor
           id="docEditor"
           v-if="officeVisible"
@@ -78,7 +78,7 @@
           :events_onDocumentReady="onDocumentReady"
           :onLoadComponentError="onLoadComponentError"
         />-->
-      </el-tab-pane>
+      <!-- </el-tab-pane> -->
       <el-tab-pane :label="showInfos.title" :name="showInfos.title" v-if="formType !== 'create' && connectInfos?.length">
         <el-tabs v-model="activeSpreadTab" type="border-card" class="spread-tabs">
           <el-tab-pane
@@ -372,7 +372,7 @@ const onCreateDoc=(e)=>{
 const clearDocument=()=>{
   //const documentEditor = window.DocEditor?.instances["docEditor"];
   //documentEditor?.destroyEditor();
-  officeEvents.value.closeEditor();
+  officeEvents.value?.closeEditor();
 }
 
 const saveDocument=async ()=>{
@@ -574,8 +574,12 @@ const resetForm = () => {
   background-color: #fff;
   overflow: hidden;
 
+  :deep(.lab-designer-container) {
+    height: 100% !important;
+  }
+
   :deep(.spread-designer-container) {
-    height: calc(100vh - var(--top-tool-height) - var(--tags-view-height) - var(--app-footer-height) - 90px);
+    height: 100% !important;
     padding: 0;
 
     .default-toolbar {
@@ -714,6 +718,19 @@ const resetForm = () => {
   }
 }
 
+.spread-tabs {
+  height: 100%;
+
+  :deep(.el-tabs__content) {
+    height: calc(100% - 40px);
+    overflow: hidden;
+  }
+
+  :deep(.el-tabs__header) {
+    margin-bottom: 0;
+  }
+}
+
 .spread-tab-pane {
   height: 100%;
   padding: 0 !important;
@@ -723,5 +740,9 @@ const resetForm = () => {
   height: 100%;
   padding: 10px;
   box-sizing: border-box;
+
+  :deep(.el-scrollbar) {
+    height: 100%;
+  }
 }
 </style>