Xiugai

Your Name

2022-08-22 f12c45e54d27f27886d8bc9ee96624979fa7de2e

 src/views/intellectInspect/inspectIndex/index.vue

@@ -134,7 +134,6 @@

        const toLine = (item) =>{
            let id = JSON.parse(JSON.stringify(item)).id
            console.log(id,'id')
            router.push({
                path: 'intelligentLine',
                query: {
@@ -165,8 +164,124 @@

<style scoped lang="scss">
$homeNavLengh: 8;
@media screen and (min-width: 1366px) {
    .left-info {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 18px;
        color: #333;
        overflow-x: auto;
        &>span{
            white-space: nowrap;
        }
        p{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            &>span{
                white-space: nowrap;
            }
        }
    }
    .mid-info {
        width: 20%;
        font-size: 18px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 16px;
        color: #fff;

        div{
            white-space: nowrap;
        }
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .left-info {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 15px;
        color: #333;
        overflow-x: auto;
        &>span{
            white-space: nowrap;
        }
        p{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            &>span{
                white-space: nowrap;
            }
        }
    }
    .mid-info {
        width: 20%;
        font-size: 15px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 13px;
        color: #fff;
        div{
            white-space: nowrap;
        }
    }
}
@media screen and (max-width: 1200px) {
    .left-info {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 12px;
        color: #333;
        overflow-x: auto;
        &>span{
            white-space: nowrap;
        }
        p{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            &>span{
                white-space: nowrap;
            }
        }
    }
    .mid-info {
        width: 20%;
        font-size: 12px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 12px;
        color: #fff;
        div{
            white-space: nowrap;
        }
    }
}

.home-container {
    height: calc(100vh - 114px);
    height: calc(100vh - 144px);
    box-sizing: border-box;
    overflow: hidden;
    .homeCard {
@@ -189,23 +304,15 @@
                justify-content: space-between;
                margin-bottom: 10px;
                background: #daf3ff;
                padding: 20px;
                padding: 10px 15px;
                border-radius: 8px;

                .left-info{
                    width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: left;
                    font-size: 14px;
                    color: #333;
                    overflow-x: auto;

                    .num{
                        font-weight: bolder;
                        margin-right: 10px;
                    }

                    .place{
                        font-weight: bolder;
                    }
@@ -220,9 +327,6 @@
                    }
                }
                .mid-info{
                    width: 35%;
                    font-size: 14px;
                    color: #333;

                    span{
                        font-weight: bolder;
@@ -242,12 +346,7 @@
                    }
                }
                .right-info{
                    width: 15%;
                    display: flex;
                    justify-content: right;
                    align-items: center;
                    font-size: 14px;
                    color: #fff;


                    .checkBtn{
                        padding: 10px 15px;