Your Name
2022-08-18 4a243f178fc194c37e515ff625466b85eda12eb1
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,81 @@
<style scoped lang="scss">
$homeNavLengh: 8;
@media screen and (min-width: 1366px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 18px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 18px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 15px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 15px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 13px;
        color: #fff;
    }
}
@media screen and (max-width: 1200px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 12px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 12px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 12px;
        color: #fff;
    }
}
.home-container {
    height: calc(100vh - 114px);
    height: calc(100vh - 144px);
    box-sizing: border-box;
    overflow: hidden;
    .homeCard {
@@ -189,17 +261,10 @@
                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;
@@ -220,9 +285,6 @@
                    }
                }
                .mid-info{
                    width: 35%;
                    font-size: 14px;
                    color: #333;
                    span{
                        font-weight: bolder;
@@ -242,12 +304,7 @@
                    }
                }
                .right-info{
                    width: 15%;
                    display: flex;
                    justify-content: right;
                    align-items: center;
                    font-size: 14px;
                    color: #fff;
                    .checkBtn{
                        padding: 10px 15px;