update

gaosp

2024-03-08 8b887f86a35b9711135087c9fc54f85a6ebf50d5

 src/container/mapPreviewDetail/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-05 22:26:22
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-29 23:51:52
 * @LastEditTime: 2024-03-08 09:07:05
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreviewDetail/index.vue
-->
<template>
@@ -65,7 +65,7 @@
                    </div>
                </div>
                <div class="center-bottom">
                    <img src="./img/jq.png" alt="">
                    <img :src="deviceInfo.pic || png" alt="">
                </div>
            </div>
            <div class="right">
@@ -117,7 +117,7 @@
                        <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>
@@ -164,6 +164,7 @@
</template>
<script>
import Nav from '@/components/nav'
import png from './img/jq.png'
import { getRequest, getFormRequest } from '@/api/Api'
export default {
    components: {
@@ -171,6 +172,7 @@
    },
    data() {
        return {
            png,
            cycleTime: '',
            name: '',
            deviceInfo: {
@@ -233,20 +235,19 @@
            this.$router.go(-1)
        },
        init() {

            getFormRequest('getbyid', {
                machineId: this.$route.query.id
            }).then(res => {
                var axisNames
                if (res.status.var4 != null) {
                if (res.data.status.var4 != null) {
                    axisNames = res.status.var4.split(':')
                }
                var positions
                if (res.status.var5 != null) {
                if (res.data.status.var5 != null) {
                    positions = res.status.var5.split(':')
                }
                var servoLoads
                if (res.status.var6 != null) {
                if (res.data.status.var6 != null) {
                    servoLoads = res.status.var6.split(':')
                }
                for (let i = 0; i < 3; i++) {
@@ -285,7 +286,7 @@
                }
                this.status = res.data.status
                this.tableData = res.data.list
                this.cycleTime = this.formatSeconds(res.msg.cycleTime)// 运行时间
                this.cycleTime = this.formatSeconds(res.data.msg.cycleTime)// 运行时间
                console.log(res)
            })
            try {
@@ -455,7 +456,7 @@
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        font-size: 46px;
                        font-size: 26px;
                        font-weight: bold;
                        color: #C3E1E1;
                    }
@@ -481,7 +482,8 @@

        .center {
            flex: 1 1 auto;

            display: flex;
            flex-direction: column;
            .center-top {
                display: flex;
                justify-content: space-around;
@@ -526,13 +528,15 @@
            }

            .center-bottom {
                flex: 1 1 auto;
                margin-bottom: 50px;
                margin-top: 50px;
                display: flex;
                justify-content: center;

                img {
                    width: 629px;
                    height: 648px;
                    max-width: 100%;
                    max-height: 100%;
                }
            }
        }
@@ -546,7 +550,7 @@
                background: url('./img/right_1.png');
                padding: 0 14px;
                overflow: hidden;

                background-size: contain;
                &>p {
                    font-size: 21px;
                    font-family: PingFangSC, PingFang SC;
@@ -618,7 +622,7 @@
                width: 100%;
                height: 208px;
                background: url('./img/right_2.png');

                background-size: contain;
                p {
                    font-size: 16px;
                    color: #F7F8FA;
@@ -644,6 +648,7 @@
                width: 100%;
                height: 208px;
                background: url('./img/right_2.png');
                background-size: contain;
            }

            .right_3 {