Procházet zdrojové kódy

fix: 警情动态弹窗添加滚动条

TwoKe945 před 1 rokem
rodič
revize
658165f28d

+ 2 - 2
app/src/views/Home/components/AlarmingSituationDynamics/AlaemList.vue

@@ -29,7 +29,7 @@
 				<span class="result1">处置状态</span>
 				<span class="result2">报警时间</span>
 			</div>
-			<div class="" style="height: 100vh;overflow: auto;">
+			<div class="" style="height: 152px;overflow: auto;">
 				<ul class="item">
 					<div v-for="(item, index) in czztList" :key="index">
 						<li class="row" @click="tab(item.id)" :class="item.id === id ? 'selected' : ''">
@@ -196,7 +196,7 @@
 		background-size: 30px;
 	}
 	::-webkit-scrollbar {
-			border-radius: 3px;
+		border-radius: 3px;
 		width: 8px;
 		height: 8px;
 		background: rgba(0, 213, 255, 0.3);

+ 1 - 1
app/src/views/Home/components/AlarmingSituationDynamics/ModalContent.vue

@@ -1,5 +1,5 @@
 <template>
-	<div style="padding: 0px; display: flex; justify-content: space-between">
+	<div style="padding: 0px; display: flex; justify-content: space-between;">
 		<div>
 			<border-panel height="350px" width="540px" style="margin-bottom: 6px" :headerType="3" title="警情列表">
 				<AlaemList :selectTimes="selectTimes" :list="bjxxList" v-if="bjxxList && bjxxList.length > 0" @callback="callback" :pId="pId" />

+ 5 - 1
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  top="0px" width="100%"  name="历史警情查询" ref="alarmingSituationDynamics">
+    <basic-modal top="0px" width="100%"  name="历史警情查询" ref="alarmingSituationDynamics">
       <ModalContent  :selectTimes="times"></ModalContent>
     </basic-modal>
 	</div>
@@ -137,7 +137,11 @@
 <style lang="less" scoped>
   ::v-deep(.el-dialog) {
     margin: 0px;
+		
   }
+	::v-deep(.el-dialog__wrapper) {
+			overflow:hidden;
+		}
 	.alarming-situation-dynamics li.row:hover {
 		background: rgba(0, 194, 255, 0.14) !important;
 	}