style(errorSystem): 调整表格列宽和弹窗宽度

This commit is contained in:
贾同学
2025-10-28 14:48:33 +08:00
parent 33d7587944
commit 6ea566aad5
2 changed files with 11 additions and 18 deletions

View File

@@ -14,12 +14,12 @@
:style="{ height: '400px', maxHeight: '400px', overflow: 'hidden' }" :style="{ height: '400px', maxHeight: '400px', overflow: 'hidden' }"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="40" fixed="left" />
<el-table-column prop="sort" label="序号" width="60" /> <el-table-column prop="sort" label="序号" width="55" fixed="left" />
<el-table-column prop="type" label="误差类型" min-width="180"> <el-table-column prop="type" label="误差类型" min-width="180">
<template #default="{ row }"> <template #default="{ row }">
<el-cascader <el-cascader
style="min-width: 180px" style="min-width: 170px"
:options="errorOptions" :options="errorOptions"
v-model="row.errorType" v-model="row.errorType"
:props="{ checkStrictly: false, emitPath: false }" :props="{ checkStrictly: false, emitPath: false }"
@@ -28,10 +28,10 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="type" label="脚本类型" min-width="230"> <el-table-column prop="type" label="脚本类型" min-width="240">
<template #default="{ row }"> <template #default="{ row }">
<el-cascader <el-cascader
style="min-width: 230px" style="min-width: 220px"
:options="scriptOptions" :options="scriptOptions"
v-model="row.scriptType" v-model="row.scriptType"
:props="{ checkStrictly: false, emitPath: false }" :props="{ checkStrictly: false, emitPath: false }"
@@ -48,7 +48,7 @@
<el-select <el-select
v-model="row.startFlag" v-model="row.startFlag"
placeholder="选择起始值" placeholder="选择起始值"
style="width: 70px" style="width: 60px"
@change="value => handleStartFlagChange(row, value)" @change="value => handleStartFlagChange(row, value)"
> >
<el-option label="无" :value="2"></el-option> <el-option label="无" :value="2"></el-option>
@@ -73,7 +73,7 @@
<el-select <el-select
v-model="row.endFlag" v-model="row.endFlag"
placeholder="选择结束值" placeholder="选择结束值"
style="width: 70px" style="width: 60px"
@change="value => handleEndFlagChange(row, value)" @change="value => handleEndFlagChange(row, value)"
> >
<el-option label="无" :value="2"></el-option> <el-option label="无" :value="2"></el-option>
@@ -91,7 +91,7 @@
</el-row> </el-row>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="单位" width="130"> <el-table-column label="单位" width="120">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.conditionType" placeholder="选择单位"> <el-select v-model="row.conditionType" placeholder="选择单位">
<el-option <el-option
@@ -119,13 +119,13 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="误差单位" width="100" prop="errorUnit"> <el-table-column label="误差单位" width="90" prop="errorUnit">
<template #default="{ row }"> <template #default="{ row }">
<span>{{ row.errorUnit }}</span> <span>{{ row.errorUnit }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column label="操作" min-width="150"> <el-table-column label="操作" min-width="150" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button type="primary" link :icon="CopyDocument" @click="copyRow(row)">复制</el-button> <el-button type="primary" link :icon="CopyDocument" @click="copyRow(row)">复制</el-button>
<el-button type="primary" link :icon="Delete" @click="deleteRow(row)">删除</el-button> <el-button type="primary" link :icon="Delete" @click="deleteRow(row)">删除</el-button>

View File

@@ -1,12 +1,5 @@
<template> <template>
<el-dialog <el-dialog :title="dialogTitle" v-model="dialogVisible" @close="close" v-bind="dialogBig" width="100%" align-center>
:title="dialogTitle"
v-model="dialogVisible"
@close="close"
v-bind="dialogBig"
width="1660px"
align-center
>
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="基础信息"> <el-tab-pane label="基础信息">
<div> <div>