From ddf90f296adad975b58e56214b1cca4d40093333 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 04 一月 2021 17:27:14 +0800
Subject: [PATCH] 面板样式bug
---
src/components/panel/MonitorPanel.vue | 100 +++++++++++++++++++-------------------------------
1 files changed, 38 insertions(+), 62 deletions(-)
diff --git a/src/components/panel/MonitorPanel.vue b/src/components/panel/MonitorPanel.vue
index 0cf8fa7..99a2549 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;
}
@@ -486,12 +462,12 @@
width: 16px;
height: 22px;
display: block;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat 0 -90px;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 -90px;
cursor: pointer;
}
.B-TMD-table-list-title-y-car {
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -45px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -45px 0;
width: 38px;
height: 38px;
display: block;
@@ -499,7 +475,7 @@
}
.B-TMD-table-list-title-y-car-offline {
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -90px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -90px 0;
width: 38px;
height: 38px;
display: block;
@@ -507,7 +483,7 @@
}
.B-TMD-table-list-title-y-car-warning {
- background: url('/assets/images/map-page/icon/icon.png') no-repeat 0 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 0;
width: 38px;
height: 38px;
display: block;
@@ -517,7 +493,7 @@
.btn-stretch {
width: 20px;
height: 28px;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -408px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -408px 0;
margin-left: 10px;
margin-top: 3px;
cursor: pointer;
@@ -528,7 +504,7 @@
}
.btn-stretch-active {
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -440px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -440px 0;
}
.panel-tab {
@@ -539,7 +515,7 @@
width: 40px;
z-index: 500;
background-color: #030D2E;
- background: url('/assets/images/map-page/icon/caidan.png') no-repeat;
+ background: url('/assets/images/map-pages/icon/caidan.png') no-repeat;
}
.B-TMT-tab-div {
@@ -559,7 +535,7 @@
height: 29px !important;
margin-top: 0 !important;
margin-left: 0 !important;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -320px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -320px 0;
}
.B-TMT-tab-route {
@@ -567,7 +543,7 @@
height: 19px;
margin-left: 5px;
margin-top: 6px;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -169px 0;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -169px 0;
}
.B-TMT-tab-waybill-isActive, .B-TMT-tab-waybill:hover {
@@ -575,7 +551,7 @@
height: 29px !important;
margin-top: 0 !important;
margin-left: -1px !important;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -361px 0 !important;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -361px 0 !important;
}
.B-TMT-tab-route-isActive, .B-TMT-tab-route:hover {
@@ -583,7 +559,7 @@
height: 29px !important;
margin-top: 0 !important;
margin-left: -1px !important;
- background: url('/assets/images/map-page/icon/icon.png') no-repeat -197px 0 !important;
+ background: url('/assets/images/map-pages/icon/icon.png') no-repeat -197px 0 !important;
}
.panel-tab ul {
--
Gitblit v1.8.0