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

<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header emp01-dialog">
	<!-- 標題區域 -->
	<div class="kmi-header-row">
		<div class="kmi-text-title">
			<!-- 標題 -->
			<div class="title" ng-bind="'epm01tmp.title' | translate"></div>

			<!--關閉按鈕-->
			<div class="kmi-closeSmall" ng-click="dialog.back();">
				<div class="kmi-can-click"></div>
			</div>
		</div>
	</div>

	<!-- 內容 -->
	<div class="kmi-layout-main-content" style="background: rgb(238, 241, 247);">
		<div class="kmi-layout-page">
			<div class="perfect-scrollbar" style="height: calc(100vh - 130px);">
				<!-- 淺灰色文字區塊 -->
				<div class="info">
					<div class="header">
						<div>
							<label ng-bind="'imes_resources.EQPTYPE' | translate"></label>
							<label >：</label>
						</div>
						<div>
							<label ng-bind="'epm01tmp.device_ID' | translate"></label>
							<label >：</label>
						</div>
						<div>
							<label ng-bind="'imes_resources.EQUIPMENTNAME' | translate"></label>
							<label >：</label>
						</div>
						<div>
							<label ng-bind="'epm01tmp.BREAKDOWNSERIALNO' | translate"></label>
							<label >：</label>
						</div>
						<div>
							<label ng-bind="'epm01tmp.BREAKDOWNSTARTTIME' | translate"></label>
							<label >：</label>
						</div>
					</div>
					<div class="body">
						<span ng-bind="dialog.EQUIPMENTTYPE"></span><br />
						<span ng-bind="dialog.EQUIPMENTNO"></span><br />
						<span ng-bind="dialog.EQUIPMENTNAME"></span><br />
						<span ng-bind="dialog.BREAKDOWNSERIALNO"></span><br />
						<span ng-bind="dialog.BREAKDOWNSTARTTIME | date:'yyyy/MM/dd HH：mm：ss'"></span>
					</div>
				</div>

				<!-- 輸入框 -->
				<div class="kmi-input-fields">
					<div class="header">
						<label class="title" ng-bind="'epm01tmp.REPAIRSTARTTIME' | translate"></label>
					</div>
					<div class="body">
						<input class="input" mdl-datepicker="dialog.StartDate" />
					</div>
				</div>

				<div class="kmi-input-fields">
					<div class="header">
						<label class="title" ng-bind="'epm01tmp.REPAIRENDTIME' | translate"></label>
					</div>
					<div class="body">
						<input class="input" mdl-datepicker="dialog.EndDate" />
					</div>
				</div>

				<!-- 切換框 ng-class="{'on':'off'}[dialog.selEQPStatus]" ng-click="dialog.EQPStatus();-->
				<div class="kmi-input-fields">
					<div class="header">
						<label class="title" ng-bind="'epm01tmp.EQPSTATE' | translate"></label>
					</div>
					<div class="body"  >
						<label class="switch" >
							<input type="checkbox" />
							<div class="slider round" ng-class="{'on':'off'}[dialog.selEQPStatus]" ng-click="dialog.changeEQPState();">
								<span class="on" ng-bind="'epm01tmp.PRODUCTION' | translate"></span>
								<span class="off" ng-bind="'epm01tmp.IDLE' | translate"></span>
							</div>
						</label>
					</div>
				</div>

				<div class="kmi-input-fields">
					<div class="header">
						<label class="title" ng-bind="'imes_resources.DESCRIPTION' | translate"></label>
					</div>
					<div class="body">
						<textarea class = "description" ng-model="dialog.DESCRIPTION" />
					</div>
				</div>

				<!-- 多選框 -->
				<div class="kmi-input-fields">
					<div class="header">
						<label class="title" ng-bind="'epm01tmp.REPAIRNO' | translate"></label>
					</div>
					<div class="body" ng-repeat="item in $root.RepairList" >
					 <div > 
						<label class="chkbox" >
						    <div ng-click="dialog.itemClickSelect(item);"style="width: 11%;float: left;position:relative">
								<input type="checkbox"/>
								<span class="checkmark" ng-class="{'checked':item.isSelect}"></span>
							</div>
							<span ng-bind="item.REPAIRNO" ></span>
							<span ng-bind="item.REPAIRNAME" ></span>
						</label>
					 </div>
												
					</div>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="kmi-layout-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>
				<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>
	</div>
</div>