10994015
1 year ago
8 changed files with 495 additions and 180 deletions
@ -1 +1 @@ |
|||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;ACCJ;ADAI;EACI,UAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,4BAAA;ACER;ADDQ;EACI,aAAA;EACA,gBAAA;ACGZ;ADFY;EACI,WAAA;ACIhB;ADAI;EACI,aAAA;EACA,uCAAA;EACA,kBAAA;EACA,qBAAA;ACER;ADDQ;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;ACGZ;ADFY;EACI,UAAA;ACIhB;ADFY;EACI,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;ACIhB;ADFY;EACI,UAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,oCAAA;ACIhB;ADHgB;EACI,WAAA;EACA,eAAA;EACA,gBAAA;ACKpB;;ADCA;EACI,WAAA;EACA,iBAAA;EACA,cAAA;ACEJ;;ADAA;EACI,yBAAA;ACGJ;;ADDA;EACI,WAAA;ACIJ","file":"style.css"} |
|||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,cAAA;EACA,aAAA;ACCJ;ADAI;EACI,aAAA;EACA,UAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,4BAAA;ACER;ADDQ;EACI,aAAA;EACA,gBAAA;EACA,WAAA;ACGZ;ADFY;EACI,WAAA;ACIhB;ADFY;EACI,WAAA;EACA,gBAAA;ACIhB;ADAI;EACI,UAAA;ACER;ADDQ;EACI,UAAA;EACA,cAAA;ACGZ;ADFY;EACI,mBAAA;ACIhB;;ADCA;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;ACEJ;ADDI;EACI,aAAA;EACA,UAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,4BAAA;ACGR;ADFQ;EACI,aAAA;EACA,gBAAA;EACA,WAAA;ACIZ;ADHY;EACI,WAAA;ACKhB;ADHY;EACI,WAAA;EACA,gBAAA;ACKhB;ADDI;EACI,UAAA;ACGR;ADFQ;EACI,UAAA;EACA,cAAA;ACIZ;ADHY;EACI,mBAAA;ACKhB;;ADAA;EACI,yBAAA;ACGJ;;ADDA;EACI,WAAA;ACIJ;;ADFA;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;ACKJ;ADJI;EACI,WAAA;EACA,eAAA;ACMR;ADJI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;ACMR;ADJI;EACI,YAAA;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;EACA,iCAAA;ACMR;ADLQ;EACI,yBAAA;EACA,YAAA;EACA,kBAAA;ACOZ;ADLQ;EAAsB,sBAAA;ACQ9B;ADPQ;EACI,mBAAA;ACSZ;ADRY;EAAsB,6BAAA;ACWlC","file":"style.css"} |
|||
@ -1,47 +1,106 @@ |
|||
<?php |
|||
include "../header.php"; |
|||
require_once('./conn.php'); |
|||
$sql_str = "SELECT * FROM option_price WHERE status = 'Y' ORDER BY kind, id"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->execute(); |
|||
$options = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$optional_arr = [1=>'標', 2=>'選']; |
|||
?> |
|||
<link rel="stylesheet" href="./css/style.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<link rel="stylesheet" href="../contract/semantic/dist/semantic.min.css"> |
|||
<div class="price_option-select"> |
|||
<script defer src="../contract/js/alpinejs/cdn.min.js"></script> |
|||
<script src="../contract/js/axios/axios.min.js"></script> |
|||
<div class="price_option-select" x-data="priceOptionSelect"> |
|||
|
|||
<div class="sidebar"> |
|||
<a class="active" href="./price_option-select.php?<?php echo $token_link; ?> ">全部顯示</a> |
|||
<a href="./price_option-index.php?kind=A&<?php echo $token_link; ?>">A-1車廂意匠</a> |
|||
<a href="./price_option-index.php?kind=B&<?php echo $token_link; ?>">A-2車廂內裝</a> |
|||
<a href="./price_option-index.php?kind=C&<?php echo $token_link; ?>">A-3車廂外部</a> |
|||
<a href="./price_option-index.php?kind=D&<?php echo $token_link; ?>">A-4控制與其他</a> |
|||
<a href="./price_option-index.php?kind=E&<?php echo $token_link; ?>">A-5汰改</a> |
|||
<a href="./price_option-index.php?kind=E&<?php echo $token_link; ?>">B-1平台梯</a> |
|||
<a href="./price_option-index.php?kind=F&<?php echo $token_link; ?>">C-1汰改</a> |
|||
</div> |
|||
<div class="content"> |
|||
<a href="./price_option-index.php?kind=A&<?php echo $token_link; ?>"> |
|||
<img src="./assets/img/1.jpg" /> |
|||
<div> |
|||
<p>車廂意匠</p> |
|||
<div class="options"> |
|||
|
|||
<div class="container"><h2>OPTION價格查詢</h2></div> |
|||
<div id="exTab1" class="container"> |
|||
<div class="toolbar"> |
|||
<label for=""> |
|||
顯示 |
|||
<select x-model="pageLength" @change="changeType()"> |
|||
<option value="10">10</option> |
|||
<option value="25">25</option> |
|||
<option value="50">50</option> |
|||
<option value="100">100</option> |
|||
<option value="999999">顯示全部</option> |
|||
</select> |
|||
</label> |
|||
<label for=""> |
|||
</label> |
|||
<label for=""> |
|||
搜尋 |
|||
<input type="text" @keyup="inputSearch($event)" /> |
|||
</label> |
|||
</div> |
|||
</a> |
|||
<a href="./price_option-index.php?kind=B&<?php echo $token_link; ?>"> |
|||
<img src="./assets/img/2.jpg" /> |
|||
<div> |
|||
<p>車廂內裝</p> |
|||
<table id="table_index2" class="table table-striped table-bordered" style="width:100%"> |
|||
<thead> |
|||
<tr class="kind-col"> |
|||
<th scope="col" nowrap>名稱</th> |
|||
<th scope="col" nowrap>規格</th> |
|||
<th scope="col" nowrap>備註</th> |
|||
<th scope="col" nowrap>配置</th> |
|||
<th scope="col" nowrap>單位</th> |
|||
<th scope="col" nowrap>定價</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<template x-if="options.length <= 0"> |
|||
<tr> |
|||
<td colspan="6"><p style="font-size:13px;color:#a00">沒有符合的結果。</p></td> |
|||
</tr> |
|||
</template> |
|||
<template x-for="option in options"> |
|||
<tr> |
|||
<td x-text="option.group_name"></td> |
|||
<td x-text="option.spec"></td> |
|||
<td x-text="option.memo"></td> |
|||
<td x-text="options_arr[option.optional]"></td> |
|||
<td x-text="option.unit"></td> |
|||
<td x-html="option.price!=null ? Number(option.price).toLocaleString() : ''"></td> |
|||
</tr> |
|||
</template> |
|||
</table> |
|||
<div class="pagination"> |
|||
<small x-text="'顯示第'+((Number(currentpage)-1)*Number(pageLength)+1)+' 至 '+((((Number(currentpage)-1)*Number(pageLength) +Number(pageLength))< dataLangth) ? ((Number(currentpage)-1)*Number(pageLength) +Number(pageLength)) : dataLangth )+' 項結果，共 '+dataLangth+' 項'"></small> |
|||
<div class="links"> |
|||
<template x-if="currentpage>1"> |
|||
<a href="###" @click="switchPage(currentpage-1)">«</a> |
|||
</template> |
|||
<template x-if="pageNumber <= 10"> |
|||
<template x-for="page in pageNumber"> |
|||
<a href="javascript:;" @click="switchPage(page)" :class="[(page == currentpage) ? 'active' : '']" x-text="page" ></a> |
|||
</template> |
|||
</template> |
|||
<template x-if="pageNumber > 10"> |
|||
<select @change="selectPage($event)" style="width:66px;padding:8px 2px" x-model="currentpage"> |
|||
<template x-for="page in pageNumber"> |
|||
<option :value="page" x-text="page"></option> |
|||
</template> |
|||
</select> |
|||
</template> |
|||
<template x-if="currentpage<pageNumber"> |
|||
<a href="###" @click="switchPage(currentpage+1)">»</a> |
|||
</template> |
|||
</div> |
|||
</a> |
|||
<a href="./price_option-index.php?kind=C&<?php echo $token_link; ?>"> |
|||
<img src="./assets/img/3.jpg" /> |
|||
<div> |
|||
<p>車廂外部</p> |
|||
</div> |
|||
</a> |
|||
<a href="./price_option-index.php?kind=D&<?php echo $token_link; ?>"> |
|||
<img src="./assets/img/4.jpg" /> |
|||
<div> |
|||
<p>控制與其他</p> |
|||
</div> |
|||
</a> |
|||
<a href="./price_option-index.php?kind=E&<?php echo $token_link; ?>"> |
|||
<img src="./assets/img/5.jpg" /> |
|||
<div> |
|||
<p>汰改</p> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="./assets/js/alpine.js"></script> |
|||
<script> |
|||
const options = [...<?php echo json_encode($options); ?>]; |
|||
</script> |
|||
Loading…
Reference in new issue