feat: 调整分辨率问题

src/views/device/register/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+  <div ref="topContainerRef">
     <TableSearch
         :queryParams="queryParams"
         :showSearch="showSearch"
@@ -94,8 +95,10 @@
       <!--      </el-col>-->
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
+  </div>
 
-    <el-table v-loading="loading" :data="registerList" @selection-change="handleSelectionChange">
+  <div :style="containerHeight">
+    <el-table height="100%" v-loading="loading" :data="registerList" @selection-change="handleSelectionChange">
       <el-table-column align="center" type="selection" width="55" />
       <el-table-column align="center" label="id" prop="id" show-overflow-tooltip/>
       <el-table-column align="center" label="设备终端配置id" prop="idDeDeviceTerminalConfig" show-overflow-tooltip
@@ -147,6 +150,7 @@
         :total="total"
         @pagination="getList"
     />
+    </div>
 
     <!-- 添加或修改设备注册对话框 -->
     <el-dialog v-model="open" :title="title" append-to-body width="500px">
@@ -217,6 +221,11 @@ import {controlModuleList} from "@/enum/index.js";
 import {listGroup} from "@/api/system/group.js";
 import useTagsViewStore from '@/store/modules/tagsView'
 
+import { useContainerHeight } from "@/hooks/tableHeight";
+
+const topContainerRef = ref();
+const containerHeight = useContainerHeight(topContainerRef);
+
 const router = useRouter()
 
 

src/views/device/terminal/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-
+    <div ref="topContainerRef">
     <TableSearch
         :queryParams="queryParams"
         queryRef="queryRef"
@@ -80,8 +80,10 @@
       <!--      </el-col>-->
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
+  </div>
 
-    <el-table v-loading="loading" :data="terminalList" @selection-change="handleSelectionChange">
+  <div :style="containerHeight">
+    <el-table height="100%" v-loading="loading" :data="terminalList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column show-overflow-tooltip label="id" align="center" prop="id"/>
       <el-table-column label="终端名称" align="center" prop="name" show-overflow-tooltip/>
@@ -122,6 +124,7 @@
         v-model:limit="queryParams.pageSize"
         @pagination="getList"
     />
+  </div>
 
     <!-- 添加或修改设备终端配置对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
@@ -157,6 +160,11 @@
 import {listTerminal, getTerminal, delTerminal, addTerminal, updateTerminal} from "@/api/device/terminal"
 import TableSearch from "@/components/TableSearch/index.vue"
 
+import { useContainerHeight } from "@/hooks/tableHeight";
+
+const topContainerRef = ref();
+const containerHeight = useContainerHeight(topContainerRef);
+
 const {proxy} = getCurrentInstance()
 
 const terminalList = ref([])

src/views/vi/corpus/test/MultipleConversations/index.vue

@@ -488,6 +488,10 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
+.app-container {
+  height: 100%;
+}
+
 .tableFormItem {
   margin-bottom: 0;
 }

src/views/vi/corpus/test/SingleConversation/index.vue

@@ -121,7 +121,7 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="语料名称" align="center" prop="corpusName" />
+        <el-table-column label="语料名称" width="150" align="center" prop="corpusName" show-overflow-tooltip />
         <el-table-column
           label="语音文本"
           align="center"
@@ -136,8 +136,8 @@
           min-width="150"
           show-overflow-tooltip
         />
-        <el-table-column label="音色" align="center" prop="voiceType" />
+        <el-table-column label="音色" width="80" align="center" prop="voiceType" />
-        <el-table-column label="语种" align="center" prop="dialect" />
+        <el-table-column label="语种" width="80" align="center" prop="dialect" />
         <el-table-column
           label="预期结果"
           align="center"
@@ -474,3 +474,8 @@ defineExpose({
   getList,
 });
 </script>
+<style lang="scss" scoped>
+.app-container {
+  height: 100%;
+}
+</style>

src/views/vi/corpus/test/index.vue

@@ -29,5 +29,9 @@ const multipleRef= ref()
     padding: 0 12px;
     background: #fff;
   }
+
+  .el-tab-pane {
+    height: 100%;
+  }
 }
 </style>

src/views/vi/testProject/plan/setting.vue

@@ -3,13 +3,18 @@
     <div class="btn-container">
       <el-button type="primary" @click="openDialog">配置语料</el-button>
     </div>
-    <el-table :data="selectList">
+    <el-table :data="selectList" height="260">
-      <el-table-column label="语料名称" align="center" prop="corpusName" />
+      <el-table-column
+        label="语料名称"
+        align="center"
+        prop="corpusName"
+        width="150"
+        show-overflow-tooltip />
       <el-table-column
         label="语音文本"
         align="center"
         prop="textContent"
-        min-width="200"
+        width="150"
         show-overflow-tooltip
       />
       <el-table-column label="音色" align="center" prop="voiceType" />
@@ -22,6 +27,7 @@
         :data="corpusList"
         :tree-props="{ checkStrictly: true }"
         :row-key="rowKey"
+        :height="400"
       >
         <el-table-column
           type="selection"