13 changed files with 756 additions and 35 deletions
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,7 @@ |
|||||
|
const pricereviewCreate = ()=>{ |
||||
|
return { |
||||
|
init(){ |
||||
|
console.log(123) |
||||
|
} |
||||
|
} |
||||
|
} |
@ -0,0 +1,90 @@ |
|||||
|
#pricereviewCreate table, #pricereviewCreate th, #pricereviewCreate td { |
||||
|
border: 1px #ccc solid; |
||||
|
padding: 15px; |
||||
|
} |
||||
|
#pricereviewCreate table thead th { |
||||
|
background-color: #6D9EEB; |
||||
|
} |
||||
|
#pricereviewCreate table tbody td input { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
#pricereviewCreate table tbody th { |
||||
|
background-color: #CCE4F8; |
||||
|
font-size: 14px; |
||||
|
padding: 15px 2px; |
||||
|
min-width: 100px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
#pricereviewCreate table input { |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain { |
||||
|
background-color: #F2F2F2; |
||||
|
padding: 20px; |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain button { |
||||
|
color: #fff; |
||||
|
width: 55px; |
||||
|
height: 30px; |
||||
|
padding: 0; |
||||
|
margin-left: 10px; |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain button.addbtn { |
||||
|
background-color: #337AB7; |
||||
|
width: 30px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain button.deleteBtn { |
||||
|
background-color: #D9534F; |
||||
|
color: #fff; |
||||
|
font-size: 12px; |
||||
|
width: 30px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain button.selectElevator { |
||||
|
background-color: #D9534F; |
||||
|
color: #fff; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem { |
||||
|
border: 1px #ccc solid; |
||||
|
padding: 10px; |
||||
|
border-radius: 4px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem .title { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
border-bottom: 1px #ccc solid; |
||||
|
padding: 10px 0; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem .title h6 { |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table, #pricereviewCreate .pricreviewmain > .divitem th, #pricereviewCreate .pricreviewmain > .divitem td { |
||||
|
font-size: 14px; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table input, #pricereviewCreate .pricreviewmain > .divitem table select, #pricereviewCreate .pricreviewmain > .divitem table textarea, #pricereviewCreate .pricreviewmain > .divitem th input, #pricereviewCreate .pricreviewmain > .divitem th select, #pricereviewCreate .pricreviewmain > .divitem th textarea, #pricereviewCreate .pricreviewmain > .divitem td input, #pricereviewCreate .pricreviewmain > .divitem td select, #pricereviewCreate .pricreviewmain > .divitem td textarea { |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table input[type=number]::-webkit-outer-spin-button, |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table input[type=number]::-webkit-inner-spin-button, #pricereviewCreate .pricreviewmain > .divitem th input[type=number]::-webkit-outer-spin-button, |
||||
|
#pricereviewCreate .pricreviewmain > .divitem th input[type=number]::-webkit-inner-spin-button, #pricereviewCreate .pricreviewmain > .divitem td input[type=number]::-webkit-outer-spin-button, |
||||
|
#pricereviewCreate .pricreviewmain > .divitem td input[type=number]::-webkit-inner-spin-button { |
||||
|
-webkit-appearance: none; |
||||
|
margin: 0; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table tr:hover .deleteBtn { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table .saletd { |
||||
|
position: relative; |
||||
|
} |
||||
|
#pricereviewCreate .pricreviewmain > .divitem table .saletd > .deleteBtn { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
transform: translateY(-50%); |
||||
|
right: 2px; |
||||
|
opacity: 0; |
||||
|
transition: 0.3s; |
||||
|
}/*# sourceMappingURL=pricereview.css.map */ |
@ -0,0 +1 @@ |
|||||
|
{"version":3,"sources":["pricereview.scss","pricereview.css"],"names":[],"mappings":"AACI;EACI,sBAAA;EACA,aAAA;ACAR;ADGQ;EACI,yBAAA;ACDZ;ADIY;EACI,eAAA;ACFhB;ADIY;EACI,yBAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;ACFhB;ADKQ;EACI,eAAA;ACHZ;ADMI;EACI,yBAAA;EACA,aAAA;EACA,kBAAA;ACJR;ADKQ;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,iBAAA;EACA,eAAA;ACHZ;ADIY;EACI,yBAAA;EACA,WAAA;ACFhB;ADIY;EACI,yBAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;ACFhB;ADIY;EACI,yBAAA;EACA,WAAA;ACFhB;ADMQ;EACI,sBAAA;EACA,aAAA;EACA,kBAAA;ACJZ;ADKY;EACI,aAAA;EACA,mBAAA;EACA,6BAAA;EACA,eAAA;EACA,mBAAA;ACHhB;ADIgB;EACI,gBAAA;ACFpB;ADMY;EACI,eAAA;EACA,6BAAA;ACJhB;ADKgB;EACI,eAAA;ACHpB;ADKgB;;;;EAEA,wBAAA;EACA,SAAA;ACDhB;ADKgB;EACI,UAAA;ACHpB;ADKgB;EACI,kBAAA;ACHpB;ADIoB;EACI,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,UAAA;EACA,UAAA;EACA,gBAAA;ACFxB","file":"pricereview.css"} |
@ -0,0 +1,98 @@ |
|||||
|
#pricereviewCreate{ |
||||
|
table, th, td{ |
||||
|
border:1px #ccc solid; |
||||
|
padding: 15px; |
||||
|
} |
||||
|
table{ |
||||
|
thead th{ |
||||
|
background-color: #6D9EEB; |
||||
|
} |
||||
|
tbody { |
||||
|
td input{ |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
th{ |
||||
|
background-color: #CCE4F8; |
||||
|
font-size: 14px; |
||||
|
padding: 15px 2px; |
||||
|
min-width: 100px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
input{ |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
} |
||||
|
.pricreviewmain{ |
||||
|
background-color: #F2F2F2; |
||||
|
padding: 20px; |
||||
|
border-radius: 6px ; |
||||
|
button{ |
||||
|
color:#fff; |
||||
|
width: 55px; |
||||
|
height: 30px; |
||||
|
padding: 0; |
||||
|
margin-left: 10px; |
||||
|
font-size: 13px; |
||||
|
&.addbtn{ |
||||
|
background-color: #337AB7; |
||||
|
width: 30px; |
||||
|
} |
||||
|
&.deleteBtn{ |
||||
|
background-color: #D9534F; |
||||
|
color:#fff; |
||||
|
font-size: 12px; |
||||
|
width: 30px; |
||||
|
} |
||||
|
&.selectElevator{ |
||||
|
background-color: #D9534F; |
||||
|
color:#fff; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
>.divitem{ |
||||
|
border:1px #ccc solid; |
||||
|
padding: 10px; |
||||
|
border-radius: 4px ; |
||||
|
.title{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
border-bottom: 1px #ccc solid; |
||||
|
padding: 10px 0; |
||||
|
margin-bottom: 10px; |
||||
|
h6{ |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
table, th, td{ |
||||
|
font-size: 14px; |
||||
|
background-color: transparent; |
||||
|
input, select, textarea{ |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
input[type=number]::-webkit-outer-spin-button, |
||||
|
input[type=number]::-webkit-inner-spin-button { |
||||
|
-webkit-appearance: none; |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
table { |
||||
|
tr:hover .deleteBtn{ |
||||
|
opacity: 1; |
||||
|
} |
||||
|
.saletd{ |
||||
|
position: relative; |
||||
|
>.deleteBtn{ |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
transform: translateY(-50%); |
||||
|
right:2px; |
||||
|
opacity: 0; |
||||
|
transition: .3s; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
@ -0,0 +1,516 @@ |
|||||
|
<?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> |
Loading…
Reference in new issue