平台样式调整

whychdw

2024-11-01 5f76575b33efa7f1e30658480b511d8d2a962048

平台样式调整

 package-lock.json

@@ -10,7 +10,7 @@
      "dependencies": {
        "axios": "^1.7.2",
        "echarts": "^5.5.1",
        "element-plus": "^2.7.8",
        "element-plus": "^2.8.1",
        "pinia": "^2.1.7",
        "vue": "^3.4.29",
        "vue-router": "^4.3.3"
@@ -19,8 +19,10 @@
        "@element-plus/icons": "^0.0.11",
        "@element-plus/icons-vue": "^2.3.1",
        "@vitejs/plugin-vue": "^5.0.5",
        "file-saver": "^2.0.5",
        "js-md5": "^0.8.3",
        "jsencrypt": "^3.3.2",
        "json-2-csv": "^5.5.5",
        "less": "^4.2.0",
        "nprogress": "^0.2.0",
        "vite": "^5.3.1",
@@ -975,12 +977,30 @@
      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.12.tgz",
      "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg=="
    },
    "node_modules/deeks": {
      "version": "3.1.0",
      "resolved": "https://r.cnpmjs.org/deeks/-/deeks-3.1.0.tgz",
      "integrity": "sha512-e7oWH1LzIdv/prMQ7pmlDlaVoL64glqzvNgkgQNgyec9ORPHrT2jaOqMtRyqJuwWjtfb6v+2rk9pmaHj+F137A==",
      "dev": true,
      "engines": {
        "node": ">= 16"
      }
    },
    "node_modules/delayed-stream": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
      "engines": {
        "node": ">=0.4.0"
      }
    },
    "node_modules/doc-path": {
      "version": "4.1.1",
      "resolved": "https://r.cnpmjs.org/doc-path/-/doc-path-4.1.1.tgz",
      "integrity": "sha512-h1ErTglQAVv2gCnOpD3sFS6uolDbOKHDU1BZq+Kl3npPqroU3dYL42lUgMfd5UimlwtRgp7C9dLGwqQ5D2HYgQ==",
      "dev": true,
      "engines": {
        "node": ">=16"
      }
    },
    "node_modules/echarts": {
@@ -993,9 +1013,9 @@
      }
    },
    "node_modules/element-plus": {
      "version": "2.8.0",
      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.8.0.tgz",
      "integrity": "sha512-7ngapVlVlQAjocVqD4MUKvKXlBneT9DSDk2mmBOSLRFWNm/HLDT15ozmsvUBfy18sajnyUeSIHTtINE8gfrGMg==",
      "version": "2.8.6",
      "resolved": "https://r.cnpmjs.org/element-plus/-/element-plus-2.8.6.tgz",
      "integrity": "sha512-fk5jB8V3efM02/4roZ5SWOLArgaYXbxEydZLlXSr+KPAwjNyHBlk2+HO5em8YKo5+RLBoHnn6BaThj6IE4nXoQ==",
      "dependencies": {
        "@ctrl/tinycolor": "^3.4.1",
        "@element-plus/icons-vue": "^2.3.1",
@@ -1088,6 +1108,12 @@
      "version": "2.0.2",
      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
    },
    "node_modules/file-saver": {
      "version": "2.0.5",
      "resolved": "https://r2.cnpmjs.org/file-saver/-/file-saver-2.0.5.tgz",
      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==",
      "dev": true
    },
    "node_modules/follow-redirects": {
      "version": "1.15.6",
@@ -1186,6 +1212,19 @@
      "integrity": "sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A==",
      "dev": true
    },
    "node_modules/json-2-csv": {
      "version": "5.5.6",
      "resolved": "https://r.cnpmjs.org/json-2-csv/-/json-2-csv-5.5.6.tgz",
      "integrity": "sha512-N673XbJgHwUq9JreKpk530jSywPF/rEAQ08dV99QQpkluP/4HTwshpoP9hmDz26iSFqu7eNAPgyJfu/77HvPGA==",
      "dev": true,
      "dependencies": {
        "deeks": "3.1.0",
        "doc-path": "4.1.1"
      },
      "engines": {
        "node": ">= 16"
      }
    },
    "node_modules/less": {
      "version": "4.2.0",
      "resolved": "https://registry.npmmirror.com/less/-/less-4.2.0.tgz",

 src/assets/base.css

@@ -235,7 +235,8 @@
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15); */
  /* --el-table-index: var(--el-index-normal); */
  --el-table-bg-color: #143135;
  /*--el-table-bg-color: #143135;*/
  --el-table-bg-color: radial-gradient(#14313510, #143135);
  --el-table-text-color: #fff;
}

@@ -534,4 +535,4 @@

.pointer.pointer.pointer {
  cursor: pointer;
}
}

 src/components/ycCard.vue

@@ -1,6 +1,6 @@
<script setup>
import { ref } from "vue";
const props = defineProps({	
const props = defineProps({
  title: {
    type: String,
  },
@@ -25,7 +25,7 @@

<style scoped lang="less">
.card {
  background: #1a585d;
  background: radial-gradient(#1a585d10, #1a585d80);
  display: flex;
  flex-direction: column;
  position: relative;

 src/layout/components/Sidebar/menu.vue

@@ -135,7 +135,7 @@

function filterMenu(list) {
  let res = [];
  

  list.forEach((v) => {
    if (v.children && v.children.length) {
      v.children = filterMenu(v.children);
@@ -206,7 +206,7 @@

<style scoped lang="less">
.menu {
  padding: 6px;
  padding: 8px;
  position: fixed;
  left: 0;
  top: 0;
@@ -237,7 +237,7 @@
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  background: rgba(21, 57, 83, 0.30);
  z-index: 19998;
}
</style>

 src/layout/components/Sidebar/ycLeafmenu.vue

@@ -49,10 +49,11 @@
    background: #29aaaa;
  }
  .ico {
    width: 30px;
    height: 30px;
    margin-right: 0.4em;
    width: 24px;
    height: 24px;
    &.home {
      margin-left: 0.4em;
      margin-right: 0.4em;
      background: url('data:image/svg+xml,%3csvg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M805.695 973.009c-1.963 0-3.541-0.054-4.672-0.111L203.268 972.898c-40.042 0-63.091-16.865-75.375-31.013-26.919-31.003-24.757-73.037-23.543-84.7l0-359.53 64 0 0 363.913-0.302 1.883c-0.761 6.401-0.833 26.277 8.289 36.609 1.93 2.186 7.803 8.838 26.932 8.838l600.308 0 0.75 0.082c2.153 0.076 22.315 0.434 34.996-11.557 8.454-7.994 12.74-21.212 12.74-39.288L852.063 497.379l64 0 0 360.756c0 45.871-18.247 72.371-33.555 86.525C854.974 970.12 820.092 973.008 805.695 973.009zM136.349 527.688 38 527.688c-13.291 0-25.197-8.214-29.916-20.639-4.718-12.425-1.266-26.472 8.674-35.294l472.219-419.09c12.02-10.668 30.087-10.766 42.223-0.227l478.781 415.791c9.955 8.646 13.588 22.513 9.151 34.929s-16.035 20.84-29.216 21.219l-104.938 3.012c-0.313 0.01-0.624 0.014-0.936 0.014-17.247 0-31.471-13.729-31.97-31.082-0.507-17.666 13.403-32.398 31.069-32.905l22.931-0.658L510.448 119.179 122.266 463.688l14.083 0c17.673 0 32 14.327 32 32S154.022 527.688 136.349 527.688zM403 941.201c-14.912 0-27-12.088-27-27L376 688.355c0.002-4.866 1.234-24.9 20.021-43.995 22.8-23.173 61.458-34.923 114.901-34.923 52.638 0 90.876 11.911 113.652 35.403 19.225 19.828 20.464 40.706 20.426 46.244l0 222.25c0 14.912-12.088 27-27 27s-27-12.088-27-27L591 691.402c-0.179-1.167-1.308-6.104-8.017-11.541-7.569-6.134-26.997-16.424-72.062-16.424-52.272 0-70.848 13.145-76.408 18.795-2.73 2.775-3.876 5.136-4.357 6.627-0.073 0.225-0.123 0.411-0.157 0.549l0 224.793C430 929.113 417.912 941.201 403 941.201z" fill="%23ffffff"%3e%3c/path%3e%3c/svg%3e');
    }
  }

 src/layout/components/Sidebar/ycSubmenu.vue

@@ -115,37 +115,38 @@

    // transform: translate(0, -50%);
  }

  .leaf {
    margin-left: 2.2em;
    height: 28px;
    padding-left: 1em;
  }
  .only-leaf {
    // margin-left: 1em;
    margin-left: 2em;
    background: #072436;
    // padding: 6px 0;
    border-radius: 6px;
    li:first-of-type {
      margin-top: 6px;
    }
    li:last-of-type {
      margin-bottom: 6px;
    }
    border-radius: 8px;
    overflow: hidden;
    //li:first-of-type {
    //  margin-top: 6px;
    //}
    //li:last-of-type {
    //  margin-bottom: 6px;
    //}
    .leaf {
      padding-left: 1em;
      padding-left: 2em;
      margin-left: 0;
      height: 28px;
      padding-top: 1.6em;
      padding-bottom: 1.6em;
    }
  }
  &.level-0 {
    border-radius: 4px;
    padding-left: 0;
    & > .group-name {
      height: 46px;
      .ico {
        width: 30px;
        height: 30px;
        width: 20px;
        height: 20px;
        margin-left: 0.4em;
        margin-right: 0.4em;
        &.test {
          background: url('data:image/svg+xml,%3csvg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M356.848485 0C160.085333 0 0 160.085333 0 356.848485s160.085333 356.848485 356.848485 356.848485c78.972121 0 152.001939-25.832727 211.176727-69.430303l65.908364 65.908363c-6.159515 16.585697-2.730667 36.057212 10.488242 49.276122l250.91103 250.91103a46.778182 46.778182 0 0 0 65.815273 0l49.214061-49.214061a46.778182 46.778182 0 0 0 0-65.815273L759.466667 644.421818a46.405818 46.405818 0 0 0-49.276122-10.488242l-65.908363-65.908364A354.893576 354.893576 0 0 0 713.69697 356.848485c0-29.66497-3.692606-58.461091-10.550303-86.031515l-24.420849 38.012121c2.327273 15.701333 3.940848 31.650909 3.940849 48.019394 0 179.665455-146.152727 325.818182-325.818182 325.818182S31.030303 536.513939 31.030303 356.848485 177.18303 31.030303 356.848485 31.030303c109.180121 0 205.746424 54.163394 264.905697 136.843636l18.059636-28.082424C574.526061 54.877091 472.001939 0 356.848485 0z m0 62.060606a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m-72.238546 9.510788a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m144.539152 0a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303zM217.212121 99.498667a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m279.303758 0a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303zM713.69697 110.933333L565.573818 341.333333h-153.786182L325.818182 441.607758 239.848727 341.333333H62.060606v31.030303h163.545212L325.818182 489.301333 426.030545 372.363636h156.516849L713.69697 168.339394 844.846545 372.363636H1024v-31.030303H861.820121L713.69697 110.933333zM159.387152 143.84097a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m394.953696 0a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303zM115.029333 201.69697a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m-27.911757 67.366788a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m539.523879 144.539151a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m-539.523879 0.03103a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m511.612121 67.304728a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m-483.731394 0.06206a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m44.388849 57.82497a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m394.953696 0a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m-337.097696 44.357818a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m279.272727 0.03103a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m128.155151 9.091879l60.540122 60.540121-32.364607 32.364607-60.540121-60.540122a359.920485 359.920485 0 0 0 32.364606-32.364606z m-340.061091 18.773334a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m144.539152 0a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303zM356.848485 620.606061a15.515152 15.515152 0 1 0 0 31.030303 15.515152 15.515152 0 0 0 0-31.030303z m369.69503 41.115151c3.940848 0 7.881697 1.551515 10.969212 4.654546l16.290909 16.290909-35.560727 35.576242 21.938424 21.938424L775.757576 704.605091 800.364606 729.212121l-35.576242 35.576243 21.938424 21.938424L822.30303 751.150545 846.910061 775.757576l-35.576243 35.576242 21.938424 21.938424L868.848485 797.696 893.455515 822.30303l-35.576242 35.576243 21.938424 21.938424L915.393939 844.241455 940.00097 868.848485l-35.576243 35.576242 21.938425 21.938425L961.939394 890.786909l26.484364 26.484364a15.282424 15.282424 0 0 1 0 21.938424l-49.214061 49.214061a15.282424 15.282424 0 0 1-21.938424 0L666.375758 737.512727a15.313455 15.313455 0 0 1 0-21.938424l49.24509-49.214061c3.10303-3.10303 6.997333-4.63903 10.938182-4.63903z" fill="%23ffffff"%3e%3c/path%3e%3c/svg%3e');

 src/layout/components/TagsView/index.vue

@@ -189,9 +189,11 @@

<template>
  <div id="tags-view-container" class="tags-view-container" ref="wraper">
    <el-icon class="nav" :size="38" color="#0ff" @click="toggle">
      <icon-nav></icon-nav>
    </el-icon>
    <div class="el-menu-icon-wrapper" @click="toggle">
      <el-icon class="nav" :size="24">
        <icon-nav></icon-nav>
      </el-icon>
    </div>
    <!-- <hamburger :is-active="menu.opened" @toggleClick="toggleSideBar" /> -->
    <scroll-pane
      ref="scrollPane"
@@ -243,6 +245,16 @@
  position: relative;
  display: flex;
  border: 1px solid #0ff;
  .el-menu-icon-wrapper {
    display: flex;
    align-items: center;
    padding: 0 8px;
    color: #FFFFFF;
    &:hover {
      cursor: pointer;
      color: #0ff;
    }
  }
  .nav {
    float: left;
  }
@@ -310,7 +322,6 @@
      height: 16px;
      border-radius: 50%;
      text-align: center;
      transform: translate(0, -30%);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transform-origin: 100% 50%;


 src/views/datas/dataHis.vue

@@ -367,7 +367,7 @@

  .p-left {
    width: 340px;
    background: #1a585d;
    background: radial-gradient(#1a585d10, #1a585d80);
    display: flex;
    flex-direction: column;
    .filter {
@@ -489,7 +489,7 @@
    }
    .item {
      // background: #000;
      background: #1a585d;
      background: radial-gradient(#1a585d10, #1a585d80);
    }
    .card-content {
      height: 100%;

 src/views/test/index.vue

@@ -448,7 +448,7 @@

  .p-left {
    grid-row-start: span 2;
    background: #1a585d;
    background: radial-gradient(#1a585d10, #1a585d80);
    display: flex;
    flex-direction: column;
    .filter {

 src/views/test/testBatch.vue

@@ -500,7 +500,7 @@

  .p-left {
    grid-row-start: span 2;
    background: #1a585d;
    background: radial-gradient(#1a585d10, #1a585d80);
    display: flex;
    flex-direction: column;
    .filter {

 src/views/user/baojiMager.vue

@@ -363,7 +363,7 @@
  .side {
    width: 360px;
    margin-right: 10px;
    background: #1a585d;
    background: radial-gradient(#1a585d10, #1a585d80);
    display: flex;
    flex-direction: column;
    .s-header {
@@ -388,7 +388,6 @@
        right: 4px;
        overflow-y: auto;
        .item {
          background: #000;
          display: flex;
          justify-content: space-between;
          align-items: center;
@@ -405,7 +404,7 @@
  }
  .p-content {
    flex: 1;
    background: #1a585d;
    background: radial-gradient(#1a585d10, #1a585d80);
    position: relative;
    .tabs {
      position: absolute;