提交代码

src/assets/css/element-plus.scss

@@ -0,0 +1,273 @@
+::v-deep .el-button--default {
+  color: #fff;
+  border: 1px solid #cccccc;
+  background: #818080;
+}
+::v-deep .el-button {
+  color: #fff;
+  border: 1px solid #cccccc;
+  --el-button-bg-color: #818080;
+}
+::v-deep .el-button:focus,
+::v-deep .el-button:hover {
+  background-color: #818080;
+}
+:v-deep .el-card {
+  border: 1px solid #146bbe;
+  background: #00143d;
+  padding: 10px 0;
+}
+
+::v-deep .el-form-item__label {
+  color: #fff;
+}
+
+::v-deep .el-input__inner {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+
+  &:hover {
+    border: 1px solid #0065d8;
+  }
+
+  &:focus {
+    border: 1px solid #1c84fa;
+    box-shadow: 0px 0px 8px #0a6bfc;
+  }
+}
+.el-button.is-disabled,
+.el-button.is-disabled:focus,
+.el-button.is-disabled:hover {
+  color: var(--el-button-disabled-text-color);
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #808596;
+  border-color: var(--el-button-disabled-border-color);
+}
+::v-deep .el-input-group__append {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+}
+
+::v-deep .el-select:hover:not(.el-select--disabled) .el-input__inner {
+  border: 1px solid #0065d8;
+}
+
+::v-deep .el-table {
+  background-color: #ffffff;
+  --el-table-border-color: #e4e7ed;
+  --el-table-row-hover-bg-color: #f5f7fa;
+}
+
+::v-deep .el-table__inner-wrapper{
+  background: #fff;
+}
+::v-deep .el-table th.el-table__cell {
+  background: #ffffff;
+  color: #000;
+}
+
+::v-deep .el-table td.el-table__cell {
+  color: #000;
+  background: #ffffff;
+}
+
+::v-deep .el-pagination button:disabled {
+  background-color: transparent;
+  color: #84a2be;
+}
+
+::v-deep .el-pagination button {
+  background-color: transparent;
+  color: rgb(255, 255, 255);
+}
+
+::v-deep .el-pager li {
+  background: transparent;
+  color: #8fceff;
+}
+
+::v-deep .el-pager li.active {
+  background: transparent;
+  color: #ffa861;
+}
+
+::v-deep .el-tree {
+  background: transparent;
+  color: #24b6dd;
+}
+
+::v-deep .el-checkbox {
+  color: #fff;
+}
+
+// ::v-deep .el-tree-node__content {
+//     background: none;
+// }
+
+::v-deep .is-focusable {
+  background:transparent !important;
+}
+
+::v-deep .el-tree-node__label {
+  background: #1f4164 !important;
+}
+
+::v-deep .el-tree-node__content:hover {
+  color: #61f9ff;
+  background: transparent;
+}
+
+::v-deep .el-button--primary {
+  background: #1983e5;
+  border: 1px solid #1983e5;
+  &:hover {
+    background: #0084ff;
+    border: 1px solid #0084ff;
+  }
+}
+::v-deep .el-dialog__title {
+  color: #fff;
+}
+::v-deep .el-dialog__header,
+::v-deep .el-dialog__body,
+::v-deep .el-dialog__footer,
+::v-deep .el-card__body,
+::v-deep .el-table {
+  // background: #02163b;
+  background: #02163b;
+}
+::v-deep .user-main-wrap {
+  border: 1px solid #07376d;
+}
+
+::v-deep .el-textarea__inner {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+
+  &:hover {
+    border: 1px solid #0065d8;
+  }
+
+  &:focus {
+    border: 1px solid #1c84fa;
+    box-shadow: 0px 0px 8px #0a6bfc;
+  }
+}
+::v-deep .el-input .el-input__count .el-input__count-inner {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-textarea .el-input__count {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-select__popper.el-popper {
+  background: #16284c;
+  border: #16284c;
+}
+::v-deep .el-range-input {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-range-separator {
+  color: #fff;
+}
+::v-deep .el-button--danger {
+  background: #f56c6c;
+  border: 1px solid #f56c6c;
+}
+::v-deep .el-tree {
+  --el-tree-node-hover-bg-color: #083960;
+}
+::v-deep .el-tree-node__label {
+  background: transparent !important;
+}
+::v-deep .el-card {
+  border: 1px solid #07539a;
+  color: #fff;
+}
+::v-deep .el-collapse {
+  background: transparent;
+  color: #fff;
+  --el-collapse-header-bg-color: transparent;
+  --el-collapse-header-text-color: #fff;
+  --el-collapse-content-bg-color: transparent;
+  --el-collapse-content-text-color: #fff;
+  --el-collapse-border-color: #0d3f6e;
+}
+::v-deep .el-tabs__item {
+  color: rgb(206, 208, 220);
+}
+::v-deep .el-tabs__nav-wrap::after {
+  background: #0d3f6e;
+}
+::v-deep .el-upload--picture-card {
+  background-color: #112b63;
+  border: 1px dashed #4579b5;
+}
+::v-deep .el-upload-list--picture-card .el-upload-list__item {
+  background-color: #10295b;
+  border: 1px solid #19538a;
+  color: #ced0dc;
+}
+.toastui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #dadde6;
+  height: 100%;
+  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial",
+    "나눔바른고딕", "Nanum Barun Gothic", "맑은고딕", "Malgun Gothic",
+    sans-serif;
+  border-radius: 4px;
+  background: #fff;
+  color: #303133;
+}
+
+::v-deep .el-dialog__body {
+  padding: 10px 20px;
+}
+::v-deep .el-pagination__total,
+::v-deep .el-pagination__jump {
+  color: #bdc7da;
+}
+::v-deep .el-radio {
+  color: rgb(206, 208, 220);
+}
+
+
+::v-deep .el-tag {
+  background: transparent;
+  border: 1px solid #19538a;
+  margin: 0 0.2rem;
+}
+::v-deep .el-select .el-select__tags .el-tag--info {
+  background: transparent;
+  border: 1px solid #19538a;
+  color: #0065d8;
+}
+
+// ::v-deep .el-overlay .el-overlay-dialog .el-dialog{
+//   border: 1px solid red;
+// }
+::v-deep .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .tabBox {
+  height: 450px;
+}
+::v-deep .el-date-editor .el-range-separator {
+  color: #fcfcfc;
+}
+::v-deep .el-date-editor .el-range-input {
+  color: #ffffff;
+}
+::v-deep .el-input.is-disabled .el-input__inner {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+}
+
+::v-deep .el-select {
+  width: 100%;
+}
+

src/assets/css/layout.scss

@@ -0,0 +1,307 @@
+header {
+  height: 88px;
+  background: url('~@/assets/images/top.png') no-repeat center center;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+ .logo{ 
+    white-space: nowrap;
+    padding-left: 8px; 
+    font-size:55px;
+    letter-spacing: 1px;
+    font-family: "YSBTH";
+    background: linear-gradient(180deg, #FFFFFF 52.4658203125%, #89AFCF 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color:transparent ;
+    text-shadow: 4px 4px 4px rgba(255,255,255,0.15);
+  }
+  .right {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    z-index: 1999;
+    position: relative;
+    padding-right: 10px;
+    .detail {
+      display: flex;
+      cursor: pointer;
+      .hd {
+        white-space: nowrap;
+        color: #ffffff;
+        font-size: 14px;
+        line-height: 20px;
+        margin: 10px 10px 0 10px;
+      }
+
+      .el-dropdown {
+        width: 30px;
+        height: 47px;
+        margin-top: 13px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+
+  }
+
+}
+
+@keyframes rotateCircleSecondB {
+  from {
+    transform: rotate(-360deg);
+    -ms-transform: rotate(-360deg);
+    -moz-transform: rotate(-360deg);
+    -webkit-transform: rotate(-360deg);
+  }
+
+  to {
+    transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+  }
+}
+
+//新增弹窗样式
+.total {
+  color: #fff;
+  height: 34px;
+  line-height: 44px;
+
+  .numb {
+    font-size: 24px;
+    display: inline-block;
+    margin: 0 8px;
+  }
+}
+
+.dialog::-webkit-scrollbar-track {
+  background-color: rgb(2, 19, 74);
+}
+
+.dialog::-webkit-scrollbar {
+  width: 8px;
+}
+
+.dialog::-webkit-scrollbar-thumb {
+  background-color: rgb(26, 5, 132);
+}
+
+.dialog {
+  position: absolute;
+  height: calc(100vh - 133px);
+  overflow: auto;
+  border: 1px solid #F1F4F8;
+  top: 5px;
+  right: 10px;
+  left: 10px;
+  background-color: #fff;
+  z-index: 998;
+  color: #fff;
+  padding: 20px;
+  box-sizing: border-box;
+  .head_box {
+    height: 48px;
+    border-bottom: 1px solid #F1F4F8;
+    color: #000;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .title{
+      position: relative;
+      padding-left: 10px;
+      &::before{
+        position: absolute;
+        content: '';
+        top: 0;
+        left: 0;
+        width: 5px;
+        height: 20px;
+        border-radius: 4px;
+        background: #2D95FF;
+      }
+    }
+  }
+
+  &::v-deep .el-form--inline {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 2rem 12rem 0rem 12rem;
+  }
+
+  &::v-deep .el-form-item--default {
+    width: 23%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-form-item--default.two {
+    width: 46%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-form-item--default.one {
+    width: 92%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-textarea__inner {
+    height: 7.5em;
+    border: 1px solid #F1F4F8;
+    background-color: #02163b;
+  }
+  
+}
+
+.searchBox {
+  padding: 15px 15px 0 15px;
+  border-radius: 1px;
+  position: relative;
+  background: #fff;
+  border-radius: 4px;
+}
+
+.app-main {
+  height: calc(100vh - 126px);
+  position: relative;
+  overflow: hidden;
+  padding: 0px 20px 20px 20px;
+  box-sizing: border-box;
+  background: #e9edf6;
+
+  .titleBox {
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+    z-index: 2;
+    background: #fff;
+    padding: 0 10px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    margin: 5px 0;
+    
+    .title {
+      height: 60px;
+      line-height: 60px;
+      font-size: 18px;
+      color: #000;
+    }
+
+    .btnBox {
+      margin-top: 14px;
+    }
+  }
+
+  .tabBox {
+    width: 100%;
+    position: relative;
+    background: #fff;
+    border-radius: 4px;
+    height: calc(100vh - 124px);
+    .el-table--fit {
+      width: calc(100% - 20px) !important;
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      left: 10px;
+      height: calc(100% - 100px);
+      overflow: auto;
+    }
+    .fenye {
+      background: #fff;
+      border-width: 0 1px 1px 1px;
+      position: absolute;
+      right: 0px;
+      left: 0px;
+      padding-right: 10px;
+      .el-pagination{
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+      }
+    }
+  }
+}
+
+::v-deep .el-card {
+  --el-card-border-color: #143578;
+  --el-card-border-radius: 4px;
+  --el-card-padding: 20px;
+  --el-card-bg-color: #17096130;
+}
+
+::v-deep .el-dialog {
+  --el-dialog-bg-color: #061639;
+}
+
+.main-box {
+  display: flex;
+  margin-top: 15px;
+
+  .treeBox {
+    // width: 280px;
+    flex-shrink: 0;
+    border: solid #0a467e;
+    border-width: 1px 0 1px 1px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .tabBox {
+    width: calc(100% - 1px);
+  }
+
+  .user-main-wrap {
+    overflow: hidden;
+    width: calc(100% - 260px);
+
+    .el-table--fit {
+      float: right;
+      width: 800px;
+    }
+  }
+}
+
+.content-box-sun{
+  display: flex;
+  .org-box{
+    flex: 1;
+    .org-content-box {
+      width: 95%;
+      .org-search-box {
+        display: flex;
+      }
+      .tree-box{
+        height: 750px;
+        overflow: auto;
+      }
+    }
+  }
+  .right-box-sun{
+    flex: 4;
+  }
+}
+
+.titleBoxs {
+  height: 60px;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+  z-index: 2;
+  .title {
+    height: 60px;
+    line-height: 60px;
+    font-size: 18px;
+    color: #fff;
+  }
+
+  .btnBox {
+    margin-top: 14px;
+  }
+}

src/assets/css/pulic.scss

@@ -0,0 +1,365 @@
+.font10 {
+  font-size: 10px;
+}
+
+.font12 {
+  font-size: 12px;
+}
+
+.font14 {
+  font-size: 14px;
+}
+
+.font16 {
+  font-size: 16px;
+}
+
+.font18 {
+  font-size: 18px;
+}
+
+.font20 {
+  font-size: 20px;
+}
+
+.font22 {
+  font-size: 22px;
+}
+
+.font24 {
+  font-size: 24px;
+}
+
+.font28 {
+  font-size: 28px;
+}
+
+.font36 {
+  font-size: 36px;
+}
+
+.upColor {
+  color: #d9001b;
+}
+
+.downColor {
+  color: #95f204;
+}
+
+// 分割线
+.divider {
+  background: linear-gradient(
+    90.143958942072deg,
+    rgba(14, 48, 115, 1) 0%,
+    rgba(70, 159, 251, 1) 50%,
+    rgba(14, 48, 115, 1) 100%
+  );
+  height: 1px;
+}
+
+// 不显示滚动条
+.noScollLine::-webkit-scrollbar {
+  width: 0 !important;
+}
+
+.cardBorder {
+  border: 1px solid rgba(24, 99, 232, 1);
+}
+
+//   echarts背景样式
+.echartBoxBg1 {
+  background-color: rgba(0, 0, 0, 0.266666666666667);
+  border-radius: 10px;
+  padding: 5px;
+}
+
+//状态栏
+.warning {
+  background-color: #fff4f6;
+  color: #f4002c;
+}
+
+.finish {
+  background-color: #e7f8f0;
+  color: #0acf83;
+}
+
+.waiting {
+  background-color: #fff6e8;
+  color: #fe7f2e;
+}
+
+.ellipsis2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// 表格里面给人的名字加边框
+.tableUserName {
+  line-height: 24px;
+  font-size: 14px;
+  padding: 2px 0px;
+  border: 1px solid #4d67eb;
+  color: #4d67eb;
+  width: 60px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.relative {
+  position: relative;
+}
+.absolute {
+  position: absolute;
+}
+
+// 滚动
+.scrollbar {
+  overflow: overlay;
+}
+
+// 浮动
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+/**************文字位置**************/
+.tl {
+  text-align: left;
+}
+
+.tc {
+  text-align: center;
+}
+
+.tr {
+  text-align: right;
+}
+
+.strong {
+  font-weight: bold;
+}
+
+/**************flex************/
+.flex {
+  display: flex;
+}
+.flex-grow1 {
+  flex-grow: 1;
+}
+.shrink0 {
+  flex-shrink: 0;
+}
+
+.flex-warp {
+  flex-wrap: wrap;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.dir-column {
+  flex-direction: column;
+}
+
+.just-between {
+  justify-content: space-between;
+}
+.just-around {
+  justify-content: space-around;
+}
+
+.just-center {
+  justify-content: center;
+}
+
+.just-end {
+  justify-content: flex-end;
+}
+
+.just-start {
+  justify-content: flex-start;
+}
+
+.align-start {
+  align-items: start;
+}
+
+.align-center {
+  align-items: center;
+}
+
+.align-bottom {
+  align-items: flex-end;
+}
+
+/**********文本省略***********/
+.nowrap {
+  white-space: nowrap;
+}
+
+.text1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text2 {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.text3 {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.hidden {
+  overflow: hidden;
+}
+
+.hide {
+  display: none;
+}
+
+.show {
+  display: block;
+}
+
+/**********字体大小和边距***********/
+@for $i from 1 through 100 {
+  .f#{$i} {
+    font-size: #{$i}px;
+  }
+
+  //外边距
+  .mg#{$i} {
+    margin: #{$i}px;
+  }
+
+  .mt#{$i} {
+    margin-top: #{$i}px;
+  }
+
+  .mr#{$i} {
+    margin-right: #{$i}px;
+  }
+
+  .mb#{$i} {
+    margin-bottom: #{$i}px;
+  }
+
+  .ml#{$i} {
+    margin-left: #{$i}px;
+  }
+
+  //内边距
+  .pd#{$i} {
+    padding: #{$i}px;
+  }
+
+  .pt#{$i} {
+    padding-top: #{$i}px;
+  }
+
+  .pr#{$i} {
+    padding-right: #{$i}px;
+  }
+
+  .pb#{$i} {
+    padding-bottom: #{$i}px;
+  }
+
+  .pl#{$i} {
+    padding-left: #{$i}px;
+  }
+
+  .br#{$i} {
+    border-radius: #{$i}px;
+  }
+
+  //宽度
+  .w#{$i} {
+    width: #{$i}px;
+  }
+
+  .ww#{$i} {
+    width: #{$i}+ "%";
+  }
+
+  .hh#{$i} {
+    height: #{$i}+ "%";
+  }
+
+  //高度
+  .h#{$i} {
+    height: #{$i}px;
+
+  }
+
+  //行高
+  .lh#{$i} {
+    line-height: #{$i}px;
+  }
+ //自适应大号字体(通常为统计数字 18-30)
+ .font_size_big{
+  font-size: clamp(1.125rem, -0.894rem + 2.31vw, 1.875rem);
+}
+  //自适应一号字体(通常为一级标题 14-18)
+  .font_size_title{
+    font-size: clamp(0.875rem, 0.37rem + 0.58vw, 1.063rem);
+  }
+  //自适应统计字体(通常为统计数字 14-22)
+  .font_size1{
+    font-size: clamp(0.875rem, -0.471rem + 1.54vw, 1.375rem);
+  }
+   //自适应二号字体(通常为二级标题 14-16)
+   .font_size2{
+    font-size: clamp(0.75rem, 0.077rem + 0.77vw, 1rem);
+  }
+  //自适应普通字体(通常为默认大小 10-14)
+  .font_size_default{
+    font-size: clamp(0.625rem, -0.048rem + 0.77vw, 0.875rem);
+  }
+}
+
+@font-face {
+  font-family: "DigifaceWide";
+  src: url("~@/assets/font/DigifaceWide.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "HANYILINGXINTIJIAN";
+  src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
+  font-weight: normal;
+  font-style: normal;
+}

src/assets/images/map-marker.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 2C10.477 2 6 6.477 6 12C6 19.5 16 30 16 30C16 30 26 19.5 26 12C26 6.477 21.523 2 16 2ZM16 16C13.791 16 12 14.209 12 12C12 9.791 13.791 8 16 8C18.209 8 20 9.791 20 12C20 14.209 18.209 16 16 16Z" fill="#00f0ff" stroke="#ffffff" stroke-width="1"/>
+</svg>