Commit acde26c4 authored by xuhaoze's avatar xuhaoze

天气工况名称输入框增大,表格名称列和对应温度列缩短,描述自适应,标题字段固定

parent 7c02838c
...@@ -219,10 +219,10 @@ function customSort(a, b) { ...@@ -219,10 +219,10 @@ function customSort(a, b) {
<template> <template>
<div class="phenomenon-container"> <div class="phenomenon-container">
<div class="search-wrapper"> <div class="search-wrapper">
<el-row> <el-row >
<el-col :span="8" label>名称:</el-col> <el-col :span="8" label style="font-size: 18px">名称:</el-col>
<el-col :span="16"> <el-col :span="16" >
<el-input clearable v-model="searchKey"/> <el-input clearable style="height: 31px" v-model="searchKey"/>
</el-col> </el-col>
</el-row> </el-row>
<el-button type="primary" @click="search" class="add-search-btn">查询</el-button> <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
...@@ -235,10 +235,10 @@ function customSort(a, b) { ...@@ -235,10 +235,10 @@ function customSort(a, b) {
:header-cell-class-name="tableHeaderClass" :header-cell-class-name="tableHeaderClass"
:row-class-name="tableBodyClass"> :row-class-name="tableBodyClass">
<el-table-column type="index" label="序号" align="center" width="100"/> <el-table-column type="index" label="序号" align="center" width="100"/>
<el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称"/> <el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称" width="100"/>
<el-table-column prop="phenomenonTemp" label="对应温度"/> <el-table-column prop="phenomenonTemp" label="对应温度" width="100"/>
<el-table-column prop="phenomenonDesc" label="描述"/> <el-table-column prop="phenomenonDesc" label="描述"/>
<el-table-column label="操作" width="190"> <el-table-column label="操作" width="190" fixed="right">
<template #default="scope"> <template #default="scope">
<div class="table-operate-column"> <div class="table-operate-column">
<el-button link @click="revise(scope.row)" type="primary">修改</el-button> <el-button link @click="revise(scope.row)" type="primary">修改</el-button>
...@@ -356,6 +356,7 @@ function customSort(a, b) { ...@@ -356,6 +356,7 @@ function customSort(a, b) {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: start; justify-content: start;
} }
.search-wrapper .el-row { .search-wrapper .el-row {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment