只能在1366下看着还不错的预警

src/pages/localTool/standardWarning.vue

@@ -8,9 +8,9 @@
           <!--          <el-tabs v-model="activeName" @tab-click="handleClick">-->
           <!--            <el-tab-pane label="标准预警" name="STANDARD">-->
           <div class="dynamic-content">
-            <div>
-              <h5 style="font-size: 20px">实施预警</h5>
-            </div>
+<!--            <div>-->
+<!--              <h5 style="font-size: 20px">实施预警</h5>-->
+<!--            </div>-->
             <div class="more">
               <el-form :inline="true" :model="dynamic" class="demo-form-inline">
                 <el-row :gutter="24">
@@ -27,12 +27,21 @@
                                 placeholder="根据标准名称查找">
                       </el-input>
                     </el-form-item>
-                    <el-form-item label="适用车型">
-                      <el-input clearable size="mini"
-                                v-model="dynamic.applyType"
-                                placeholder="根据适用车型查找">
-                      </el-input>
+                    <!--            适用车型-->
+                    <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
+                      <el-select v-model="dynamic.applyType" size="mini"
+                                 :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable>
+                        <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
+                                   :key="opt.value" :label="opt.label">{{ opt.label }}
+                        </el-option>
+                      </el-select>
                     </el-form-item>
+<!--                    <el-form-item label="适用车型">-->
+<!--                      <el-input clearable size="mini"-->
+<!--                                v-model="dynamic.applyType"-->
+<!--                                placeholder="根据适用车型查找">-->
+<!--                      </el-input>-->
+<!--                    </el-form-item>-->
                     <el-form-item label="发布日期" style="margin-right: 10px" class="choose-time-area">
                       <el-date-picker
                           size="mini"
@@ -104,11 +113,11 @@
                 </el-row>
               </el-form>
             </div>
-            <div class="content" style="height: 100%; padding-top: 100px; ">
-              <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>
+            <div class="content" style="height: 100%">
+<!--              <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>-->
               <el-table
                   :data="newItems"
-                  height="260px"
+                  height="335px"
                   border
                   :resizable="false"
                   :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@@ -360,6 +369,7 @@ export default {
   name: "standardWarning",
   data() {
     return {
+      applyArcticOptions: [], // 适用车型下拉框
       isShowBtn: true,
       activeName: "STANDARD",   //tab 默认选中值
       // 头部搜索框
@@ -754,15 +764,16 @@ export default {
   },
   watch: {},
   mounted() {
-    // this.height = $(".content").height() * 0.4;
-    // window.onresize = () => {
-    //   this.height = $(".content").height() * 0.4;
-    // };
+    this.height = $(".content").height() * 1.8;
+    window.onresize = () => {
+      this.height = $(".content").height() * 1.8;
+    };
     //从数据库中查询下拉框数据
     this.$http.get("sys/dictype/getDicTypeListCode", {}, {
       _this: this
     }, res => {
       this.energyKindOptions = res.data.ENERGYTYPES; // 文本状态
+      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
       this.zrgcs = res.data.ZRGCSCLASS;
       this.loading[this.field] = true
       this.$http.get('sys/EarlyWarning/StandWarning', {
@@ -1015,8 +1026,11 @@ export default {
         }
 
         .more {
-          margin-top: 30px;
+          display: flex;
 
+          align-items: center;
+
+          justify-content: center;
           /deep/ .el-input__inner {
             width: 185px;
           }
@@ -1027,13 +1041,13 @@ export default {
             }
           }
 
-          cursor: pointer;
+          //cursor: pointer;
           color: #12508e;
-          position: absolute;
+          //position: absolute;
           top: 0;
           right: 0;
           z-index: 100;
-          padding: 5px 10px;
+          //padding: 5px 10px;
           // &:hover {
           //   color: #fff;
           //   background: #12508e;