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.
 
 
 
 
 
 

516 lines
28 KiB

<?php
// include "../header.php";
require_once("./conn.php");
?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/pricereview.css">
<script src="./assets/js/alpinejs/cdn.min.js"></script>
<script src="./assets/js/pricereviewAlpine.js"></script>
<div id="pricereviewCreate" x-data="pricereviewCreate()">
<div class="container">
<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="text" disabled value="B123456789" /></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>
<th>客戶來源</th>
<td><input class="form-control" type="text" disabled value="朋友介紹" /></td>
</tr>
<tr>
<th>地址</th>
<td><input class="form-control" type="text" disabled value="嘉義市東區日新街55巷13號" /></td>
<th>案件名稱</th>
<td><input class="form-control" type="text" disabled value="川勝開發營造(興美七街)" /></td>
<th>統編/身份證</th>
<td><input class="form-control" type="text" disabled value="83557587" /></td>
<th>業主方聯係人</th>
<td><input class="form-control" type="text" disabled value="曾祈達" /></td>
</tr>
<tr>
<th>市話/手機</th>
<td><input class="form-control" type="text" disabled value="0921361700" /></td>
<th>營業員</th>
<td><input class="form-control" type="text" disabled value="林易增" /></td>
<th>台數</th>
<td><input class="form-control" type="number" disabled value="1" /></td>
<th>預定成交日</th>
<td><input class="form-control" type="text" disabled value="2024/02/01" /></td>
</tr>
<tr>
<th>有望客戶狀態</th>
<td><input class="form-control" type="text" disabled value="有望簽約(已報價)" /></td>
<th>汰改</th>
<td><input class="form-control" type="text" 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>
<td colspan=8>
<textarea class="form-control" name="progress" id="progress" cols="20" rows="5" disabled ></textarea>
</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>
<th >規格</th>
<th >人乘/載重</th>
<th >停數</th>
<th >開門方式</th>
<th >速度(m/min)</th>
<th >數量</th>
<th >單價</th>
</tr>
<tr>
<td ><input type="text" disabled class="form-control disabled" value="1"></td>
<td ><input type="text" disabled class="form-control disabled" value="MAH100(家庭梯)"></td>
<td ><input type="text" disabled class="form-control disabled" value="6人"></td>
<td ><input type="text" disabled class="form-control disabled" value="4人"></td>
<td ><input type="text" disabled class="form-control disabled" value="2S"></td>
<td ><input type="text" disabled class="form-control disabled" value="45"></td>
<td ><input type="text" disabled class="form-control disabled" value="1"></td>
<td ><input type="text" disabled class="form-control disabled" value="100000"></td>
</tr>
</tbody>
</table>
<div class="pricreviewmain container">
<div class="divitem">
<div class="title">
<h6>整機單價</h6>
<button class="addbtn btn" x-ref="addElevatorBtn">+</button>
</div>
<table class="table" border=1>
<thead>
<tr>
<td>電梯</td>
<td>人乘/載重</td>
<td>停數</td>
<td>速度(m/min)</td>
<td>開門方式</td>
<td>規格</td>
<td>單價</td>
<td>數量</td>
<td>複價</td>
<td>售價 </td>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="MAE100">MAE100有機房</option>
<option value="MAM200">MAM200無機房</option>
<option value="MAH100">MAH100小電梯</option>
<option value="MAF100">MAE100貨梯(有機房)</option>
<option value="MAQ100">MAQ100強趨梯</option>
<option value="MAP100">MAP100平台梯</option>
</select>
</td>
<td>
<select name="" id="" class="form-control">
<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 class="form-control" type="number" style="width:50px;padding-left:5px" />
</td>
<td>
<select name="" id="" class="form-control" style="width:80px">
<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>
<select name="" id="" class="form-control" style="width:80px">
<option value="CO">CO</option>
<option value="2S">2S</option>
<option value="2U">CO</option>
<option value="4PCO">4PCO</option>
<option value="6PCO">6PCO</option>
</select>
</td>
<td>
<input type="text" class="form-control" disabled value="MAE100-6*7-CO45">
</td>
<td><input type="text" class="form-control" disabled value="750000" style="width:100px"></td>
<td><input type="number" class="form-control " disabled value="1" style="width:40px;padding-left:5px"></td>
<td><input type="number" class="form-control " disabled value="750000" style="width:100px"></td>
<td class="saletd">
<input type="number" class="form-control " disabled value="690000" style="width:100px">
<button class="deleteBtn btn btn-danger">X</button>
</td>
</tr>
<tr>
<td colspan=7>小計</td>
<td><input type="number" class="form-control" disabled value="1" style="width:40px;padding-left:5px"></td>
<td><input type="text" class="form-control" disabled value="750000" style="width:100px"></td>
<td><input type="text" class="form-control" disabled value="690000" style="width:100px"></td>
</tr>
</tbody>
</table>
</div>
<div class="divitem">
<div class="title">
<h6>Option加價</h6>
<button class="addbtn btn" x-ref="addElevatorBtn">+</button>
</div>
<table class="table" border=1>
<thead>
<tr>
<td>選配規格</td>
<td>單價</td>
<td>數量</td>
<td>複價</td>
<td>備註</td>
<td>所屬電梯</td>
<td>功能</td>
</tr>
</thead>
<tbody>
<tr>
<td><button class="btn btn-success">選擇</button></td>
<td><input type="text" class="form-control" value="35000"></td>
<td><input type="number" class="form-control" value="1"></td>
<td><input type="text" class="form-control" disabled value="35000"></td>
<td><input type="text" class="form-control"></td>
<td>MAE100-6*7-CO45</td>
<td>
<div class="d-flex">
<button class="selectElevator btn btn-danger">電梯</button>
<button class="deleteBtn btn btn-danger">X</button>
</div>
</td>
</tr>
<tr>
<td colspan=3>小計</td>
<td colspan=1 ><input type="number" class="form-control" disabled value="350000" ></td>
<td colspan=4 ></td>
</tr>
</tbody>
</table>
</div>
<div class="divitem">
<div class="title">
<h6>除外項目</h6>
<button class="addbtn btn" x-ref="addElevatorBtn">+</button>
</div>
<table class="table" border=1>
<thead>
<tr>
<td>詢價單號</td>
<td>名稱</td>
<td>單價</td>
<td>數量</td>
<td>複價</td>
<td>所屬電梯</td>
<td>功能</td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control" value=""></td>
<td><input type="text" class="form-control" value=""></td>
<td><input type="text" class="form-control" value=""></td>
<td><input type="number" class="form-control" value=""></td>
<td><input type="text" class="form-control" disabled></td>
<td>MAE100-6*7-CO45</td>
<td>
<div class="d-flex">
<button class="selectElevator btn btn-danger">電梯</button>
<button class="deleteBtn btn btn-danger">X</button>
</div>
</td>
</tr>
<tr>
<td colspan=3>小計</td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=3 ></td>
</tr>
</tbody>
</table>
</div>
<div class="divitem">
<div class="title">
<h6>保固延長</h6>
<button class="addbtn btn" x-ref="addElevatorBtn">+</button>
</div>
<table class="table" border=1>
<thead>
<tr>
<td>電梯</td>
<td>人乘/載重</td>
<td>停數</td>
<td>速度</td>
<td>單價</td>
<td>數量(月)</td>
<td>複價</td>
<td>備註</td>
<td>所屬電梯</td>
<td>功能</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="MAE100">MAE100有機房</option>
<option value="MAM200">MAM200無機房</option>
<option value="MAH100">MAH100小電梯</option>
<option value="MAF100">MAE100貨梯(有機房)</option>
<option value="MAQ100">MAQ100強趨梯</option>
<option value="MAP100">MAP100平台梯</option>
</select>
</td>
<td>
<select name="" id="" class="form-control">
<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 class="form-control" type="number" style="width:50px;padding-left:5px" />
</td>
<td>
<select name="" id="" class="form-control" style="width:80px">
<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"></td>
<td><input type="number" class="form-control " value="1" style="width:40px;padding-left:5px"></td>
<td><input type="number" class="form-control " disabled value="750000" style="width:100px"></td>
<td><input type="text" class="form-control"></td>
<td>MAE100-6*7-CO45</td>
<td>
<div class="d-flex">
<button class="selectElevator btn btn-danger">電梯</button>
<button class="deleteBtn btn btn-danger">X</button>
</div>
</td>
</tr>
<tr>
<td colspan=5>小計</td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=3 ></td>
</tr>
</tbody>
</table>
</div>
<div class="divitem">
<table style="width:800px" class="table" border=1>
<thead>
<tr>
<td>付款辦法</td>
<td>款別</td>
<td >比例(%)</td>
<td>金額</td>
<td>票期</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4">材料</td>
<td >1.訂金</td>
<td ><input type="number" class="form-control" value="20"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td >2.二次款</td>
<td ><input type="number" class="form-control" ></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td >3.貨到工地款</td>
<td ><input type="number" class="form-control" value="50"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td >4.其他</td>
<td ><input type="number" class="form-control"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td rowspan="3">安裝</td>
<td >5.安裝完畢款</td>
<td ><input type="number" class="form-control" value="20"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td >6.驗收款</td>
<td ><input type="number" class="form-control" value="10"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td >7.其他</td>
<td ><input type="number" class="form-control"></td>
<td><input type="number" class="form-control" disabled></td>
<td>
<select name="" id="" class="form-control">
<option value="">請選擇</option>
<option value="7">7天</option>
<option value="30" selected>30天</option>
<option value="60">60天</option>
<option value="90">90天</option>
<option value="120">120天</option>
<option value="180">180天</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr>
<td colspan=2>合計</td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=1 ><input type="number" class="form-control" disabled value="0" ></td>
<td colspan=3 ></td>
</tr>
<tr>
<td colspan=2>備註</td>
<td colspan=4 >
<textarea name="" class="form-control" id="" cols="30" rows="5"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>