SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/mrs-eqp/mrs03/mrs03.html

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

    <!-- 上方區域 -->
    <div class="top-area">
      <div class="row">
        <label ng-bind="'mrs03.prodPatchNo_MES' | translate"></label>
      </div>
      <div class="kmi-text-fields">
        <input type="text" class="input" ng-model="plot_no" ng-keypress="barcodeScan();"
          placeholder="{{'mrs03.pleaseInputLotNo'|translate}}" />
        <!-- 掃描圖示 -->
        <div class="kmi-button-scan" ng-click="scanQrcode();">
          <div class="kmi-can-click"></div>
        </div>
      </div>
    </div>

    <!-- 下方區塊 -->
    <div class="bottom-area">
      <!-- 左側區塊 -->
      <div class="bottom-left-area">
        <div class="perfect-scrollbar kmi-list__row-content bar-area">
          <!-- 系統特性 -->
          <div class="attrib">
            <label class="title" ng-bind="'dashboard.workAttrib.title' | translate"> </label>
            <div ng-repeat="item in viewAttribList track by $index ">
              <div class="fields">
                <!--特性名稱-->
                <label ng-bind="($index+1) + '.' +item.attrib_name"></label>
                <!--特性類型-->
                <label class="itemType" ng-bind="item.data_type_name"></label>
              </div>
              <div style="padding-left:16px;">
                <label class="value" ng-bind="item.attrib_value"></label>
              </div>
            </div>
          </div>
          <!-- 上機物料 -->
          <div class="material">
            <label class="title" ng-bind="'mrs03.applyMaterial' | translate"></label>
            <div class="list" ng-repeat="item in eqp_material_list track by $index">
              <div class="row">
                <label class="itemTitle" ng-bind="item.materials_no"></label>
              </div>
              <div class="row">
                <label class="text" ng-bind="item.materials_name"></label>
                <label class="divide"></label>
                <label class="count" ng-bind="('mrs03.totalQty' | translate) + ' ' + (item.materials_qty | number)">
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分隔線 -->
      <span class="divide"></span>

      <!-- 右側區塊 -->
      <div class="workinfo-panel">
        <div class="title" ng-bind="'mrs03.checkInSelection' | translate"></div>
        <div class="table">
          <div class="column">
            <span ng-bind="'mrs03.orderNo' | translate"></span>
            <span ng-bind="'mrs03.workNo' | translate"></span>
            <span ng-bind="'mrs03.customer' | translate"></span>
            <span ng-bind="'mrs03.prodNo' | translate"></span>
            <span class="br"></span>
            <span ng-bind="'mrs03.prodPatchNo_MES' | translate"></span>
            <span ng-bind="'mrs03.checkInQty' | translate"></span>
            <span class="br"></span>
            <span ng-bind="'mrs03.offlineTime' | translate"></span>
            <span ng-bind="'mrs03.completeTime' | translate"></span>
          </div>
          <div class="data">
            <span ng-class="{'empty': !plot.so_no}" ng-bind="plot.so_no"></span>
            <span ng-class="{'empty': !plot.wo_no}" ng-bind="plot.wo_no"></span>
            <span ng-class="{'empty': !plot.cus_no}" ng-bind="plot.cus_no"></span>
            <span ng-class="{'empty': !plot.product_no}" ng-bind="plot.product_no"></span>
            <span class="br"></span>
            <span ng-class="{'empty': !plot.PlotNo}" ng-bind="plot.PlotNo"></span>
            <span ng-class="{'empty': !(plot.CurQty||plot.CurUnitNo)}" style="white-space: normal;text-align: left;"
              ng-bind="plot.CurQty + ' ' +plot.CurUnitNo"></span>
            <span class="br"></span>
            <span ng-class="{'empty': !plot.Nowime}" ng-bind="plot.Nowime | date:'yyyy / MM / dd　HH：mm：ss'"></span>
            <span ng-class="{'empty': !plot.PlanDateE}" ng-bind="plot.PlanDateE | date:'yyyy / MM / dd'"></span>
          </div>
        </div>

        <!-- 按鈕區塊 -->
        <div class="control-btn">
          <!--  取消按鈕 -->
          <div class="kmi-button kmi-button-cancel" ng-click="cancel();">
            <label ng-bind="'common.cancel'| translate"></label>
            <div class="kmi-can-click"></div>
          </div>

          <div>
            <!--  確定按鈕 -->
            <div class="kmi-button kmi-button-confirm" ng-click="confirm();" ng-if="!scan" style="width:218px;">

              <div style="display:flex;flex-direction:row;">
                <div class="kmi-button-check" style="margin-right:8px;"></div>
                <label ng-bind="'common.complete'| translate"></label>
              </div>
              <div class="kmi-can-click"></div>
            </div>
            <!--  掃描按鈕 -->
            <div class="kmi-button kmi-button-confirm" ng-click="scanQrcode();" ng-if="scan" style="width:218px;">
              <div style="display:flex;flex-direction:row;">
                <div class="kmi-button-scan" style="height:auto;width:24px;margin-right:8px;"></div>
                <label ng-bind="'common.scan'| translate"></label>
              </div>
              <div class="kmi-can-click"></div>
            </div>

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