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.
47 lines
2.7 KiB
47 lines
2.7 KiB
<div class="window-modal" x-cloak data-type="window-modal" x-show="modalShow.demolish" x-ref="createDemolishModal" id="createDemolishModal">
|
|
<div class="window-modal-content modal-xl">
|
|
<div class="window-modal-header">
|
|
<h4>新增拆梯價格</h4>
|
|
<button class="btn btn-close" @click="hideCreateDemolishModal()">X</button>
|
|
</div>
|
|
<div class="window-modal-body">
|
|
<div>
|
|
<table class="table">
|
|
<tr class="table-active">
|
|
<th>人乘/載重</th>
|
|
<th>樓層</th>
|
|
<th>單價</th>
|
|
<th>數量</th>
|
|
<th>總價</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select class="form-control" x-model="modalDemolishOptionsInfo.person" @change="getModalDemolishPrice()">
|
|
<option value="">請選擇</option>
|
|
<option value="15人(含)以下">15人(含)以下/1000KGS</option>
|
|
<option value="16~24人">16~24人/1001~1600KGS</option>
|
|
<option value="25~30人">25~30人/1601~2500KGS</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<select class="form-control" x-model="modalDemolishOptionsInfo.floor" @change="getModalDemolishPrice()">
|
|
<option value="">請選擇</option>
|
|
<?php for($i=4;$i<=40;$i++): ?>
|
|
<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
|
|
<?php endfor; ?>
|
|
</select>
|
|
</td>
|
|
<td><input type="text" disabled class="form-control" x-model="Number(modalDemolishOptionsInfo.price).toLocaleString()"></td>
|
|
<td><input type="number" class="form-control" x-model="modalDemolishOptionsInfo.qty"></td>
|
|
<td><input type="text" disabled class="form-control" x-model="(modalDemolishOptionsInfo.price * modalDemolishOptionsInfo.qty).toLocaleString()"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @click="hideCreateDemolishModal()">關閉</button>
|
|
<button type="button" class="btn btn-primary" @click="createDemolishOptionFn()">新增</button>
|
|
</div>
|
|
</div>
|
|
<div class="window-back" @click="hideCreateDemolishModal()"></div>
|
|
</div>
|