From 5fe50bafc96ac54d8e75c2f1b59aad6cff075085 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期一, 27 五月 2024 15:10:53 +0800 Subject: [PATCH] 优化检验下单搜索栏 --- src/components/view/b1-inspection-order.vue | 23 ++++++++++++----------- 1 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/components/view/b1-inspection-order.vue b/src/components/view/b1-inspection-order.vue index d872ee8..558a287 100644 --- a/src/components/view/b1-inspection-order.vue +++ b/src/components/view/b1-inspection-order.vue @@ -9,6 +9,7 @@ height: 80px; display: flex; align-items: center; + overflow: hidden; } .search_thing { @@ -81,29 +82,29 @@ </el-row> </div> <div class="search" :style="`height: ${more?130:80}px;`"> - <el-row :gutter="10"> - <el-col :span="20" style="display: flex;align-items: center;flex-wrap: wrap;"> - <div class="search_thing"> + <el-row :gutter="10" style="width: 100%;"> + <el-col :span="20" style="display: flex;flex-wrap: wrap;"> + <div class="search_thing" style="width: 20%;"> <div class="search_label">濮旀墭缂栧彿锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing"> + <div class="search_thing" style="width: 20%;"> <div class="search_label">鏍峰搧鍚嶇О锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing"> + <div class="search_thing" style="width: 20%;"> <div class="search_label">鏍峰搧鍨嬪彿锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.sampleModel" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing"> + <div class="search_thing" style="width: 20%;"> <div class="search_label">鏍峰搧缂栧彿锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing"> + <div class="search_thing" style="width: 20%;"> <div class="search_label">涓嬪崟鏃堕棿锛�</div> <div class="search_input"> <el-date-picker style="width:100%" v-model="componentData.entity.createTime" @@ -116,24 +117,24 @@ </el-date-picker> </div> </div> - <div class="search_thing" v-show="more"> + <div class="search_thing" style="width: 20%;" v-if="more"> <div class="search_label">涓嬪崟浜猴細</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.value1" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing" v-show="more"> + <div class="search_thing" style="width: 20%;" v-if="more"> <div class="search_label">宸ョ▼鍚嶇О锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.value2" @keyup.enter.native="refreshTable()"></el-input></div> </div> - <div class="search_thing" v-show="more"> + <div class="search_thing" style="width: 20%;" v-if="more"> <div class="search_label">鐢熶骇鍗曚綅锛�</div> <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.value3" @keyup.enter.native="refreshTable()"></el-input></div> </div> </el-col> <el-col :span="4"> - <div class="search_thing" style="padding-left: 10px;"> + <div class="search_thing"> <el-button type="text" :icon="!more?'el-icon-arrow-down':'el-icon-arrow-up'" style="color: #3A7BFA;" @click="more=!more">{{!more?'鏇村':'鏀惰捣'}}</el-button> <el-button size="small" @click="refresh()">閲� 缃�</el-button> <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button> -- Gitblit v1.9.3