细节

liuying

2024-11-01 73204d05cef1cb8be44ff8b1e44114dee0cfb455

 yiqi_screen/src/components/Content.vue

@@ -1,7 +1,15 @@
<template>
  <div class="container">
    <div class="header">
      <div class="title">4GC三代发动机连杆线</div>
      <div class="title">
      
        <img
          :src="
            require(`@/assets/images/1.png`)
          "
          class="imgTitle"
        />
      4GC三代发动机连杆线</div>
      <div class="left-text">
        <div style="line-height: 30px">{{ nowTime }}</div>
        <div style="padding-left: 25px">
@@ -13,7 +21,6 @@
        <div style="line-height: 30px">
          当前班次:{{ produceStatisData.currentTeamName }}
        </div>
        <!-- style="padding-left:25px" -->
        <div>班长:{{ produceStatisData.currentTeamLeader }}</div>
      </div>
    </div>
@@ -94,10 +101,14 @@
        </div>
        <div class="echarts-box border_right1">
          <div class="echarts-title">本班/本月产量统计</div>

          
          <ProductionStatistics :produceStatisData="produceStatisData" />
          <div class="pie-label-left">
          <!-- 当前班组实际生产数量 -->
            {{ produceStatisData.currentShiftProduceNum }}
            <span v-if="produceStatisData.currentShiftPlanNum||produceStatisData.currentShiftPlanNum==0">/</span>
            <!-- 当前班组计划生产数量 -->
            {{
              produceStatisData.currentShiftPlanNum
            }}
@@ -328,6 +339,9 @@
    position: relative;

    .title {
      display: flex;
    vertical-align: middle;
    align-items: center;
      color: #41c7de;
      font-size: 0.38rem;
      font-weight: 700;
@@ -336,6 +350,10 @@
      left: 50%;
      transform: translate(-50%);
      letter-spacing: 8px;
      .imgTitle{
        width: 0.7rem;
        margin-right: .2rem;
      }
    }

    .left-text {
@@ -525,20 +543,24 @@

        .pie-label-left {
          position: absolute;
          bottom: 0.1rem;
          left: 0.7rem;
          color: #fff;
          font-size: 0.2rem;
          font-weight: 300;
    bottom: 0.1rem;
    left: 0.1rem;
    color: #fff;
    font-size: 0.2rem;
    font-weight: 300;
    width: 44%;
    text-align: center;
        }

        .pie-label-right {
          position: absolute;
          bottom: 0.1rem;
          right: 0.7rem;
          color: #fff;
          font-size: 0.2rem;
          font-weight: 300;
    bottom: 0.1rem;
    right: 0.3rem;
    color: #fff;
    font-size: 0.2rem;
    font-weight: 300;
    width: 44%;
    text-align: center;
        }
      }