feat: 调整分辨率问题

This commit is contained in:
zhanghao 2025-10-11 17:28:22 +08:00
parent dd5dd9676c
commit 8089e157f9
7 changed files with 351 additions and 318 deletions

View File

@ -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()

View File

@ -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([])

File diff suppressed because one or more lines are too long

View File

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

View File

@ -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="语种" align="center" prop="dialect" />
<el-table-column label="音色" width="80" align="center" prop="voiceType" />
<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>

View File

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

View File

@ -3,13 +3,18 @@
<div class="btn-container">
<el-button type="primary" @click="openDialog">配置语料</el-button>
</div>
<el-table :data="selectList">
<el-table-column label="语料名称" align="center" prop="corpusName" />
<el-table :data="selectList" height="260">
<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"