大屏

src/views/productionVisualization/equipmentBoard/components/alarm.vue

@@ -0,0 +1,97 @@
+<template>
+  <div style="flex: 1">
+    <div class="agvStatusContent">
+      <div class="title">异常报警</div>
+      <div class="alarm-item" style="margin-top: 13px;">
+        <div class="item">
+          9:05:21|FMS|AGV-03顶升失败，任务TSK25-1004中断
+        </div>
+        <div class="item">
+          9:05:21|FMS|AGV-03顶升失败，任务TSK25-1004中断
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// import baseTable from './baseTable.vue'
+// import baseStatus from './baseStatus.vue'
+// import handingObject from './handingObject.vue'
+export default {
+  name: 'AGVStatus',
+  components: {},
+  props: {
+    // energyObj: {
+    //   type: Object,
+    //   default: () => ({
+    //     electricComu: 0,
+    //     steamComu: 0
+    //   })
+    // }
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+  },
+
+}
+</script>
+
+<style lang='scss' scoped>
+.agvStatusContent {
+  width: 930px;
+  height: 92px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 16px 18px 0 18px;
+
+  .title {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: rgba(0, 0, 0, 0.85);
+    line-height: 16px;
+    letter-spacing: 1px;
+    text-align: left;
+    font-style: normal;
+    position: relative;
+    padding-left: 12px;
+
+    &::before {
+      content: '';
+      width: 4px;
+      height: 16px;
+      background: #0A4BFF;
+      border-radius: 1px;
+      position: absolute;
+      left: 0;
+      top: 2px;
+    }
+  }
+
+  .alarm-item {
+    display: flex;
+    gap: 10px;
+
+    .item {
+      width: 436px;
+      height: 32px;
+      border: 1px rgba(0, 0, 0, 0.3) dashed;
+      background: url('../../../../assets/img/alarmItemBg.png') no-repeat;
+      background-size: 100% 100%;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 14px;
+      padding: 0 16px;
+      color: #000000;
+      line-height: 32px;
+      letter-spacing: 1px;
+      text-align: left;
+      font-style: normal;
+    }
+  }
+}
+</style>