增加单个机巢页面

chenyao

2025-03-31 295eb3cc87aaa5176d64a4ef985cdad0bfefae9a

 src/views/Home/components/HomeLeft/InspectionRaskDetails.vue

@@ -3,9 +3,9 @@
  <common-title
    title="巡检任务情况"
    :style="{ marginLeft: pxToRem(14) }"
    @details="detailsFun" 
    >
</common-title>
    @details="detailsFun"
  >
  </common-title>
  <div class="inspection-rask-details">
    <div class="inspection-num">
      <div class="total">
@@ -19,7 +19,7 @@
        </div>
      </div>
    </div>
    <CommonDateTime></CommonDateTime>
    <CommonDateTime :style="{ top: pxToRem(19) }"></CommonDateTime>
    <div class="chart-container" ref="chartRef"></div>
  </div>
</template>
@@ -163,15 +163,15 @@
  width: 390px;
  height: 414px;
  background: linear-gradient(
    270deg,
    rgba(31, 62, 122, 0) 0%,
    rgba(31, 62, 122, 0.35) 21%,
    #1f3e7a 100%
      270deg,
      rgba(31, 62, 122, 0) 0%,
      rgba(31, 62, 122, 0.35) 21%,
      #1f3e7a 100%
  );
  border-radius: 0px 0px 0px 0px;
  opacity: 0.85;
  .inspection-num {
    background: url('@/assets/images/inspection-num.png') no-repeat center / 100% 100%;
    background: url('@/assets/images/home/homeLeft/inspection-num.png') no-repeat center / 100% 100%;
    width: 360px;
    height: 118px;
    position: relative;