1

guanqb

2022-12-26 8bf041207b0aee1433f90cffe3bb6b8a8fe943e1

 src/views/home/components/rightContainer.vue

@@ -63,45 +63,6 @@
                    <span :class="{ choosed: linetype == 0 }" @click="lineTabClick(0)">设备种类</span>/
                    <span :class="{ choosed: linetype == 1 }" @click="lineTabClick(1)">设备状态</span>
                </div>
                <div class="legend" v-show="(linetype == 0)">
                    <ul>
                        <li style="color:#5470FE">
                            <img src="/img/icon/pCar.png" alt />
                            车辆
                        </li>
                        <li style="color:#90cb75">
                            <img src="/img/icon/monitor.png" alt />
                            摄像头
                        </li>
                        <li style="color:#fed85e">
                            <img src="/img/icon/recorder.png" alt />
                            执法记录仪
                        </li>
                        <li style="color:#f06767">
                            <img src="/img/icon/pPhone.png" alt />
                            手台
                        </li>
                    </ul>
                </div>
                <div class="legend" v-show="(linetype == 1)">
                    <ul>
                        <li style="color:#4caf50">
                            <div style="background-color:#4caf50"></div>正常
                        </li>
                        <li style="color:#2979ff">
                            <div style="background-color:#2979ff"></div>保养
                        </li>
                        <li style="color:#ffd600">
                            <div style="background-color:#ffd600"></div>故障
                        </li>
                        <li style="color:#0d47a1">
                            <div style="background-color:#0d47a1"></div>停用
                        </li>
                        <li style="color:#b71c1c">
                            <div style="background-color:#b71c1c"></div>封存
                        </li>
                    </ul>
                </div>
            </div>
            <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div>
        </div>
@@ -795,40 +756,6 @@
                font-weight: 700;
                margin-left: 50%;
                letter-spacing: 1px;
            }

            .legend {
                position: absolute;
                width: calc(100% - 36px);
                height: 70%;
                top: 120%;
                font-style: normal;
                font-weight: normal;

                ul {
                    display: flex;
                    height: 100%;

                    li {
                        height: 100%;
                        display: flex;
                        line-height: 160%;
                        margin-right: 10px;

                        img {
                            height: 60%;
                        }

                        div {
                            width: 20px;
                            height: 42%;
                            background-color: #fff;
                            border-radius: 4px;
                            margin-top: 5px;
                            margin-right: 2px;
                        }
                    }
                }
            }
        }