SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/dashboard/workLog.html

<div class="workLog">
    <!--標題區域-->
    <div>
        <label class="right-title dashboard-title" ng-bind="'dashboard.workLog.title' | translate"></label>
        <!--<div class="lot-selector-area" ng-show="lot_selector_show"> -->
        <!--    <div class="pda-boolean-btn" ng-class="{true:'active'}[lot_selector]" ng-click="changeSelector();"> -->
        <!--        <div class="prod" ng-class="{true:'active'}[lot_selector]" ng-bind="'dashboard.workLog.area' | translate"></div> -->
        <!--        <div class="test" ng-class="{false:'active'}[lot_selector]" ng-bind="'dashboard.workLog.dispatch' | translate"></div> -->
        <!--        <div class="inner-circle"></div> -->
        <!--    </div> -->
        <!--    </div> -->
    </div>

    <!--內容區域-->
    <div style="height:calc(100% - 48px);width:100%;" ng-init="PageConfig[0]=KMIListInitConfig('listWork',
                             ['STATUS','LOTNO','ARRIVETIME','CURQTY']);">
        <div class="kmi-list listWork column-selector" column-selector-id="listWork" style="height:100%;">
            <div class="kmi-list__header">
                <div class="kmi-list__column head-controls" style="flex:1;"> 
                        <label ng-bind="'dashboard.workLog.status' | translate"></label>
                        <i class="material-icons ng-binding ng-hide" ng-show="PageConfig[0].qeryOrder == 0">{{PageConfig[0].header[0].order?'&#xE5D8;':'&#xE5DB;'}} </i>
                        <div class="kmi-can-click" ng-click="KMIListChangeOrder(PageConfig[0],0);"></div>                 
                </div>
                <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="'dashboard.workLog.lotNo' | 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="'dashboard.workLog.arrivetime' | 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="'dashboard.workLog.qty' | 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-repeat="item in KMIListGetPage(dashboard['workLog'].production_info_detail,PageConfig[0])">
                    <div class="kmi-list__column column-border" style="flex:1;">
                        
                        <label class="status" ng-if="item.STATUS == '4' && item.LINKNAME.toUpperCase()=='HOLD'" ng-class="{green: item.STATUS == '1',red:item.STATUS=='3',yellow:item.STATUS=='2',gray:item.STATUS=='-1'}" ng-bind="'dashboard.workLog.WH' | translate"></label>
                    
                        <label class="status" ng-if="!(item.STATUS == '4' && item.LINKNAME.toUpperCase()=='HOLD')" ng-class="{green: item.STATUS == '1',red:item.STATUS=='3',yellow:item.STATUS=='2',gray:item.STATUS=='-1'}" ng-bind="'dashboard.workLog.'+item.STATUS | translate"></label>
                    
                    </div>
                    <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.LOTNO">
                    </div>
                    <div class="kmi-list__column column-border" style="flex:1" ng-bind="item.ARRIVETIME | date:'yyyy/MM/dd HH:mm:ss'"></div>
                    <div class="kmi-list__column column-border " style="flex:1;text-align:right; padding-right:10px;" ng-bind="item.CURQTY"></div>
                    <div class="kmi-can-click" ng-click="goToTrack(item)"></div>
                </div>
            </div>
        </div>
    </div>


    <!--欄位標題-->
    <!--<div class="table-Background">
        <div class="table-header">
            <label class="status" ng-bind="'dashboard.workLog.status' | translate"></label>
            <label class="plot" ng-bind="'dashboard.workLog.lotNo' | translate"></label>
            <label class="arrivetime" ng-bind="'dashboard.workLog.arrivetime' | translate"></label>
            <label class="right" ng-bind="'dashboard.workLog.qty' | translate"></label>
        </div>
    </div>
    <div class="perfect-scrollbar kmi-list__row-content bar-area">
        <div ng-repeat="item in dashboard['workLog'].production_info_detail | orderBy:['status_order','arrivetime','plot_no'] | filter:CustomerFilter track by $index">
            <div class="table-content">
                <span class="statusArea">
                    <label class="status" ng-class="{green: item.status == 'R',gray:item.status=='C'}"
                           ng-bind="'dashboard.workLog.'+item.status | translate"></label>
                </span>
                <label class="plot">{{item.plot_no}}</label>
                <label class="arrivetime">{{item.arrivetime}}</label>
                <label class="right">{{item.qty}}</label>
                <div class="kmi-can-click" ng-click="goToTrack(item)"></div>
            </div>
        </div>
    </div>-->
</div>