From d8c986245b9409751e327029a94ffcaa501fd21a Mon Sep 17 00:00:00 2001
From: Zhu Zhonghua <zhonghua@qq.com>
Date: 星期五, 11 四月 2025 10:36:38 +0800
Subject: [PATCH] 调整搜索区域按照4等分绘制
---
src/views/partPlan/index.vue | 44 ++++++++++++++++++++++++++++++--------------
1 files changed, 30 insertions(+), 14 deletions(-)
diff --git a/src/views/partPlan/index.vue b/src/views/partPlan/index.vue
index 3184793..29b1e07 100644
--- a/src/views/partPlan/index.vue
+++ b/src/views/partPlan/index.vue
@@ -1,9 +1,10 @@
<template>
<div class="app-container">
- <el-row :gutter="20">
- <el-col>
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px">
- <el-form-item label="璁″垝寮�宸ユ棩" style="width: 350px">
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px">
+ <el-row :gutter="20">
+ <el-col
+ :span="6">
+ <el-form-item label="璁″垝寮�宸ユ棩" style="width: 100%;">
<el-date-picker
v-model="daterangePlanStartDay"
value-format="YYYY-MM-DD"
@@ -13,7 +14,10 @@
end-placeholder="缁撴潫鏃ユ湡"
></el-date-picker>
</el-form-item>
- <el-form-item label="璁″垝瀹屽伐鏃�" style="width: 350px">
+ </el-col>
+ <el-col
+ :span="6">
+ <el-form-item label="璁″垝瀹屽伐鏃�" style="width: 100%;">
<el-date-picker
v-model="daterangePlanEndDay"
value-format="YYYY-MM-DD"
@@ -23,7 +27,10 @@
end-placeholder="缁撴潫鏃ユ湡"
></el-date-picker>
</el-form-item>
- <el-form-item label="鍗曟嵁鍙�" prop="documentNumber">
+ </el-col>
+ <el-col
+ :span="6">
+ <el-form-item label="鍗曟嵁鍙�" prop="documentNumber" style="width: 100%;">
<el-input
v-model="queryParams.documentNumber"
placeholder="璇疯緭鍏ュ崟鎹彿"
@@ -31,7 +38,10 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
- <el-form-item label="瀹㈡埛鍚嶇О" prop="customer">
+ </el-col>
+ <el-col
+ :span="6">
+ <el-form-item label="瀹㈡埛鍚嶇О" prop="customer" style="width: 100%;">
<el-input
v-model="queryParams.customer"
placeholder="璇疯緭鍏ュ鎴峰悕绉�"
@@ -39,13 +49,19 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
- <el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </el-col>
- </el-row>
+ </el-col>
+ <el-col
+ :span="24"
+ style="text-align: right;">
+ <el-form-item>
+ <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-col>
+
+
+ </el-row>
+ </el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
--
Gitblit v1.9.3