You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.8 KiB
36 lines
1.8 KiB
<div class="window-modal" x-cloak data-type="window-modal" x-show="modalShow.otherToElevator" x-ref="toOtherOptionElevatorModal" id="toOtherOptionElevatorModal">
|
|
<div class="window-modal-content modal-m">
|
|
<div class="window-modal-header">
|
|
<h4>配對電梯</h4>
|
|
<button class="btn btn-close" @click="hideToOtherOptionElevatorModal()">X</button>
|
|
</div>
|
|
<div class="window-modal-body">
|
|
<div>
|
|
<table class="table">
|
|
<tr>
|
|
<th>項次</th>
|
|
<th>規格</th>
|
|
<th>選擇</th>
|
|
</tr>
|
|
<template x-for="elevator in toElevators" :key="elevator.id">
|
|
<tr>
|
|
<td x-text="elevator.id"></td>
|
|
<td x-text="elevator.model"></td>
|
|
<td><input type="radio" name="otherOptionToElevator" :value="elevator.id" class="form-check-input" x-model="toElevatorNo" /></td>
|
|
</tr>
|
|
</template>
|
|
<tr x-show="toElevators.length == 0">
|
|
<td colspan="3">
|
|
<small class="text-danger" style="font-size:13px;font-weight:600">暫無可選電梯，請先新增電梯規格！</small>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @click="hideToOtherOptionElevatorModal()">關閉</button>
|
|
<button type="button" x-show="toElevators.length > 0" class="btn btn-primary" @click="chkOtherOptionToElevators()">確認</button>
|
|
</div>
|
|
</div>
|
|
<div class="window-back" @click="hideToOtherOptionElevatorModal()"></div>
|
|
</div>
|