Default Changelist

Admin

2022-08-17 9e4cab9fc513bdde476f4078e16c05d0a3cd0dfb

Default Changelist

 src/views/intellectInspect/intelligentLine/index.vue

@@ -23,7 +23,9 @@
            <div class="line-map" v-if="dataList && dataList.length > 0">
                <div class="line-item" v-for="(item, index) in dataList" :key="index">
                    <div class="picbox">
                        <img src="../../../assets/loginPage/equipment.jpg"/>
                        <div class="imgbox">
                            <img :src="item.rfidImage==null?defaultImg:item.rfidImage"/>
                        </div>
                        <p>
                            RFID: <span>{{ item.rfid }}</span>
                        </p>
@@ -103,7 +105,8 @@
    socket: any;
    socketData: string;
    data: Array<any>;
    id: string
    id: string;
    defaultImg: string
}
export default {
    name: 'intelligentLine',
@@ -119,7 +122,8 @@
            socketData: '',
            socket: null,
            data: [],
            id: ''
            id: '',
            defaultImg: new URL('../../../assets/default-img.jpg',import.meta.url).href
        });

        onMounted(() => {
@@ -261,23 +265,35 @@

            .picbox {
                width: 100%;
                height: 180px;
                height: 200px;
                padding: 10px;
                margin-bottom: 40px;
                margin-bottom: 20px;
                box-sizing: border-box;

                img {
                    display: block;
                .imgbox{
                    width: 100%;
                    height: 100px;
                    margin-bottom: 8px;
                    height: 120px;
                    position: relative;
                    margin-bottom: 10px;
                    border-radius: 4px;
                    overflow: hidden;
                    img {
                        display: block;
                        width: 100%;
                        height: auto;
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                    }
                }

                p {
                    font-size: 14px;
                    white-space: nowrap;
                    color: rgba(255, 255, 255, 0.8);
                    margin-top: 10px;
                    margin-bottom: 4px;
                    span {
                        color: #fff;
                    }
@@ -287,7 +303,7 @@
        .item {
            width: calc((100vw - 40px) / 6);
            height: calc((100vh - 130px) / 5);
            padding: 0 20px 20px 50px;
            padding: 0 40px 20px 50px;
            position: relative;
            box-sizing: border-box;
            border-left: 1px solid #36fcfc;
@@ -462,13 +478,24 @@
                padding: 10px;
                margin-bottom: 40px;
                box-sizing: border-box;

                img {
                    display: block;
                .imgbox{
                    width: 100%;
                    height: 100px;
                    position: relative;
                    margin-bottom: 6px;
                    border-radius: 4px;
                    overflow: hidden;
                    img {
                        display: block;
                        width: 100%;
                        height: auto;
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                    }
                }
                p {
                    font-size: 14px;
@@ -661,13 +688,24 @@
                padding: 10px;
                margin-bottom: 30px;
                box-sizing: border-box;

                img {
                    display: block;
                .imgbox{
                    width: 100%;
                    height: 80px;
                    position: relative;
                    margin-bottom: 10px;
                    border-radius: 4px;
                    overflow: hidden;
                    img {
                        display: block;
                        width: 100%;
                        height: auto;
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                    }
                }
                p {
                    font-size: 12px;