Commit 114b0c9e authored by 耿迪迪's avatar 耿迪迪

Merge branch 'master' of ssh://111.61.77.35:15/gengdidi/gassafety

parents b619ccfa 98133db3
...@@ -56,12 +56,14 @@ public class TWorkOrderController extends BaseController ...@@ -56,12 +56,14 @@ public class TWorkOrderController extends BaseController
* @throws Exception * @throws Exception
*/ */
@GetMapping("/waitinglist") @GetMapping("/waitinglist")
public TableDataInfo waitinglist(String userId,@RequestParam(value = "type", defaultValue = "1")Integer type,String searchStr) throws Exception public TableDataInfo waitinglist(String userId,@RequestParam(value = "type", defaultValue = "1")Integer type,
@RequestParam(value = "waitingtype", defaultValue = "0")Integer waitingtype,
String searchStr) throws Exception
{ {
startPage(); startPage();
PageInfo<TWorkOrder> pageInfo; PageInfo<TWorkOrder> pageInfo;
try { try {
pageInfo = tWorkOrderService.selectWaitingWorkOrder(userId,type,searchStr); pageInfo = tWorkOrderService.selectWaitingWorkOrder(userId,type,searchStr,waitingtype);
} catch (Exception e) { } catch (Exception e) {
e.printStackTrace(); e.printStackTrace();
throw new Exception("查询待办工单失败"); throw new Exception("查询待办工单失败");
......
...@@ -42,7 +42,10 @@ public interface TWorkOrderMapper ...@@ -42,7 +42,10 @@ public interface TWorkOrderMapper
* @param userId * @param userId
* @return * @return
*/ */
public List<TWorkOrder> selectWaitingWorkOrder(@Param("userId") String userId,@Param("type") Integer type,@Param("searchStr") String searchStr); public List<TWorkOrder> selectWaitingWorkOrder(@Param("userId") String userId,
@Param("type") Integer type,
@Param("searchStr") String searchStr,
@Param("waitingtype")Integer waitingtype);
/** /**
* 新增工单基础信息 * 新增工单基础信息
......
...@@ -50,7 +50,7 @@ public interface ITWorkOrderService ...@@ -50,7 +50,7 @@ public interface ITWorkOrderService
* @return * @return
* @throws Exception * @throws Exception
*/ */
public PageInfo<TWorkOrder> selectWaitingWorkOrder(String userId,Integer type,String searchStr)throws Exception; public PageInfo<TWorkOrder> selectWaitingWorkOrder(String userId,Integer type,String searchStr,Integer waitingtype)throws Exception;
/** /**
* 新增工单基础信息 * 新增工单基础信息
......
...@@ -256,8 +256,8 @@ public class TWorkOrderServiceImpl implements ITWorkOrderService ...@@ -256,8 +256,8 @@ public class TWorkOrderServiceImpl implements ITWorkOrderService
* @return * @return
*/ */
@Override @Override
public PageInfo<TWorkOrder> selectWaitingWorkOrder(String userId,Integer type,String searchStr){ public PageInfo<TWorkOrder> selectWaitingWorkOrder(String userId,Integer type,String searchStr,Integer waitingtype){
List<TWorkOrder> workOrderList = tWorkOrderMapper.selectWaitingWorkOrder(userId,type,searchStr); List<TWorkOrder> workOrderList = tWorkOrderMapper.selectWaitingWorkOrder(userId,type,searchStr,waitingtype);
for(TWorkOrder t :workOrderList){ for(TWorkOrder t :workOrderList){
if(t.getOrderType().equals('3')){ if(t.getOrderType().equals('3')){
String address = tDeviceAlarmMapper.selectAddressByOrderId(t.getOrderId()); String address = tDeviceAlarmMapper.selectAddressByOrderId(t.getOrderId());
......
...@@ -51,8 +51,18 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -51,8 +51,18 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
WHERE WHERE
<choose> <choose>
<when test="type==1"> <when test="type==1">
<choose>
<when test="waitingtype==0">
o.order_status &lt; 2 o.order_status &lt; 2
</when> </when>
<when test="waitingtype==1">
o.order_status = 0
</when>
<otherwise>
o.order_status = 1
</otherwise>
</choose>
</when>
<otherwise> <otherwise>
o.order_status > 0 o.order_status > 0
</otherwise> </otherwise>
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
.el-dialog:not(.is-fullscreen) { .el-dialog:not(.is-fullscreen) {
margin-top: 6vh !important; margin-top: 6vh !important;
} }
// 全局表格样式
.el-table { .el-table {
.el-table__header-wrapper, .el-table__header-wrapper,
.el-table__fixed-header-wrapper { .el-table__fixed-header-wrapper {
...@@ -104,6 +104,15 @@ ...@@ -104,6 +104,15 @@
} }
// gis地图中底部table样式 // gis地图中底部table样式
.drawer {
// .el-button {
// color:red;
// .is-disabled {
// background-color: none;
// }
// }
}
.right-bottom-data-left { .right-bottom-data-left {
.el-table { .el-table {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
...@@ -118,11 +127,11 @@ ...@@ -118,11 +127,11 @@
.el-table__header-wrapper, .el-table__header-wrapper,
.el-table__fixed-header-wrapper { .el-table__fixed-header-wrapper {
tr { tr {
background-color: #213b5260 !important; background-color: #213b52cc !important;
} }
th { th {
word-break: break-word; word-break: break-word;
background-color: #213b5260 !important; background-color: #213b52cc !important;
color: rgba(123, 248, 244, 1); color: rgba(123, 248, 244, 1);
height: 30px; height: 30px;
font-size: 13px; font-size: 13px;
...@@ -134,13 +143,7 @@ ...@@ -134,13 +143,7 @@
} }
.el-table__body-wrapper { .el-table__body-wrapper {
.el-table__row:nth-child(2n + 1) { .el-table__row:nth-child(2n + 1) {
// background-color: #e6e6e6; background-color: #213b52b3;
background-color: #213b5260;
// &:hover {
// td {
// background-color: #f4f4f4;
// }
// }
&:hover td { &:hover td {
background-color: #7bf8f430 !important; background-color: #7bf8f430 !important;
} }
...@@ -152,20 +155,12 @@ ...@@ -152,20 +155,12 @@
} }
} }
.el-table__row:nth-child(2n) { .el-table__row:nth-child(2n) {
// background-color: #213b52; background-color: #063157cc;
background-color: #06315760;
// &:hover {
// td {
// background-color: #e6e6e6;
// }
// }
&:hover td { &:hover td {
background-color: #7bf8f430 !important; background-color: #7bf8f430 !important;
} }
td { td {
.cell { .cell {
// color: #053b6a;
color: #fff; color: #fff;
} }
} }
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
</el-col> </el-col>
<div> <div>
<span>管道所在地址:</span> <span>设备所在地址:</span>
<span>{{ data.pipeAddr }}</span> <span>{{ data.pipeAddr }}</span>
</div> </div>
<div> <div>
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
</el-col> </el-col>
<div> <div>
<span>管道所在地址:</span> <span>设备所在地址:</span>
<span>{{ data.pipeAddr }}</span> <span>{{ data.pipeAddr }}</span>
</div> </div>
<div> <div>
......
...@@ -5,16 +5,6 @@ ...@@ -5,16 +5,6 @@
:before-close="handleClose" :before-close="handleClose"
> >
<el-form :model="formData" ref="formData" :rules="rules"> <el-form :model="formData" ref="formData" :rules="rules">
<!-- <el-form-item label="选择时间段:" prop=""> -->
<!-- <el-date-picker
v-model="dateValue"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker> -->
<!-- </el-form-item> -->
<el-row> <el-row>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="选择值班人员:" prop="userId"> <el-form-item label="选择值班人员:" prop="userId">
...@@ -37,10 +27,23 @@ ...@@ -37,10 +27,23 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col>
<el-form-item label="请选择时间段" prop="changeTime">
<el-radio-group v-model="formData.changeTime" @change="radioChange">
<el-radio :label="1">最近2小时</el-radio>
<el-radio :label="2">最近24小时</el-radio>
<el-radio :label="3">自定义时间段</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="选择开始时间:" prop="beginTime"> <el-form-item label="选择开始时间:" prop="beginTime">
<el-date-picker <el-date-picker
:disabled="formData.changeTime != 3"
v-model="formData.beginTime" v-model="formData.beginTime"
type="datetime" type="datetime"
placeholder="选择开始时间" placeholder="选择开始时间"
...@@ -51,6 +54,7 @@ ...@@ -51,6 +54,7 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item label="选择结束时间:" prop="endTime"> <el-form-item label="选择结束时间:" prop="endTime">
<el-date-picker <el-date-picker
:disabled="formData.changeTime != 3"
v-model="formData.endTime" v-model="formData.endTime"
type="datetime" type="datetime"
placeholder="选择结束时间" placeholder="选择结束时间"
...@@ -97,13 +101,24 @@ export default { ...@@ -97,13 +101,24 @@ export default {
okLoading: false, okLoading: false,
formData: { formData: {
userId: null, userId: null,
changeTime: 1,
beginTime: "",
endTime: "",
}, },
changeTime: null,
workerManArr: [], workerManArr: [],
rules: { rules: {
userId: [ userId: [
{ required: true, message: "请选择值班人员", trigger: "blur" }, { required: true, message: "请选择值班人员", trigger: "blur" },
], ],
changeTime: [
{
required: true,
message: "选择查询时间",
trigger: ["blur", "change"],
},
],
beginTime: [ beginTime: [
{ required: true, message: "请输入开始时间", trigger: "blur" }, { required: true, message: "请输入开始时间", trigger: "blur" },
], ],
...@@ -120,6 +135,8 @@ export default { ...@@ -120,6 +135,8 @@ export default {
label: item.nickName, label: item.nickName,
value: item.userId, value: item.userId,
})); }));
this.formData.beginTime = moment().format("YYYY-MM-DD HH:mm:ss");
this.formData.endTime = moment().add(2, "h").format("YYYY-MM-DD HH:mm:ss");
}, },
methods: { methods: {
...@@ -128,6 +145,22 @@ export default { ...@@ -128,6 +145,22 @@ export default {
console.log(e); console.log(e);
this.formData.userId = e; this.formData.userId = e;
}, },
radioChange(e) {
if (e == 1) {
this.formData.beginTime = moment().format("YYYY-MM-DD HH:mm:ss");
this.formData.endTime = moment()
.add(2, "h")
.format("YYYY-MM-DD HH:mm:ss");
} else if (e == 2) {
this.formData.beginTime = moment().format("YYYY-MM-DD HH:mm:ss");
this.formData.endTime = moment()
.add(1, "d")
.format("YYYY-MM-DD HH:mm:ss");
} else {
this.formData.beginTime = "";
this.formData.endTime = "";
}
},
ok() { ok() {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {
if (valid) { if (valid) {
...@@ -135,24 +168,24 @@ export default { ...@@ -135,24 +168,24 @@ export default {
moment(this.formData.beginTime).valueOf() > moment(this.formData.beginTime).valueOf() >
moment(this.formData.endTime).valueOf() moment(this.formData.endTime).valueOf()
) { ) {
this.msgError( this.msgError("开始时间不能大于结束时间");
"开始时间不能大于结束时间"
);
this.formData.endTime = ""; this.formData.endTime = "";
return; return;
} }
this.okLoading = true; this.okLoading = true;
if (this.formData.changeTime != 3) {
this.radioChange(this.formData.changeTime);
} else {
this.formData.beginTime = moment(this.formData.beginTime).format( this.formData.beginTime = moment(this.formData.beginTime).format(
"YYYY-MM-DD HH:mm:ss" "YYYY-MM-DD HH:mm:ss"
); );
this.formData.endTime = moment(this.formData.endTime).format( this.formData.endTime = moment(this.formData.endTime).format(
"YYYY-MM-DD HH:mm:ss" "YYYY-MM-DD HH:mm:ss"
); );
}
console.log(this.formData); // console.log(this.formData);
// 找到哪个值班人员 // 找到哪个值班人员
const target = this.gaodeMap.workerManMarkArr.filter((item) => { const target = this.gaodeMap.workerManMarkArr.filter((item) => {
// console.log("userId",item.getExtData().userId) // console.log("userId",item.getExtData().userId)
......
...@@ -15,8 +15,6 @@ ...@@ -15,8 +15,6 @@
<el-button type="primary" size="small" @click="confirmFun">确定</el-button> <el-button type="primary" size="small" @click="confirmFun">确定</el-button>
<el-button size="small" @click="$emit('dialogcancelFun')">取消</el-button> <el-button size="small" @click="$emit('dialogcancelFun')">取消</el-button>
</el-row> </el-row>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
......
import createPop from "./createPop"; import createPop from "./createPop";
import { lineColor } from "./mapCommon.js";
import regulatorBox from "../components/PopWindow/regulatorBox.vue"; import regulatorBox from "../components/PopWindow/regulatorBox.vue";
import valveWell from "../components/PopWindow/valveWell.vue"; import valveWell from "../components/PopWindow/valveWell.vue";
import flowMeter from "../components/PopWindow/flowMeter.vue"; import flowMeter from "../components/PopWindow/flowMeter.vue";
...@@ -9,6 +10,7 @@ import { delDeviceInfo, updateDeviceInfo } from "@/api/device/deviceInfo"; ...@@ -9,6 +10,7 @@ import { delDeviceInfo, updateDeviceInfo } from "@/api/device/deviceInfo";
import markerInfoWindow from "../components/PopWindow/markerInfoWindow.vue"; import markerInfoWindow from "../components/PopWindow/markerInfoWindow.vue";
import { getArray } from "@/utils/gassafety.js"; import { getArray } from "@/utils/gassafety.js";
import { delPipe, updatePipe } from "@/api/device/pipe.js"; import { delPipe, updatePipe } from "@/api/device/pipe.js";
import vue from "../main"; import vue from "../main";
let defaultCenter = "石家庄"; let defaultCenter = "石家庄";
export let map; export let map;
...@@ -98,6 +100,7 @@ class gaodeMap { ...@@ -98,6 +100,7 @@ class gaodeMap {
// 地图开始缩放删除infowindow // 地图开始缩放删除infowindow
this.myMap.on("zoomstart", () => { this.myMap.on("zoomstart", () => {
this.closeInfoWindow(); this.closeInfoWindow();
this.polyLinesColorClear();
}); });
this.myMap.on("moveend", () => { this.myMap.on("moveend", () => {
if (this.handleInfoWindowOpenFunc) { if (this.handleInfoWindowOpenFunc) {
...@@ -130,7 +133,6 @@ class gaodeMap { ...@@ -130,7 +133,6 @@ class gaodeMap {
changeMap(bool) { changeMap(bool) {
// 卫星图 // 卫星图
if (!bool) { if (!bool) {
if (this.satellite) return; if (this.satellite) return;
this.satellite = new AMap.TileLayer.Satellite(); this.satellite = new AMap.TileLayer.Satellite();
...@@ -529,7 +531,7 @@ class gaodeMap { ...@@ -529,7 +531,7 @@ class gaodeMap {
console.log("包装的数组", arr); console.log("包装的数组", arr);
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
const item = arr[i]; const item = arr[i];
let { coordinates } = item; let { coordinates, pipePressure } = item;
// console.log("coordinates",coordinates) // console.log("coordinates",coordinates)
// let path = coordinates ? getArray(coordinates) :[]; // let path = coordinates ? getArray(coordinates) :[];
// 字符串转二维数组 // 字符串转二维数组
...@@ -537,7 +539,7 @@ class gaodeMap { ...@@ -537,7 +539,7 @@ class gaodeMap {
let path = coordinates ? eval(coordinates) : []; let path = coordinates ? eval(coordinates) : [];
let polyline = new AMap.Polyline({ let polyline = new AMap.Polyline({
path, path,
strokeColor: "#2EE7E7", strokeColor: lineColor[pipePressure],
strokeWeight: 4, strokeWeight: 4,
strokeOpacity: 0.9, strokeOpacity: 0.9,
zIndex: 50, zIndex: 50,
...@@ -592,7 +594,9 @@ class gaodeMap { ...@@ -592,7 +594,9 @@ class gaodeMap {
this.polyLinesColorClear(polyline); this.polyLinesColorClear(polyline);
}); });
polyline.on("mouseout", e => { polyline.on("mouseout", e => {
polyline.setOptions({ strokeColor: "#2EE7E7" }); // polyline.setOptions({ strokeColor: "#2EE7E7" });
polyline.setOptions({ strokeColor: lineColor[pipePressure] });
// infoWindow.close(); // infoWindow.close();
}); });
// 计算info的位置 // 计算info的位置
...@@ -712,7 +716,9 @@ class gaodeMap { ...@@ -712,7 +716,9 @@ class gaodeMap {
polyLinesColorClear(polylines) { polyLinesColorClear(polylines) {
this.polyLines.forEach(item => { this.polyLines.forEach(item => {
if (item != polylines) { if (item != polylines) {
item.setOptions({ strokeColor: "#2EE7E7" }); const { pipePressure } = item.getExtData().lineData;
// item.setOptions({ strokeColor: "#2EE7E7" });
item.setOptions({ strokeColor: lineColor[pipePressure] });
} }
}); });
} }
...@@ -915,12 +921,14 @@ class gaodeMap { ...@@ -915,12 +921,14 @@ class gaodeMap {
this.polyLines.forEach(item => { this.polyLines.forEach(item => {
item.polyEditor.close(); item.polyEditor.close();
let opstions = item.getExtData(); let opstions = item.getExtData();
const { pipePressure } = opstions.lineData;
opstions.isState = 0; opstions.isState = 0;
item.setExtData(opstions); item.setExtData(opstions);
let attr = item.getOptions(); let attr = item.getOptions();
// attr.strokeColor = "#F7FE38"; // attr.strokeColor = "#F7FE38";
attr.strokeColor = "#2EE7E7"; attr.strokeColor = lineColor[pipePressure];
item.setOptions(attr); item.setOptions(attr);
}); });
} }
......
...@@ -108,6 +108,26 @@ ...@@ -108,6 +108,26 @@
<div :class="{ active: mapStyle }" @click="mapChange(2)">全景地图</div> <div :class="{ active: mapStyle }" @click="mapChange(2)">全景地图</div>
</div> </div>
<div class="pipePressure">
<!-- <div>管道压力</div> -->
<div class="hasColorBox" :style="{ color: lineColor[`1`] }">
<div :style="{ backgroundColor: lineColor[`1`] }"></div>
低压
</div>
<div class="hasColorBox" :style="{ color: lineColor[`2`] }">
<div :style="{ backgroundColor: lineColor[`2`] }"></div>
中压
</div>
<div class="hasColorBox" :style="{ color: lineColor[`3`] }">
<div :style="{ backgroundColor: lineColor[`3`] }"></div>
次高压
</div>
<div class="hasColorBox" :style="{ color: lineColor[`4`] }">
<div :style="{ backgroundColor: lineColor[`4`] }"></div>
高压
</div>
</div>
<div class="switch" @click="backFlag = !backFlag"> <div class="switch" @click="backFlag = !backFlag">
<img v-if="!backFlag" src="@/assets/images/l.png" alt="" /> <img v-if="!backFlag" src="@/assets/images/l.png" alt="" />
<img v-else src="@/assets/images/r.png" alt="" /> <img v-else src="@/assets/images/r.png" alt="" />
...@@ -233,6 +253,8 @@ import gaodeMap from "utils/gaodeMap.js"; ...@@ -233,6 +253,8 @@ import gaodeMap from "utils/gaodeMap.js";
import { pipeAllInfoList } from "@/api/device/pipe.js"; import { pipeAllInfoList } from "@/api/device/pipe.js";
import { map, DEVICE_TYPE, mapOperateType } from "utils/gaodeMap.js"; import { map, DEVICE_TYPE, mapOperateType } from "utils/gaodeMap.js";
import { getAllDeviceInfo } from "@/api/device/deviceInfo"; import { getAllDeviceInfo } from "@/api/device/deviceInfo";
import { lineColor } from "@/utils/mapCommon.js";
export default { export default {
data() { data() {
return { return {
...@@ -243,6 +265,7 @@ export default { ...@@ -243,6 +265,7 @@ export default {
radio1: "", radio1: "",
// 1新建,2编辑,3删除,点按钮变色 // 1新建,2编辑,3删除,点按钮变色
targetNum: 0, targetNum: 0,
lineColor,
backFlag: true, backFlag: true,
// 卫星与全景地图的切换 // 卫星与全景地图的切换
...@@ -1161,6 +1184,24 @@ input[type="radio"] { ...@@ -1161,6 +1184,24 @@ input[type="radio"] {
} }
} }
} }
.pipePressure {
position: absolute;
color: #fff;
right: -80px;
top: 50px;
padding: 1px;
// background: rgba(6, 29, 51, 0.8);
.hasColorBox {
// border: 1px solid #053b6a;
padding: 2px 5px;
margin-bottom: 5px;
& > div {
display: inline-block;
width: 10px;
height: 10px;
}
}
}
.scroll { .scroll {
// height: 100%; // height: 100%;
position: relative; position: relative;
......
...@@ -479,11 +479,17 @@ ...@@ -479,11 +479,17 @@
handleDelete(row) { handleDelete(row) {
row.isDel = "1"; row.isDel = "1";
var devices = " "; var devices = " ";
var tip = '';
if (row.deviceInfoList != null){
for(var i = 0; i < row.deviceInfoList.length; i++){ for(var i = 0; i < row.deviceInfoList.length; i++){
var obj = row.deviceInfoList[i]; var obj = row.deviceInfoList[i];
devices = devices + obj.deviceName + " "; devices = devices + obj.deviceName + " ";
} }
this.$confirm('请确认是否删除管道名称为"' + row.pipeName + '"的数据项,该管道下包含的设备(' + devices + ')将一并被删除', "警告", { tip = '请确认是否删除管道名称为"' + row.pipeName + '"的数据项,该管道下包含的设备(' + devices + ')将一并被删除', "警告"
}else{
tip ='请确认是否删除管道名称为"' + row.pipeName + '"的数据项';
}
this.$confirm(tip , {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning"
......
...@@ -332,11 +332,18 @@ ...@@ -332,11 +332,18 @@
handleDelete(res) { handleDelete(res) {
res.isDel = "1"; res.isDel = "1";
var devices = " "; var devices = " ";
var tip = '';
if(res.deviceInfoList != null){
for (var i = 0; i < res.deviceInfoList.length; i++) { for (var i = 0; i < res.deviceInfoList.length; i++) {
var obj = res.deviceInfoList[i]; var obj = res.deviceInfoList[i];
devices = devices + obj.deviceName + " "; devices = devices + obj.deviceName + " ";
} }
this.$confirm('请确认是否删除管道名称为"' + res.pipeName + '"的数据项,该管道下包含的设备(' + devices + ')将一并被删除', "警告", { tip = '该管道下包含的设备(' + devices + ')将一并被删除', "警告"
}else{
tip = '请确认是否删除管道名称为"' + res.pipeName + '"的数据项'
}
this.$confirm(tip, {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning"
......
...@@ -78,7 +78,7 @@ export default { ...@@ -78,7 +78,7 @@ export default {
}, },
gaoMap: "", gaoMap: "",
open: false, open: false,
title: "", title: "隐患生成工单",
inspector: [], inspector: [],
loading: false, loading: false,
alarmId: "", alarmId: "",
......
...@@ -106,10 +106,22 @@ ...@@ -106,10 +106,22 @@
<!-- 管道压力 --> <!-- 管道压力 -->
<div class="pipePressure"> <div class="pipePressure">
<!-- <div>管道压力</div> --> <!-- <div>管道压力</div> -->
<div class="hasColorBox" :style="{color:lineColor[`1`]}">低压</div> <div class="hasColorBox" :style="{ color: lineColor[`1`] }">
<div class="hasColorBox" :style="{color:lineColor[`2`]}">中压</div> <div :style="{ backgroundColor: lineColor[`1`] }"></div>
<div class="hasColorBox" :style="{color:lineColor[`3`]}">次高</div> 低压
<div class="hasColorBox" :style="{color:lineColor[`4`]}">高压</div> </div>
<div class="hasColorBox" :style="{ color: lineColor[`2`] }">
<div :style="{ backgroundColor: lineColor[`2`] }"></div>
中压
</div>
<div class="hasColorBox" :style="{ color: lineColor[`3`] }">
<div :style="{ backgroundColor: lineColor[`3`] }"></div>
次高压
</div>
<div class="hasColorBox" :style="{ color: lineColor[`4`] }">
<div :style="{ backgroundColor: lineColor[`4`] }"></div>
高压
</div>
</div> </div>
<div class="switch" @click="backFlag = !backFlag"> <div class="switch" @click="backFlag = !backFlag">
<img v-if="!backFlag" src="@/assets/images/l.png" alt="" /> <img v-if="!backFlag" src="@/assets/images/l.png" alt="" />
...@@ -1700,16 +1712,20 @@ input[type="radio"] { ...@@ -1700,16 +1712,20 @@ input[type="radio"] {
.pipePressure { .pipePressure {
position: absolute; position: absolute;
color: #fff; color: #fff;
right: -52px; right: -80px;
top: 50px; top: 50px;
padding:1px; padding: 1px;
// background: rgba(6, 29, 51, 0.8); // background: rgba(6, 29, 51, 0.8);
.hasColorBox{ .hasColorBox {
border:1px solid #053b6a; // border: 1px solid #053b6a;
padding:2px 5px; padding: 2px 5px;
margin-bottom:5px; margin-bottom: 5px;
& > div {
display: inline-block;
width: 10px;
height: 10px;
}
} }
} }
.scroll { .scroll {
// height: 100%; // height: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment