4.3整合css

src/main.js

@@ -11,6 +11,7 @@ import './style/index.css' // 引入整个Element样式
 import "normalize.css/normalize.css";//重置样式
 import '@/js/lindex.js'
 import VScaleScreen from 'v-scale-screen'
+
 // import mitt from 'mitt'
 
 //import '"element-plus/dist/index.css'

src/style/style.css

@@ -0,0 +1,1087 @@
+.jc_padding {
+    padding: 18px 10px;
+  }
+  
+  .line {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    box-sizing: border-box;
+  }
+  
+  .L_aside .iconimg {
+    width: 37px;
+    height: 36px;
+    margin: 0 7px 0 24px;
+  }
+  .L_aside .Frame2 {
+    background-image: url(../assets/img/Frame2.png);
+    background-size: 100%;
+    background-position: center;
+  }
+  .L_aside .Frame3 {
+    background-image: url(../assets/img/Frame3.png);
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .L_aside .Frame4 {
+    background-image: url(../assets/img/Group27.png);
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .L_aside .el-collapse,
+  .L_aside .el-collapse-item__header {
+    border: none;
+  }
+  .L_aside .el-collapse ul li,
+  .L_aside .el-collapse-item__header ul li {
+    text-align: left;
+    display: inline-flex;
+    width: 100%;
+  }
+  .L_aside .el-collapse ul li .demo-datetime-picker,
+  .L_aside .el-collapse-item__header ul li .demo-datetime-picker {
+    display: inline-flex;
+    width: 100%;
+  }
+  .L_aside .el-collapse ul li .block, .L_aside .el-collapse ul li .el-input,
+  .L_aside .el-collapse-item__header ul li .block,
+  .L_aside .el-collapse-item__header ul li .el-input {
+    width: 100% !important;
+  }
+  .L_aside .el-collapse .el-date-editor.el-input, .L_aside .el-collapse .el-date-editor.el-input__wrapper,
+  .L_aside .el-collapse-item__header .el-date-editor.el-input,
+  .L_aside .el-collapse-item__header .el-date-editor.el-input__wrapper {
+    width: 100% !important;
+  }
+  .L_aside .el-collapse .inputkuang,
+  .L_aside .el-collapse-item__header .inputkuang {
+    height: 30px;
+    width: 100%;
+    background: rgba(13, 22, 57, 0.4);
+    position: relative;
+  }
+  .L_aside .el-collapse .inputkuang .righttext,
+  .L_aside .el-collapse-item__header .inputkuang .righttext {
+    display: inline-block;
+    position: absolute;
+    right: 10px;
+    top: 3px;
+    color: rgba(255, 255, 255, 0.8);
+  }
+  .L_aside .el-collapse .inputtext_1,
+  .L_aside .el-collapse-item__header .inputtext_1 {
+    font-weight: 400;
+    font-size: 13px;
+    color: #FFFFFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    padding: 13px 0 7px 0;
+    display: inline-block;
+    width: 80px;
+  }
+  
+  .ddd {
+    margin-top: 20px;
+  }
+  .ddd .ddd_div {
+    padding: 20px 0;
+    position: relative;
+  }
+  .ddd .class_btn {
+    position: absolute;
+    right: 0;
+    top: 21px;
+  }
+  
+  .header_l {
+    line-height: 10px;
+    text-align: left;
+    padding: 0 20px;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+  }
+  .header_l .el-image {
+    padding: 10px 10px 0 0;
+  }
+  .header_l h4 {
+    font-weight: bold;
+    font-size: 12px;
+    color: #68ADFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .tianjia {
+    display: inline-block;
+  }
+  
+  .el-dialog__title {
+    display: inline-block;
+  }
+  
+  .bgcolor {
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+  }
+  
+  .dialog_class .my-header {
+    line-height: 10px;
+    height: 40px;
+    text-align: left;
+    padding: 0 20px;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+  }
+  .dialog_class .my-header .el-image {
+    padding: 10px 10px 0 0;
+  }
+  .dialog_class .my-header h4 {
+    font-weight: bold;
+    font-size: 12px;
+    color: #68ADFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+  .dialog_class .my_content {
+    width: 100%;
+    height: 90px;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    position: relative;
+  }
+  .dialog_class .my_content .radio-group {
+    display: flex;
+    justify-content: center;
+  }
+  .dialog_class .my_content .radio-group .el-radio {
+    flex: 1;
+    justify-content: center;
+    font-weight: bold;
+    font-size: 12px;
+    color: #FFFFFF;
+    line-height: 14px;
+  }
+  .dialog_class .el-dialog__footer {
+    position: absolute;
+    bottom: 17px;
+    display: flex;
+  }
+  .dialog_class .el-dialog__footer .footerbtn {
+    flex: 1;
+    text-align: center;
+  }
+  
+  .my_content1 .el-table .cell {
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF !important;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .l_btn .borderimg {
+    width: 109px;
+    height: 30px;
+    background: rgba(104, 173, 255, 0.3);
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    /* border: 1px solid rgba(31, 107, 255, 1); */
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    border-radius: 4px;
+    display: flex;
+    display: inline-block;
+    box-sizing: border-box;
+  }
+  
+  .borderimg {
+    width: 109px;
+    height: 30px;
+    background: rgba(104, 173, 255, 0.3);
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    /* border: 1px solid rgba(31, 107, 255, 1); */
+    -o-border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    border-radius: 4px;
+    display: flex;
+    display: inline-block;
+    box-sizing: border-box;
+  }
+  
+  .el-table,
+  .el-table thead th {
+    background-color: rgba(13, 22, 57, 0.96) !important;
+  }
+  
+  .asides_content .el-form-item__label {
+    color: #FFFFFF !important;
+  }
+  
+  .asdis_btn {
+    display: flex;
+    margin-top: 9px;
+  }
+  .asdis_btn .btn {
+    flex: 1;
+    width: 145px;
+    height: 54px;
+    background-image: url(../assets/img/Rectangle5.png);
+    background-repeat: no-repeat;
+    line-height: 54px;
+  }
+  .asdis_btn .btn .spantext {
+    font-weight: bold;
+    font-size: 12px;
+    color: #FFFFFF;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .logs {
+    margin-top: 25px;
+    border-radius: 0px 0px 0px 0px;
+    border-top: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  }
+  .logs h4 {
+    padding: 10px 0;
+    font-weight: 400;
+    font-size: 13px;
+    color: #FFFFFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .logs_pading {
+    padding: 13px 20px 23px 24px;
+  }
+  
+  .newtime {
+    height: 112px;
+    padding: 38px;
+    font-weight: bold;
+    font-size: 20px;
+    color: #FF0F0F;
+    line-height: 23px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .animation_s {
+    padding: 25px;
+  }
+  
+  .tanniu ul {
+    margin-top: 40px;
+    display: flex;
+  }
+  .tanniu ul li {
+    flex: 1;
+    text-align: center;
+  }
+  .tanniu ul li p {
+    text-align: center;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    line-height: 14px;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .jiancedian {
+    width: 371px;
+    position: absolute;
+    right: 0;
+    top: 70px;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 4px 4px 4px 4px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+  }
+  .bgcolor {
+    border-radius: 0px 0px 0px 0px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+}
+
+.dialog_class {
+    background-color: rgba(13, 22, 57, 0.96) !important;
+    width: 482px;
+
+
+
+}
+
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+.el-dialog {
+    --el-dialog-padding-primary: 0px !important;
+}
+
+.el-dialog__headerbtn {
+    position: absolute;
+    top: 2px !important;
+    right: 0;
+    padding: 0;
+    width: 40px !important;
+    height: 40px !important;
+    background: 0 0;
+    border: none;
+    outline: 0;
+    cursor: pointer;
+    font-size: var(--el-message-close-size, 16px);
+}
+
+.el-icon {
+    color: #68ADFF !important;
+}
+
+.l_btn .borderimg {
+    width: 109px;
+    height: 30px;
+    background: rgba(104, 173, 255, 0.3);
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    /* border: 1px solid rgba(31, 107, 255, 1); */
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+
+    border-radius: 4px;
+    display: flex;
+    display: inline-block;
+    box-sizing: border-box;
+}
+
+.l_btn .el-button {
+    width: 100%;
+    height: 100%;
+    border-radius: 4px;
+    color: #fff;
+    background: rgba(104, 173, 255, 0.3);
+    border: 1px solid rgba(31, 107, 255, 1);
+}
+
+.class_footer {
+    position: absolute;
+    bottom: 17px;
+}
+
+.footer_div {
+    height: 90px;
+    padding: 30px 0;
+}
+
+.l_btn {
+    width: 100%;
+
+    bottom: 17px;
+    display: flex;
+    border-radius: 4px;
+
+}
+
+.el-table .el-table__cell {
+    padding: 0 !important;
+    height: 30px;
+    line-height: 30px;
+}
+
+/* .el-table tr,.el-table th.el-table__cell{
+            background-color: rgba(13, 22, 57, 0.96) !important;
+        } */
+.el-table__row {
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+.el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+    /* box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2); */
+    border-radius: 0px 0px 0px 0px;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+.oddRow {
+    background-color: rgba(104, 173, 255, 0.20) !important;
+}
+
+.evenRow {
+    background-color: rgba(13, 22, 57, 0.96) !important;
+}
+
+.my_content1 .el-table .cell {
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF !important;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.el-table--border .el-table__inner-wrapper::after,
+.el-table--border::after,
+.el-table--border::before,
+.el-table__inner-wrapper::before {
+    height: 0 !important;
+    background-color: rgba(red, green, blue, 0) !important;
+}
+.el-button:focus,
+.el-button:hover {
+    background: rgba(104, 173, 255, 1) !important;
+    font-weight: bold;
+    color: #000 !important;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 4px 4px 4px 4px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+.el-input__wrapper {
+
+    height: 30px;
+    background: rgba(104, 173, 255, 0.3) !important;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
+    border-radius: 0px 0px 0px 0px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+.selecwidth .el-input__wrapper {
+    height: auto !important;
+}
+
+.selecwidth .el-select__tags {
+    max-width: 200px !important;
+}
+
+.ddd_div .el-input__inner {
+    border: none;
+    /* background: rgba(104,173,255,0.3); */
+
+}
+
+.ddd_div .el-form-item__label {
+    color: #fff !important;
+}
+
+.ddd_div .demo-input-suffix {
+    width: 100%;
+}
+
+.ddd .el-form-item {
+    width: 72% ;
+}
+
+/* .el-input__inner::placeholder {
+			color: #fff !important;
+		} */
+.flex1 {
+    flex: 1;
+}
+
+.el-radio__input.is-checked .el-radio__inner {
+    border-color: #fff !important;
+    background: #fff !important;
+}
+
+.el-radio__inner {
+    border: 2px solid #fff !important;
+    background-color: rgba(104, 173, 255, 0) !important;
+    border: 1px solid #68ADFF;
+}
+
+.asideg .el-collapse-item__header {
+    height: 50px !important;
+    width: 100%;
+
+    background-position: left;
+    border: none !important;
+    font-weight: bold;
+    font-size: 15px;
+    color: #FFFFFF;
+    line-height: 18px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.leftbgimg .el-collapse-item__header {
+    background-image: url(../assets/img/Group10.png) !important;
+}
+
+.asideg1 .jc_header {
+    width: 100%;
+    height: 52px;
+    line-height: 69px;
+    background-image: url(../assets/img/Group24.png) !important;
+    background-repeat: no-repeat;
+    background-position: center;
+
+}
+
+.jc_tile {
+    padding-left: 20px;
+}
+
+.he_pading {
+    padding: 19px 14px 0 31px;
+}
+
+.asideg1 .el-form-item__label {
+    font-weight: 400;
+    font-size: 13px;
+    color: #FFFFFF;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.asideg .el-collapse {
+    --el-collapse-header-bg-color: none !important;
+}
+
+.asideg .el-collapse-item__arrow {
+    margin: 0 8px 0 auto;
+    font-weight: 800;
+    color: #fff !important;
+    font-weight: bold !important;
+    font-size: 20px !important;
+}
+
+.el-collapse-item__content {
+    background: rgba(13, 22, 57, 0.2);
+}
+
+.asideg .el-input__wrapper {
+    background: rgba(104, 173, 255, 0) !important;
+    border: 1px solid rgba(31, 107, 255, 1);
+    border-radius: 4px;
+    box-shadow: none !important;
+}
+
+.asideg .el-input__inner {
+    color: rgba(255, 15, 15, 1);
+    font-weight: 400;
+    font-size: 16px;
+}
+
+.el-collapse {
+    --el-collapse-header-bg-color: rgba(104, 173, 255, 0) !important;
+    --el-collapse-header-text-color: var(--el-text-color-primary);
+    --el-collapse-header-font-size: 13px;
+    --el-collapse-content-text-color: rgba(104, 173, 255, 0) !important;
+    --el-collapse-content-bg-color: rgba(104, 173, 255, 0) !important;
+}
+
+.asideg .el-collapse-item__wrap {
+
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 4px 4px 4px 4px;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+#textarea_id {
+    color: #fff;
+    font-size: 12px;
+    height: 226px;
+    background: rgba(104, 173, 255, 0) !important;
+    border: 1px solid rgba(31, 107, 255, 1);
+    border-radius: 4px;
+    box-shadow: none !important;
+}
+
+.asides_content .el-form-item__label {
+    color: #FFFFFF !important;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 33px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.el-form-item {
+    width: 100%;
+}
+
+.el-select__wrapper {
+    background-color: rgba(104, 173, 255, 0) !important;
+}
+
+.el-select__wrapper.is-hovering:not(.is-focused),
+.el-select__wrapper {
+    box-shadow: none !important;
+    border: 1px solid rgba(31, 107, 255, 1);
+    border-radius: 4px;
+    box-shadow: none !important;
+}
+
+/* Webkit内核浏览器（Chrome、Safari等）*/
+::-webkit-scrollbar {
+    width: 4px;
+    /* 设置滚动条宽度 */
+    background-color: #161A2A;
+    /* 设置滚动条背景颜色 */
+}
+
+/* 滑块样式 */
+::-webkit-scrollbar-thumb {
+    border-radius: 2px;
+    /* 设置滑块边角半径 */
+    background-color: rgba(31, 107, 255, 1);
+    /* 设置滑块背景颜色 */
+}
+
+/* 滑块在hover状态时的样式 */
+::-webkit-scrollbar-thumb:hover {
+    background-color: #555;
+    /* 设置滑块在hover状态下的背景颜色 */
+}
+
+/* 滚动条轨道样式 */
+::-webkit-scrollbar-track {
+    background-color: rgba(104, 173, 255, 0.4)
+        /* 设置滚动条轨道背景颜色 */
+}
+
+.result .el-tabs__item {
+    padding: 17px !important;
+    font-weight: bold;
+    font-size: 14px;
+    color: #FFFFFF;
+    line-height: 16px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+}
+
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header .el-tabs__nav {
+    border: none !important;
+}
+
+.el-tabs {
+    --el-tabs-header-height: 70px !important;
+}
+
+.result .el-tabs__item {
+    border-left: 1px solid;
+    border-right: 1px solid;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    font-weight: bold;
+    font-size: 14px;
+    color: #fff;
+    line-height: 23px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+}
+
+.result .is-active {
+    height: 70px;
+    background: radial-gradient(ellipse at 54px 0px, #3AA0FF -37%, #123066 53%);
+    border-radius: 0px 0px 0px 0px;
+    border: 2px solid;
+    color: rgba(255, 15, 15, 1) !important;
+    border-left: 1px solid rgba(16, 92, 240, 1);
+    border-right: 1px solid rgba(18, 48, 102, 1);
+    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
+}
+
+.result .el-tabs__item:hover {
+    color: rgba(255, 15, 15, 1);
+    cursor: pointer;
+}
+
+.result .el-tabs__header {
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+.result .el-tabs__content {
+    border: 1px solid;
+    color: rgba(255, 15, 15, 1) !important;
+    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    position: relative;
+}
+
+.result .el-tabs__content {
+    width: 275px;
+}
+
+.el-slider__button {
+    height: 10px;
+    width: 10px;
+
+}
+
+.color1 {
+    font-weight: 400;
+    font-size: 13px;
+    color: #FFFFFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.jc_padding .el-table tr {
+    height: 30px;
+    background-color: none;
+
+
+}
+
+.jc_padding .el-table .cell {
+    font-weight: 400;
+    font-size: 13px;
+    color: #FFFFFF;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+
+.tianjia .el-dialog__body {
+    padding: 20px !important;
+}
+
+.tianjia .el-form-item__label {
+    color: #fff;
+
+}
+
+.tianjia .el-input__inner {
+    color: #fff;
+    font-size: 14px;
+    font-weight: 400;
+    text-align: left;
+    padding: 20px 0;
+    height: 30px;
+    line-height: 47px;
+}
+
+.ddd_div .el-input__inner {
+    color: #fff;
+}
+
+.pagination {
+    margin-top: 30px;
+    display: flex;
+    justify-content: center;
+}
+
+.pagination .el-pagination__total {
+    color: #fff;
+}
+
+.el-pagination.is-background .btn-next.is-disabled,
+.el-pagination.is-background .btn-next:disabled,
+.el-pagination.is-background .btn-prev.is-disabled,
+.el-pagination.is-background .btn-prev:disabled,
+.el-pagination.is-background .el-pager li.is-disabled,
+.el-pagination.is-background .el-pager li:disabled {
+    background: rgba(104, 173, 255, 0.3) !important;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
+    border-radius: 0px 0px 0px 0px;
+    border: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+}
+
+.delecttitle {
+    font-size: 18px;
+    font-weight: bold;
+    color: #fff;
+}
+
+.el-select__input {
+    font-size: 12px;
+}
+.btns {
+    width: 72px;
+    height: 30px;
+    background-image: url(../../assets/img/Rectangle399.png);
+    background-repeat: no-repeat;
+    line-height: 30px;
+    overflow: hidden;
+    margin: 10px 0;
+  }
+  .btns .spantext {
+    font-weight: bold;
+    font-size: 12px;
+    color: #ffffff;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+ul,
+ol {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+.tuiy{
+    z-index: 888 !important;
+}
+.tuiy .asideg .el-input__inner {
+    font-size: 14px !important;
+}
+.spantext{
+    cursor: pointer;
+}
+.tablebk .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+    background-color: rgba(255, 255, 25, 0.5) !important;
+}
+.shigutable  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+    background-color: rgba(255, 255, 25, 0) !important;
+}
+ .el-table__body-wrapper .el-radio__label{
+    display: none !important;
+}
+.btns{
+    width: 72px;
+    height: 30px;
+    background-image: url(../../src/assets/img/Rectangle399.png);
+    background-repeat: no-repeat;
+    line-height: 30px;
+    overflow: hidden;
+    margin: 10px 0;
+}
+.flex_a {
+    flex: 1;
+    padding: 0 19px;
+}
+.leftbgimg1 .el-collapse-item__header {
+    background-image: url(../../src/assets/img//Group10.png)!important;
+    background-size: cover;
+    background-position-x: center!important;
+}
+.leftbgimg2 .el-collapse-item__header {
+    background-image: url(../../src/assets/img/b1.png) !important;
+    background-size: cover;
+    background-position-x: center !important;
+}
+.asideg .el-collapse-item__header {
+    height: 50px !important;
+    width: 100%;
+    color: #fff;
+    background-position: left;
+    border: none !important;
+    font-weight: bold;
+    font-size: 15px;
+    color: #ffffff;
+    line-height: 18px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+.asideg .el-collapse-item__wrap {
+    box-shadow: inset 0 0 17px 5px #0c61c533;
+    border-radius: 4px;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg,rgba(31,107,255,1),rgba(31,107,255,.48)) 1 1;
+}
+.magintop {
+    display: flex;
+}
+.el-table .cell {
+    color: #fff;
+    font-size: 12px;
+}
+.el-table .cell {
+    box-sizing: border-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    word-break: break-all;
+    line-height: 23px;
+    padding: 0 12px;
+}
+.btns .spantext{
+  font-weight: 700;
+  font-size: 12px;
+  color: #fff;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.padingcla .flex_a {
+  padding: 0 2px!important;
+}
+.input .el-form-item__label, .input .el-input__inner {
+  color: #fff;
+}
+.leftbgimg0 .el-collapse-item__header {
+  background-image: url(../../src/assets/img/b1.png)!important;
+  background-size: cover;
+  background-position-x: center!important;
+}
+.guand_1{
+  display: flex;
+}
+.guand_1 .asdis_btn {
+  margin-top: -9px!important;
+}
+.magintop .el-form-item {
+  margin-right: 20px;
+}
+/* 模型库 */
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
+  position: relative;
+  /* border-top: 1px solid;
+  border-left: 1px solid;
+  border-bottom: 1px solid;
+  border-radius: 0px 0px 0px 0px; */
+}
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item::after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200%;
+  height: 200%;
+  border-right: 1px solid;
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+  border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  transform-origin: 0 0;
+  transform: scale(0.5);
+}
+
+.classtab .el-tabs__item {
+  /* width:120px; */
+  height: 48px;
+  padding: 0 10px !important;
+  font-weight: bold;
+  font-size: 12px;
+  color: #68ADFF;
+  line-height: 16px;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+}
+
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header .el-tabs__nav {
+  border: none !important;
+}
+
+.classtab .el-tabs {
+  --el-tabs-header-height: 48px !important;
+}
+
+.classtab .el-tabs__header {
+  margin: 0 !important;
+}
+
+.classtab .is-active {
+  height: 48px;
+  background: radial-gradient(ellipse at 54px 0px, #3AA0FF -37%, #123066 53%);
+  border-radius: 0px 0px 0px 0px;
+  color: #fff !important;
+  border-left: 1px solid rgba(16, 92, 240, 1);
+  border-right: 1px solid rgba(18, 48, 102, 1);
+
+  border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
+}
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  border-top-left-radius: 10px !important;
+  border-top-right-radius: 10px !important;
+}
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
+  border: none !important;
+}
+
+.classtab .el-tabs__content {
+  border: 1px solid;
+  color: rgba(255, 15, 15, 1) !important;
+  border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 0px 0px 0px 0px;
+  position: relative;
+}
+
+.el-select__input {
+  font-size: 12px;
+}
+
+ul,
+ol {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* 新的css */
+/* .classtab {
+  display: flex;
+} */
+
+.xinxi_header {
+  border-bottom: none !important;
+}
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header,
+.el-tabs--card>.el-tabs__header .el-tabs__nav {
+    border: none !important;
+}
+.el-table .el-table__cell {
+  padding: 0!important;
+  height: 30px;
+  line-height: 30px;
+}
+.l_btn .borderimg {
+  width: 70px;
+  height: 30px;
+  font-size: 12px;
+  background: rgba(104, 173, 255, 0.3);
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  /* border: 1px solid rgba(31, 107, 255, 1); */
+  border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+  font-weight: bold;
+  border-radius: 4px;
+  display: flex;
+  display: inline-block;
+  box-sizing: border-box;
+}
+.classtab .jc_padding .el-table {
+  height: 30px !important;
+
+}

src/view/InfoDialoges.vue

@@ -1014,905 +1014,10 @@ onMounted(() => {
 
 defineExpose({ monitor, accident2, leftcoll, classradio, aid, dialogVisible ,changeModel,classclick});
 </script>
-
-<style lang="scss" scoped>
-.jc_padding {
-    padding: 18px 10px;
-}
-
-.line {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
-    box-sizing: border-box;
-}
-
-.L_aside {
-    .iconimg {
-        width: 37px;
-        height: 36px;
-        margin: 0 7px 0 24px;
-    }
-
-    .Frame2 {
-        background-image: url(../assets/img/Frame2.png);
-        background-size: 100%;
-        background-position: center;
-    }
-
-    .Frame3 {
-        background-image: url(../assets/img/Frame3.png);
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-    .Frame4 {
-        
-        background-image: url(../assets/img/Group27.png);
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-    .el-collapse,
-    .el-collapse-item__header {
-        border: none;
-
-        ul li {
-            text-align: left;
-            display: inline-flex;
-            width:100%;
-            .demo-datetime-picker{
-                display: inline-flex;
-                width:100%;
-             
-            }
-            .block,.el-input{
-                width:100% !important; 
-            }
-        }
-        .el-date-editor.el-input, .el-date-editor.el-input__wrapper{
-            width:100% !important; 
-        }
-        .inputkuang {
-            height: 30px;
-            width: 100%;
-            background: rgba(13, 22, 57, 0.4);
-            position: relative;
-
-            .righttext {
-                display: inline-block;
-                position: absolute;
-                right: 10px;
-                top: 3px;
-                color: rgba($color: #FFFFFF, $alpha: 0.8);
-            }
-        }
-
-        .inputtext_1 {
-            font-weight: 400;
-            font-size: 13px;
-            color: #FFFFFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            padding: 13px 0 7px 0;
-            display: inline-block;
-            width: 80px;
-
-        }
-    }
-}
-
-.ddd {
-    margin-top: 20px;
-
-    .ddd_div {
-        padding: 20px 0;
-        position: relative;
-    }
-
-    .class_btn {
-        position: absolute;
-        right: 0;
-        top: 21px;
-    }
-
-}
-
-.header_l {
-    line-height: 10px;
-    // height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    // border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-        padding: 10px 10px 0 0;
-    }
-
-    h4 {
-        font-weight: bold;
-        font-size: 12px;
-        color: #68ADFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.tianjia {
-    display: inline-block;
-}
-
-.el-dialog__title {
-    display: inline-block;
-}
-
-.bgcolor {
-    // width: 482px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.dialog_class {
-    .my-header {
-        line-height: 10px;
-        height: 40px;
-        text-align: left;
-        padding: 0 20px;
-        border-bottom: 1px solid;
-        border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-
-        .el-image {
-            padding: 10px 10px 0 0;
-        }
-
-        h4 {
-            font-weight: bold;
-            font-size: 12px;
-            color: #68ADFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-
-    .my_content {
-        width: 100%;
-        height: 90px;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-        position: relative;
-
-        .radio-group {
-            display: flex;
-            justify-content: center;
-
-            .el-radio {
-                flex: 1;
-                justify-content: center;
-                font-weight: bold;
-                font-size: 12px;
-                color: #FFFFFF;
-                line-height: 14px;
-
-            }
-
-        }
-    }
-
-    .el-dialog__footer {
-        position: absolute;
-        bottom: 17px;
-        display: flex;
-
-        .footerbtn {
-            flex: 1;
-            text-align: center;
-        }
-    }
-}
-
-.my_content1 {
-    .el-table .cell {
-        font-weight: 400;
-        font-size: 12px;
-        color: #FFFFFF !important;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
-}
-
-.l_btn .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box
-}
-
-.el-table,
-.el-table thead th {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-
-.asides_content {
-
-    //     background: rgba(13,22,57,0.4);
-    // box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
-    // border-radius: 0px 0px 0px 0px;
-    // border: 1px solid;
-    // border-image: linear-gradient(359deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0)) 1 1;
-    .el-form-item__label {
-        color: #FFFFFF !important;
-    }
-}
-
-.asdis_btn {
-    display: flex;
-    margin-top: 9px;
-
-    .btn {
-        flex: 1;
-        width: 145px;
-        height: 54px;
-        background-image: url(../assets/img/Rectangle5.png);
-        background-repeat: no-repeat;
-        line-height: 54px;
-
-        .spantext {
-            font-weight: bold;
-            font-size: 12px;
-            color: #FFFFFF;
-            text-align: center;
-            font-style: normal;
-            text-transform: none;
-
-        }
-    }
-}
-
-.logs {
-    margin-top: 25px;
-    border-radius: 0px 0px 0px 0px;
-    border-top: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-
-    h4 {
-        padding: 10px 0;
-        font-weight: 400;
-        font-size: 13px;
-        color: #FFFFFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.logs_pading {
-    padding: 13px 20px 23px 24px;
-}
-
-.newtime {
-    height: 112px;
-    padding: 38px;
-    font-weight: bold;
-    font-size: 20px;
-    color: #FF0F0F;
-    line-height: 23px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.animation_s {
-    padding: 25px;
-}
-
-.tanniu ul {
-    margin-top: 40px;
-    display: flex;
-
-    li {
-        flex: 1;
-        text-align: center;
-
-        p {
-            text-align: center;
-            font-weight: 400;
-            font-size: 12px;
-            color: #FFFFFF;
-            line-height: 14px;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-}
-
-.jiancedian {
-    width: 371px;
-    position: absolute;
-    right: 0;
-    top: 70px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-</style>
-
 <style>
-/* //.bgcolor */
-.bgcolor {
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-}
-
-.dialog_class {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-    width: 482px;
-
-
-
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-.el-dialog {
-    --el-dialog-padding-primary: 0px !important;
-}
-
-.el-dialog__headerbtn {
-    position: absolute;
-    top: 2px !important;
-    right: 0;
-    padding: 0;
-    width: 40px !important;
-    height: 40px !important;
-    background: 0 0;
-    border: none;
-    outline: 0;
-    cursor: pointer;
-    font-size: var(--el-message-close-size, 16px);
-}
-
-.el-icon {
-    color: #68ADFF !important;
-}
-
-.l_btn .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.l_btn .el-button {
-    width: 100%;
-    height: 100%;
-    border-radius: 4px;
-    color: #fff;
-    background: rgba(104, 173, 255, 0.3);
-    border: 1px solid rgba(31, 107, 255, 1);
-}
-
-.class_footer {
-    position: absolute;
-    bottom: 17px;
-}
-
-.footer_div {
-    height: 90px;
-    padding: 30px 0;
-}
-
-.l_btn {
-    width: 100%;
-
-    bottom: 17px;
-    display: flex;
-    border-radius: 4px;
-
-}
-
-.el-table .el-table__cell {
-    padding: 0 !important;
-    height: 30px;
-    line-height: 30px;
-}
-
-/* .el-table tr,.el-table th.el-table__cell{
-            background-color: rgba(13, 22, 57, 0.96) !important;
-        } */
-.el-table__row {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
-    /* box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2); */
-    border-radius: 0px 0px 0px 0px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.oddRow {
-    background-color: rgba(104, 173, 255, 0.20) !important;
-}
-
-.evenRow {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-.my_content1 .el-table .cell {
-    font-weight: 400;
-    font-size: 12px;
-    color: #FFFFFF !important;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-table--border .el-table__inner-wrapper::after,
-.el-table--border::after,
-.el-table--border::before,
-.el-table__inner-wrapper::before {
-    height: 0 !important;
-    background-color: rgba(red, green, blue, 0) !important;
-}
-.el-button:focus,
-.el-button:hover {
-    background: rgba(104, 173, 255, 1) !important;
-    font-weight: bold;
-    color: #000 !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-input__wrapper {
-
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3) !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.selecwidth .el-input__wrapper {
-    height: auto !important;
-}
-
-.selecwidth .el-select__tags {
-    max-width: 200px !important;
-}
-
-.ddd_div .el-input__inner {
-    border: none;
-    /* background: rgba(104,173,255,0.3); */
-
-}
-
-.ddd_div .el-form-item__label {
-    color: #fff !important;
-}
-
-.ddd_div .demo-input-suffix {
-    width: 100%;
-}
-
-.ddd .el-form-item {
-    width: 72% ;
-}
-
-/* .el-input__inner::placeholder {
-			color: #fff !important;
-		} */
-.flex1 {
-    flex: 1;
-}
-
-.el-radio__input.is-checked .el-radio__inner {
-    border-color: #fff !important;
-    background: #fff !important;
-}
-
-.el-radio__inner {
-    border: 2px solid #fff !important;
-    background-color: rgba(104, 173, 255, 0) !important;
-    border: 1px solid #68ADFF;
-}
-
-.asideg .el-collapse-item__header {
-    height: 50px !important;
-    width: 100%;
-
-    background-position: left;
-    border: none !important;
-    font-weight: bold;
-    font-size: 15px;
-    color: #FFFFFF;
-    line-height: 18px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.leftbgimg .el-collapse-item__header {
-    background-image: url(../assets/img/Group10.png) !important;
-}
-
-.asideg1 .jc_header {
-    width: 100%;
-    height: 52px;
-    line-height: 69px;
-    background-image: url(../assets/img/Group24.png) !important;
-    background-repeat: no-repeat;
-    background-position: center;
-
-}
-
-.jc_tile {
-    padding-left: 20px;
-}
-
-.he_pading {
-    padding: 19px 14px 0 31px;
-}
-
-.asideg1 .el-form-item__label {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.asideg .el-collapse {
-    --el-collapse-header-bg-color: none !important;
-}
-
-.asideg .el-collapse-item__arrow {
-    margin: 0 8px 0 auto;
-    font-weight: 800;
-    color: #fff !important;
-    font-weight: bold !important;
-    font-size: 20px !important;
-}
-
-.el-collapse-item__content {
-    background: rgba(13, 22, 57, 0.2);
-}
-
-.asideg .el-input__wrapper {
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asideg .el-input__inner {
-    color: rgba(255, 15, 15, 1);
-    font-weight: 400;
-    font-size: 16px;
-}
-
-.el-collapse {
-    --el-collapse-header-bg-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-header-text-color: var(--el-text-color-primary);
-    --el-collapse-header-font-size: 13px;
-    --el-collapse-content-text-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-content-bg-color: rgba(104, 173, 255, 0) !important;
-}
-
-.asideg .el-collapse-item__wrap {
-
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-#textarea_id {
-    color: #fff;
-    font-size: 12px;
-    height: 226px;
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asides_content .el-form-item__label {
-    color: #FFFFFF !important;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 33px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-form-item {
-    width: 100%;
-}
-
-.el-select__wrapper {
-    background-color: rgba(104, 173, 255, 0) !important;
-}
-
-.el-select__wrapper.is-hovering:not(.is-focused),
-.el-select__wrapper {
-    box-shadow: none !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-/* Webkit内核浏览器（Chrome、Safari等）*/
-::-webkit-scrollbar {
-    width: 4px;
-    /* 设置滚动条宽度 */
-    background-color: #161A2A;
-    /* 设置滚动条背景颜色 */
-}
-
-/* 滑块样式 */
-::-webkit-scrollbar-thumb {
-    border-radius: 2px;
-    /* 设置滑块边角半径 */
-    background-color: rgba(31, 107, 255, 1);
-    /* 设置滑块背景颜色 */
-}
-
-/* 滑块在hover状态时的样式 */
-::-webkit-scrollbar-thumb:hover {
-    background-color: #555;
-    /* 设置滑块在hover状态下的背景颜色 */
-}
-
-/* 滚动条轨道样式 */
-::-webkit-scrollbar-track {
-    background-color: rgba(104, 173, 255, 0.4)
-        /* 设置滚动条轨道背景颜色 */
-}
-
-.result .el-tabs__item {
-    padding: 17px !important;
-    font-weight: bold;
-    font-size: 14px;
-    color: #FFFFFF;
-    line-height: 16px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header .el-tabs__nav {
-    border: none !important;
-}
-
-.el-tabs {
-    --el-tabs-header-height: 70px !important;
-}
-
-.result .el-tabs__item {
-    border-left: 1px solid;
-    border-right: 1px solid;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    font-weight: bold;
-    font-size: 14px;
-    color: #fff;
-    line-height: 23px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.result .is-active {
-    height: 70px;
-    background: radial-gradient(ellipse at 54px 0px, #3AA0FF -37%, #123066 53%);
-    border-radius: 0px 0px 0px 0px;
-    border: 2px solid;
-    color: rgba(255, 15, 15, 1) !important;
-    border-left: 1px solid rgba(16, 92, 240, 1);
-    border-right: 1px solid rgba(18, 48, 102, 1);
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-}
-
-.result .el-tabs__item:hover {
-    color: rgba(255, 15, 15, 1);
-    cursor: pointer;
-}
-
-.result .el-tabs__header {
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-.result .el-tabs__content {
-    border: 1px solid;
-    color: rgba(255, 15, 15, 1) !important;
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    position: relative;
-}
-
-.result .el-tabs__content {
-    width: 275px;
-}
-
-.el-slider__button {
-    height: 10px;
-    width: 10px;
-
-}
-
-.color1 {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
+ @import '../../src/style/style.css';
+ .scoperadio .el-radio__label {
+    display: none !important;
 }
 
-.jc_padding .el-table tr {
-    height: 40px;
-    background-color: none;
-
-
-}
-
-.jc_padding .el-table .cell {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.tianjia .el-dialog__body {
-    padding: 20px !important;
-}
-
-.tianjia .el-form-item__label {
-    color: #fff;
-
-}
-
-.tianjia .el-input__inner {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 400;
-    text-align: left;
-    padding: 20px 0;
-    height: 30px;
-    line-height: 47px;
-}
-
-.ddd_div .el-input__inner {
-    color: #fff;
-}
-
-.pagination {
-    margin-top: 30px;
-    display: flex;
-    justify-content: center;
-}
-
-.pagination .el-pagination__total {
-    color: #fff;
-}
-
-.el-pagination.is-background .btn-next.is-disabled,
-.el-pagination.is-background .btn-next:disabled,
-.el-pagination.is-background .btn-prev.is-disabled,
-.el-pagination.is-background .btn-prev:disabled,
-.el-pagination.is-background .el-pager li.is-disabled,
-.el-pagination.is-background .el-pager li:disabled {
-    background: rgba(104, 173, 255, 0.3) !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.delecttitle {
-    font-size: 18px;
-    font-weight: bold;
-    color: #fff;
-}
-
-.scoperadio .el-radio__label {
-    display: none;
-}
-
-.el-select__input {
-    font-size: 12px;
-}
-
-ul,
-ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-.tuiy{
-    z-index: 888 !important;
-}
-.tuiy .asideg .el-input__inner {
-    font-size: 14px !important;
-}
-.spantext{
-    cursor: pointer;
-}
-.tablebk .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background-color: rgba(255, 255, 25, 0.5) !important;
-}
-.shigutable  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
-    background-color: rgba(255, 255, 25, 0) !important;
-}
-</style>
+</style>

src/view/appmian.vue

@@ -520,6 +520,7 @@ const handleSelect = (key) => {
 </style>
 
 <style>
+ @import '../../src/style/style.css';
 .titlebtn{
   margin-left: 20px;
   font-size: 0.10442rem;
@@ -527,6 +528,7 @@ const handleSelect = (key) => {
   font-weight: bold;
   border: 1px solid #fff;
   
+  
 }
 .timers{
   position: absolute;
@@ -553,7 +555,6 @@ button:focus-visible {
 
 .l_Dialog {
   position: relative;
-  z-index: 206;
 }
 .main-conyeny{
     position: absolute;

src/view/components/InfoBoundary.vue

@@ -709,480 +709,3 @@ onMounted(() => {});
 defineExpose({ boun, accident4, addboundary, changeModel });
 </script>
 
-<style lang="scss" scoped>
-.bounclass .flex_a {
-  display: flex;
-  justify-content: center;
-}
-
-.bmar .el-table__header {
-  margin: 0 !important;
-}
-
-.jc_padding .el-table tr {
-  height: 30px !important;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-
-.flex_a {
-  flex: 1;
-  padding: 0 19px;
-}
-
-.padingcla .flex_a {
-  padding: 0 2px !important;
-}
-
-.btns {
-  width: 72px;
-  height: 30px;
-  background-image: url(../../assets/img/Rectangle399.png);
-  background-repeat: no-repeat;
-  line-height: 30px;
-  overflow: hidden;
-  margin: 10px 0;
-
-  .spantext {
-    font-weight: bold;
-    font-size: 12px;
-    color: #ffffff;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-
-.header_z {
-  box-shadow: none !important;
-  padding: 10px 20px !important;
-}
-
-.header_l {
-  line-height: 10px;
-  // height: 40px;
-  text-align: left;
-  padding: 0 20px;
-  // border-bottom: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-
-  .el-image {
-    padding: 10px 10px 0 0;
-  }
-
-  h4 {
-    font-weight: bold;
-    font-size: 12px;
-    color: #68adff;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-
-.tianjia {
-  display: inline-block;
-}
-
-.jc_padding {
-  padding: 18px 10px;
-}
-
-.line {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  box-sizing: border-box;
-}
-
-.L_aside {
-  .iconimg {
-    width: 37px;
-    height: 36px;
-    margin: 0 7px 0 24px;
-  }
-
-  .Frame2 {
-    background-image: url(../../assets/img/Frame2.png);
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-
-  .el-collapse,
-  .el-collapse-item__header {
-    border: none;
-
-    ul li {
-      text-align: left;
-    }
-
-    .inputkuang {
-      height: 30px;
-      width: 100%;
-      background: rgba(13, 22, 57, 0.4);
-      position: relative;
-
-      .righttext {
-        display: inline-block;
-        position: absolute;
-        right: 10px;
-        top: 3px;
-        color: rgba($color: #ffffff, $alpha: 0.8);
-      }
-    }
-
-    .inputtext_1 {
-      font-weight: 400;
-      font-size: 13px;
-      color: #ffffff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-      padding: 13px 0 7px 0;
-      display: inline-block;
-    }
-  }
-}
-
-.ddd {
-  margin-top: 20px;
-
-  .ddd_div {
-    padding: 20px 0;
-    position: relative;
-  }
-
-  .class_btn {
-    position: absolute;
-    right: 0;
-    top: 21px;
-  }
-
-  .header_l {
-    line-height: 10px;
-    // height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    // border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
-      1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-      padding: 10px 10px 0 0;
-    }
-
-    h4 {
-      font-weight: bold;
-      font-size: 12px;
-      color: #68adff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-}
-
-.tianjia {
-  display: inline-block;
-}
-
-.el-dialog__title {
-  display: inline-block;
-}
-
-.bgcolor {
-  // width: 482px;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-
-.dialog_class {
-  .my-header {
-    line-height: 10px;
-    height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
-      1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-      padding: 10px 10px 0 0;
-    }
-
-    h4 {
-      font-weight: bold;
-      font-size: 12px;
-      color: #68adff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-
-  .my_content {
-    width: 100%;
-    height: 90px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    position: relative;
-
-    .radio-group {
-      display: flex;
-      justify-content: center;
-
-      .el-radio {
-        flex: 1;
-        justify-content: center;
-        font-weight: bold;
-        font-size: 12px;
-        color: #ffffff;
-        line-height: 14px;
-      }
-    }
-  }
-
-  .el-dialog__footer {
-    position: absolute;
-    bottom: 17px;
-    display: flex;
-
-    .footerbtn {
-      flex: 1;
-      text-align: center;
-    }
-  }
-}
-
-.my_content1 {
-  .el-table .cell {
-    font-weight: 400;
-    font-size: 12px;
-    color: #ffffff !important;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-
-.l_btn .borderimg {
-  width: 109px;
-  height: 30px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
-
-.borderimg {
-  width: 109px;
-  height: 30px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
-
-.el-table,
-.el-table thead th {
-  background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-
-
-.el-form-item__label {
-  color: #ffffff !important;
-}
-
-.asdis_btn {
-  display: flex;
-  margin-top: 9px;
-
-  .btn {
-    flex: 1;
-    width: 145px;
-    height: 54px;
-    background-image: url(../../assets/img/Rectangle5.png);
-    background-size: cover;
-    background-position-x: center !important;
-    line-height: 54px;
-
-    .spantext {
-      font-weight: bold;
-      font-size: 12px;
-      color: #ffffff;
-      text-align: center;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-}
-
-.jiancedian {
-  width: 380px;
-  position: absolute;
-  right: 0;
-  top: 70px;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-</style>
-
-<style>
-.leftbgimg2 .el-collapse-item__header {
-  background-image: url(../../assets/img/b1.png) !important;
-  background-size: cover;
-  background-position-x: center !important;
-}
-
-.leftbgimg0 .el-collapse-item__header {
-  background-image: url(../../assets/img/b0.png) !important;
-  background-size: cover;
-  background-position-x: center !important;
-}
-
-.xian {
-  border: 1px solid;
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  background-color: rgba(13, 22, 57, 0.4);
-}
-
-.header_l {
-  position: relative;
-}
-
-.header_l .closeimg {
-  position: absolute;
-  top: 10px;
-  right: 0;
-}
-
-.leftbgimg2 .el-table tr {
-  height: 30px !important;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-
-.leftbgimg0 .el-table tr {
-  height: 30px !important;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-
-.font12 .el-table .cell {
-  font-size: 12px !important;
-}
-
-.addye {
-  width: 100%;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  position: relative;
-}
-.log_class {
-  background-color: rgba(13, 22, 57, 0.96) !important;
-}
-</style>
-
-<style>
-.inputtext_1 {
-  font-weight: 400;
-  font-size: 13px;
-  color: #ffffff;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 13px 0 7px 0;
-  display: inline-block;
-}
-
-.input ul li {
-  text-align: left;
-}
-
-.input .el-form-item__label {
-  color: #ffffff;
-}
-
-.input .el-input__inner {
-  color: #ffffff;
-}
-
-.foter_l .el-dialog__footer {
-  height: 40px;
-}
-
-.addye .footer_div {
-  height: auto;
-  padding-bottom: 30px;
-}
-
-.Frame3 {
-  background-image: url(../../assets/img/Frame3.png);
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-.guand_1 .asdis_btn {
-  margin-top: -9px !important;
-}
-
-.bou .el-table__header {
-  margin: 0 !important;
-}
-</style>

src/view/components/InfoDisaster.vue

@@ -671,6 +671,7 @@
       width="400"
       align-center
       :modal="false"
+      :z-index='1000'
       :close-on-click-modal="false"
       draggable
       :fullscreen="false"
@@ -1928,450 +1929,7 @@ onMounted(() => {
 });
 defineExpose({ sour, accident3, handledisaster,changeModel,Gassgetdata});
 </script>
-
-<style lang="scss" scoped>
-.jc_padding .el-table tr {
-  height: 30px !important;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-.flex_a {
-  flex: 1;
-  padding: 0 19px;
-}
-.btns {
-  width: 72px;
-  height: 30px;
-  background-image: url(../../assets/img/Rectangle399.png);
-  background-repeat: no-repeat;
-  line-height: 30px;
-  overflow: hidden;
-  margin: 10px 0;
-  .spantext {
-    font-weight: bold;
-    font-size: 12px;
-    color: #ffffff;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-.header_z {
-  box-shadow: none !important;
-  padding: 10px 20px !important;
-}
-.header_l {
-  line-height: 10px;
-  // height: 40px;
-  text-align: left;
-  padding: 0 20px;
-  // border-bottom: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  .el-image {
-    padding: 10px 10px 0 0;
-  }
-  h4 {
-    font-weight: bold;
-    font-size: 12px;
-    color: #68adff;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-.tianjia {
-  display: inline-block;
-}
-.jc_padding {
-  padding: 18px 10px;
-}
-.line {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  box-sizing: border-box;
-}
-.L_aside {
-  .iconimg {
-    width: 37px;
-    height: 36px;
-    margin: 0 7px 0 24px;
-  }
-  .Frame2 {
-    background-image: url(../../assets/img/Frame2.png);
-    background-size: 100%;
-    background-position: center;
-  }
-  .Frame3 {
-    background-image: url(../../assets/img/Frame3.png);
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-  .Frame4 {
-    background-image: url(../../assets/img/Group27.png);
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-  .el-collapse,
-  .el-collapse-item__header {
-    border: none;
-    ul li {
-      text-align: left;
-    }
-    .inputkuang {
-      height: 30px;
-      width: 100%;
-      background: rgba(13, 22, 57, 0.4);
-      position: relative;
-      .righttext {
-        display: inline-block;
-        position: absolute;
-        right: 10px;
-        top: 3px;
-        color: rgba($color: #ffffff, $alpha: 0.8);
-      }
-    }
-
-    .inputtext_1 {
-      font-weight: 400;
-      font-size: 13px;
-      color: #ffffff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-      padding: 13px 0 7px 0;
-      display: inline-block;
-    }
-  }
-}
-.ddd {
-  margin-top: 20px;
-  .ddd_div {
-    padding: 20px 0;
-    position: relative;
-  }
-  .class_btn {
-    position: absolute;
-    right: 0;
-    top: 21px;
-  }
-  .header_l {
-    line-height: 10px;
-    // height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    // border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
-      1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    .el-image {
-      padding: 10px 10px 0 0;
-    }
-    h4 {
-      font-weight: bold;
-      font-size: 12px;
-      color: #68adff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-}
-.tianjia {
-  display: inline-block;
-}
-.el-dialog__title {
-  display: inline-block;
-}
-.bgcolor {
-  // width: 482px;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-.dialog_class {
-  .my-header {
-    line-height: 10px;
-    height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
-      1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    .el-image {
-      padding: 10px 10px 0 0;
-    }
-    h4 {
-      font-weight: bold;
-      font-size: 12px;
-      color: #68adff;
-      line-height: 14px;
-      text-align: left;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-  .my_content {
-    width: 100%;
-    height: 90px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    position: relative;
-
-    .radio-group {
-      display: flex;
-      justify-content: center;
-      .el-radio {
-        flex: 1;
-        justify-content: center;
-        font-weight: bold;
-        font-size: 12px;
-        color: #ffffff;
-        line-height: 14px;
-      }
-    }
-  }
-  .el-dialog__footer {
-    position: absolute;
-    bottom: 17px;
-    display: flex;
-    .footerbtn {
-      flex: 1;
-      text-align: center;
-    }
-  }
-}
-.my_content1 {
-  .el-table .cell {
-    font-weight: 400;
-    font-size: 12px;
-    color: #ffffff !important;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-  }
-}
-.l_btn .borderimg {
-  width: 109px;
-  height: 30px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
-.borderimg {
-  width: 109px;
-  height: 30px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
-.el-table,
-.el-table thead th {
-  background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-.el-form-item__label {
-  color: #ffffff !important;
-}
-
-.asdis_btn {
-  display: flex;
-  margin-top: 9px;
-  .btn {
-    flex: 1;
-    width: 145px;
-    height: 54px;
-    background-image: url(../../assets/img/Rectangle5.png);
-    background-size: cover;
-    background-position-x: center !important;
-    line-height: 54px;
-    .spantext {
-      font-weight: bold;
-      font-size: 12px;
-      color: #ffffff;
-      text-align: center;
-      font-style: normal;
-      text-transform: none;
-    }
-  }
-}
-
-.jiancedian {
-  width: 380px;
-  position: absolute;
-  right: 0;
-  top: 70px;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-</style>
 <style>
-.el-collapse-item__header {
-  border: 1px solid;
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  background-color: rgba(13, 22, 57, 0.4);
-}
-.leftbgimg1 .el-collapse-item__header {
-  background-image: url(../../assets/img/Group10.png) !important;
-  background-size: cover;
-  background-position-x: center !important;
-}
-.xian {
-  border: 1px solid;
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  background-color: rgba(13, 22, 57, 0.4);
-}
-.header_l {
-  position: relative;
-}
-.header_l .closeimg {
-  position: absolute;
-  top: 10px;
-  right: 0;
-}
-.asideg .el-collapse-item__wrap {
-  background: rgba(13, 22, 57, 0.4);
-  /* //border: 1px solid; */
-  border-bottom: 1px solid;
-  border-left: 1px solid;
-  border-right: 1px solid;
-  -o-border-image: linear-gradient(
-      180deg,
-      rgba(31, 107, 255, 1),
-      rgba(31, 107, 255, 0.48)
-    )
-    1 1;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  background-color: rgba(13, 22, 57, 0.4);
-}
-.leftbgimg1 .el-table tr {
-  height: 30px !important;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-}
-.btncolor .el-button {
-  background-color: rgba(104, 173, 255, 0);
-  font-weight: 400;
-  font-size: 12px;
-  color: #fff500;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  border: none;
-}
-.btncolor .el-button:focus,
-.el-button:hover {
-  background-color: none;
-  background-color: rgba(104, 173, 255, 0);
-}
-.btncolor .el-table__header {
-  margin: 0 14px;
-}
-.magintop {
-  display: flex;
-}
-.magintop .el-form-item {
-  margin-right: 20px;
-}
-.guand_1 {
-  display: flex;
-}
-
-.el-table .cell {
-  color: #fff;
-  font-size: 12px;
-}
-.spanclad {
-  color: #fff500;
-}
-.tablefocus .el-table__body tr.current-row > td.el-table__cell {
-  background-color: rgba(255, 255, 25, 0.5);
-}
-.bbb .el-collapse-item__content {
-  background: rgba(13, 22, 57, 0);
-}
-.guand_1 .asdis_btn {
-  margin-top: -9px;
-}
-.text-color{
-  color: #fff;
-}
-.flex_as{
-
-padding: 0 13px 0 0;
-}
-.btnpading{
-  display: flex;
-  padding: 0 0 0 10px;
-}
-.wstable{
- margin-top: 20px;
- width:350px;
-}
-/* .collapseaside{
-  position: absolute;
-
-} */
+ @import '../../../src/style/style.css';
 </style>
+

src/view/components/InfoRun.vue

@@ -997,907 +997,5 @@ onMounted(() => {
    // dialogVisible.value=true;
 });
 
-defineExpose({ monitor, accident2, leftcoll, classradio, aid, dialogVisible ,changeModel,classclick});
+defineExpose({ });
 </script>
-
-<style lang="scss" scoped>
-.jc_padding {
-    padding: 18px 10px;
-}
-
-.line {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
-    box-sizing: border-box;
-}
-
-.L_aside {
-    .iconimg {
-        width: 37px;
-        height: 36px;
-        margin: 0 7px 0 24px;
-    }
-
-    .Frame2 {
-        background-image: url(../assets/img/Frame2.png);
-        background-size: 100%;
-        background-position: center;
-    }
-
-    .Frame3 {
-        background-image: url(../assets/img/Frame3.png);
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-    .Frame4 {
-        
-        background-image: url(../assets/img/Group27.png);
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-    .el-collapse,
-    .el-collapse-item__header {
-        border: none;
-
-        ul li {
-            text-align: left;
-            display: inline-flex;
-            width:100%;
-            .demo-datetime-picker{
-                display: inline-flex;
-                width:100%;
-             
-            }
-            .block,.el-input{
-                width:100% !important; 
-            }
-        }
-        .el-date-editor.el-input, .el-date-editor.el-input__wrapper{
-            width:100% !important; 
-        }
-        .inputkuang {
-            height: 30px;
-            width: 100%;
-            background: rgba(13, 22, 57, 0.4);
-            position: relative;
-
-            .righttext {
-                display: inline-block;
-                position: absolute;
-                right: 10px;
-                top: 3px;
-                color: rgba($color: #FFFFFF, $alpha: 0.8);
-            }
-        }
-
-        .inputtext_1 {
-            font-weight: 400;
-            font-size: 13px;
-            color: #FFFFFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            padding: 13px 0 7px 0;
-            display: inline-block;
-            width: 80px;
-
-        }
-    }
-}
-
-.ddd {
-    margin-top: 20px;
-
-    .ddd_div {
-        padding: 20px 0;
-        position: relative;
-    }
-
-    .class_btn {
-        position: absolute;
-        right: 0;
-        top: 21px;
-    }
-
-}
-
-.header_l {
-    line-height: 10px;
-    // height: 40px;
-    text-align: left;
-    padding: 0 20px;
-    // border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-        padding: 10px 10px 0 0;
-    }
-
-    h4 {
-        font-weight: bold;
-        font-size: 12px;
-        color: #68ADFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.tianjia {
-    display: inline-block;
-}
-
-.el-dialog__title {
-    display: inline-block;
-}
-
-.bgcolor {
-    // width: 482px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.dialog_class {
-    .my-header {
-        line-height: 10px;
-        height: 40px;
-        text-align: left;
-        padding: 0 20px;
-        border-bottom: 1px solid;
-        border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-
-        .el-image {
-            padding: 10px 10px 0 0;
-        }
-
-        h4 {
-            font-weight: bold;
-            font-size: 12px;
-            color: #68ADFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-
-    .my_content {
-        width: 100%;
-        height: 90px;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-        position: relative;
-
-        .radio-group {
-            display: flex;
-            justify-content: center;
-
-            .el-radio {
-                flex: 1;
-                justify-content: center;
-                font-weight: bold;
-                font-size: 12px;
-                color: #FFFFFF;
-                line-height: 14px;
-
-            }
-
-        }
-    }
-
-    .el-dialog__footer {
-        position: absolute;
-        bottom: 17px;
-        display: flex;
-
-        .footerbtn {
-            flex: 1;
-            text-align: center;
-        }
-    }
-}
-
-.my_content1 {
-    .el-table .cell {
-        font-weight: 400;
-        font-size: 12px;
-        color: #FFFFFF !important;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
-}
-
-.l_btn .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box
-}
-
-.el-table,
-.el-table thead th {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-
-.asides_content {
-
-    //     background: rgba(13,22,57,0.4);
-    // box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
-    // border-radius: 0px 0px 0px 0px;
-    // border: 1px solid;
-    // border-image: linear-gradient(359deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0)) 1 1;
-    .el-form-item__label {
-        color: #FFFFFF !important;
-    }
-}
-
-.asdis_btn {
-    display: flex;
-    margin-top: 9px;
-
-    .btn {
-        flex: 1;
-        width: 145px;
-        height: 54px;
-        background-image: url(../assets/img/Rectangle5.png);
-        background-repeat: no-repeat;
-        line-height: 54px;
-
-        .spantext {
-            font-weight: bold;
-            font-size: 12px;
-            color: #FFFFFF;
-            text-align: center;
-            font-style: normal;
-            text-transform: none;
-
-        }
-    }
-}
-
-.logs {
-    margin-top: 25px;
-    border-radius: 0px 0px 0px 0px;
-    border-top: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-
-    h4 {
-        padding: 10px 0;
-        font-weight: 400;
-        font-size: 13px;
-        color: #FFFFFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.logs_pading {
-    padding: 13px 20px 23px 24px;
-}
-
-.newtime {
-    height: 112px;
-    padding: 38px;
-    font-weight: bold;
-    font-size: 20px;
-    color: #FF0F0F;
-    line-height: 23px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.animation_s {
-    padding: 25px;
-}
-
-.tanniu ul {
-    margin-top: 40px;
-    display: flex;
-
-    li {
-        flex: 1;
-        text-align: center;
-
-        p {
-            text-align: center;
-            font-weight: 400;
-            font-size: 12px;
-            color: #FFFFFF;
-            line-height: 14px;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-}
-
-.jiancedian {
-    width: 371px;
-    position: absolute;
-    right: 0;
-    top: 70px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-</style>
-
-<style>
-/* //.bgcolor */
-.bgcolor {
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-}
-
-.dialog_class {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-    width: 482px;
-
-
-
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-.el-dialog {
-    --el-dialog-padding-primary: 0px !important;
-}
-
-.el-dialog__headerbtn {
-    position: absolute;
-    top: 2px !important;
-    right: 0;
-    padding: 0;
-    width: 40px !important;
-    height: 40px !important;
-    background: 0 0;
-    border: none;
-    outline: 0;
-    cursor: pointer;
-    font-size: var(--el-message-close-size, 16px);
-}
-
-.el-icon {
-    color: #68ADFF !important;
-}
-
-.l_btn .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.l_btn .el-button {
-    width: 100%;
-    height: 100%;
-    border-radius: 4px;
-    color: #fff;
-    background: rgba(104, 173, 255, 0.3);
-    border: 1px solid rgba(31, 107, 255, 1);
-}
-
-.class_footer {
-    position: absolute;
-    bottom: 17px;
-}
-
-.footer_div {
-    height: 90px;
-    padding: 30px 0;
-}
-
-.l_btn {
-    width: 100%;
-
-    bottom: 17px;
-    display: flex;
-    border-radius: 4px;
-
-}
-
-.el-table .el-table__cell {
-    padding: 0 !important;
-    height: 30px;
-    line-height: 30px;
-}
-
-/* .el-table tr,.el-table th.el-table__cell{
-            background-color: rgba(13, 22, 57, 0.96) !important;
-        } */
-.el-table__row {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
-    /* box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2); */
-    border-radius: 0px 0px 0px 0px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.oddRow {
-    background-color: rgba(104, 173, 255, 0.20) !important;
-}
-
-.evenRow {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-.my_content1 .el-table .cell {
-    font-weight: 400;
-    font-size: 12px;
-    color: #FFFFFF !important;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-table--border .el-table__inner-wrapper::after,
-.el-table--border::after,
-.el-table--border::before,
-.el-table__inner-wrapper::before {
-    height: 0 !important;
-    background-color: rgba(red, green, blue, 0) !important;
-}
-.el-button:focus,
-.el-button:hover {
-    background: rgba(104, 173, 255, 1) !important;
-    font-weight: bold;
-    color: #000 !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-input__wrapper {
-
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3) !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.selecwidth .el-input__wrapper {
-    height: auto !important;
-}
-
-.selecwidth .el-select__tags {
-    max-width: 200px !important;
-}
-
-.ddd_div .el-input__inner {
-    border: none;
-    /* background: rgba(104,173,255,0.3); */
-
-}
-
-.ddd_div .el-form-item__label {
-    color: #fff !important;
-}
-
-.ddd_div .demo-input-suffix {
-    width: 100%;
-}
-
-.ddd .el-form-item {
-    width: 72% ;
-}
-
-/* .el-input__inner::placeholder {
-			color: #fff !important;
-		} */
-.flex1 {
-    flex: 1;
-}
-
-.el-radio__input.is-checked .el-radio__inner {
-    border-color: #fff !important;
-    background: #fff !important;
-}
-
-.el-radio__inner {
-    border: 2px solid #fff !important;
-    background-color: rgba(104, 173, 255, 0) !important;
-    border: 1px solid #68ADFF;
-}
-
-.asideg .el-collapse-item__header {
-    height: 50px !important;
-    width: 100%;
-
-    background-position: left;
-    border: none !important;
-    font-weight: bold;
-    font-size: 15px;
-    color: #FFFFFF;
-    line-height: 18px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.leftbgimg .el-collapse-item__header {
-    background-image: url(../assets/img/Group10.png) !important;
-}
-
-.asideg1 .jc_header {
-    width: 100%;
-    height: 52px;
-    line-height: 69px;
-    background-image: url(../assets/img/Group24.png) !important;
-    background-repeat: no-repeat;
-    background-position: center;
-
-}
-
-.jc_tile {
-    padding-left: 20px;
-}
-
-.he_pading {
-    padding: 19px 14px 0 31px;
-}
-
-.asideg1 .el-form-item__label {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.asideg .el-collapse {
-    --el-collapse-header-bg-color: none !important;
-}
-
-.asideg .el-collapse-item__arrow {
-    margin: 0 8px 0 auto;
-    font-weight: 800;
-    color: #fff !important;
-    font-weight: bold !important;
-    font-size: 20px !important;
-}
-
-.el-collapse-item__content {
-    background: rgba(13, 22, 57, 0.2);
-}
-
-.asideg .el-input__wrapper {
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asideg .el-input__inner {
-    color: rgba(255, 15, 15, 1);
-    font-weight: 400;
-    font-size: 16px;
-}
-
-.el-collapse {
-    --el-collapse-header-bg-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-header-text-color: var(--el-text-color-primary);
-    --el-collapse-header-font-size: 13px;
-    --el-collapse-content-text-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-content-bg-color: rgba(104, 173, 255, 0) !important;
-}
-
-.asideg .el-collapse-item__wrap {
-
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-#textarea_id {
-    color: #fff;
-    font-size: 12px;
-    height: 226px;
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asides_content .el-form-item__label {
-    color: #FFFFFF !important;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 33px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-form-item {
-    width: 100%;
-}
-
-.el-select__wrapper {
-    background-color: rgba(104, 173, 255, 0) !important;
-}
-
-.el-select__wrapper.is-hovering:not(.is-focused),
-.el-select__wrapper {
-    box-shadow: none !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-/* Webkit内核浏览器（Chrome、Safari等）*/
-::-webkit-scrollbar {
-    width: 4px;
-    /* 设置滚动条宽度 */
-    background-color: #161A2A;
-    /* 设置滚动条背景颜色 */
-}
-
-/* 滑块样式 */
-::-webkit-scrollbar-thumb {
-    border-radius: 2px;
-    /* 设置滑块边角半径 */
-    background-color: rgba(31, 107, 255, 1);
-    /* 设置滑块背景颜色 */
-}
-
-/* 滑块在hover状态时的样式 */
-::-webkit-scrollbar-thumb:hover {
-    background-color: #555;
-    /* 设置滑块在hover状态下的背景颜色 */
-}
-
-/* 滚动条轨道样式 */
-::-webkit-scrollbar-track {
-    background-color: rgba(104, 173, 255, 0.4)
-        /* 设置滚动条轨道背景颜色 */
-}
-
-.result .el-tabs__item {
-    padding: 17px !important;
-    font-weight: bold;
-    font-size: 14px;
-    color: #FFFFFF;
-    line-height: 16px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header .el-tabs__nav {
-    border: none !important;
-}
-
-.el-tabs {
-    --el-tabs-header-height: 70px !important;
-}
-
-.result .el-tabs__item {
-    border-left: 1px solid;
-    border-right: 1px solid;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    font-weight: bold;
-    font-size: 14px;
-    color: #fff;
-    line-height: 23px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.result .is-active {
-    height: 70px;
-    background: radial-gradient(ellipse at 54px 0px, #3AA0FF -37%, #123066 53%);
-    border-radius: 0px 0px 0px 0px;
-    border: 2px solid;
-    color: rgba(255, 15, 15, 1) !important;
-    border-left: 1px solid rgba(16, 92, 240, 1);
-    border-right: 1px solid rgba(18, 48, 102, 1);
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-}
-
-.result .el-tabs__item:hover {
-    color: rgba(255, 15, 15, 1);
-    cursor: pointer;
-}
-
-.result .el-tabs__header {
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-.result .el-tabs__content {
-    border: 1px solid;
-    color: rgba(255, 15, 15, 1) !important;
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    position: relative;
-}
-
-.result .el-tabs__content {
-    width: 275px;
-}
-
-.el-slider__button {
-    height: 10px;
-    width: 10px;
-
-}
-
-.color1 {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.jc_padding .el-table tr {
-    height: 40px;
-    background-color: none;
-
-
-}
-
-.jc_padding .el-table .cell {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.tianjia .el-dialog__body {
-    padding: 20px !important;
-}
-
-.tianjia .el-form-item__label {
-    color: #fff;
-
-}
-
-.tianjia .el-input__inner {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 400;
-    text-align: left;
-    padding: 20px 0;
-    height: 30px;
-    line-height: 47px;
-}
-
-.ddd_div .el-input__inner {
-    color: #fff;
-}
-
-.pagination {
-    margin-top: 30px;
-    display: flex;
-    justify-content: center;
-}
-
-.pagination .el-pagination__total {
-    color: #fff;
-}
-
-.el-pagination.is-background .btn-next.is-disabled,
-.el-pagination.is-background .btn-next:disabled,
-.el-pagination.is-background .btn-prev.is-disabled,
-.el-pagination.is-background .btn-prev:disabled,
-.el-pagination.is-background .el-pager li.is-disabled,
-.el-pagination.is-background .el-pager li:disabled {
-    background: rgba(104, 173, 255, 0.3) !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.delecttitle {
-    font-size: 18px;
-    font-weight: bold;
-    color: #fff;
-}
-
-.scoperadio .el-radio__label {
-    display: none;
-}
-
-.el-select__input {
-    font-size: 12px;
-}
-
-ul,
-ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-.tuiy{
-    z-index: 888 !important;
-}
-.tuiy .asideg .el-input__inner {
-    font-size: 14px !important;
-}
-.spantext{
-    cursor: pointer;
-}
-.tablebk .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background-color: rgba(255, 255, 25, 0.5) !important;
-}
-.shigutable  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
-    background-color: rgba(255, 255, 25, 0) !important;
-}
-</style>

src/view/components/MenuMine.vue

@@ -671,867 +671,3 @@
   defineExpose({ dialogVisible, });
   </script>
   
-<style lang="scss" scoped>
-.jc_padding {
-    padding: 18px 10px;
-}
-
-.line {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
-    box-sizing: border-box;
-}
-
-.L_aside {
-    .iconimg {
-        width: 37px;
-        height: 36px;
-        margin: 0 7px 0 24px;
-    }
-
-    .Frame2 {
-        background-image: url(../assets/img/Frame2.png);
-        background-size: 100%;
-        background-position: center;
-    }
-
-    .Frame3 {
-        background-image: url(../assets/img/Frame3.png);
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-
-    .el-collapse,
-    .el-collapse-item__header {
-        border: none;
-
-        ul li {
-            text-align: left;
-        }
-
-        .inputkuang {
-            height: 30px;
-            width: 100%;
-            background: rgba(13, 22, 57, 0.4);
-            position: relative;
-
-            .righttext {
-                display: inline-block;
-                position: absolute;
-                right: 10px;
-                top: 3px;
-            }
-        }
-
-        .inputtext_1 {
-            font-weight: 400;
-            font-size: 13px;
-            color: #FFFFFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            padding: 13px 0 7px 0;
-            display: inline-block;
-
-        }
-    }
-}
-
-.ddd {
-    margin-top: 20px;
-
-    .ddd_div {
-        padding: 20px 0;
-        position: relative;
-    }
-
-    .class_btn {
-        position: absolute;
-        right: 0;
-        top: 21px;
-    }
-
-}
-
-.header_l {
-    line-height: 10px;
-    text-align: left;
-    padding: 0 20px;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-        padding: 10px 10px 0 0;
-    }
-
-    h4 {
-        font-weight: bold;
-        font-size: 12px;
-        color: #68ADFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.tianjia {
-    display: inline-block;
-}
-
-.el-dialog__title {
-    display: inline-block;
-}
-
-.bgcolor {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.dialog_class {
-    .my-header {
-        line-height: 10px;
-        height: 40px;
-        text-align: left;
-        padding: 0 20px;
-        border-bottom: 1px solid;
-        border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-
-        .el-image {
-            padding: 10px 10px 0 0;
-        }
-
-        h4 {
-            font-weight: bold;
-            font-size: 12px;
-            color: #68ADFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-
-    .el-dialog__footer {
-        position: absolute;
-        bottom: 17px;
-        display: flex;
-
-        .footerbtn {
-            flex: 1;
-            text-align: center;
-        }
-    }
-}
-
-.my_content1 {
-    .el-table .cell {
-        font-weight: 400;
-        font-size: 12px;
-        color: #FFFFFF !important;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
-}
-
-.l_btn .borderimg {
-    width: 70px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box
-}
-
-.el-table,
-.el-table thead th {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-.asides_content {
-    .el-form-item__label {
-        color: #FFFFFF !important;
-    }
-}
-
-.asdis_btn {
-    display: flex;
-    margin-top: 9px;
-
-    .btn {
-        flex: 1;
-        width: 145px;
-        height: 54px;
-        background-image: url(../assets/img/Rectangle5.png);
-        background-repeat: no-repeat;
-        line-height: 54px;
-
-        .spantext {
-            font-weight: bold;
-            font-size: 12px;
-            color: #FFFFFF;
-            text-align: center;
-            font-style: normal;
-            text-transform: none;
-
-        }
-    }
-}
-
-.logs {
-    margin-top: 25px;
-    border-radius: 0px 0px 0px 0px;
-    border-top: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-
-    h4 {
-        padding: 10px 0;
-        font-weight: 400;
-        font-size: 13px;
-        color: #FFFFFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
-.logs_pading {
-    padding: 13px 20px 23px 24px;
-}
-
-.newtime {
-    height: 112px;
-    padding: 38px;
-    font-weight: bold;
-    font-size: 20px;
-    color: #FF0F0F;
-    line-height: 23px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.animation_s {
-    padding: 25px;
-}
-
-.tanniu ul {
-    margin-top: 40px;
-    display: flex;
-
-    li {
-        flex: 1;
-        text-align: center;
-
-        p {
-            text-align: center;
-            font-weight: 400;
-            font-size: 12px;
-            color: #FFFFFF;
-            line-height: 14px;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
-}
-
-.jiancedian {
-    width: 371px;
-    position: absolute;
-    right: 0;
-    top: 70px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-</style>
-
-<style>
-/* //.bgcolor */
-.bgcolor {
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-}
-
-.dialog_class {
-    background-color: rgba(13, 22, 57, 0.9) !important;
-
-}
-
-.el-dialog__header,
-.el-dialog__body,
-.el-dialog__footer {
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-.el-dialog {
-    --el-dialog-padding-primary: 0px !important;
-}
-
-.el-dialog__headerbtn {
-    position: absolute;
-    top: 2px !important;
-    right: 0;
-    padding: 0;
-    width: 40px !important;
-    height: 40px !important;
-    background: 0 0;
-    border: none;
-    outline: 0;
-    cursor: pointer;
-    font-size: var(--el-message-close-size, 16px);
-}
-
-.el-icon {
-    color: #68ADFF !important;
-}
-
-.l_btn .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-.l_btn .el-button {
-    width: 100%;
-    height: 100%;
-    border-radius: 4px;
-    color: #fff;
-    background: rgba(104, 173, 255, 0.3);
-    border: 1px solid rgba(31, 107, 255, 1);
-}
-
-.class_footer {
-    position: absolute;
-    bottom: 17px;
-}
-
-.footer_div {
-    height: 90px;
-    padding: 30px 0;
-}
-
-.l_btn {
-    width: 100%;
-
-    bottom: 17px;
-    display: flex;
-    border-radius: 4px;
-
-}
-
-.el-table .el-table__cell {
-    padding: 0 !important;
-    height: 30px;
-    line-height: 30px;
-}
-
-/* .el-table tr,.el-table th.el-table__cell{
-            background-color: rgba(13, 22, 57, 0.96) !important;
-        } */
-.el-table__row {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
-    /* box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2); */
-    border: none !important;
-    /* border-radius: 0px 0px 0px 0px;
-border-bottom: 1px solid;
-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;  */
-}
-
-.oddRow {
-    background-color: rgba(104, 173, 255, 0.20) !important;
-}
-
-.evenRow {
-    /* // background-color: rgba(13, 22, 57, 0.96) !important; */
-    background-color: rgba(104, 173, 255, 0.02) !important;
-}
-
-.my_content1 .el-table .cell {
-    font-weight: 400;
-    font-size: 12px;
-    color: #FFFFFF !important;
-    line-height: 14px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-table--border .el-table__inner-wrapper::after,
-.el-table--border::after,
-.el-table--border::before,
-.el-table__inner-wrapper::before {
-    height: 0 !important;
-    background-color: rgba(red, green, blue, 0) !important;
-}
-.el-button:focus,
-.el-button:hover {
-    background: rgba(104, 173, 255, 1) !important;
-    font-weight: bold;
-    color: #000 !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.el-input__wrapper {
-
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3) !important;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2) !important;
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-.selecwidth .el-input__wrapper {
-    height: auto !important;
-}
-
-.selecwidth .el-select__tags {
-    max-width: 200px !important;
-}
-
-.ddd_div .el-input__inner {
-    border: none;
-    /* background: rgba(104,173,255,0.3); */
-
-}
-
-.ddd_div .el-form-item__label {
-    color: #fff !important;
-}
-
-.ddd_div .demo-input-suffix {
-    width: 100%;
-}
-
-
-/* .el-input__inner::placeholder {
-			color: #fff !important;
-		} */
-.flex1 {
-    flex: 1;
-}
-
-.el-radio__input.is-checked .el-radio__inner {
-    border-color: #fff !important;
-    background: #fff !important;
-}
-
-.el-radio__inner {
-    border: 2px solid #fff !important;
-    background-color: rgba(104, 173, 255, 0) !important;
-    border: 1px solid #68ADFF;
-}
-
-.asideg .el-collapse-item__header {
-    height: 50px !important;
-    width: 100%;
-
-    background-position: left;
-    border: none !important;
-    font-weight: bold;
-    font-size: 15px;
-    color: #FFFFFF;
-    line-height: 18px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.leftbgimg .el-collapse-item__header {
-    background-image: url(../assets/img/Group10.png) !important;
-}
-
-.asideg1 .jc_header {
-    width: 100%;
-    height: 52px;
-    line-height: 69px;
-    background-image: url(../assets/img/Group24.png) !important;
-    background-repeat: no-repeat;
-    background-position: center;
-
-}
-
-.jc_tile {
-    padding-left: 20px;
-}
-
-.he_pading {
-    padding: 19px 14px 0 31px;
-}
-
-.asideg1 .el-form-item__label {
-    font-weight: 400;
-    font-size: 13px;
-    color: #FFFFFF;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.asideg .el-collapse {
-    --el-collapse-header-bg-color: none !important;
-}
-
-.asideg .el-collapse-item__arrow {
-    margin: 0 8px 0 auto;
-    font-weight: 800;
-    color: #fff !important;
-    font-weight: bold !important;
-    font-size: 20px !important;
-}
-
-.el-collapse-item__content {
-    background: rgba(13, 22, 57, 0.2);
-}
-
-.asideg .el-input__wrapper {
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asideg .el-input__inner {
-    color: rgba(255, 15, 15, 1);
-    font-weight: 400;
-    font-size: 16px;
-}
-
-.el-collapse {
-    --el-collapse-header-bg-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-header-text-color: var(--el-text-color-primary);
-    --el-collapse-header-font-size: 13px;
-    --el-collapse-content-text-color: rgba(104, 173, 255, 0) !important;
-    --el-collapse-content-bg-color: rgba(104, 173, 255, 0) !important;
-}
-
-
-.asideg .el-collapse-item__wrap {
-
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-}
-
-#textarea_id {
-    height: 226px;
-    background: rgba(104, 173, 255, 0) !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-.asides_content .el-form-item__label {
-    color: #FFFFFF !important;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 33px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-form-item {
-    width: 100%;
-}
-
-.el-select__wrapper {
-    background-color: rgba(104, 173, 255, 0) !important;
-}
-
-.el-select__wrapper.is-hovering:not(.is-focused),
-.el-select__wrapper {
-    box-shadow: none !important;
-    border: 1px solid rgba(31, 107, 255, 1);
-    border-radius: 4px;
-    box-shadow: none !important;
-}
-
-/* Webkit内核浏览器（Chrome、Safari等）*/
-::-webkit-scrollbar {
-    width: 4px;
-    /* 设置滚动条宽度 */
-    background-color: #161A2A;
-    /* 设置滚动条背景颜色 */
-}
-
-/* 滑块样式 */
-::-webkit-scrollbar-thumb {
-    border-radius: 2px;
-    /* 设置滑块边角半径 */
-    background-color: rgba(31, 107, 255, 1);
-    /* 设置滑块背景颜色 */
-}
-
-/* 滑块在hover状态时的样式 */
-::-webkit-scrollbar-thumb:hover {
-    background-color: #555;
-    /* 设置滑块在hover状态下的背景颜色 */
-}
-
-/* 滚动条轨道样式 */
-::-webkit-scrollbar-track {
-    background-color: rgba(104, 173, 255, 0.4)
-        /* 设置滚动条轨道背景颜色 */
-}
-
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
-    position: relative;
-    /* border-top: 1px solid;
-    border-left: 1px solid;
-    border-bottom: 1px solid;
-    border-radius: 0px 0px 0px 0px; */
-}
-
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item::after {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 200%;
-    height: 200%;
-    border-right: 1px solid;
-    border-top: 1px solid;
-    border-bottom: 1px solid;
-    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    transform-origin: 0 0;
-    transform: scale(0.5);
-}
-
-.classtab .el-tabs__item {
-    /* width:120px; */
-    height: 48px;
-    padding: 0 10px !important;
-    font-weight: bold;
-    font-size: 12px;
-    color: #68ADFF;
-    line-height: 16px;
-    text-align: center;
-    font-style: normal;
-    text-transform: none;
-}
-
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header,
-.el-tabs--card>.el-tabs__header .el-tabs__nav {
-    border: none !important;
-}
-
-.classtab .el-tabs {
-    --el-tabs-header-height: 48px !important;
-}
-
-.classtab .el-tabs__header {
-    margin: 0 !important;
-}
-
-.classtab .is-active {
-    height: 48px;
-    background: radial-gradient(ellipse at 54px 0px, #3AA0FF -37%, #123066 53%);
-    border-radius: 0px 0px 0px 0px;
-    color: #fff !important;
-    border-left: 1px solid rgba(16, 92, 240, 1);
-    border-right: 1px solid rgba(18, 48, 102, 1);
-
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-}
-
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
-    border-top-left-radius: 10px !important;
-    border-top-right-radius: 10px !important;
-}
-
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
-    border: none !important;
-}
-
-.classtab .el-tabs__content {
-    border: 1px solid;
-    color: rgba(255, 15, 15, 1) !important;
-    border-image: linear-gradient(347deg, rgba(16, 92, 240, 1), rgba(18, 48, 102, 1)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    position: relative;
-}
-
-.el-select__input {
-    font-size: 12px;
-}
-
-ul,
-ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-/* 新的css */
-/* .classtab {
-    display: flex;
-} */
-
-.xinxi_header {
-    border-bottom: none !important;
-}
-
-
-.zhucentent .el-table__header tr {
-    background-color: none !important;
-}
-
-.el-table .el-table__header tr {
-    background-color: rgba(104, 173, 255, 0) !important;
-}
-
-.oddRow {
-    /* //background-color: rgba(104, 173, 255, 0.2) !important; */
-    background: rgba(104, 173, 255, 0.33) !important;
-}
-
-.evenRow {
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}
-
-.el-overlay-dialog {
-    pointer-events: none;
-}
-
-.summary-dlg {
-    pointer-events: none;
-}
-
-.el-dialog__wrapper,
-.el-overlay-dialog {
-    pointer-events: none;
-}
-
-.el-dialog {
-    pointer-events: auto;
-}
-
-.leftbgimg1 .el-table tr {
-    height: 30px !important;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-
-
-}
-
-.guand_1 {
-    display: flex;
-}
-
-.guand_1 .asdis_btn {
-    margin-top: -9px;
-}
-
-.magintop .el-form-item {
-    margin-right: 20px;
-}
-
-.pagination {
-    padding: 0 20px;
-}
-
-.el-pagination__total {
-    color: #fff !important;
-}
-.elimg{
-    width: 100px;
-    height: 50px;
-    position: absolute;
-    position: absolute;
-    overflow: hidden;
-    top: 0;
-    right: -22px;
-}
-
-input[disabled]{
-  -webkit-text-fill-color:#fff !important ;
-  -webkit-opacity:1;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.el-input__inner::placeholder {
-  color: #666 !important;
-}
-
-input::-webkit-input-placeholder { /* WebKit browsers */
-color: #666;
-}
-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color: #666;
-}
-input::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color: #666;
-}
-input:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color: #666;
-}
-/* .el-table__body tr.hover-row>td.el-table__cell, .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell{
-    background-color: rgba(255, 255, 25, 0.5) !important;
-
-} */
-.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background-color: rgba(255, 255, 25, 0.5) !important;
-}
-
-</style>