1、调整总控车间看板右侧图表标题 2、调整分控车间看板刀具寿命管理中的当前寿命颜色标识

zhaowei

2024-11-07 964ab96fa41fc3f465d3d274fb2121dffd11dc79

 src/views/mdc/base/MasterControlWorkshopSignage.vue

@@ -23,7 +23,7 @@
        <div class="page-title">

          <div style="position: relative">
            <img src="../../../assets/image/logo.jpg">
            <img src="@/assets/logo-yt.png">
            <span style="cursor: pointer"
                  @dblclick="modalVisible=true">{{isFakeData?fakeData.title:'一拖大拖装配厂'}}</span>
          </div>
@@ -67,8 +67,9 @@

        <div class="switch-container">
          <div class="switch-item" v-for="(item,index) in switchList" :key="index" @click="navigateToOthers(item,index)"
               :style="{backgroundColor:activeIndex===index?'#848284':'#6B6D6B',color:activeIndex==index?'#27A2DB':'#000'}">
            {{item.label}}
               :style="{color:activeIndex==index?'#27A2DB':'#000'}">
            <img src="@/assets/navigateImg.png">
            <span>{{item.label}}</span>
          </div>
        </div>

@@ -81,15 +82,15 @@
          <div class="chart-container" id="right-col-chart1"></div>
        </div>
        <div class="col-content">
          <div class="content-title">今日设备开机率(%)</div>
          <div class="content-title">设备今日开机率（%）</div>
          <div class="chart-container" id="right-col-chart2"></div>
        </div>
        <div class="col-content">
          <div class="content-title">今日设备利用率(%)</div>
          <div class="content-title">设备今日利用率（%）</div>
          <div class="chart-container" id="right-col-chart3"></div>
        </div>
        <div class="col-content">
          <div class="content-title">月设备利用率(%)</div>
          <div class="content-title">设备月利用率（%）</div>
          <div class="chart-container" id="right-col-chart4"></div>
        </div>
      </div>
@@ -267,15 +268,15 @@
              this.leftColChart1Data = [
                {
                  'name': '产品合格率',
                  'count': res.result.passRate ? res.result.passRate : 0
                  'count': res.result.passRate ? res.result.passRate / 100 : 0
                },
                {
                  'name': '设备利用率',
                  'count': res.result.utilizationRate ? res.result.utilizationRate : 0
                  'count': res.result.utilizationRate ? res.result.utilizationRate / 100 : 0
                },
                {
                  'name': '计划完成率',
                  'count': res.result.planCompleteRate ? res.result.planCompleteRate : 0
                  'count': res.result.planCompleteRate ? res.result.planCompleteRate / 100 : 0
                }
              ]
              this.drawLeftColChart1()
@@ -2320,6 +2321,7 @@
        }
      },


      /**
       * 窗口尺寸变化时触发
       * 调整图表尺寸以适应分辨率
@@ -2382,8 +2384,9 @@
          text-align: center;

          img {
            height: 100%;
            width: 10%;
            position: absolute;
            width: 12%;
            left: 12%;
          }
        }
@@ -2428,13 +2431,26 @@
            flex: 1;
            text-align: center;
            cursor: pointer;
            position: relative;

            span {
              position: relative;
              z-index: 1;
            }
            img {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
            }
          }
        }

        .page-description {
          text-align: center;
          color: #fff;
          font-size: 14px;
          font-size: 0.7vw;
        }
      }