大屏数据修改

src/components/CommonMap.vue

@@ -252,7 +252,7 @@ onMounted(() => {
   width: 25px;
   height: 34px;
 }
-/deep/.infoWindow-title {
+:deep(.infoWindow-title) {
   background-image: url("../assets/images/标题.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
@@ -262,7 +262,7 @@ onMounted(() => {
   padding-left: 10px;
   font-weight: 700;
 }
-/deep/.infoWindow-content {
+:deep(.infoWindow-content) {
   background-image: url("../assets/images/信息文本.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
@@ -273,7 +273,7 @@ onMounted(() => {
   padding-top: 5px;
   padding-bottom: 5px;
 }
-/deep/.infoWindow-bottom {
+:deep(.infoWindow-bottom) {
   background-image: url("../assets/images/下标.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
@@ -281,23 +281,23 @@ onMounted(() => {
   margin-top: 1px;
   height: 22px;
 }
-/deep/.infoWindow-content-title {
+:deep(.infoWindow-content-title) {
   font-size: 18px;
   color: #fff;
   font-weight: 400;
 }
-/deep/.infoWindow-content-value {
+:deep(.infoWindow-content-value) {
   font-weight: 400;
   font-size: 24px;
   color: #93d2ff;
 }
-/deep/.infoWindow-unit {
+:deep(.infoWindow-unit) {
   font-size: 20px;
   color: #93d2ff;
   display: inline-block;
   margin-left: 3px;
 }
-/deep/.anchorPoint {
+:deep(.anchorPoint) {
   position: absolute;
   color: #fff;
   position: absolute;
@@ -306,11 +306,11 @@ onMounted(() => {
   transform: translate(-50%, -50%);
 }
 
-/deep/.amap-logo {
+:deep(.amap-logo) {
   display: none;
   opacity: 0 !important;
 }
-/deep/.amap-copyright {
+:deep(.amap-copyright) {
   opacity: 0;
 }
 </style>

src/components/CommonTotal.vue

@@ -150,7 +150,6 @@ onMounted(() => {});
         .font(12);
       }
       .stat-card-value {
-        // .vh(margin-top, 10);
         .font(24);
         cursor: pointer;
         font-family: "DIN";
@@ -161,4 +160,6 @@ onMounted(() => {});
 :deep(.el-dialog__title) {
   font-weight: 900;
 }
+:deep(.el-dialog) {
+}
 </style>

src/components/common/commonTable.vue

@@ -605,4 +605,14 @@ const handleNextClick = (val) => {
 :deep(.el-table) {
   background-color: rgba(255, 255, 255, 0.5);
 }
+.common-table {
+  background: rgb(157 188 218 / 40%);
+}
+:deep(.el-table th.el-table__cell) {
+  background: rgba(4, 66, 126, 0.4);
+  color: #fff;
+}
+:deep(.el-table tr) {
+  background: rgb(157 188 218 / 40%);
+}
 </style>

src/views/components/CircleProgress.vue

@@ -51,7 +51,11 @@ const initChart = () => {
         label: { show: false },
         labelLine: { show: false },
         data: [
-          { value: 33.8, name: "绿色扇区", itemStyle: { color: "#00FF00" } }, // 绿色扇区
+          {
+            value: 33.8,
+            name: "绿色扇区",
+            itemStyle: { color: "#00FF00", fontSize: 12 },
+          }, // 绿色扇区
           {
             value: 66.2,
             name: "背景扇区",

src/views/components/Construct.vue

@@ -27,7 +27,13 @@
           <div><CircleProgress /></div>
           <div class="investment-progress">
             <span>19.72/58.42亿元</span>
-            <div class="progress-image"></div>
+            <div class="progress-image">
+              <div class="progress-show-value"></div>
+              <div
+                class="progress-show-value-rel"
+                :style="{ width: `${33.8}%` }"
+              ></div>
+            </div>
           </div>
         </div>
       </div>
@@ -68,7 +74,6 @@ const recycleList = reactive([
 .construct-container {
   display: flex;
   .construct-left {
-    // width: 65%;
     flex: 1;
     height: 100%;
     .tag-image {
@@ -111,17 +116,40 @@ const recycleList = reactive([
         align-items: end;
         span {
           .vh(margin-bottom,-20);
+          font-family: "DIN";
         }
         .progress-image {
-          justify-content: center;
-          align-items: center;
           .vw(width,520);
           .vh(height,85);
           background-image: url("@/assets/images/箭头.png");
           background-repeat: no-repeat;
-          background-size: contain;
           background-position: center;
           background-size: 100% 100%;
+          position: relative;
+          .progress-show-value {
+            position: absolute;
+            .vh(top,26);
+            .vw(left,65);
+            width: 85%;
+            height: 30%;
+            background-image: url(/src/assets/images/baseRate.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+          }
+          .progress-show-value-rel {
+            height: 100%;
+            background-image: url("@/assets/images/baseRateRel.png");
+            background-size: auto 100%;
+            -webkit-transform: skew(-30deg);
+            transform: skew(-30deg);
+            position: absolute;
+            .vh(top,26);
+            .vw(left,65);
+            height: 30%;
+            background-image: url(/src/assets/images/baseRateRel.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+          }
         }
       }
     }

src/views/components/Operation.vue

@@ -103,6 +103,11 @@ const completeList = reactive([
   .construct-left {
     flex: 1;
     height: 100%;
+    .tag-image {
+      img {
+        .vw(width, 85);
+      }
+    }
     .construct-left-map {
       .vh(height, 700);
       .vh(padding-top, 4);

src/views/homePage/index.vue

@@ -80,7 +80,7 @@ import { reactive, ref } from "vue";
 
 const selectedLeftBtn = ref("equity");
 const selectedRightBtn = ref("");
-const selectedContentBtn = ref(3);
+const selectedContentBtn = ref(2);
 const selectedContentName = ref("立项");
 const isFullscreen = ref(false);
 const showPopup = ref(false);