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.
31 lines
1.7 KiB
31 lines
1.7 KiB
<div class="window-modal" x-cloak data-type="window-modal" x-show="modalShow.maintain" x-ref="createMaintainModal" id="createMaintainModal">
|
|
<div class="window-modal-content modal-xl">
|
|
<div class="window-modal-header">
|
|
<h4>新增保固延長</h4>
|
|
<button class="btn btn-close" @click="hideCreateMaintainModal()">X</button>
|
|
</div>
|
|
<div class="window-modal-body">
|
|
<div>
|
|
<table class="table">
|
|
<tr class="table-active">
|
|
<th>單價</th>
|
|
<th>數量(月)</th>
|
|
<th>總價</th>
|
|
<th>備註</th>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="number" class="form-control" x-model="modalMaintainInfo.price"></td>
|
|
<td><input type="number" class="form-control" x-model="modalMaintainInfo.num"></td>
|
|
<td><input type="text" disabled class="form-control" x-model="(modalMaintainInfo.price * modalMaintainInfo.num).toLocaleString()"></td>
|
|
<td><input type="text" class="form-control" x-model="modalMaintainInfo.memo"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @click="hideCreateMaintainModal()">關閉</button>
|
|
<button type="button" class="btn btn-primary" @click="createMaintainOptionFn()">新增</button>
|
|
</div>
|
|
</div>
|
|
<div class="window-back" @click="hideCreateMaintainModal()"></div>
|
|
</div>
|