| | |
| | | <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; |