|
|
@ -3,178 +3,61 @@ |
|
|
|
include_once "../header.php"; |
|
|
|
require_once "../mkt/conn.php"; |
|
|
|
|
|
|
|
if(!(isset($_GET['vol_no']) && $_GET['vol_no'] != "")){ |
|
|
|
echo "<script>alert('非法訪問!');window.history.go(-1);</script>"; |
|
|
|
} |
|
|
|
$vol_no = $_GET['vol_no']; |
|
|
|
$sql_str = "SELECT * FROM hope_contract_customer WHERE vol_no = :vol_no"; |
|
|
|
$stmt = $conn->prepare($sql_str); |
|
|
|
$stmt->bindParam(':vol_no', $vol_no); |
|
|
|
$stmt->execute(); |
|
|
|
$hope_customer = $stmt->fetch(PDO::FETCH_ASSOC); |
|
|
|
|
|
|
|
$apply_key = getApplyKey(date('ym'), 'cmea_apply_key'); |
|
|
|
echo $apply_key; |
|
|
|
function getApplyKey($p_yyyymm, $seq_name){ |
|
|
|
if (empty($p_yyyymm) || empty($seq_name)) return null; |
|
|
|
global $conn; |
|
|
|
$sql_str = "SELECT yyyymm, prefix FROM sequence WHERE seq_name = :seq_name"; |
|
|
|
$stmt = $conn->prepare($sql_str); |
|
|
|
$stmt->bindParam(':seq_name', $seq_name); |
|
|
|
$stmt->execute(); |
|
|
|
$result = $stmt->fetch(PDO::FETCH_ASSOC); |
|
|
|
|
|
|
|
$yyyymm = $result['yyyymm']; |
|
|
|
$prefix = $result['prefix']; |
|
|
|
|
|
|
|
if ($p_yyyymm != $yyyymm) { |
|
|
|
$sql_str = "UPDATE sequence SET yyyymm = :p_yyyymm, current_val = '10000' WHERE seq_name = :seq_name"; |
|
|
|
$stmt = $conn->prepare($sql_str); |
|
|
|
$stmt->bindParam(':p_yyyymm', $p_yyyymm); |
|
|
|
$stmt->bindParam(':seq_name', $seq_name); |
|
|
|
$stmt->execute(); |
|
|
|
} |
|
|
|
|
|
|
|
$sql_str = "SELECT CONCAT(:prefix, :p_yyyymm, SUBSTRING(appwms.nextval(:seq_name), 2)) AS seq_no"; |
|
|
|
$stmt = $conn->prepare($sql_str); |
|
|
|
$stmt->bindParam(':prefix', $prefix); |
|
|
|
$stmt->bindParam(':p_yyyymm', $p_yyyymm); |
|
|
|
$stmt->bindParam(':seq_name', $seq_name); |
|
|
|
$stmt->execute(); |
|
|
|
$result = $stmt->fetch(PDO::FETCH_ASSOC); |
|
|
|
|
|
|
|
$seq_no = $result['seq_no']; |
|
|
|
|
|
|
|
return $seq_no; |
|
|
|
} |
|
|
|
?> |
|
|
|
<link rel="stylesheet" href="./css/pricereview.css"> |
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.5.0/axios.min.js" integrity="sha512-aoTNnqZcT8B4AmeCFmiSnDlc4Nj/KPaZyB5G7JnOnUEkdNpCZs1LCankiYi01sLTyWy+m2P+W4XM+BuQ3Q4/Dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
|
|
|
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|
|
|
<script src="./js/pricereviewAlpine.js"></script> |
|
|
|
<div id="pricereviewCreate" x-data=pricereviewCreate()> |
|
|
|
<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"> |
|
|
|
<option value="">請選擇</option> |
|
|
|
<option value="MAE100">MAE100有機房</option> |
|
|
|
<option value="MAM200">MAM200無機房</option> |
|
|
|
<option value="MAH100">MAH100小電梯</option> |
|
|
|
<option value="MAF100">MAF100貨梯(有機房)</option> |
|
|
|
<option value="MAQ100">MAQ100強趨梯</option> |
|
|
|
<option value="MAP100">MAP100平台梯</option> |
|
|
|
<option value="M1">M1(系統更新)</option> |
|
|
|
<option value="M1+M4(1:1)">M1+M4(1:1)系統+主機</option> |
|
|
|
<option value="M1+M4(2:1)">M1+M4(2:1)系統+主機</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<select name="" id="" class="form-control" x-model="modalElevatorInfo.person"> |
|
|
|
<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" /> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.stop" /> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr class="table-active"> |
|
|
|
<th>速度</th> |
|
|
|
<th>電梯許可證號</th> |
|
|
|
<th>品牌</th> |
|
|
|
<th>贈送M1</th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td> |
|
|
|
<select name="" id="" class="form-control" style="width:93px" x-model="modalElevatorInfo.speed" @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="text" class="form-control" x-model="modalElevatorInfo.permitNumber" /> |
|
|
|
</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"> |
|
|
|
<option value="0">否</option> |
|
|
|
<option value="1">是</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr class="table-active"> |
|
|
|
<th>保養月數</th> |
|
|
|
<th>保養週期</th> |
|
|
|
<th>竣工檢查年度</th> |
|
|
|
<th>上次年檢日期</th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" value="12" x-model="modalElevatorInfo.months" /> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<select name="" id="" class="form-control" x-model="modalElevatorInfo.cycle"> |
|
|
|
<option value="">請選擇</option> |
|
|
|
<option value="">月保</option> |
|
|
|
<option value="">雙週保</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> |
|
|
|
</tr> |
|
|
|
<tr class="table-active"> |
|
|
|
<th>年檢費用(元)</th> |
|
|
|
<th>公司發布價(月)</th> |
|
|
|
<th>電梯數量</th> |
|
|
|
<th>契約報價(月)</th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.yearCheckFee" /> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.price" /> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.qty" /> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="modalElevatorInfo.sale_price" /> |
|
|
|
</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> |
|
|
|
<?php |
|
|
|
include_once "./window-modal/modalElevaotr.php"; |
|
|
|
include_once "./window-modal/otherOptionModal.php"; |
|
|
|
include_once "./window-modal/otherToElevatorModal.php"; |
|
|
|
?> |
|
|
|
<div class="container"> |
|
|
|
<table class="table" border="1"> |
|
|
|
<thead > |
|
|
@ -184,63 +67,58 @@ require_once "../mkt/conn.php"; |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<th>評審單號</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<th>價審單號</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $apply_key; ?>" /></td> |
|
|
|
<th>卷號</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<th>現場地址</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $hope_customer['vol_no']; ?>" /></td> |
|
|
|
<th>現場名稱</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $hope_customer['customer']; ?>" /></td> |
|
|
|
<th>現場地址</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $hope_customer['address']; ?>" /></td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th>電梯品牌</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<th>數量</th> |
|
|
|
<td><input class="form-control" type="number" disabled value="" /></td> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $hope_customer['brand']; ?>" /></td> |
|
|
|
<th>電梯數量</th> |
|
|
|
<td><input class="form-control" type="number" disabled value="<?php echo $hope_customer['num']; ?>" /></td> |
|
|
|
<th>營業員</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
<th>保養方式</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" disabled> |
|
|
|
<option value=""></option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<td><input class="form-control" type="text" disabled value="<?php echo $hope_customer['salesman_name']; ?>" /></td> |
|
|
|
<th>當前契約期限結束</th> |
|
|
|
<td><input class="form-control" type="date" disabled value="" /></td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
<table class="table" border="1"> |
|
|
|
<thead > |
|
|
|
<tr class="" > |
|
|
|
<th scope="col" class="text-center " colspan="8">價格審查(契約)基本資料</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<th>契約期限開始</th> |
|
|
|
<td><input class="form-control" type="date" disabled value="" /></td> |
|
|
|
<th>契約期限結束</th> |
|
|
|
<td><input class="form-control" type="date" disabled value="" /></td> |
|
|
|
|
|
|
|
<th>契約性質</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" disabled> |
|
|
|
<option value=""></option> |
|
|
|
<select class="form-control"> |
|
|
|
<option value="">請選擇</option> |
|
|
|
<option value="">新簽約</option> |
|
|
|
<option value="">免保轉有費</option> |
|
|
|
<option value="">續約</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>介紹人</th> |
|
|
|
<td><input class="form-control" type="text" disabled value="" /></td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th>付款方式</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" disabled> |
|
|
|
<option value=""></option> |
|
|
|
<select class="form-control" > |
|
|
|
<option value="">請選擇</option> |
|
|
|
<option value="">月付</option> |
|
|
|
<option value="">季付</option> |
|
|
|
<option value="">半年付</option> |
|
|
|
<option value="">年付</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th></th> |
|
|
|
<td></td> |
|
|
|
<th></th> |
|
|
|
<td></td> |
|
|
|
<th></th> |
|
|
|
<td></td> |
|
|
|
<th>案件名稱</th> |
|
|
|
<td><input class="form-control" type="text" value="" /></td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
@ -253,7 +131,7 @@ require_once "../mkt/conn.php"; |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td colspan=8> |
|
|
|
<textarea class="form-control" name="progress" id="progress" cols="20" rows="5" disabled ></textarea> |
|
|
|
<textarea class="form-control" name="progress" id="progress" cols="20" rows="5" disabled ><?php echo nl2br($hope_customer['progress_status']); ?></textarea> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
@ -288,10 +166,10 @@ require_once "../mkt/conn.php"; |
|
|
|
<tbody> |
|
|
|
<tr class="dark" > |
|
|
|
<th colspan=1>項次</th> |
|
|
|
<th colspan=9 style="text-align: left; padding-left: 15px;" x-text="elevator.id"></th> |
|
|
|
<th colspan=7 style="text-align: left; padding-left: 15px;" x-text="elevator.id"></th> |
|
|
|
<th colspan="2" > |
|
|
|
<button class="copyBtn btn btn-secondary" @click="copyElevator(idx)">+</button> |
|
|
|
<button class="btn btn-danger" @click="deleteElevator(elevator.id)">刪除</button> |
|
|
|
<button class="copyBtn btn btn-secondary" @click="copyElevator(idx)">複製</button> |
|
|
|
<button class="btn btn-danger" @click="removeElevator(elevator.id)">刪除</button> |
|
|
|
</th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
@ -305,28 +183,9 @@ require_once "../mkt/conn.php"; |
|
|
|
<option value="MAF100">MAF100貨梯(有機房)</option> |
|
|
|
<option value="MAQ100">MAQ100強趨梯</option> |
|
|
|
<option value="MAP100">MAP100平台梯</option> |
|
|
|
<option value="M1">M1(系統更新)</option> |
|
|
|
<option value="M1+M4(1:1)">M1+M4(1:1)系統+主機</option> |
|
|
|
<option value="M1+M4(2:1)">M1+M4(2:1)系統+主機</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>人乘</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" x-model="elevator.person"> |
|
|
|
<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> |
|
|
|
|
|
|
|
<th>載重(KG)</th> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="elevator.weight" /> |
|
|
@ -350,9 +209,22 @@ require_once "../mkt/conn.php"; |
|
|
|
<option value="150">150</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>規格</th> |
|
|
|
<td colspan=1> |
|
|
|
<input type="text" class="form-control" disabled /> |
|
|
|
<th>人乘</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" x-model="elevator.person"> |
|
|
|
<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> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
@ -361,7 +233,7 @@ require_once "../mkt/conn.php"; |
|
|
|
<input type="text" class="form-control" x-model="elevator.permitNumber" /> |
|
|
|
</td> |
|
|
|
<th>品牌</th> |
|
|
|
<td colspan="1"> |
|
|
|
<td colspan="3"> |
|
|
|
<select class="form-control" x-model="modalElevatorInfo.brand"> |
|
|
|
<option value="請選擇">請選擇</option> |
|
|
|
<option value='永大'>永大</option> |
|
|
@ -389,9 +261,20 @@ require_once "../mkt/conn.php"; |
|
|
|
<option value='其他'>其他</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>保養月數</th> |
|
|
|
<th>竣工檢查年度(民國)</th> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="elevator.months" /> |
|
|
|
<input type="number" class="form-control" x-model="elevator.checkYear" /> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
|
|
|
|
<th>保養開始日期</th> |
|
|
|
<td> |
|
|
|
<input type="date" class="form-control" x-model="elevator.months" /> |
|
|
|
</td> |
|
|
|
<th>保養結束日期</th> |
|
|
|
<td> |
|
|
|
<input type="date" class="form-control" x-model="elevator.months" /> |
|
|
|
</td> |
|
|
|
<th>保養週期</th> |
|
|
|
<td> |
|
|
@ -401,6 +284,15 @@ require_once "../mkt/conn.php"; |
|
|
|
<option value="BW">雙週保</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>保養方式</th> |
|
|
|
<td> |
|
|
|
<select class="form-control"> |
|
|
|
<option value="">請選擇</option> |
|
|
|
<option value="3">全包</option> |
|
|
|
<option value="2">半包</option> |
|
|
|
<option value="4">清包</option> |
|
|
|
</select> |
|
|
|
</td> |
|
|
|
<th>送M1</th> |
|
|
|
<td> |
|
|
|
<select class="form-control" x-model="elevator.m1"> |
|
|
@ -410,10 +302,7 @@ require_once "../mkt/conn.php"; |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th>竣工檢查年度</th> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="elevator.checkYear" /> |
|
|
|
</td> |
|
|
|
|
|
|
|
<th>上次年檢日期</th> |
|
|
|
<td> |
|
|
|
<input type="date" class="form-control" x-model="elevator.lastDate" /> |
|
|
@ -428,7 +317,7 @@ require_once "../mkt/conn.php"; |
|
|
|
</td> |
|
|
|
<th>電梯數量</th> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="elevator.qty" /> |
|
|
|
<input type="number" class="form-control" x-model="elevator.qty" disabled /> |
|
|
|
</td> |
|
|
|
<th>契約報價(月)</th> |
|
|
|
<td> |
|
|
@ -439,6 +328,61 @@ require_once "../mkt/conn.php"; |
|
|
|
</template> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
<div class="divitem"> |
|
|
|
<div class="title"> |
|
|
|
<h4>除外項目</h4> |
|
|
|
<button class="addbtn btn" @click="openCreateOtherOptionFn()" >+</button> |
|
|
|
</div> |
|
|
|
<table class="table" border=1> |
|
|
|
<thead x-show="otherOptions.length > 0"> |
|
|
|
<tr> |
|
|
|
<td>詢價單號</td> |
|
|
|
<td>名稱</td> |
|
|
|
<td>單價</td> |
|
|
|
<td>數量</td> |
|
|
|
<td>複價</td> |
|
|
|
<td style="width:160px">所屬電梯</td> |
|
|
|
<td style="width:220px">功能</td> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<template x-for="option in otherOptions"> |
|
|
|
<tr> |
|
|
|
<td><input type="text" class="form-control" x-model="option.pr_no"></td> |
|
|
|
<td> |
|
|
|
<input type="text" class="form-control" x-model="option.name"> |
|
|
|
<span x-show="option.name==''" class="errortext" x-cloak data-type="errortext">請輸入除外項目名稱</span> |
|
|
|
</td> |
|
|
|
<td><input type="text" class="form-control" x-model="option.price"></td> |
|
|
|
<td> |
|
|
|
<input type="number" class="form-control" x-model="option.num"> |
|
|
|
<span x-show="!option.num || option.num <= 0 || !Number.isInteger(Number(option.num))" class="errortext" x-cloak data-type="errortext">請輸入正整數</span> |
|
|
|
</td> |
|
|
|
<td><input type="text" class="form-control" x-model="(option.price * option.num).toLocaleString()" disabled></td> |
|
|
|
<td> |
|
|
|
<template x-for="el in option.toElevator"> |
|
|
|
<p x-html="'<b>' + el.id + '</b>、' + el.model"></p> |
|
|
|
</template> |
|
|
|
<span x-show="option.toElevator.length <=0" class="errortext" x-cloak data-type="errortext">尚未選擇電梯</span> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<div class="d-flex"> |
|
|
|
<button class="copyBtn btn btn-secondary" @click="copyOtherOption(option.id)">複製</button> |
|
|
|
<button class="selectElevator btn btn-danger" @click="addOtherOptionToElevator(option.id)">電梯</button> |
|
|
|
<button class="deleteBtn btn btn-danger" @click="removeOtherOption(option.id)">X</button> |
|
|
|
</div> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</template> |
|
|
|
<tr x-show="otherOptions.length > 0"> |
|
|
|
<td colspan=3>小計</td> |
|
|
|
<td colspan=1 ><input type="number" class="form-control" disabled :value="totalOtherOptionsNum().toLocaleString()" ></td> |
|
|
|
<td colspan=1 ><input type="text" class="form-control" disabled :value="totalOtherOptionsPrice().toLocaleString()" ></td> |
|
|
|
<td colspan=3 ></td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
<div class="divitem" style="margin-top:20px"> |
|
|
|
<table style="width:800px" class="table noborder" > |
|
|
|
<tbody> |
|
|
|