运维人员查看问题调整

pagesFinance/statistics/index.vue

@@ -285,11 +285,16 @@
 
 			<view class="indexData4content">
 				<view class="contentTitle">
-					{{indexData4Obj.typeName}}枪{{indexData4Obj.text}}明细
+					{{indexData4Obj.typeName}}枪{{indexData4Obj.text}}明细
+					<view v-show='indexData4Obj.value=="bot3span"' style="color:#777777;font-size: 12px;font-weight: normal;">
+						点击站点查看故障枪
+					</view>
 				</view>
 				<scroll-view scroll-y="true" style="height: 520rpx;">
 					<view style="padding-bottom: 30rpx;">
-						<view class="contentItem" v-for="(item,index) in indexData4List" v-show="item.queryNum" :key="index" >
+						<view class="contentItem" v-for="(item,index) in indexData4List"
+						 @click="ckIndexData4(item)"
+						 v-show="item.queryNum" :key="index" >
 							
 								
 							<span class="span1">
@@ -515,7 +520,28 @@
 				</view>
 			</view>
 
-		</view>
+		</view>
+		
+		<u-modal v-model="ckIndexData4modal" :showTitle="false" >
+			<view class="ckIndexData4modal">
+				<view class="m1">{{ckIndexData4Obj.stationName}}</view>
+				<view class="m2">
+					<scroll-view scroll-y="true" style="height: 320rpx;">
+					<view class="m3" v-for="(item,i) in ckIndexData4Obj.gunList" :key="i">
+						<view class="m4" >
+							<span v-if="item.sortNo">{{item.sortNo}}号<text>/</text></span>{{item.deviceName}}{{'枪'+item.channelNo}}
+						</view>
+						
+						<view class="m5" >{{item.workStatusText}}</view>
+					</view>
+					<u-divider v-show="ckIndexData4Obj.gunList&&ckIndexData4Obj.gunList.length>5">已经到底了</u-divider>
+
+
+					</scroll-view>
+				</view>
+			</view>
+		</u-modal>
+
 		<Tabbar :current="0" ref="tabbarMain"></Tabbar>
 		<!-- 		<u-tabbar v-model="current" :list="tabbarList" active-color="#185ac6"></u-tabbar>
  -->
@@ -638,7 +664,9 @@
 				stepname: '',
 				startTime: '',
 				stepid: 0,
-				windowWidth:0,
+				windowWidth:0,
+				ckIndexData4modal:false,
+				ckIndexData4Obj:{},
 
 			}
 		},
@@ -744,6 +772,14 @@
 					})
 				})
 				
+			},
+			ckIndexData4(item){
+			
+				if(	this.indexData4Obj.value=="bot3span"){
+					console.log(item)
+					this.ckIndexData4modal=true;
+					this.ckIndexData4Obj=item;
+				}
 			},
 			indexDate4Ck(c, t) {
 				//汽车充电
@@ -2121,5 +2157,26 @@
 			padding: 10px 16px 16px 16px;
 			border-radius: 8px;
 		}
+	}
+	
+	.ckIndexData4modal{
+		padding: 20px;
+		.m1{
+		
+			color: #333333;
+			    font-size: 32rpx;
+			    text-align: center;
+			    font-weight: bold;
+		}
+		.m2{
+			    margin-top: 10px;
+		}
+		.m3{
+			display: flex;
+			    justify-content: space-between;
+		}
+		.m4{
+			padding:3px 0
+		}
 	}
 </style>