SXS20240115/SRC/iMES_PAD/module/moduleEPM/program/mrs-epm/epm01/epm01.html

<div ng-init="init();" class="kmi-layout-content epm01">
  <div class="kmi-layout-main-content">

    <div class="epm-container">

      <!-- 區塊 -->
      <div class="area">

          <!-- 左側區塊 -->
        <div class="area-left">

          <div style="height:100%;width:100%;" ng-init="PageConfig[0]=KMIListInitConfig('loadeqpbreakdownstatebyuser',
                              ['','STATE','BREAKDOWNSERIALNO','EQUIPMENTNO']);">
              <div class="kmi-list listWork column-selector" column-selector-id="listWork1" style="height:100%;">
                  <div class="kmi-list__header">

                      <div class="kmi-list__column head-controls" style="flex:1;">
                          <div class="filter" ng-show="PageConfig[0].header[1].isFilter">
                              <input ng-model="PageConfig[0].filterColumn[PageConfig[0].columns[1]]" />
                              <i class="material-icons clear" ng-click="KMIListFilterDelete(PageConfig[0],1);">clear</i>
                          </div>
                          <div class="order" ng-hide="PageConfig[0].header[1].isFilter">
                              <i class="material-icons search" ng-click="PageConfig[0].header[1].isFilter = true">search</i>
                              <label ng-bind="'imes_resources.STATE' | translate"></label>
                              <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[0].qeryOrder == 1">{{PageConfig[0].header[1].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                              <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[0],1);"></div>
                          </div>
                      </div>
                      <div class="kmi-list__column head-controls" style="flex:1;">
                          <div class="filter" ng-show="PageConfig[0].header[2].isFilter">
                              <input ng-model="PageConfig[0].filterColumn[PageConfig[0].columns[2]]" />
                              <i class="material-icons clear" ng-click="KMIListFilterDelete(PageConfig[0],2);">clear</i>
                          </div>
                          <div class="order" ng-hide="PageConfig[0].header[2].isFilter">
                              <i class="material-icons search" ng-click="PageConfig[0].header[2].isFilter = true">search</i>
                              <label ng-bind="'imes_resources.BREAKDOWNSERIALNO' | translate"></label>
                              <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[0].qeryOrder == 2">{{PageConfig[0].header[2].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                              <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[0],2);"></div>
                          </div>
                      </div>

                      <div class="kmi-list__column head-controls" style="flex:1;">
                          <div class="filter" ng-show="PageConfig[0].header[3].isFilter">
                              <input ng-model="PageConfig[0].filterColumn[PageConfig[0].columns[3]]" />
                              <i class="material-icons clear" ng-click="KMIListFilterDelete(PageConfig[0],3);">clear</i>
                          </div>
                          <div class="order" ng-hide="PageConfig[0].header[3].isFilter">
                              <i class="material-icons search" ng-click="PageConfig[0].header[3].isFilter = true">search</i>
                              <label ng-bind="'imes_resources.EQUIPMENTNO' | translate"></label>
                              <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[0].qeryOrder == 3">{{PageConfig[0].header[3].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                              <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[0],3);"></div>
                          </div>
                      </div>


                  </div>
                  <div class="kmi-list__row-content">
                      <div class="kmi-list__row" ng-click="funGetDetail(item)" ng-repeat="item in KMIListGetPage(loadeqpbreakdownstatebyuser,PageConfig[0])">
                          <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.STATE_RESOURCE"></div>
                          <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.BREAKDOWNSERIALNO"></div>
                          <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.EQUIPMENTNO"></div>
                          <div class="kmi-can-click"></div>
                      </div>
                  </div>
                  <!--上下頁-->
                  <div class="page-content">
                      <div class="page-icon">
                          <i class="material-icons">chevron_left</i>
                          <div class="kmi-can-click" ng-click="KMIListPrevPage(PageConfig[0]);"></div>
                      </div>
                      <label ng-bind="KMIListPageInfo(PageConfig[0]);" class="ng-binding">1 / 1</label>
                      <div class="page-icon">
                          <i class="material-icons">chevron_right</i>
                          <div class="kmi-can-click" ng-click="KMIListNextPage(PageConfig[0]);"></div>
                      </div>
                  </div>
              </div>
          </div>

        </div>


        <!-- 右側區塊 -->
        <div class="area-right">


          <div class="area-info">
            <div class="col">
              <span class="title" ng-bind="'imes_resources.BREAKDOWNSERIALNO' | translate"></span>
              <span >：</span>
              <br>
              <br>
              <span class="title" ng-bind="'imes_resources.EQUIPMENTTYPE' | translate"></span>
              <span >：</span>
              <br>
              <br>
              <span class="title" ng-bind="'imes_resources.EQUIPMENTNO' | translate"></span>
              <span >：</span>
              <br>
              <br>
              <span class="title" ng-bind="'imes_resources.EQUIPMENTNAME' | translate"></span>
              <span >：</span>
              <br>
              <br>
              <span class="title" ng-bind="'imes_resources.BREAKDOWNSTARTTIME' | translate"></span>
              <span >：</span>
              <br>
              <br>
              <span class="title" ng-bind="'imes_resources.DESCRIPTION' | translate"></span>
              <span >：</span>
            </div>

            <div class="content">
              <span ng-bind="BREAKDOWNSERIALNO" ></span>
              <br>
              <br>
              <span ng-bind="EQUIPMENTTYPE" ></span>
              <br>
              <br>
              <span ng-bind="EQUIPMENTNO" ></span>
              <br>
              <br>
              <span ng-bind="EQUIPMENTNAME" ></span>
              <br>
              <br>
              <span ng-bind="BREAKDOWNSTARTTIME | date:'yyyy/MM/dd　HH：mm：ss'" ></span>
              <br>
              <br>
              <textarea class = "description" ng-model='DESCRIPTION' readonly="readonly" style ="resize:none;" ></textarea>
            </div>

          </div>


          <div class="data">

            <div style="height:100%;width:100%;" ng-init="PageConfig[1]=KMIListInitConfig('loadeqpbreakdownstatedetail',
                              ['','BREAKDOWNNO','BREAKDOWNCAUSE']);">
            <div class="kmi-list listWork column-selector" column-selector-id="listWork2" style="height:100%;">
                <div class="kmi-list__header">
                    
                    <div class="kmi-list__column head-controls" style="width: 40%;">
                        <div class="filter" ng-show="PageConfig[1].header[1].isFilter">
                            <input ng-model="PageConfig[1].filterColumn[PageConfig[1].columns[1]]" />
                            <i class="material-icons clear" ng-click="KMIListFilterDelete(PageConfig[1],1);">clear</i>
                        </div>
                        <div class="order" ng-hide="PageConfig[1].header[1].isFilter">
                            <i class="material-icons search" ng-click="PageConfig[1].header[1].isFilter = true">search</i>
                            <label ng-bind="'imes_resources.BREAKDOWNNO' | translate"></label>
                            <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[1].qeryOrder == 1">{{PageConfig[1].header[1].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                            <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[1],1);"></div>
                        </div>
                    </div>

                    <div class="kmi-list__column head-controls" style="width: 60%;">
                      <div class="filter" ng-show="PageConfig[1].header[2].isFilter">
                          <input ng-model="PageConfig[1].filterColumn[PageConfig[1].columns[2]]" />
                          <i class="material-icons clear" ng-click="KMIListFilterDelete(PageConfig[1],2);">clear</i>
                      </div>
                      <div class="order" ng-hide="PageConfig[1].header[2].isFilter">
                          <i class="material-icons search" ng-click="PageConfig[1].header[2].isFilter = true">search</i>
                          <label ng-bind="'imes_resources.BREAKDOWNCAUSE' | translate"></label>
                          <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[1].qeryOrder == 2">{{PageConfig[1].header[2].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                          <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[1],2);"></div>
                      </div>
                    </div>
                  
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in KMIListGetPage(loadeqpbreakdownstatedetail,PageConfig[1])">
                        <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.BREAKDOWNNO"></div>
                        <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.BREAKDOWNCAUSE"></div>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
            </div>

          </div>

          <div class="dialog-footer" style="width:252px;float:right;">
            <div class="right">
                <!--  確定按鈕 -->
                <div class="kmi-button kmi-button-confirm" ng-click="Register();">
                    <div style="display:flex;flex-direction:row;">
                        <div class="kmi-button-check"></div>
                        <label ng-bind="'epm01.RepairRegister'| translate" />
                    </div>
                    <div class="kmi-can-click" />
                </div>
            </div>
          </div>
 
        </div>
      </div>

    </div>
  </div>
</div>