npm - verce-vue-test - Versions diffs - 0.0.19 → 0.0.21 - Mend

verce-vue-test 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/src/views/ExecutiveManagementView/executive-management.css DELETED Viewed

@@ -1,632 +0,0 @@
-.executive-page {
-  --blue: #1267f2;
-  --deep-blue: #0056e6;
-  --line: #dce4ef;
-  width: 100%;
-  height: 100vh;
-  min-height: 100vh;
-  overflow-x: hidden;
-  overflow-y: auto;
-  color: #05070b;
-  background:
-    linear-gradient(90deg, #f8f9fb 0 31.4%, transparent 31.4%),
-    linear-gradient(142deg, #2688ff 0%, #0063ee 43%, #005ce9 100%);
-  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
-}
-.hero {
-  width: 100%;
-  height: 128px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding: 23px 31px 0;
-}
-.hero-title h1 {
-  font-size: 36px;
-  line-height: 1.16;
-  font-weight: 900;
-}
-.hero-title p {
-  margin-top: 16px;
-  color: #91959b;
-  font-size: 16px;
-}
-.dashboard-grid {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 14px;
-  padding: 0 31px 39px;
-}
-.board {
-  min-width: 0;
-  height: calc(100vh - 190px);
-  min-height: 700px;
-  padding: 14px;
-  display: flex;
-  flex-direction: column;
-  background: rgba(255, 255, 255, .96);
-  border-radius: 10px;
-  box-shadow: 0 10px 22px rgba(34, 67, 123, .16);
-}
-.board-head {
-  height: 38px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-}
-.board-head h2 {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-size: 20px;
-  line-height: 1.1;
-  font-weight: 900;
-}
-.board-head h2 span {
-  width: 13px;
-  height: 14px;
-  border-radius: 4px;
-  background: var(--blue);
-  box-shadow: inset 0 0 4px rgba(255, 255, 255, .35);
-}
-.actions {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  color: #6c7480;
-  font-size: 15px;
-}
-.actions button {
-  height: 26px;
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  border: 0;
-  background: transparent;
-  color: #6c7480;
-  font-size: 13px;
-  font-weight: 600;
-}
-.actions button.active {
-  padding: 0 13px;
-  border-radius: 14px;
-  background: var(--blue);
-  color: #fff;
-}
-.account-layout,
-.warning-layout,
-.reliable-layout {
-  display: grid;
-  flex: 1;
-  margin-top: 8px;
-  gap: 12px;
-}
-.account-layout {
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: minmax(0, 1fr) auto;
-}
-.metric-box,
-.chart-box {
-  min-width: 0;
-  position: relative;
-  min-height: 0;
-  border: 1px solid var(--line);
-  border-radius: 10px;
-  background: #fff;
-}
-.metric-box h3,
-.chart-box h3 {
-  position: absolute;
-  left: 18px;
-  top: 18px;
-  z-index: 1;
-  font-size: 18px;
-  font-weight: 900;
-}
-.chart-box small {
-  position: absolute;
-  left: 18px;
-  top: 56px;
-  z-index: 1;
-  color: #232a33;
-  font-size: 12px;
-}
-.ring,
-.pie {
-  position: absolute;
-  left: 38%;
-  top: 53%;
-  width: min(58%, 340px);
-  height: min(72%, 340px);
-  transform: translate(-50%, -50%);
-}
-.pie {
-  left: 36%;
-  width: min(60%, 360px);
-  height: min(74%, 360px);
-}
-.balance-copy {
-  position: absolute;
-  left: auto;
-  right: 8%;
-  top: 50%;
-  width: 132px;
-  transform: translateY(-42%);
-}
-.balance-copy p,
-.quota-list li,
-.legend-list li {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  color: #56606d;
-  font-size: 15px;
-  white-space: nowrap;
-}
-.balance-copy strong {
-  display: block;
-  margin: 14px 0 22px 20px;
-  font-size: 32px;
-  font-weight: 800;
-}
-.balance-copy small {
-  display: block;
-  margin-left: 21px;
-  color: #7b828c;
-  font-size: 14px;
-}
-.dot,
-.quota-list b,
-.legend-list b,
-.pie-foot b {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--blue);
-}
-.sky {
-  background: #58aef7 !important;
-}
-.deep {
-  background: #1667e8 !important;
-}
-.green {
-  background: #18c7c0 !important;
-}
-.pale {
-  background: #aeeeff !important;
-}
-.orange {
-  background: #ff9f13 !important;
-}
-.quota-list,
-.legend-list {
-  position: absolute;
-  right: 8%;
-  top: 50%;
-  transform: translateY(-55%);
-  display: grid;
-  gap: 18px;
-  list-style: none;
-}
-.quota-list b:nth-child(n) {
-  background: #399df7;
-}
-.pie-foot {
-  position: absolute;
-  left: 40px;
-  right: 30px;
-  bottom: 28px;
-  display: flex;
-  justify-content: space-between;
-  font-size: 14px;
-}
-.pie-foot span {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.progress-box {
-  grid-column: 1 / -1;
-  height: 124px;
-  position: relative;
-  border: 1px solid var(--line);
-  border-radius: 10px;
-  background: #fff;
-  padding: 16px 19px;
-}
-.progress-box p,
-.stat-strip p,
-.mini-strip p {
-  color: #4d5868;
-  font-size: 14px;
-}
-.progress-box strong {
-  display: block;
-  margin-top: 10px;
-  color: var(--blue);
-  font-size: 30px;
-  font-weight: 800;
-}
-.progress-box > b {
-  position: absolute;
-  left: 143px;
-  top: 52px;
-  font-size: 36px;
-  line-height: 1;
-}
-em {
-  color: #10b990;
-  font-style: normal;
-}
-.progress-line {
-  position: absolute;
-  left: 222px;
-  right: 21px;
-  top: 41px;
-  height: 44px;
-  border-top: 6px solid #e4e8ee;
-}
-.progress-line i {
-  display: block;
-  width: 57%;
-  height: 6px;
-  margin-top: -6px;
-  background: var(--blue);
-}
-.progress-line span {
-  position: absolute;
-  left: 55%;
-  top: -17px;
-  min-width: 52px;
-  height: 28px;
-  padding: 5px 14px;
-  transform: translateX(-50%);
-  border-radius: 14px;
-  background: var(--blue);
-  color: #fff;
-  font-size: 14px;
-  font-weight: 600;
-  text-align: center;
-}
-.scale-row {
-  position: absolute;
-  left: 222px;
-  right: 16px;
-  bottom: 14px;
-  display: flex;
-  justify-content: space-between;
-  color: #6b7280;
-  font-size: 14px;
-}
-.warning-layout {
-  grid-template-columns: 1.05fr .9fr;
-  grid-template-rows: minmax(0, 1fr) auto;
-}
-.chart-box {
-  height: 100%;
-  min-height: 0;
-}
-.line-chart {
-  position: absolute;
-  inset: 72px 22px 22px 18px;
-}
-.stat-strip {
-  grid-column: 1 / -1;
-  min-height: 110px;
-  display: grid;
-  grid-template-columns: .8fr .7fr .8fr .8fr .8fr .8fr .8fr;
-  align-items: center;
-  border: 1px solid var(--line);
-  border-radius: 10px;
-  background: #fff;
-}
-.stat-strip > div {
-  min-height: 50px;
-  padding-left: 17px;
-  border-right: 1px solid #dce4ef;
-}
-.stat-strip > div:last-child {
-  border-right: 0;
-}
-.stat-strip strong,
-.stat-strip b {
-  display: block;
-  margin-top: 8px;
-  font-size: 21px;
-  font-weight: 900;
-}
-.blue-text {
-  color: var(--blue) !important;
-}
-.tiny-bar {
-  display: block;
-  width: 64px;
-  height: 8px;
-  margin-top: 7px;
-  border-radius: 6px;
-  background: linear-gradient(90deg, var(--blue) 0 56%, #e7ebf0 56%);
-}
-.reliable-layout {
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: minmax(0, 1fr) auto;
-}
-.reliable-layout .metric-box {
-  height: 100%;
-  min-height: 0;
-}
-.reliable-board .ring {
-  left: 35%;
-  top: 53%;
-  width: min(56%, 330px);
-  height: min(72%, 330px);
-}
-.legend-list {
-  top: 50%;
-  right: 9%;
-  gap: 18px;
-}
-.pressure {
-  right: 60px;
-}
-.mini-strip {
-  grid-column: 1 / -1;
-  height: 100%;
-  min-height: 130px;
-  display: grid;
-  grid-template-columns: 1.1fr .65fr 1.35fr 1.45fr .7fr 1.35fr;
-  border: 1px solid var(--line);
-  border-radius: 10px;
-  background: #fff;
-}
-@media (max-width: 1200px) {
-  .hero {
-    height: auto;
-    min-height: 128px;
-    flex-wrap: wrap;
-    gap: 16px;
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-  .dashboard-grid {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-  .account-layout,
-  .warning-layout,
-  .reliable-layout {
-    grid-template-columns: 1fr;
-  }
-  .board {
-    height: auto;
-  }
-  .metric-box,
-  .chart-box {
-    min-height: 253px;
-  }
-  .stat-strip,
-  .mini-strip {
-    grid-template-columns: repeat(3, 1fr);
-    height: auto;
-  }
-  .stat-strip > div,
-  .mini-strip > div {
-    min-height: 72px;
-  }
-}
-@media (max-width: 720px) {
-  .hero {
-    padding: 18px 16px 0;
-  }
-  .hero-title h1 {
-    font-size: 30px;
-  }
-  .dashboard-grid {
-    padding: 0 16px 24px;
-  }
-  .actions {
-    gap: 10px;
-  }
-  .board-head {
-    height: auto;
-    gap: 12px;
-    flex-wrap: wrap;
-    margin-bottom: 12px;
-  }
-  .account-layout,
-  .warning-layout,
-  .reliable-layout {
-    gap: 10px;
-  }
-  .stat-strip,
-  .mini-strip {
-    grid-template-columns: 1fr;
-  }
-  .balance-copy,
-  .quota-list,
-  .legend-list {
-    right: 16px;
-  }
-  .balance-copy {
-    left: auto;
-  }
-  .warning-table {
-    min-width: 720px;
-  }
-  .table-board {
-    overflow-x: auto;
-  }
-}
-.mini-strip > div {
-  padding: 18px;
-  border-right: 1px solid #e4e9f0;
-}
-.mini-strip > div:last-child {
-  border-right: 0;
-}
-.mini-strip strong {
-  display: block;
-  margin-top: 18px;
-  font-size: 25px;
-  font-weight: 900;
-}
-.mini-strip em {
-  color: #14a77c;
-}
-.spark {
-  width: min(92%, 260px);
-  height: 84px;
-  margin-top: 13px;
-}
-.table-board {
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  min-height: 0;
-  padding-bottom: 17px;
-}
-.warning-table {
-  width: 100%;
-  height: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-  overflow: hidden;
-  border: 1px solid var(--line);
-  border-radius: 0 0 8px 8px;
-  font-size: 12px;
-  text-align: center;
-}
-.warning-table th {
-  height: 32px;
-  border-right: 1px solid rgba(255, 255, 255, .36);
-  border-bottom: 1px solid rgba(255, 255, 255, .36);
-  background: var(--blue);
-  color: #fff;
-  font-weight: 700;
-}
-.warning-table td {
-  height: 40px;
-  border-right: 1px solid #e1e7ef;
-  border-bottom: 1px solid #e1e7ef;
-  background: #fff;
-}
-.warning-table tr:last-child td {
-  border-bottom: 0;
-}
-.pager {
-  height: 54px;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 16px;
-  color: #1e2735;
-  font-size: 14px;
-}
-.pager button {
-  min-width: 28px;
-  height: 28px;
-  border: 0;
-  border-radius: 5px;
-  background: #fff;
-  color: #0d1625;
-  font-weight: 700;
-}
-.pager button.selected {
-  background: var(--blue);
-  color: #fff;
-}
-.pager input {
-  width: 48px;
-  height: 30px;
-  border: 1px solid #dbe3ef;
-  border-radius: 5px;
-  text-align: center;
-}