feat: 轮询plc/设备/调整集群状态组件/title组件加图标

songshankun

2023-11-02 7e7424b2662e5b27dcc1c0d37f43e909e0b15ee1

 src/views/dashboard/components/DeviceNumberInfo.vue

@@ -4,31 +4,26 @@
      <div class="device-t">本机设备编码</div>
      <div class="device-b">
        <div class="device-info">
          {{ deviceCurrent }}
          {{ deviceInfo?.currentDeviceID }}
        </div>
      </div>
    </div>
    <div class="device-r">
      <div class="device-t">云端设备编码</div>
      <div class="device-b">
        <div v-for="(item, index) in deviceList" :key="index" class="device-info">
          {{ item.value }}
        <div v-for="(item, index) in deviceInfo?.deviceIDList" :key="index" class="device-info">
          {{ item }}
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { toRefs } from 'vue'
const deviceList = [
  {
    value: '123454'
  },
  {
    value: '54321'
  }
]
const deviceCurrent = '456789'
import { useDevicesStore } from '@/stores/devices'
import { storeToRefs } from 'pinia'

const deviceStore = useDevicesStore()
const { deviceInfo } = storeToRefs(deviceStore)
</script>

<style scoped lang="scss">