告警配置css调整

cpp-ui/src/views/largeScreen/index.vue

@@ -88,7 +88,7 @@
               <el-button @click="getAbnormalAlarms('E3')">站端硬件告警</el-button>
               <el-button @click="getAbnormalAlarms('E4')">中心解析告警</el-button>
               <el-button @click="getAbnormalAlarms('E5')">通用告警</el-button>
-              <el-button @click="getAlarmConfs()">报警配置</el-button>
+              <el-button @click="getAlarmConfs()">不告警配置</el-button>
             </div>
             <div class="dialog-title-badge flex justify-between">
               <el-badge :value="this.badgeValue.alarm">
@@ -154,81 +154,84 @@
             </div>
 
             <el-dialog
-              width="40%" style="top:15%"
-              title="告警配置"
+              width="40%" style="top:20%"
+              title="不告警配置"
               :visible.sync="innerVisible"
               append-to-body>
               <!--  TODO 移植v3        -->
-              <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                  <el-button
-                    type="primary"
-                    plain
-                    icon="el-icon-plus"
-                    size="mini"
-                    popper-class="cpp-popper"
-                    @click="handleAdd"
-                  >新增
-                  </el-button>
-                </el-col>
-                <el-col :span="1.5">
-                  <el-button
-                    type="success"
-                    plain
-                    icon="el-icon-edit"
-                    size="mini"
-                    popper-class="cpp-popper"
-                    @click="handleUpdate"
-                  >修改
-                  </el-button>
-                </el-col>
-                <el-col :span="1.5">
-                  <el-button
-                    type="danger"
-                    plain
-                    icon="el-icon-delete"
-                    size="mini"
-                    popper-class="cpp-popper"
-                    @click="handleDelete"
-                  >删除
-                  </el-button>
-                </el-col>
-              </el-row>
-              <div style="padding-top: 10px">
-                <vxe-table
-                  ref="xTable"
-                  align="center"
-                  class="mytable-style"
-                  auto-resize
-                  border
-                  resizable
-                  export-config
-                  highlight-current-row
-                  show-overflow
-                  :data="tableDataAlarmConf"
-                  :radio-config="{trigger: 'row'}">
-                  <vxe-column type="radio" width="60"/>
-                  <vxe-table-column field="stationCode" title="场站编号"
-                                    :formatter="alarmConfTypeStationFormat"></vxe-table-column>
-                  <vxe-table-column field="keyword" title="关键词"></vxe-table-column>
-                  <vxe-table-column field="type" title="类型" :formatter="alarmConfTypeFormat"></vxe-table-column>
-                  <vxe-table-column field="expireTime" title="失效时间"></vxe-table-column>
-                </vxe-table>
-                <vxe-pager
-                  background
-                  :loading="loadingAlarmConf"
-                  :current-page.sync="alarmConfPage.currentPage"
-                  :page-size.sync="alarmConfPage.pageSize"
-                  :total="alarmConfPage.total"
-                  @page-change="handleSizeChangeAlarmConf"
-                  :layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">
-                </vxe-pager>
+              <div class="dark-el-dialog">
+                <el-row :gutter="10" class="mb8">
+                  <el-col :span="1.5">
+                    <el-button
+                      type="primary"
+                      plain
+                      icon="el-icon-plus"
+                      size="mini"
+                      popper-class="cpp-popper"
+                      @click="handleAdd"
+                    >新增
+                    </el-button>
+                  </el-col>
+                  <el-col :span="1.5">
+                    <el-button
+                      type="success"
+                      plain
+                      icon="el-icon-edit"
+                      size="mini"
+                      popper-class="cpp-popper"
+                      @click="handleUpdate"
+                    >修改
+                    </el-button>
+                  </el-col>
+                  <el-col :span="1.5">
+                    <el-button
+                      type="danger"
+                      plain
+                      icon="el-icon-delete"
+                      size="mini"
+                      popper-class="cpp-popper"
+                      @click="handleDelete"
+                    >删除
+                    </el-button>
+                  </el-col>
+                </el-row>
+                <div style="padding-top: 10px">
+                  <vxe-table
+                    ref="xTable"
+                    align="center"
+                    class="mytable-style"
+                    auto-resize
+                    border
+                    resizable
+                    export-config
+                    highlight-current-row
+                    show-overflow
+                    :data="tableDataAlarmConf"
+                    :radio-config="{trigger: 'row'}">
+                    <vxe-column type="radio" width="60"/>
+                    <vxe-table-column field="stationCode" title="场站编号"
+                                      :formatter="alarmConfTypeStationFormat"></vxe-table-column>
+                    <vxe-table-column field="keyword" title="关键词"></vxe-table-column>
+                    <vxe-table-column field="type" title="类型" :formatter="alarmConfTypeFormat"></vxe-table-column>
+                    <vxe-table-column field="expireTime" title="失效时间"></vxe-table-column>
+                  </vxe-table>
+                  <vxe-pager
+                    background
+                    :loading="loadingAlarmConf"
+                    :current-page.sync="alarmConfPage.currentPage"
+                    :page-size.sync="alarmConfPage.pageSize"
+                    :total="alarmConfPage.total"
+                    @page-change="handleSizeChangeAlarmConf"
+                    :layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">
+                  </vxe-pager>
+                </div>
+
               </div>
 
-              <div class="dark-el-dialog">
-                <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="850px"
-                           height="600px"
-                           append-to-body>
+              <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="850px"
+                         height="600px" style="top:30%"
+                         append-to-body>
+                <div class="dark-el-dialog">
                   <el-form ref="form" :model="form" :rules="rules" width="830px" label-width="150px">
                     <el-row class="mb4">
                       <el-col :span="12">
@@ -283,8 +286,8 @@
                     <el-button type="primary" @click="commitChannel">确 定</el-button>
                     <el-button @click="cancelChannel">取 消</el-button>
                   </div>
-                </el-dialog>
-              </div>
+                </div>
+              </el-dialog>
             </el-dialog>
           </div>
         </el-dialog>