修改右侧面板位置

wangrui

2020-12-30 c9af3b14087191694e089dbd89072afcb5ef7e40

修改右侧面板位置

 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;
            }