APS终端看板风格1
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
haoxuan
2023-11-02 031b4d9a2a6a757571015b1903bb125d414ecb2a 
 src/views/dashboard/components/DashboardTitle.vue


@@ -1,6 +1,6 @@


<template>


  <div class="dashboard-title">


    <div class="title-text">智能工作台 — {{ props?.deviceInfo?.currentDeviceID ?? '' }}</div>


    <div class="title-text">智能工作台 — {{ deviceStore?.devices?.currentDeviceID ?? '' }}</div>


    <div class="title-status">


      <div class="connection-info" @click="openSelectDeviceModal">


        <el-icon size="30" color="red">


@@ -10,14 +10,17 @@


      <div class="connection-status"></div>


    </div>


  </div>




  <TroubleTrackerModal v-model="showModal"></TroubleTrackerModal>


</template>


<script setup lang="ts">


import type { Devices } from '@/api/device'


import AlertLightIcon from '@/components/icons/AlertLightIcon.vue'


import { ref } from 'vue'


import { useDevicesStore } from '@/stores/devices'


import TroubleTrackerModal from '@/views/dashboard/components/TroubleTrackerModal.vue'




export interface DashBoardTitleProps {


  deviceInfo: Devices


  // deviceInfo: Devices


}




const props = defineProps<DashBoardTitleProps>()


@@ -27,6 +30,10 @@


function openSelectDeviceModal() {


  showModal.value = true


}




const deviceStore = useDevicesStore()




deviceStore.getDevicesInfo()


</script>




<style scoped lang="scss">