1.修改报警历史记录字体

src/components/headerBox/dialog/headerDialog.vue

@@ -9,11 +9,11 @@
 -->
 <template>
   <div>
-    <el-dialog v-model="is_Show" title="历史报警记录" ref="" destroy-on-close>
+    <el-dialog title="历史报警记录" v-model="is_Show" ref="" destroy-on-close >
       <div style="margin-bottom: 20px">
         <el-row :gutter="20">
-          <el-col :span="13">
+          <el-col :span="15">
-            <span style="margin-right: 10px">日期：</span>
+            <span style="margin-right: 10px; font-size: 18px;">日期：</span>
             <el-date-picker
               v-model="selectTime"
               type="datetimerange"
@@ -22,11 +22,13 @@
               format="YYYY/MM/DD HH:mm:ss"
               start-placeholder="开始时间"
               end-placeholder="结束时间"
+              size="large"
+              style="font-size: 18px;" 
             />
           </el-col>
-          <el-col :span="7">
+          <el-col :span="9">
-            <span style="margin-right: 10px">类型：</span>
+            <span style="margin-right: 10px; font-size: 18px;" >类型：</span>
-            <el-select v-model="searchConfig.alarmType" clearable placeholder="请选择报警类型">
+            <el-select v-model="searchConfig.alarmType" clearable placeholder="请选择报警类型" style="font-size: 18px;" size="large">
               <el-option
                 v-for="item in alarmTypeOptions"
                 :key="item.value"
@@ -35,33 +37,29 @@
               />
             </el-select>
           </el-col>
-          <el-col :span="2">
+
-            <el-button type="primary" plain @click="searchpartData"
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="18"> </el-col>
+          <el-col :span="6">
+            <el-button type="primary" plain @click="searchpartData"  size="large"
               >搜索</el-button
             >
-          </el-col>
+            <el-button type="primary" plain @click="searchpartReset"  size="large"
-          <el-col :span="2">
-            <el-button type="primary" plain @click="searchpartReset"
               >重置</el-button
             >
           </el-col>
+
         </el-row>
-        <!-- <el-row :gutter="20">
-          <el-col :span="18"> </el-col>
-          <el-col :span="6">
-            <el-button type="primary" plain @click="searchpartData"
-              >搜索</el-button
-            >
-          </el-col>
-        </el-row> -->
       </div>
 
       <el-table
         :data="tableData"
         v-loading="dialogLoading"
         size="large"
-        max-height="600px"
+        max-height="650px"
         stripe
+        style="font-size: 18px;"
       >
         <el-table-column
           type="index"
@@ -87,6 +85,8 @@
           :background="background"
           layout="  prev, pager, next, jumper,sizes"
           :total="props.total"
+          size="large"
+          style="font-size: 18px;"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         />
@@ -257,8 +257,6 @@ const shortcuts = [
 ];
 //搜索
 function searchpartData() {
-  console.log(searchConfig,'search');
-  
   emits("getDialogdatafun", searchConfig);
 }
 //重置
@@ -268,7 +266,6 @@ function searchpartReset(){
   //需要重置startTime、endTime，因监听重置有延迟
   searchConfig.startTime = null;
   searchConfig.endTime = null;
-  console.log(searchConfig,'reset');
   emits("getDialogdatafun", searchConfig);
 }
 onMounted(() => {});
@@ -278,4 +275,10 @@ onMounted(() => {});
 .pagination-class {
   margin-top: 20px;
 }
+:deep(.el-dialog__title){
+  font-size: 25px ; 
+}
+.el-row {
+  margin-bottom: 20px;
+}
 </style>