Admin
2022-09-21 999cab6fb3fc6d2a288d365da991351c5a396bf0
src/views/intellectInspect/intelligentLine/index.vue
@@ -17,6 +17,7 @@
        <div class="blocks">
            <div>
            <div class="star-pic">
                <dv-decoration-12 scanDur="5" haloDur="4" class="scan"/>
                <div class="star-bg"><img src="../../../assets/loginPage/star-bg.png" /></div>
                <div class="star"><img src="../../../assets/loginPage/device-pic.png" /></div>
            </div>
@@ -150,7 +151,6 @@
                    alert('您的浏览器不支持socket');
                } else {
                    // 实例化socket
                    // debugger
                    let uid =  userInfos.value.uid.toString()
                    var url = state.path + uid + '*' + id;
                    console.log(url,'url',uid,'uid')
@@ -237,7 +237,7 @@
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<!-- Add "scoped" attribute to limit CSS to this components only -->
<style scoped lang="scss">
    @media screen and (min-width: 1366px) {
        .big-title {
@@ -317,7 +317,7 @@
                height: 24px;
                border-radius: 50%;
                position: absolute;
                border: 1px solid rgba(0, 225, 255, 0.6);
                border: 1px solid rgba(0, 114, 255, 0.6);
                top: -12px;
                left: 10px;
@@ -331,7 +331,7 @@
                    -moz-border-radius: 50%;
                    border: 1px solid #0072ff;
                    border-radius: 50%;
                    background-color: #00e1ff;
                    background-color: #0072ff;
                    z-index: 2;
                }
                .pulse {
@@ -340,7 +340,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072ff;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -352,7 +352,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072ff;
                }
                .pulse1 {
                    position: absolute;
@@ -360,7 +360,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072ff;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -372,7 +372,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072ff;
                }
            }
            & > div {
@@ -525,7 +525,7 @@
                height: 24px;
                border-radius: 50%;
                position: absolute;
                border: 1px solid rgba(0, 225, 255, 0.6);
                border: 1px solid rgba(0, 114, 255, 0.6);
                top: -12px;
                left: 10px;
@@ -537,9 +537,9 @@
                    top: 5px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border: 1px solid #0072ff;
                    border: 1px solid #0072FF;
                    border-radius: 50%;
                    background-color: #00e1ff;
                    background-color: #0072FF;
                    z-index: 2;
                }
                .pulse {
@@ -548,7 +548,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072FF;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -560,7 +560,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072FF;
                }
                .pulse1 {
                    position: absolute;
@@ -568,7 +568,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072FF;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -580,7 +580,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072FF;
                }
            }
            & > div {
@@ -734,7 +734,7 @@
                height: 24px;
                border-radius: 50%;
                position: absolute;
                border: 1px solid rgba(0, 225, 255, 0.6);
                border: 1px solid rgba(0, 114, 255, 0.6);
                top: -12px;
                left: 2px;
@@ -748,7 +748,7 @@
                    -moz-border-radius: 50%;
                    border: 1px solid #0072ff;
                    border-radius: 50%;
                    background-color: #00e1ff;
                    background-color: #0072ff;
                    z-index: 2;
                }
                .pulse {
@@ -757,7 +757,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072ff;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -769,7 +769,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072ff;
                }
                .pulse1 {
                    position: absolute;
@@ -777,7 +777,7 @@
                    height: 48px;
                    left: -13px;
                    top: -13px;
                    border: 1px solid #00e1ff;
                    border: 1px solid #0072ff;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
@@ -789,7 +789,7 @@
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    box-shadow: 1px 1px 30px #00e1ff;
                    box-shadow: 1px 1px 30px #0072ff;
                }
            }
            & > div {
@@ -1004,9 +1004,10 @@
                display: flex;
                justify-content: center;
                align-items: flex-start;
                overflow: hidden;
                overflow-x: auto;
                overflow-y: auto;
                overflow: auto;
                &::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
                &::scrollbar { width: 0; height: 0; color: transparent; }
            }
            .line-map {
@@ -1365,15 +1366,28 @@
                position: absolute;
                width: calc((100vw - 120px) / 7);
                height: calc((100vw - 120px) / 7);
                z-index: 999999999;
                z-index: 9999;
                bottom: 40px;
                right: 40px;
                padding: 20px;
                .scan{
                    position: inherit;
                    width: 65%;
                    height: 65%;
                    z-index: 99997;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                }
                .star-bg {
                    position: inherit;
                    width: 100%;
                    height: 100%;
                    z-index: 99998;
                    left: 0;
                    top: 0;
                    img {
@@ -1382,11 +1396,11 @@
                        animation: circle 30s linear infinite;
                    }
                }
                .star {
                    position: inherit;
                    width: 100%;
                    height: 100%;
                    z-index: 99999;
                    left: 0;
                    top: 0;
                    img {