diff --git a/src/assets/scss/modules/visual/commandOld.scss b/src/assets/scss/modules/visual/commandOld.scss
new file mode 100644
index 000000000..ee0138343
--- /dev/null
+++ b/src/assets/scss/modules/visual/commandOld.scss
@@ -0,0 +1,320 @@
+@import "../../c/config";
+@import "../../c/function";
+@import "./c/common";
+
+.m-crumb {
+    margin-left: 10px;
+    height: 40px;
+    line-height: 35px;
+    .router_line {
+        width: 212px;
+        height: 1px;
+        border: 1px solid #ffffff;
+        opacity: 0.09;
+        /* opacity: 0.09; */
+    }
+    .div_router {
+        font-size: 16px;
+        font-weight: bold;
+
+        .router_parents {
+            color: #a0c3d9;
+
+            .arrow {
+                padding: 0 5px;
+            }
+        }
+        .router_parents:hover {
+            cursor: pointer;
+        }
+
+        .router_child {
+            color: #ffffff;
+        }
+    }
+}
+
+.g-cnt {
+    display: flex;
+
+    /deep/ .ol-viewport {
+        border-radius: 5px;
+    }
+
+    /deep/ .ol-overlaycontainer-stopevent {
+        display: none;
+    }
+}
+
+.m-map {
+    box-sizing: border-box;
+    width: 100%;
+    height: calc(825px - 15px);
+    color: #fff;
+    position: relative;
+}
+
+.m-mapmenu {
+    position: absolute;
+    z-index: 100;
+    left: 20px;
+    top: 20px;
+}
+
+.m-search {
+    position: absolute;
+    z-index: 4;
+    left: 0;
+    right: 0;
+    top: 30px;
+    width: 630px;
+    margin: 0 auto;
+
+    .input {
+        width: 100%;
+        background-color: #fff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        overflow: hidden;
+        border: 1px solid #5aafff;
+        box-shadow: 0px 4px 8px 0px rgba(147, 147, 147, 0.26);
+
+        > input {
+            width: 400px;
+            border: none;
+            line-height: 45px;
+            font-size: 18px;
+            font-family: PingFang SC;
+            font-weight: 400;
+            color: #333333;
+        }
+
+        .i-search {
+            margin: 0 16px;
+            width: 24px;
+            height: 24px;
+        }
+
+        .i-close {
+            margin-left: 15px;
+            opacity: 0.2;
+            width: 20px;
+            cursor: pointer;
+        }
+
+        .btn {
+            margin-left: auto;
+            width: 120px;
+            height: 53px;
+            line-height: 53px;
+            background: #0082fb;
+            border-radius: 0px 8px 8px 0px;
+            color: #fff;
+            text-align: center;
+            font-size: 22px;
+            font-family: PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            cursor: pointer;
+        }
+    }
+
+    .result {
+        position: relative;
+        box-sizing: border-box;
+        padding: 0 15px;
+        width: 509px;
+        background: rgba(#020340, 0.58);
+        border-radius: 8px;
+        .result-item {
+            position: relative;
+            padding: 12px 0;
+            border-bottom: 1px solid rgba(#fff, 0.2);
+
+            .result-panel {
+                position: absolute;
+                box-sizing: border-box;
+                padding: 15px;
+                left: 509px - 10px;
+                top: 0;
+                width: 500px;
+                background: rgba(#020340, 0.58);
+                border-radius: 8px;
+            }
+
+            .result-type {
+                margin-bottom: 10px;
+                font-size: 20px;
+                line-height: 30px;
+                font-family: PingFang SC;
+                font-weight: bold;
+                color: #00f0ff;
+            }
+
+            .result-more {
+                position: absolute;
+                right: 0;
+                top: 20px;
+                width: 50px;
+                height: 22px;
+                text-align: center;
+                line-height: 22px;
+                background: #dd8d02;
+                border-radius: 2px;
+                font-size: 14px;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #ffffff;
+                cursor: pointer;
+            }
+
+            .result-li {
+                line-height: 28px;
+                font-size: 16px;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #ffffff;
+                cursor: pointer;
+                @include toe;
+                i {
+                    margin-right: 5px;
+                }
+                span {
+                    width: 100%;
+                }
+            }
+        }
+    }
+}
+
+.m-sidemenu {
+    margin-left: 20px;
+    width: 360px;
+    height: calc(825px - 15px);
+
+    .title {
+        margin-bottom: 10px;
+        padding: 4px 0;
+        font-size: 22px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+
+        img {
+            display: block;
+            margin-right: 5px;
+        }
+        span {
+            display: block;
+        }
+    }
+
+    .list {
+        margin-right: -8px;
+        height: calc(825px - 120px);
+        overflow-y: auto;
+        overflow-x: hidden;
+        @include scrollBar;
+    }
+}
+
+.m-sidebar {
+    position: absolute;
+    right: 0;
+    top: 50px;
+    z-index: 1000;
+    width: 370px;
+    height: 470px;
+    overflow: hidden;
+    pointer-events: none;
+
+    .wrap {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        background-color: rgba(rgb(173, 173, 173), 0);
+        transform: translateX(-5px);
+        transition: all ease 1s;
+        border-radius: 4px;
+        pointer-events: auto;
+    }
+
+    .wrap-hidden {
+        transform: translateX(339px);
+    }
+
+    .div_agency_list {
+        width: 320px;
+        height: 470px;
+        color: #fff;
+        background: url("../../../img/modules/visual/box-2.png") no-repeat center;
+        background-size: 100% 100%;
+        padding: 45px 20px 35px 20px;
+
+        .agency_main {
+            height: 100%;
+            position: relative;
+        }
+
+        .agency_main {
+            /deep/ .el-scrollbar__wrap {
+                overflow-x: hidden !important;
+            }
+        }
+
+        .no-data-img {
+            text-align: center;
+            margin-top: 50px;
+            margin-left: 15px;
+        }
+        .agency_list {
+            .agency_item {
+                // height: 60px;
+                padding: 15px 0;
+                font-size: 17px;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #ffffff;
+                // line-height: 50px;
+                padding-left: 12px;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                // padding-top: 15px;
+
+                .agency_item_name {
+                    // line-height: 20px;
+                }
+            }
+
+            .agency_item_on {
+                background: #08216c;
+                border-radius: 2px;
+            }
+
+            .agency_item:hover {
+                cursor: pointer;
+                background-color: #011168;
+                border-radius: 4px 0 0 4px;
+                border: none;
+                box-shadow: 0 0 10px inset #1a5afd;
+                border-radius: 2px;
+            }
+        }
+    }
+
+    .arrow_tip {
+        margin-right: -2px;
+        margin-left: 10px;
+        > img {
+            width: 22px;
+            height: 176px;
+        }
+    }
+    .arrow_tip:hover {
+        cursor: pointer;
+    }
+}