| | |
| | | <!-- |
| | | * @Date: 2024-01-05 22:26:22 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-29 23:51:52 |
| | | * @LastEditTime: 2024-01-30 00:05:47 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreviewDetail/index.vue |
| | | --> |
| | | <template> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="center-bottom"> |
| | | <img src="./img/jq.png" alt=""> |
| | | <img :src="deviceInfo.pic || png" alt=""> |
| | | </div> |
| | | </div> |
| | | <div class="right"> |
| | |
| | | <span class="img-status standby" v-if="deviceInfo.status === 'IDLE'">待机</span> |
| | | <span class="img-status alerm" v-if="deviceInfo.status === 'ALARM'">报警</span> |
| | | </p> |
| | | <!-- <p>待机原因: {{}}</p> --> |
| | | <p>待机原因: {{status.yy}}</p> |
| | | </div> |
| | | <div class="right_2"> |
| | | <p>加工数据</p> |
| | |
| | | </template> |
| | | <script> |
| | | import Nav from '@/components/nav' |
| | | import png from './img/jq.png' |
| | | import { getRequest, getFormRequest } from '@/api/Api' |
| | | export default { |
| | | components: { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | png, |
| | | cycleTime: '', |
| | | name: '', |
| | | deviceInfo: { |
| | |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%, -50%); |
| | | font-size: 46px; |
| | | font-size: 26px; |
| | | font-weight: bold; |
| | | color: #C3E1E1; |
| | | } |