| | |
|---|
| | | return enterprise.deviceNum |
|---|
| | | }) |
|---|
| | | const unqualifiedRate = computed(() => { |
|---|
| | | return +enterprise.unqualifiedRate.toFixed(2) |
|---|
| | | return enterprise.unqualifiedRate |
|---|
| | | }) |
|---|
| | | const title = computed(() => { |
|---|
| | | return enterprise.procedureName ? `${enterprise.procedureName}工序数据看板` : 'DM云工厂车间大屏' |
|---|
| | |
|---|
| | | .catch(err => {}) |
|---|
| | | const week = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'] |
|---|
| | | setInterval(() => { |
|---|
| | | let tempDate = new Date() |
|---|
| | | let month = tempDate.getMonth()+1 |
|---|
| | | let day = tempDate.getDate() |
|---|
| | | let hours = tempDate.getHours() |
|---|
| | | let minute = tempDate.getMinutes() |
|---|
| | | let seconds = tempDate.getSeconds() |
|---|
| | | let date = new Date() |
|---|
| | | data.tempDate = { |
|---|
| | | time: `${hours<10?`0${hours}`:hours}:${minute<10?`0${minute}`:minute}:${seconds<10?`0${seconds}`:seconds}`, |
|---|
| | | date: `${tempDate.getFullYear()}/${month<10?`0${month}`:month}/${day<10?`0${day}`:day}`, |
|---|
| | | day: week[tempDate.getDay()-1] |
|---|
| | | time: `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`, |
|---|
| | | date: `${date.getFullYear()}/${date.getMonth()+1}/${date.getDate()}`, |
|---|
| | | day: week[date.getDay()-1] |
|---|
| | | } |
|---|
| | | }, 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; |
|---|
