bug

app/src/views/PoliceSituation/components/UnitInfo.vue

@@ -12,9 +12,9 @@
 				</div>
 			</div>
 		</div>
-		<div class="paet">隐患部位</div>
-		<div class="paetCont">
-			<!-- <div class="paetBox">
+		<div class="paet">隐患部位：</div>
+		<!-- <div class="paetCont">
+			<div class="paetBox">
 				<div class="pael">
 					<div class="wier">1</div>
 					<div class="hidTxt">隐患部位：</div>
@@ -24,10 +24,10 @@
 					<div class="hidTxt">隐患原因：</div>
 					<div class="hidTxt on" v-if="fxxxList">{{fxxxList.yhyy1 || '-'}}</div>
 				</div>
-			</div> -->
+			</div>
 			<div class="paetBox">
 				<div class="paer">
-					<!-- <div class="wier">2</div> -->
+					<div class="wier">2</div>
 					<div class="hidTxt">位置：</div>
 					<div class="hidTxt on"  v-if="fxxxList">{{fxxxList.wz ||'-'}}</div>
 				</div>
@@ -36,27 +36,47 @@
 					<div class="hidTxt on"  v-if="fxxxList">{{fxxxList.yhyy2 || '-'}}</div>
 				</div>
 			</div>
-		</div>
-		<div class="paet">历史火灾处置情况:</div>
-		<div class="maintenance-supervision" style="margin: 0 15px;" v-if="lshzList">
-			<div>
-				<div class="row header" >
-					<span class="time">起火时间</span>
-					<span class="person">人员伤亡数量</span>
-					<span class="result">财产损失</span>
-					<span class="result1">火灾原因</span>
+		</div> -->
+		<div class="maintenance-supervision" style="margin: 0 15px;">
+			<div style="height: 176px;overflow: hidden;" v-if="fxxxList && fxxxList.legth >0">
+				<div class="row header">
+					<span class="time" style="width: 80px;text-align: center;">位置</span>
+					<span class="person" style="width: 100px;text-align: center;">隐患原因</span>
 				</div>
-				<VueSeamlessScroll :data="lshzList" :class-option="classOption" class="warp">
+				<VueSeamlessScroll :data="fxxxList" :class-option="classOption" class="warp">
 					<ul class="item">
-						<li class="row" v-for="(item, index) in lshzList" :key="index">
-							<span class="time">{{ item.zqsj ||'-'}}</span>
-							<span class="person">{{item.rysws}}</span>
-							<span class="result" style="text-align: right;width: 110px;">{{item.zjccss}}</span>
-							<span class="result1">{{item.qhyy}}</span>
+						<li class="row" v-for="(item, index) in fxxxList" :key="index">
+							<span class="time">{{item.wz}}</span>
+							<span class="person">{{item.yhyy1}}</span>
 						</li>
 					</ul>
 				</VueSeamlessScroll>
 			</div>
+			<div class="wsj" v-else></div>
+		</div>
+		<div class="paet">历史火灾处置情况:</div>
+		<div class="maintenance-supervision" style="margin: 0 15px;" v-if="lshzList">
+			<div v-if="lshzList && lshzList.length > 0">
+				<div>
+					<div class="row header">
+						<span class="time">起火时间</span>
+						<span class="person">人员伤亡数量</span>
+						<span class="result">财产损失</span>
+						<span class="result1">火灾原因</span>
+					</div>
+					<VueSeamlessScroll :data="lshzList" :class-option="classOption" class="warp">
+						<ul class="item">
+							<li class="row" v-for="(item, index) in lshzList" :key="index">
+								<span class="time">{{ item.zqsj ||'-'}}</span>
+								<span class="person">{{item.rysws}}</span>
+								<span class="result" style="text-align: right;width: 110px;">{{item.zjccss}}</span>
+								<span class="result1">{{item.qhyy}}</span>
+							</li>
+						</ul>
+					</VueSeamlessScroll>
+				</div>
+			</div>
+			<div v-e class="wsj on"></div>
 		</div>
 	</div>
 </template>
@@ -118,10 +138,10 @@
 		font-size: 16px;
 	}
 
-	.hidTxt.on{
+	.hidTxt.on {
 		width: 100px;
 		overflow: hidden;
-		text-overflow:ellipsis;
+		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
 
@@ -142,8 +162,7 @@
 		font-weight: 400;
 		font-size: 18px;
 		margin: 0 15px;
-		margin-top: 16px;
-		margin-bottom: 16px;
+		margin-top: 4px;
 	}
 
 	.paetCont {
@@ -192,6 +211,19 @@
 		color: #36F6F6;
 	}
 
+	.wsj {
+		width: 100%;
+		height: 107px;
+		background-image: url(../../../assets/images/null2.png);
+		background-size: 120px;
+		background-repeat: no-repeat;
+		background-position: center;
+	}
+	.wsj.on{
+		height: 300px;
+		background-size: 200px;
+	}
+
 	.maintenance-supervision {
 
 		// padding: 10px 10px 0px 20px;

app/src/views/PoliceSituation/components/UnitInformation.vue

@@ -8,211 +8,218 @@
 			</div>
 		</div>
 		<div v-if="activeTab == 1">
-			<div class="plate">{{jzxxList.gcjzmc || '-'}}</div>
-			<div style="height: 235px; margin: 0 20px;">
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">建筑年代：</div>
-						<div class="Ptext">{{jzxxList.jcnd || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">建筑类型：</div>
-						<div class="Ptext">{{jzxxList.jzdx || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">建筑地址：</div>
-						<div class="Ptext">{{jzxxList.jzdz || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">总楼层：</div>
-						<div class="Ptext">{{jzxxList.dslc || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">建筑结构：</div>
-						<div class="Ptext">{{jzxxList.jzdx || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">建筑用途：</div>
-						<div class="Ptext">{{jzxxList.jznsygn || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">占地面积：</div>
-						<div class="Ptext">{{jzxxList.jzmj || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">建筑面积：</div>
-						<div class="Ptext">{{jzxxList.jzmj || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">管理单位：</div>
-						<div class="Ptext">{{jzxxList.glzthztjzd || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">消防控制室：</div>
-						<div class="Ptext">{{jzxxList.xfaqglxs || '-'}}</div>
+			<div v-if="jzxxList && jzxxList.length > 0">
+				<div class="plate">{{jzxxList.gcjzmc || '-'}}</div>
+				<div style="height: 235px; margin: 0 20px;">
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">建筑年代：</div>
+							<div class="Ptext">{{jzxxList.jcnd || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">建筑类型：</div>
+							<div class="Ptext">{{jzxxList.jzdx || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">建筑地址：</div>
+							<div class="Ptext">{{jzxxList.jzdz || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">总楼层：</div>
+							<div class="Ptext">{{jzxxList.dslc || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">建筑结构：</div>
+							<div class="Ptext">{{jzxxList.jzdx || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">建筑用途：</div>
+							<div class="Ptext">{{jzxxList.jznsygn || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">占地面积：</div>
+							<div class="Ptext">{{jzxxList.jzmj || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">建筑面积：</div>
+							<div class="Ptext">{{jzxxList.jzmj || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">管理单位：</div>
+							<div class="Ptext">{{jzxxList.glzthztjzd || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">消防控制室：</div>
+							<div class="Ptext">{{jzxxList.xfaqglxs || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">消防安全责任人：</div>
+							<div class="Ptext">{{jzxxList.xfaqzrr || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">联系方式：</div>
+							<div class="Ptext">{{jzxxList.xfaqzrrlxdh || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">消防安全管理人：</div>
+							<div class="Ptext">{{jzxxList.xfaqlxr || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">联系方式：</div>
+							<div class="Ptext">{{jzxxList.xfaqlxrlxdh || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">消防安全联系人：</div>
+							<div class="Ptext">{{jzxxList.xfaqzbr || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">联系方式：</div>
+							<div class="Ptext">{{jzxxList.xfaqzbrlxdh || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">消防室值班人员：</div>
+							<div class="Ptext">{{jzxxList.xfaqzbr || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">联系方式：</div>
+							<div class="Ptext">{{jzxxList.xfaqzbrlxdh || '-'}}</div>
+						</div>
 					</div>
 				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">消防安全责任人：</div>
-						<div class="Ptext">{{jzxxList.xfaqzrr || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">联系方式：</div>
-						<div class="Ptext">{{jzxxList.xfaqzrrlxdh || '-'}}</div>
-					</div>
+				<div class="att">建筑附件：</div>
+				<div style="display: flex;margin: 0 20px;margin-top: 10px;" v-if="jzxxList.jzzp">
+					<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp"
+						:preview-src-list="srcList">
+					</el-image>
+					<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp1"
+						:preview-src-list="srcList">
+					</el-image>
+					<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp2"
+						:preview-src-list="srcList">
+					</el-image>
+					<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp3"
+						:preview-src-list="srcList">
+					</el-image>
+					<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp4"
+						:preview-src-list="srcList">
+					</el-image>
 				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">消防安全管理人：</div>
-						<div class="Ptext">{{jzxxList.xfaqlxr || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">联系方式：</div>
-						<div class="Ptext">{{jzxxList.xfaqlxrlxdh || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">消防安全联系人：</div>
-						<div class="Ptext">{{jzxxList.xfaqzbr || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">联系方式：</div>
-						<div class="Ptext">{{jzxxList.xfaqzbrlxdh || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">消防室值班人员：</div>
-						<div class="Ptext">{{jzxxList.xfaqzbr || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">联系方式：</div>
-						<div class="Ptext">{{jzxxList.xfaqzbrlxdh || '-'}}</div>
-					</div>
-				</div>
-			</div>
-			<div class="att">建筑附件：</div>
-			<div style="display: flex;margin: 0 20px;margin-top: 10px;" v-if="jzxxList.jzzp">
-				<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp"
-					:preview-src-list="srcList">
-				</el-image>
-				<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp1"
-					:preview-src-list="srcList">
-				</el-image>
-				<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp2"
-					:preview-src-list="srcList">
-				</el-image>
-				<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp3"
-					:preview-src-list="srcList">
-				</el-image>
-				<el-image style="width: 75px; height: 51px;margin-right: 29px;" :src="jzxxList.jzzp4"
-					:preview-src-list="srcList">
-				</el-image>
 			</div>
+			<div v-else class="wsj"></div>
 		</div>
 		<div v-if="activeTab == 2">
-			<div class="plate" v-if="ajxxList">{{ajxxList.zhcs || '-'}}</div>
-			<div style="height: 235px; margin: 0 20px;">
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">报警电话：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.bjdh || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">案件类型：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.ajlx ||'-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">案件等级：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.ajdj ||'-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">案发时间：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.afsj ||'-'}}</a></div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">失踪人数：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.szrs ||'-' }}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">案发地址：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.afdz ||'-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">被困人数：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.bkrs || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">主管机构：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.zgjg || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">死亡人数：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.swss || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">案件描述：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.ajms || '-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">受伤人数：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.ssrs || '-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">建筑结构：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.jzjg ||'-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">烟雾情况：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.ywqk ||'-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">楼房层数：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.lfcs ||'-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">燃烧楼层：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.rslc ||'-'}}</div>
-					</div>
-				</div>
-				<div class="pCont">
-					<div class="pCOntent on">
-						<div class="PTxt">燃烧对象：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.rsdx ||'-'}}</div>
-					</div>
-					<div class="pCOntent">
-						<div class="PTxt">燃烧面积：</div>
-						<div class="Ptext" v-if="ajxxList">{{ajxxList.rsmj ||'-'}}</div>
+			<div v-if="jzxxList && jzxxList.length > 0">
+				<div class="plate" v-if="ajxxList">{{ajxxList.zhcs || '-'}}</div>
+				<div style="height: 235px; margin: 0 20px;">
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">报警电话：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.bjdh || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">案件类型：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.ajlx ||'-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">案件等级：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.ajdj ||'-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">案发时间：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.afsj ||'-'}}</a></div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">失踪人数：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.szrs ||'-' }}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">案发地址：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.afdz ||'-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">被困人数：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.bkrs || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">主管机构：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.zgjg || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">死亡人数：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.swss || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">案件描述：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.ajms || '-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">受伤人数：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.ssrs || '-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">建筑结构：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.jzjg ||'-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">烟雾情况：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.ywqk ||'-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">楼房层数：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.lfcs ||'-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">燃烧楼层：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.rslc ||'-'}}</div>
+						</div>
+					</div>
+					<div class="pCont">
+						<div class="pCOntent on">
+							<div class="PTxt">燃烧对象：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.rsdx ||'-'}}</div>
+						</div>
+						<div class="pCOntent">
+							<div class="PTxt">燃烧面积：</div>
+							<div class="Ptext" v-if="ajxxList">{{ajxxList.rsmj ||'-'}}</div>
+						</div>
 					</div>
 				</div>
 			</div>
+			<div v-else class="wsj"></div>
 		</div>
 		<div v-if="activeTab == 3">
 			<div class="maintenance-supervision">
+				<div v-if="wlwsb && wlwsb.length > 0">
 				<div class="maintenance-supervision_header" style="display: flex;justify-content: space-between;">
 					<el-select style="width: 220px;" v-model="value" placeholder="选择设备类型">
 						<el-option v-for="item in opti" :key="item.value" :label="item.label" :value="item.value">
@@ -224,28 +231,30 @@
 						<el-button @click="resetForm">重置</el-button>
 					</div>
 				</div>
-				<div>
-					<div class="row header">
-						<span class="time">设备类型</span>
-						<span class="person">位置</span>
-						<span class="result">监控值</span>
-						<span class="result1">业务状态</span>
+					<div>
+						<div class="row header">
+							<span class="time">设备类型</span>
+							<span class="person">位置</span>
+							<span class="result">监控值</span>
+							<span class="result1">业务状态</span>
+						</div>
+						<VueSeamlessScroll :data="wlwsb" :class-option="classOption" class="warp" hoverStop>
+							<ul class="item">
+								<li class="row" v-for="(item, index) in wlwsb" :key="index" @click="tab(item.id)"
+									:class="item.id === id ? 'selected' : ''">
+									<span class="time"
+										style="width: 110px;overflow: hidden;height: 40px;">{{item.sblx}}</span>
+									<span class="person"
+										style="width: 110px;overflow: hidden;height: 40px;">{{item.wz}}</span>
+									<span class="result">{{item.jkz ||'-'}}</span>
+									<span class="result1"
+										style="width: 100px;overflow: hidden;height: 40px;text-align: right;">{{item.zt}}</span>
+								</li>
+							</ul>
+						</VueSeamlessScroll>
 					</div>
-					<VueSeamlessScroll :data="wlwsb" :class-option="classOption" class="warp" hoverStop>
-						<ul class="item">
-							<li class="row" v-for="(item, index) in wlwsb" :key="index" @click="tab(item.id)"
-								:class="item.id === id ? 'selected' : ''">
-								<span class="time"
-									style="width: 110px;overflow: hidden;height: 40px;">{{item.sblx}}</span>
-								<span class="person"
-									style="width: 110px;overflow: hidden;height: 40px;">{{item.wz}}</span>
-								<span class="result">{{item.jkz ||'-'}}</span>
-								<span class="result1"
-									style="width: 100px;overflow: hidden;height: 40px;text-align: right;">{{item.zt}}</span>
-							</li>
-						</ul>
-					</VueSeamlessScroll>
 				</div>
+				<div v-else class="wsj"></div>
 			</div>
 		</div>
 	</div>
@@ -314,7 +323,7 @@
 				const params = {
 					pageSize: 100,
 					pageNum: 1,
-					sblx:this.value
+					sblx: this.value
 				}
 				getWlwsb(params).then(res => {
 					this.wlwsb = res.data.rows
@@ -337,6 +346,15 @@
 </script>
 
 <style scoped lang='less'>
+	.wsj {
+		width: 100%;
+		height: 235px;
+		background-image: url(../../../assets/images/null2.png);
+		background-size: 235px;
+		background-repeat: no-repeat;
+		background-position: center 35px;
+	}
+
 	.maintenance-supervision {
 
 		// padding: 10px 10px 0px 20px;

app/src/views/PoliceSituation/index.vue

@@ -1,272 +1,230 @@
 <template>
-  <div style="padding: 0px 35px; display: flex; justify-content: space-between">
-    <div>
-      <border-panel
-        height="350px"
-        width="540px"
-        style="margin-bottom: 6px"
-        :headerType="3"
-        title="报警信息"
-      >
-        <Alaem
-          :list="bjxxList"
-          v-if="bjxxList && bjxxList.length > 0"
-          @callback="callback"
-          :pId="pId"
-        />
-      </border-panel>
-      <border-panel
-        height="600px"
-        width="540px"
-        style="margin-bottom: 6px"
-        :headerType="3"
-        title="出动力量"
-      >
-        <MobilizeStrength
-          :list="cdxxList"
-          :zlxx="zlxx"
-          :hcws="hcws"
-          :hcws1="hcws1"
-        />
-      </border-panel>
-    </div>
-    <div style="width: 1000px; padding-bottom: 6px; position: relative">
-      <!-- <Map :data="mapData" v-if="mapData" /> -->
-      <iframe
-        ref="box"
-        src="https://www.720yun.com/t/65aknlde0pm?scene_id=110320524"
-        style="height: 100%; width: 100%"
-        v-if="middleType === '720'"
-      ></iframe>
-      <div style="height: 100%; width: 100%; position: relative" v-else>
-        <Map :data="mapData" v-if="mapData" />
-      </div>
-      <!-- <div
+	<div style="padding: 0px 35px; display: flex; justify-content: space-between">
+		<div>
+			<border-panel height="350px" width="540px" style="margin-bottom: 6px" :headerType="3" title="报警信息">
+				<Alaem :list="bjxxList" v-if="bjxxList && bjxxList.length > 0" @callback="callback" :pId="pId" />
+			</border-panel>
+			<border-panel height="600px" width="540px" style="margin-bottom: 6px" :headerType="3" title="出动力量">
+				<MobilizeStrength :list="cdxxList" :zlxx="zlxx" :hcws="hcws" :hcws1="hcws1" />
+			</border-panel>
+		</div>
+		<div style="width: 1000px; padding-bottom: 6px; position: relative">
+			<!-- <Map :data="mapData" v-if="mapData" /> -->
+			<iframe ref="box" src="https://www.720yun.com/t/65aknlde0pm?scene_id=110320524"
+				style="height: 100%; width: 100%" v-if="middleType === '720'"></iframe>
+			<div style="height: 100%; width: 100%; position: relative" v-else>
+				<Map :data="mapData" v-if="mapData" />
+			</div>
+			<!-- <div
         class="m-btn d"
         :class="middleType === '720' ? 'map' : 'd'"
         @click="changeMiddleType"
       ></div> -->
-    </div>
-    <div>
-      <border-panel
-        height="469px"
-        width="540px"
-        style="margin-bottom: 6px"
-        :headerType="3"
-        title="事故单位信息"
-      >
-        <UnitInformation
-          :ajxxList="ajxxList"
-          :jzxxList="jzxxList"
-          :wlwsb="wlwsb"
-        />
-      </border-panel>
-      <border-panel
-        height="480px"
-        width="540px"
-        style="margin-bottom: 6px"
-        :headerType="3"
-        title="风险隐患信息"
-      >
-        <UnitInfo :fxxxList="fxxxList" :lshzList="lshzList" />
-      </border-panel>
-    </div>
-  </div>
+		</div>
+		<div>
+			<border-panel height="469px" width="540px" style="margin-bottom: 6px" :headerType="3" title="事故单位信息">
+				<UnitInformation :ajxxList="ajxxList" :jzxxList="jzxxList" :wlwsb="wlwsb" />
+			</border-panel>
+			<border-panel height="480px" width="540px" style="margin-bottom: 6px" :headerType="3" title="风险隐患信息">
+				<UnitInfo :fxxxList="fxxxList" :lshzList="lshzList" />
+			</border-panel>
+		</div>
+	</div>
 </template>
 <script>
-import MobilizeStrength from "./components/MobilizeStrength.vue";
-import Alaem from "./components/Alarm.vue";
-import UnitInformation from "./components/UnitInformation.vue";
-import UnitInfo from "./components/UnitInfo.vue";
-import Map from "@/components/Map.vue";
-import moment from "moment";
-import {
-  getBjxx,
-  geTzl,
-  getCdllxx,
-  getHcws,
-  getAjxx,
-  getJzxx,
-  getWlwsb,
-  getFxyhxx,
-  getZhd,
-} from "@/api/jqdt.js";
-export default {
-  name: "Fire",
-  components: {
-    Map,
-    Alaem,
-    MobilizeStrength,
-    UnitInformation,
-    UnitInfo,
-  },
-  data() {
-    return {
-      gxsj1: null,
-      pId: null,
-      params: {
-        pageSize: 100,
-        pageNum: 1,
-        qy: null,
-        id: null,
-      },
-      ajid: "",
-      bjxxList: [], //报警信息
-      cdxxList: [], //出动信息列表
-      zlxx: [], //出动信息总览
-      hcws: [], //火场文书
-      hcws1: [],
-      ajxxList: [],
-      jzxxList: {},
-      fxxxList: {},
-      lshzList: [],
-      wlwsb: [],
-      mapData: null,
-      middleType: "map",
-    };
-  },
-  methods: {
-    changeMiddleType() {
-      if (this.middleType === "720") {
-        this.getMapData();
-        this.middleType = "map";
-      } else {
-        this.middleType = "720";
-      }
-    },
-    getMapData() {
-      // console.log(this.params.id);
-      this.mapData = null;
-      getZhd({
-        id: this.params.id,
-      }).then((res) => {
-        console.log(res);
-        if (res.data && res.data.data) {
-          this.mapData = {
-            jd: res.data.data.dqjd1,
-            wd: res.data.data.dqwd1,
-            zl: res.data.data.总览信息1,
-            jzmc: res.data.data.ddmc,
-            showzhd: true,
-          };
-        }
-      });
-    },
-    getQueryString(name) {
-      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-      var r = window.location.search.substr(1).match(reg);
-      if (r != null) {
-        return unescape(r[2]);
-      }
-      return null;
-    },
-    callback(id) {
-      this.params.id = id;
-      this.getMapData();
-      this.getOtherData();
-    },
-    openBasicModal() {
-      this.showModal("basicInfoModal");
-    },
-    getOtherData() {
-      // 出警力量
-      const cdxxId = {
-        ajid: this.params.id,
-      };
-      getCdllxx(cdxxId).then((res) => {
-        this.cdxxList = res.data.rows;
-      });
-      // 出动力量-总览
-      geTzl(this.params).then((res) => {
-        this.zlxx = res.data.rows ? res.data.rows[0].zl : "";
-      });
-      // 火场文书
-      const hcwsId = {
-        jqTywysbm: this.params.id,
-      };
-      getHcws(hcwsId).then((res) => {
-        this.hcws1 = res.data.rows[0];
-        let i = res.data.rows;
-        let i2 = i.filter((item, index) => {
-          return index;
-        });
-        this.hcws = i2.map((i) => {
-          return {
-            ...i,
-            gxsj: moment(i.gxsj).format("yyyy-MM-DD"),
-          };
-        });
-        this.hcws1.gxsj = moment(this.hcws1.gxsj).format("yyyy-MM-DD");
-      });
-      // 事故单位信息-案件信息列表
-      getAjxx(this.params).then((res) => {
-        this.ajxxList = res.data.rows[0];
-      });
-      // 事故单位建筑信息
-      const jzxxid = {
-        ajid: this.params.id,
-      };
-      getJzxx(jzxxid).then((res) => {
-        this.jzxxList = res.data.rows;
-      });
-      // 风险隐患信息
-      const fxyhId = {
-        ajid: this.params.id,
-      };
-      getFxyhxx(fxyhId).then((res) => {
-        this.fxxxList =
-          res.data.rows && res.data.rows.length > 0 ? res.data.rows[0] : null;
-        this.lshzList = res.data.rows;
-      });
-      // 物联网设备信息
-      const wlwId = {
-        ajid: this.params.id,
-      };
-      getWlwsb(wlwId).then((res) => {
-        this.wlwsb = res.data.rows;
-      });
-    },
-    getList() {
-      const params1 = {
-        pageSize: 10000,
-        pageNum: 1,
-      };
-      getBjxx(params1).then((res) => {
-        let list = res.data.rows;
-        if (this.pId) {
-          list = list.filter((p) => p.id !== this.pId);
-          list.unshift(res.data.rows.find((p) => p.id === this.pId));
-        }
-        this.bjxxList = list;
-      });
-    },
-  },
-  created() {
-    const id = this.getQueryString("id");
-    this.pId = id;
-    this.getList();
-  },
-};
+	import MobilizeStrength from "./components/MobilizeStrength.vue";
+	import Alaem from "./components/Alarm.vue";
+	import UnitInformation from "./components/UnitInformation.vue";
+	import UnitInfo from "./components/UnitInfo.vue";
+	import Map from "@/components/Map.vue";
+	import moment from "moment";
+	import {
+		getBjxx,
+		geTzl,
+		getCdllxx,
+		getHcws,
+		getAjxx,
+		getJzxx,
+		getWlwsb,
+		getFxyhxx,
+		getZhd,
+	} from "@/api/jqdt.js";
+	export default {
+		name: "Fire",
+		components: {
+			Map,
+			Alaem,
+			MobilizeStrength,
+			UnitInformation,
+			UnitInfo,
+		},
+		data() {
+			return {
+				gxsj1: null,
+				pId: null,
+				params: {
+					pageSize: 100,
+					pageNum: 1,
+					qy: null,
+					id: null,
+				},
+				ajid: "",
+				bjxxList: [], //报警信息
+				cdxxList: [], //出动信息列表
+				zlxx: [], //出动信息总览
+				hcws: [], //火场文书
+				hcws1: [],
+				ajxxList: [],
+				jzxxList: {},
+				fxxxList: {},
+				lshzList: [],
+				wlwsb: [],
+				mapData: null,
+				middleType: "map",
+			};
+		},
+		methods: {
+			changeMiddleType() {
+				if (this.middleType === "720") {
+					this.getMapData();
+					this.middleType = "map";
+				} else {
+					this.middleType = "720";
+				}
+			},
+			getMapData() {
+				// console.log(this.params.id);
+				this.mapData = null;
+				getZhd({
+					id: this.params.id,
+				}).then((res) => {
+					console.log(res);
+					if (res.data && res.data.data) {
+						this.mapData = {
+							jd: res.data.data.dqjd1,
+							wd: res.data.data.dqwd1,
+							zl: res.data.data.总览信息1,
+							jzmc: res.data.data.ddmc,
+							showzhd: true,
+						};
+					}
+				});
+			},
+			getQueryString(name) {
+				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+				var r = window.location.search.substr(1).match(reg);
+				if (r != null) {
+					return unescape(r[2]);
+				}
+				return null;
+			},
+			callback(id) {
+				this.params.id = id;
+				this.getMapData();
+				this.getOtherData();
+			},
+			openBasicModal() {
+				this.showModal("basicInfoModal");
+			},
+			getOtherData() {
+				// 出警力量
+				const cdxxId = {
+					ajid: this.params.id,
+				};
+				getCdllxx(cdxxId).then((res) => {
+					this.cdxxList = res.data.rows;
+				});
+				// 出动力量-总览
+				geTzl(this.params).then((res) => {
+					this.zlxx = res.data.rows ? res.data.rows[0].zl : "";
+				});
+				// 火场文书
+				const hcwsId = {
+					jqTywysbm: this.params.id,
+				};
+				getHcws(hcwsId).then((res) => {
+					this.hcws1 = res.data.rows[0];
+					let i = res.data.rows;
+					let i2 = i.filter((item, index) => {
+						return index;
+					});
+					this.hcws = i2.map((i) => {
+						return {
+							...i,
+							gxsj: moment(i.gxsj).format("yyyy-MM-DD"),
+						};
+					});
+					this.hcws1.gxsj = moment(this.hcws1.gxsj).format("yyyy-MM-DD");
+				});
+				// 事故单位信息-案件信息列表
+				getAjxx(this.params).then((res) => {
+					this.ajxxList = res.data.rows[0];
+				});
+				// 事故单位建筑信息
+				const jzxxid = {
+					ajid: this.params.id,
+				};
+				getJzxx(jzxxid).then((res) => {
+					this.jzxxList = res.data.rows;
+				});
+				// 风险隐患信息
+				const fxyhId = {
+					ajid: this.params.id,
+				};
+				getFxyhxx(fxyhId).then((res) => {
+					this.fxxxList =
+						res.data.rows && res.data.rows.length > 0 ? res.data.rows[0] : null;
+					this.lshzList = res.data.rows;
+				});
+				// 物联网设备信息
+				const wlwId = {
+					ajid: this.params.id,
+				};
+				getWlwsb(wlwId).then((res) => {
+					this.wlwsb = res.data.rows;
+				});
+			},
+			getList() {
+				const params1 = {
+					pageSize: 10000,
+					pageNum: 1,
+				};
+				getBjxx(params1).then((res) => {
+					let list = res.data.rows;
+					if (this.pId) {
+						list = list.filter((p) => p.id !== this.pId);
+						list.unshift(res.data.rows.find((p) => p.id === this.pId));
+					}
+					this.bjxxList = list;
+				});
+			},
+		},
+		created() {
+			const id = this.getQueryString("id");
+			this.pId = id;
+			this.getList();
+		},
+	};
 </script>
 
 <style scoped lang="less">
-.m-btn {
-  width: 78px;
-  height: 72px;
-  position: absolute;
-  right: 20px;
-  top: 30px;
-  z-index: 99;
-  cursor: pointer;
-}
-.m-btn.d {
-  background: url("../../assets/images/dd-change-720.png") center center
-    no-repeat;
-  background-size: 78px 72px;
-}
-.m-btn.map {
-  background: url("../../assets/images/dd-change-map.png") center center
-    no-repeat;
-  background-size: 78px 72px;
-}
-</style>
+	.m-btn {
+		width: 78px;
+		height: 72px;
+		position: absolute;
+		right: 20px;
+		top: 30px;
+		z-index: 99;
+		cursor: pointer;
+	}
+
+	.m-btn.d {
+		background: url("../../assets/images/dd-change-720.png") center center no-repeat;
+		background-size: 78px 72px;
+	}
+
+	.m-btn.map {
+		background: url("../../assets/images/dd-change-map.png") center center no-repeat;
+		background-size: 78px 72px;
+	}
+</style>