1、根据最新设计方案调整设备管理模块点击弹窗样式 2、mdc公司级首页设备管理模块与点击功能联调

zhaowei

3 天以前 f02cf09eb0c6933dd5ccc4dac6c6c09c3b5f3d3c

 src/views/dashboard/BranchFactorySignage.vue

@@ -5,43 +5,43 @@
        <div class="back-nav" @click="$emit('backToLastSignage','Index')" v-if="userType===4">
          <dv-decoration-7>上一级</dv-decoration-7>
        </div>
        <dv-border-box-9 style="padding: 30px 20px 0">
          <div id="running_state_chart" style="width:100%;height: 400px;"></div>
          <div id="efficiency_chart" style="width: 100%;height: 350px"></div>
        </dv-border-box-9>
        <!--<dv-border-box-9 style="padding: 30px 20px 0">-->
          <!--<div id="running_state_chart" style="width:100%;height: 400px;"></div>-->
          <!--<div id="efficiency_chart" style="width: 100%;height: 350px"></div>-->
        <!--</dv-border-box-9>-->
      </div>

      <div style="width: 42%" class="middle-col">
        <dv-border-box-9 style="padding: 30px 20px 0">
          <div style="display: flex">
            <div id="tech_condition_chart" style="width:50%;height: 420px;"></div>
            <div id="warranty_malfunction_chart" style="width:50%;height: 420px;"></div>
          </div>
          <div class="support-plan-container">
            <div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item"
                 :style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)">
              <div>{{item.planTime}}</div>
              <div class="plan-value-container">
                <div class="plan-value">{{$data[item.planValueLabel]}}</div>
                <div>台</div>
              </div>
            </div>
          </div>
          <div style="padding: 0 55px;margin-top: 50px">
            <dv-scroll-board :config="maintenanceConfig" style="width:100%;height:80px"/>
          </div>
        </dv-border-box-9>
      </div>
      <!--<div style="width: 42%" class="middle-col">-->
        <!--<dv-border-box-9 style="padding: 30px 20px 0">-->
          <!--<div style="display: flex">-->
            <!--<div id="tech_condition_chart" style="width:50%;height: 420px;"></div>-->
            <!--<div id="warranty_malfunction_chart" style="width:50%;height: 420px;"></div>-->
          <!--</div>-->
          <!--<div class="support-plan-container">-->
            <!--<div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item"-->
                 <!--:style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)">-->
              <!--<div>{{item.planTime}}</div>-->
              <!--<div class="plan-value-container">-->
                <!--<div class="plan-value">{{$data[item.planValueLabel]}}</div>-->
                <!--<div>台</div>-->
              <!--</div>-->
            <!--</div>-->
          <!--</div>-->
          <!--<div style="padding: 0 55px;margin-top: 50px">-->
            <!--<dv-scroll-board :config="maintenanceConfig" style="width:100%;height:80px"/>-->
          <!--</div>-->
        <!--</dv-border-box-9>-->
      <!--</div>-->

      <div style="width: 32%">
        <dv-border-box-9 style="padding: 30px 0 20px">
          <div id="bar_chart" style="width:100%;height: 280px;"></div>
          <div id="double_bar_chart" style="width:100%;height: 280px;"></div>
          <div style="padding: 0 20px;">
            <dv-scroll-board :config="problemConfig" style="width:100%;height:220px"/>
          </div>
        </dv-border-box-9>
      </div>
      <!--<div style="width: 32%">-->
        <!--<dv-border-box-9 style="padding: 30px 0 20px">-->
          <!--<div id="bar_chart" style="width:100%;height: 280px;"></div>-->
          <!--<div id="double_bar_chart" style="width:100%;height: 280px;"></div>-->
          <!--<div style="padding: 0 20px;">-->
            <!--<dv-scroll-board :config="problemConfig" style="width:100%;height:220px"/>-->
          <!--</div>-->
        <!--</dv-border-box-9>-->
      <!--</div>-->

      <SignageModal :modalVisible="modalVisible" :modalTitle=modalTitle :modalDataApiUrl="modalDataApiUrl"
                    :modalDataApiParams="modalDataApiParams"
@@ -546,7 +546,7 @@
            data: data
          }],
          series: [{
            name: '利用率',
            name: 'TEEP',
            type: 'bar',
            zlevel: 1,
            itemStyle: {
@@ -608,7 +608,7 @@
            }
          ]
        }
        option.title.text = `${moment().subtract(1, 'days').format('M月D日')}利用率`
        option.title.text = `${moment().subtract(1, 'days').format('M月D日')}TEEP`
        this.efficiencyChart.setOption(option, true)
        this.efficiencyChart.hideLoading()

@@ -1018,7 +1018,7 @@
                }
              }
            },
            data: ['OEE', '利用率']
            data: ['OEE', 'TEEP']
          },
          xAxis: {
            type: 'category',
@@ -1108,7 +1108,7 @@
            type: 'bar',
            barWidth: 15,
            itemStyle: { barBorderRadius: 100 },
            name: '利用率',
            name: 'TEEP',
            data: this.doubleBarChartData.utilizationList,
            label: {
              show: false,