|  |  | 
 |  |  |         <img v-if="!isFull" src="@/assets/img/ic_fullscreen@2x.png" class="full-ic" @click="fullChange"> | 
 |  |  |         <img v-else src="@/assets/img/ic_exitfullscreen@2x.png" class="full-ic" @click="fullChange"> | 
 |  |  |         <img src="@/assets/img/title_line@2x.png" class="right-line" alt=""> | 
 |  |  |  | 
 |  |  |         <template> | 
 |  |  |           <v-mini-weather></v-mini-weather> | 
 |  |  |         </template> | 
 |  |  |         <div class="date"> | 
 |  |  |           <div class="time">{{ tempDate.time }}</div> | 
 |  |  |           <div class="day">{{ `${tempDate.date} ${tempDate.day}` }}</div> | 
 |  |  | 
 |  |  | import { reactive, toRefs, onMounted, computed } from 'vue'; | 
 |  |  | import { useCounterStore } from '@/stores/counter.js' | 
 |  |  | import { useRoute, useRouter } from 'vue-router' | 
 |  |  | import { vMiniWeather   } from 'vue-mini-weather' | 
 |  |  | // export default { components: {vMiniWeather }} | 
 |  |  | const enterprise = useCounterStore() | 
 |  |  | const route = useRoute() | 
 |  |  | const router = useRouter() | 
 |  |  | 
 |  |  |     return enterprise.deviceNum | 
 |  |  | }) | 
 |  |  | const unqualifiedRate = computed(() => { | 
 |  |  |     return +enterprise.unqualifiedRate.toFixed(2) | 
 |  |  |     return enterprise.unqualifiedRate | 
 |  |  | }) | 
 |  |  | const title = computed(() => { | 
 |  |  |     return enterprise.procedureName ? `${enterprise.procedureName}工序数据看板` :  'DM云工厂车间大屏' | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, 1000) | 
 |  |  |   // console.log(date.getDay()); | 
 |  |  |   | 
 |  |  |  | 
 |  |  | }) | 
 |  |  | const back = () => { | 
 |  |  |   enterprise.setProcedureName('') | 
 |  |  | 
 |  |  |   background-position: center; | 
 |  |  |   background-size: 100% 100%; | 
 |  |  |   background-repeat: no-repeat; | 
 |  |  |  | 
 |  |  |   // width: 1920px; | 
 |  |  |   // height: 1080px; | 
 |  |  |   width: 100%; | 
 |  |  |   height: 100%; | 
 |  |  |   padding: 20px 30px; | 
 |  |  |   overflow-y: scroll; | 
 |  |  |   display: flex; | 
 |  |  |   flex-direction: column; | 
 |  |  |  | 
 |  |  |   padding: 30px; | 
 |  |  |   // overflow-y: scroll; | 
 |  |  |   box-sizing: border-box; | 
 |  |  |   .header { | 
 |  |  |     background-image: url('@/assets/img/bg_maintitle@2x.png'); | 
 |  |  |     background-size: 100% 70px; | 
 |  |  |     background-size: 100% 74px; | 
 |  |  |     width: 100%; | 
 |  |  |     height: 70px; | 
 |  |  |     height: 74px; | 
 |  |  |     display: flex; | 
 |  |  |     padding-top: 1px; | 
 |  |  |     padding-left: 20px; | 
 |  |  | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |   .num-list { | 
 |  |  |     margin-top: 20px; | 
 |  |  |     margin-bottom: 20px; | 
 |  |  |     margin-top: 24px; | 
 |  |  |     margin-bottom: 27px; | 
 |  |  |     display: flex; | 
 |  |  |     justify-content: space-between; | 
 |  |  |     height: 80px; | 
 |  |  |     height: 88px; | 
 |  |  |     color: white; | 
 |  |  |     .num-item { | 
 |  |  |       width: calc(25% - 50px); | 
 |  |  |       height: 80px; | 
 |  |  |       background-size: 100% 100%; | 
 |  |  |       margin-right: 25px; | 
 |  |  |       padding-left: 30px; |