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.
179 lines
11 KiB
179 lines
11 KiB
<div class="window-modal" x-cloak data-type="window-modal" x-show="modalShow.elevator" x-ref="createElevatorModal" id="createElevatorModal">
|
|
<div class="window-modal-content modal-xl">
|
|
<div class="window-modal-header">
|
|
<h4>新增電梯規格</h4>
|
|
<button class="btn btn-close" @click="hideCreateElevatorModal()">X</button>
|
|
</div>
|
|
<div class="window-modal-body">
|
|
<div>
|
|
<table class="table">
|
|
<tr class="table-active">
|
|
<th>電梯</th>
|
|
<th>人乘</th>
|
|
<th>載重(KG)</th>
|
|
<th>停數</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select class="form-control" x-model="modalElevatorInfo.spec" @change="getModalElevatorPrice()">
|
|
<option value="">請選擇</option>
|
|
<option value="MAE100">MAE100有機房</option>
|
|
<option value="MAM200">MAM200無機房</option>
|
|
<option value="MAH100">MAH100小電梯</option>
|
|
<option value="MAF100">MAF100貨梯(有機房)</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<select name="" id="" class="form-control" x-model="modalElevatorInfo.person" @change="getModalElevatorPrice()">
|
|
<option value="">請選擇</option>
|
|
<option value="6">6</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
<option value="13">13</option>
|
|
<option value="15">15</option>
|
|
<option value="17">17</option>
|
|
<option value="20">20</option>
|
|
<option value="24">24</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.weight" @change="getModalElevatorPrice()" />
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.stop" @change="getModalElevatorPrice()" />
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<th>速度</th>
|
|
<th>電梯數量</th>
|
|
<th>品牌</th>
|
|
<th>贈送M1</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select name="" id="" class="form-control" x-model="modalElevatorInfo.speed" @change="getModalElevatorPrice()" @change="getModalElevatorPrice()" >
|
|
<option value="">請選擇</option>
|
|
<option value="9">9</option>
|
|
<option value="24">24</option>
|
|
<option value="30">30</option>
|
|
<option value="45">45</option>
|
|
<option value="60">60</option>
|
|
<option value="90">90</option>
|
|
<option value="105">105</option>
|
|
<option value="120">120</option>
|
|
<option value="150">150</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.qty" disabled />
|
|
</td>
|
|
<td>
|
|
<select class="form-control" x-model="modalElevatorInfo.brand">
|
|
<option value="">請選擇</option>
|
|
<option value='永大'>永大</option>
|
|
<option value='三菱'>三菱</option>
|
|
<option value='崇友'>崇友</option>
|
|
<option value='Otis'>Otis</option>
|
|
<option value='櫻花'>櫻花</option>
|
|
<option value='立路'>立路</option>
|
|
<option value='富士達'>富士達</option>
|
|
<option value='富士'>富士</option>
|
|
<option value='測試品牌'>測試品牌</option>
|
|
<option value='sanyo'>sanyo</option>
|
|
<option value='測試品牌2'>測試品牌2</option>
|
|
<option value='測試品牌4'>測試品牌4</option>
|
|
<option value='中升'>中升</option>
|
|
<option value='長合'>長合</option>
|
|
<option value='宏偉電機工業股份有限公司'>宏偉電機工業股份有限公司</option>
|
|
<option value='保速達'>保速達</option>
|
|
<option value='東棋'>東棋</option>
|
|
<option value='安達'>安達</option>
|
|
<option value='百朝'>百朝</option>
|
|
<option value='太友'>太友</option>
|
|
<option value='永佳捷'>永佳捷</option>
|
|
<option value='永勝'>永勝</option>
|
|
<option value='其他'>其他</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<select class="form-control" x-model="modalElevatorInfo.m1" @change="getModalElevatorPrice()">
|
|
<option value="N">否</option>
|
|
<option value="Y">是</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<th colspan=2>電梯許可證號</th>
|
|
<th colspan=2>保養方式</th>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<td colspan=2><input type="text" class="form-control" x-model="modalElevatorInfo.permitNumber" /></td>
|
|
<td colspan=2>
|
|
<select class="form-control" x-model="modalElevatorInfo.method" @change="getModalElevatorPrice()">
|
|
<option value="">請選擇</option>
|
|
<option value="A">全包</option>
|
|
<option value="B">半包</option>
|
|
<option value="C">清包</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<th>保養週期</th>
|
|
<th>竣工檢查年度</th>
|
|
<th>上次年檢日期</th>
|
|
<th>年檢費用(元)</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<select name="" id="" class="form-control" x-model="modalElevatorInfo.cycle" @change="getModalElevatorPrice()">
|
|
<option value="">請選擇</option>
|
|
<option value="1">月保</option>
|
|
<option value="2">月保兩次</option>
|
|
<option value="3">雙月保</option>
|
|
<option value="4">季保</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.checkYear" />
|
|
</td>
|
|
<td>
|
|
<input type="date" class="form-control" x-model="modalElevatorInfo.lastDate" />
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.yearCheckFee" />
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
|
|
<th>公司發布價(月)</th>
|
|
<th>保養月數</th>
|
|
<th>契約報價(月)</th>
|
|
<th>契約報價總額</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="text" class="form-control" disabled x-model="modalElevatorInfo.price.toLocaleString()" />
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.months" />
|
|
</td>
|
|
<td>
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.sale_price" />
|
|
</td>
|
|
<td>
|
|
<input type="text" class="form-control" disabled x-model="(modalElevatorInfo.sale_price * modalElevatorInfo.months).toLocaleString()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @click="hideCreateElevatorModal()">關閉</button>
|
|
<button type="button" class="btn btn-primary" @click="createElevatorFn()">新增</button>
|
|
</div>
|
|
</div>
|
|
<div class="window-back" @click="hideCreateElevatorModal()"></div>
|
|
</div>
|