From c9af3b14087191694e089dbd89072afcb5ef7e40 Mon Sep 17 00:00:00 2001
From: wangrui <zephyrs0894@163.com>
Date: 星期三, 30 十二月 2020 09:13:32 +0800
Subject: [PATCH] 修改右侧面板位置
---
src/components/panel/MonitorPanel.vue | 78 +++++++++++++-------------------------
1 files changed, 27 insertions(+), 51 deletions(-)
diff --git a/src/components/panel/MonitorPanel.vue b/src/components/panel/MonitorPanel.vue
index 0cf8fa7..4edc293 100644
--- a/src/components/panel/MonitorPanel.vue
+++ b/src/components/panel/MonitorPanel.vue
@@ -15,7 +15,7 @@
</div>
<div class="right-control">
<div class="el-message-box__header panel_header">
- <div class="el-message-box__title panel_title"><!----><span>鐩戞帶闈㈡澘</span>
+ <div class="el-message-box__title panel_title"><!----><span>绠＄嚎淇℃伅鏌ヨ</span>
<div class="panel_searchTotal">鍏�<span style="color: #f5c228;margin:0 5px">{{ total }}</span>鏉¤褰�
</div>
</div>
@@ -25,61 +25,20 @@
<div>
<el-card class="search-panel">
<el-form ref="form" :model="form" label-width="90px" class="search-form">
- <el-form-item label="鍗曞彿锛�">
+ <el-form-item label="绠＄嚎绫诲瀷锛�">
<el-input v-model="form.transNo" size="mini" placeholder="鍦ㄦ杈撳叆濮旀墭鍗曞彿"></el-input>
</el-form-item>
- <el-form-item label="鎵胯繍鍟嗭細">
+ <el-form-item label="鏁版嵁绫诲瀷锛�">
<el-input v-model="form.carrierName" size="mini" placeholder="鍦ㄦ杈撳叆鎵胯繍鍟�"></el-input>
</el-form-item>
- <el-form-item label="杩愯緭鏂瑰紡锛�">
- <el-select size="mini" v-model="form.transMode" popper-class="selectFrom"
- placeholder="鍏ㄩ儴">
- <el-option
- v-for="item in ysfsList"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
+ <el-form-item label="妯＄硦鎼滅储锛�">
+ <el-input v-model="form.vehicleNo" size="mini"
+ placeholder="鍦ㄦ杈撳叆鍏抽敭瀛�"></el-input>
</el-form-item>
- <el-form-item label="鍙戣繍鏃堕棿锛�">
- 浠�
- <el-date-picker
- v-model="form.fysj"
- type="date"
- style="width: 110px;"
- placeholder="閫夋嫨鏃ユ湡"
- :popper-append-to-body="false">
- </el-date-picker>
- 鍒扮幇鍦�
+ <el-form-item>
+ <input type="button" class="btn-reset" @click="handleSearch" value="閲嶇疆">
+ <input type="button" class="btn-ok" @click="handleSearch" value="纭畾">
</el-form-item>
- <el-row :gutter="20">
- <el-col :span="17">
- <el-row>
- <el-form-item label="杞藉叿鍙凤細">
- <el-input v-model="form.vehicleNo" size="mini"
- placeholder="鍦ㄦ杈撳叆杞藉叿鍙�" class="customInput"></el-input>
- </el-form-item>
- </el-row>
- <el-row>
- <el-form-item label="鐘舵�侊細">
- <el-select size="mini" v-model="form.orderState"
- popper-class="selectFrom" placeholder="鍏ㄩ儴"
- class="customInput">
- <el-option
- v-for="item in ztList"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </el-row>
- </el-col>
- <el-col :span="3">
- <div class="B-TMD-inp-button" @click="handleSearch"></div>
- </el-col>
- </el-row>
</el-form>
</el-card>
<el-card class="search-result" style="height:271px;">
@@ -385,7 +344,7 @@
height: 573px;
position: absolute;
right: 10px;
- bottom: 10px;
+ top: 10px;
.el-card__body {
padding: 7px;
@@ -447,6 +406,23 @@
width: 118px;
}
+ .btn-ok{
+ float:right;
+ margin-right:10px;
+ width: 4rem;
+ background-color: lightblue;
+ color: white;
+ border: 1px solid white;
+ }
+ .btn-reset{
+ float:right;
+ margin-right:10px;
+ width: 4rem;
+ background-color: orange;
+ color: white;
+ border: 1px solid white;
+ }
+
.component-fade-enter-active, .component-fade-leave-active {
transition: opacity .5s ease;
}
--
Gitblit v1.8.0