SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/dialog/keyinattrib/keyinattrib.tmp.html

<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header keyinattrib-dialog">
    <!--標題區域-->
    <div class="dialog-header-row">
        <!--標題-->
        <label class="header-title" ng-bind="'dialog.keyinattrib.title' | translate"></label>
        <!--關閉按鈕-->
        <div class="kmi-closeSmall" ng-click="dialog.back();">
            <div class="kmi-can-click" />
        </div>
    </div>

    <!--內容區域-->
    <div class="dialog-main-content">
        <div class="perfect-scrollbar kmi-list__row-content" style="height: calc(100% - 16px);">
            <div ng-repeat="item in dialog.attriblist track by $index">

                <!--特性標題-->
                <div class="dialog-input-header">
                    <!--特性名稱-->
                    <label ng-bind="($index+1) +'.'+ item.attrib_name"></label>

                    <!--特性類型-->
                    <label class="itemType" ng-bind="item.data_type_name"></label>
                </div>

                <!--特性值-->
                <div class="kmi-text-fields">
                    <!--數值類別-->
                    <input ng-model='item.attrib_value' mdl-calculater='item.attrib_value' mdl-calculater-negative="true"
                           mdl-calculater-decimal='true'
                           ng-if='item.data_type==0 && item.attrib_allownull!=0 && item.input_type!=1' />
                    <input ng-model='item.attrib_value' mdl-calculater='item.attrib_value' mdl-calculater-negative="true"
                           mdl-calculater-decimal='true'
                           ng-if='item.data_type==0 && item.attrib_allownull==0 && item.input_type!=1'
                           placeholder="{{'dialog.keyinattrib.pleaseInput'|translate}}" />

                    <!--字串類別-->
                    <!-- 手動輸入-->
                    <input ng-model='item.attrib_value'
                           ng-if='item.data_type==1 && item.attrib_allownull!=0 && item.input_type!=1'></input>
                    <input ng-model='item.attrib_value'
                           ng-if='item.data_type==1 && item.attrib_allownull==0 && item.input_type!=1'
                           placeholder="{{'dialog.keyinattrib.pleaseInput'|translate}}"></input>
                    <div class="kmi-button-scan" ng-if='item.data_type==1 && item.input_type!=1' ng-click="dialog.scanQrcode($index);">
                        <div class="kmi-can-click" />
                    </div>

                    <!-- 列表開窗 -->
                    <input readonly ng-model='item.attrib_value'
                           ng-click="dialog.LoadElementValue(item.attrib_no,$index)"
                           ng-if="item.data_type==1 || item.data_type==0 && item.attrib_allownull!=0 && item.input_type!=0" />

                    <input readonly ng-model='item.attrib_value'
                           ng-click="dialog.LoadElementValue(item.attrib_no,$index)"
                           ng-if='item.data_type==1 || item.data_type==0 && item.attrib_allownull==0 && item.input_type!=0'
                           placeholder="{{'dialog.keyinattrib.pleaseInput'|translate}}" />

                    <!--百分比類別-->
                    <input ng-model='item.attrib_value' mdl-calculater='item.attrib_value' mdl-calculater-decimal="true" mdl-calculater-negative="true" mdl-calculater-percent="true"
                           ng-if='item.data_type==2 && item.attrib_allownull!=0' />
                    <input ng-model='item.attrib_value' mdl-calculater='item.attrib_value' mdl-calculater-decimal="true" mdl-calculater-negative="true" mdl-calculater-percent="true"
                           ng-if='item.data_type==2 && item.attrib_allownull==0'
                           placeholder="{{'dialog.keyinattrib.pleaseInput'|translate}}" />

                    <!--時間類別-->
                    <input mdl-datepicker="item.attrib_value_date" mdl-date-min="condition.start_no"
                           mdl-date-max="condition.end_no" ng-model='item.attrib_value'
                           ng-if='item.data_type==3 && item.attrib_allownull!=0' />
                    <input mdl-datepicker="item.attrib_value_date" mdl-date-min="condition.start_no"
                           mdl-date-max="condition.end_no" ng-model='item.attrib_value'
                           ng-if='item.data_type==3 && item.attrib_allownull==0'
                           placeholder="{{'dialog.keyinattrib.pleaseInput'|translate}}" />

                    <!--布林類別-->
                    <div class="pda-boolean-btn" ng-if='item.data_type==4'
                         ng-class="{true:'active'}[item.attrib_value]"
                         ng-click="item.attrib_value=!item.attrib_value">
                        <div class="inner-circle"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="dialog-footer">
        <!--  取消按鈕 -->
        <div class="kmi-button kmi-button-cancel" ng-click="dialog.back();">
            <label ng-bind="'common.cancel'| translate"></label>
            <div class="kmi-can-click" />
        </div>
        <!--  確定按鈕 -->
        <div class="kmi-button kmi-button-confirm" ng-click="dialog.confirm();">
            <div style="display:flex;flex-direction:row;">
                <div class="kmi-button-check"></div>
                <label ng-bind="'common.complete'| translate" />
            </div>
            <div class="kmi-can-click" />
        </div>
    </div>
</div>