chore: 样式修改

app/src/assets/css/main.css

@@ -21,8 +21,18 @@ html,body {
   display: none;
 }
 
-
-
+.el-picker-panel__content  {
+  background-color: #4167a0;
+  color: #fff;
+}
+.el-picker-panel__content  .el-picker-panel__icon-btn {
+  color: #fff;
+}
+.el-date-table th {
+  color: #fff;
+  /* display: flex; */
+  padding: 0px 15px;
+}
 .el-select-dropdown.el-popper {
   background-color: #4167a0;
 }
@@ -53,6 +63,7 @@ html,body {
 }
 
 
+
 .amap-logo { 
   display: none !important;
 }

app/src/views/Home/components/AlarmingSituationDynamics/AlaemList.vue

@@ -1,16 +1,25 @@
 <template>
 	<div class="maintenance-supervision">
 		<div class="maintenance-supervision_header">
-			<el-input v-model="search" placeholder="请输入建筑名"></el-input>
-			<el-select clearable style="width: 100px;" v-model="value" placeholder="选择警情类型">
-				<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-				</el-option>
-			</el-select>
-			<el-select clearable style="width: 100px;" v-model="value1" placeholder="警情时段">
-				<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
-				</el-option>
-			</el-select>
-			<el-button style="width: 100px; margin: 0;" @click="searchTab">搜索</el-button>
+			<div>
+        <el-select clearable style="width: 100px;" v-model="value" placeholder="选择警情类型">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+        
+        <el-date-picker
+          v-model="value1"
+          type="daterange"
+          size="size"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <div>
+        <el-input v-model="search" placeholder="请输入建筑名"></el-input>
+        <el-button style="width: 100px; margin: 0;" @click="searchTab">搜索</el-button>
+      </div>
 		</div>
 		<div>
 			<div class="row header">
@@ -89,71 +98,6 @@
 						label: '拉动演练'
 					}
 				],
-				options1: [{
-						value: '接警',
-						label: '接警'
-					},
-					{
-						value: '下达',
-						label: '下达'
-					},
-					{
-						value: '出动',
-						label: '出动'
-					},
-					{
-						value: '到场',
-						label: '到场'
-					},
-					{
-						value: '展开',
-						label: '展开'
-					},
-					{
-						value: '出水',
-						label: '出水'
-					},
-					{
-						value: '控制',
-						label: '控制'
-					},
-					{
-						value: '熄灭',
-						label: '熄灭'
-					},
-					{
-						value: '清理现场',
-						label: '清理现场'
-					},
-					{
-						value: '返回',
-						label: '返回'
-					},
-					{
-						value: '归队',
-						label: '归队'
-					},
-					{
-						value: '结案',
-						label: '结案'
-					},
-					{
-						value: '归档',
-						label: '归档'
-					},
-					{
-						value: '中返',
-						label: '中返'
-					},
-					{
-						value: '停水',
-						label: '停水'
-					},
-					{
-						value: '其他',
-						label: '其他'
-					}
-				],
 				checked: 0,
 				newList: "",
 				czztList: []
@@ -178,7 +122,7 @@
 					ddmc: this.search,
 					zqlx: this.value,
 					ajzt: this.value1,
-					type: this.type
+          // id: ['2023-06-16','2023-06-23']
 				}
 				getBjxx(params).then(res => {
 					console.log(res, '报警信息');

app/src/views/Home/components/AlarmingSituationDynamics/index.vue

@@ -33,7 +33,7 @@
 			<div><span class="value" @click="onClickHandler(index)">{{ item.con }}</span><span class="unit">起</span></div>
 			<div>{{ item.type }}</div>
 		</div>
-    <basic-modal style="margin: 0px;" top="0px" width="100%"  name="历史警情查询" ref="alarmingSituationDynamics">
+    <basic-modal  top="0px" width="100%"  name="历史警情查询" ref="alarmingSituationDynamics">
       <ModalContent></ModalContent>
     </basic-modal>
 	</div>
@@ -118,6 +118,9 @@
 </script>
 
 <style lang="less" scoped>
+  ::v-deep(.el-dialog) {
+    margin: 0px;
+  }
 	.alarming-situation-dynamics li.row:hover {
 		background: rgba(0, 194, 255, 0.14) !important;
 	}