1

lzhe

2024-05-17 fae941098d1cb83ee48b94c7af403244bbd76a6b

 src/views/mdc/realtime-status/index.vue

@@ -37,16 +37,16 @@
              <el-icon><ArrowRight /></el-icon>
           </div>
           <div class="status-content-cardp" v-for="item in timestatus" style="width: 33.3333%; height: 50%;">
              <div class="status-card-box" style="border-color: rgb(89, 89, 89);">
              <div class="status-card-box" style="border-color: #ccc;">
                 <div class="status-card-top">
                    <div class="status-card-detail">
                       <div title="461" class="status-card-detail-name">{{item.code}}</div>
                       <div class="status-card-detail-status">
                          <div class="status-card-detail-point" style="background-color: rgb(89, 89, 89);"></div>{{item.statusName}}
                          <div class="status-card-detail-time" style="color: rgb(89, 89, 89);">---</div>
                          <div class="status-card-detail-point" :style="{'background-color': item.statusStyle}"></div>{{item.statusName}}
                          <div class="status-card-detail-time" style="color: #ccc;">---</div>
                       </div>
                    </div>
                    <div class="status-card-machine" style="border-color: rgb(89, 89, 89);">
                    <div class="status-card-machine" style="border-color: #ccc;">
                       <div class="status-card-machine-img">
                          <img src="./station.png" width="68" height="68">
                       </div>
@@ -92,6 +92,7 @@
       },
        data() {
           return {
              statusStyle: "#ccc",
              titleMap: "",
              visible: false,
              visibleList: [],
@@ -149,7 +150,7 @@
              var visibleList = JSON.parse(JSON.stringify(item.properties));
              visibleList.forEach(item=> {
                 if(item.statusName) {
                    item.namecolor = "rgb(89, 89, 89)";
                    item.namecolor = "#ccc";
                    item.statuscolor = "rgba(89, 89, 89, 0.14)";
                 }else {
                    item.namecolor = "rgb(127, 192, 192)";
@@ -195,12 +196,14 @@
                  var records = JSON.parse(JSON.stringify(res.data.records));
                  records.forEach(item=> {
                     item.statusName = "未知";
                     item.statusStyle = '#ccc';
                     if(item.properties != null) {
                        item.properties.forEach(item1=> {
                           this.devicestatus.forEach(item2=> {
                              if(item2.status == item1.value) {
                                 item.statusName = item2.statusName;
                                 item1.statusName = item2.statusName;
                                 item.statusStyle = item2.color;
                              }
                           })
                        })