101 lines
5.5 KiB
HTML
101 lines
5.5 KiB
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> |