|
|
@@ -69,6 +69,44 @@
|
|
|
</div>
|
|
|
<div class="panel-bottom"></div>
|
|
|
</div>
|
|
|
+<!-- <div class="vehicleBox">-->
|
|
|
+<!-- <div class="panel" style="height: 190px">-->
|
|
|
+<!-- <span class="panel-title">车辆检测器</span>-->
|
|
|
+<!-- <el-form style="position: absolute;left: 40px;top: 50px">-->
|
|
|
+<!-- <el-form-item label="交通量" label-width="110" label-position="left">-->
|
|
|
+<!-- <el-row style="width: 200px">-->
|
|
|
+<!-- <el-col :span="15" class="vehicleData">-->
|
|
|
+<!-- <span>123</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="9" class="vehicleUnit">-->
|
|
|
+<!-- <span>辆</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item label="平均车速" label-width="110" label-position="left">-->
|
|
|
+<!-- <el-row style="width: 200px">-->
|
|
|
+<!-- <el-col :span="15" class="vehicleData">-->
|
|
|
+<!-- <span>66</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="9" class="vehicleUnit">-->
|
|
|
+<!-- <span>km/h</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item label="车道占有量" label-width="110" label-position="left">-->
|
|
|
+<!-- <el-row style="width: 200px">-->
|
|
|
+<!-- <el-col :span="15" class="vehicleData">-->
|
|
|
+<!-- <span>12</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="9" class="vehicleUnit">-->
|
|
|
+<!-- <span>%</span>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-form>-->
|
|
|
+<!-- <div class="panel-bottom"></div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="warnBox">
|
|
|
<img :src="warn" alt="" class="warnBoxExternal" />
|
|
|
<img :src="warnTitle" alt="" class="warnBoxTitle"/>
|
|
|
@@ -475,6 +513,28 @@ const yourMethod = (value) => {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
+ //.vehicleBox{
|
|
|
+ // margin-top: 30px;
|
|
|
+ // margin-bottom: 30px;
|
|
|
+ // .vehicleData{
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: end;
|
|
|
+ // align-items: center;
|
|
|
+ // span {
|
|
|
+ // font-size: 18px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // color: #0EFCFF;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .vehicleUnit{
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: end;
|
|
|
+ // align-items: center;
|
|
|
+ // span {
|
|
|
+ // color: #909399;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ //}
|
|
|
}
|
|
|
}
|
|
|
|
