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"