2 changed files with 249 additions and 214 deletions
@ -1,110 +1,134 @@ |
|||
<?php |
|||
include '../header.php'; |
|||
require_once './conn.php'; |
|||
$kind = $_GET['kind']; |
|||
$sql_str = "SELECT * FROM option_price WHERE kind = :kind AND status ='Y'"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':kind', $kind); |
|||
$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"> |
|||
<script defer src="../contract/js/alpinejs/cdn.min.js"></script> |
|||
<script src="../contract/js/axios/axios.min.js"></script> |
|||
<div class="price_option-index" x-data="priceOptionIndex"> |
|||
<div class="sidebar"> |
|||
<a href="./price_option-select.php?<?php echo $token_link; ?> ">全部顯示</a> |
|||
<a <?php if($kind == 'A'){echo 'class="active"';} ?> href="./price_option-index.php?kind=A&<?php echo $token_link; ?>">A-1車廂意匠</a> |
|||
<a <?php if($kind == 'B'){echo 'class="active"';} ?> href="./price_option-index.php?kind=B&<?php echo $token_link; ?>">A-2車廂內裝</a> |
|||
<a <?php if($kind == 'C'){echo 'class="active"';} ?> href="./price_option-index.php?kind=C&<?php echo $token_link; ?>">A-3車廂外部</a> |
|||
<a <?php if($kind == 'D'){echo 'class="active"';} ?> href="./price_option-index.php?kind=D&<?php echo $token_link; ?>">A-4控制與其他</a> |
|||
<a <?php if($kind == 'E'){echo 'class="active"';} ?> href="./price_option-index.php?kind=E&<?php echo $token_link; ?>">B-1平台梯</a> |
|||
<a <?php if($kind == 'F'){echo 'class="active"';} ?> href="./price_option-index.php?kind=F&<?php echo $token_link; ?>">C-1汰改</a> |
|||
</div> |
|||
<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=""> |
|||
<template x-for="btn in buttons"> |
|||
<button style="margin-right:4px" :class="['btn', (btn.type == btntype) ? 'btn-primary' : 'btn-secondary text-light']" x-text="btn.name" @click="changeType(btn.type)"></button> |
|||
</template> |
|||
</label> |
|||
<label for=""> |
|||
搜尋 |
|||
<input type="text" @keyup="inputSearch($event)" /> |
|||
</label> |
|||
</div> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="./assets/js/alpine.js"></script> |
|||
<script> |
|||
const options = [...<?php echo json_encode($options); ?>]; |
|||
const kind = '<?php echo $kind; ?>'; |
|||
<?php |
|||
include '../header.php'; |
|||
require_once './conn.php'; |
|||
$kind = $_GET['kind']; |
|||
$sql_str = "SELECT * FROM option_price WHERE kind = :kind AND status ='Y'"; |
|||
$sql_str = "SELECT option_price.*, option_mi.price as mi FROM option_price LEFT JOIN (SELECT option_mi.option_price_id, option_mi.price FROM option_mi GROUP BY option_mi.option_price_id) option_mi ON option_price.id = option_mi.option_price_id WHERE kind = :kind AND status ='Y'"; |
|||
|
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':kind', $kind); |
|||
$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"> |
|||
<script defer src="../contract/js/alpinejs/cdn.min.js"></script> |
|||
<script src="../contract/js/axios/axios.min.js"></script> |
|||
<div class="price_option-index" x-data="priceOptionIndex"> |
|||
<div class="sidebar"> |
|||
<a href="./price_option-select.php?<?php echo $token_link; ?> ">全部顯示</a> |
|||
<a <?php if ($kind == 'A') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=A&<?php echo $token_link; ?>">A-1車廂意匠</a> |
|||
<a <?php if ($kind == 'B') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=B&<?php echo $token_link; ?>">A-2車廂內裝</a> |
|||
<a <?php if ($kind == 'C') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=C&<?php echo $token_link; ?>">A-3車廂外部</a> |
|||
<a <?php if ($kind == 'D') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=D&<?php echo $token_link; ?>">A-4控制與其他</a> |
|||
<a <?php if ($kind == 'E') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=E&<?php echo $token_link; ?>">B-1平台梯</a> |
|||
<a <?php if ($kind == 'F') { |
|||
echo 'class="active"'; |
|||
} ?> href="./price_option-index.php?kind=F&<?php echo $token_link; ?>">C-1汰改</a> |
|||
</div> |
|||
<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=""> |
|||
<template x-for="btn in buttons"> |
|||
<button style="margin-right:4px" :class="['btn', (btn.type == btntype) ? 'btn-primary' : 'btn-secondary text-light']" x-text="btn.name" @click="changeType(btn.type)"></button> |
|||
</template> |
|||
</label> |
|||
<label for=""> |
|||
搜尋 |
|||
<input type="text" @keyup="inputSearch($event)" /> |
|||
</label> |
|||
</div> |
|||
<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> |
|||
<?php if ($user_id == 'M0174' || $user_id == 'M0107' || $user_id == "M0225") : ?> |
|||
<th scope="col" nowrap>MI</th> |
|||
<?php endif; ?> |
|||
</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> |
|||
<?php if ($user_id == 'M0174' || $user_id == 'M0107' || $user_id == "M0225") : ?> |
|||
<td x-html="option.mi!=null ? '$'+Number(option.mi).toLocaleString() : ''"></td> |
|||
<?php endif; ?> |
|||
</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> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="./assets/js/alpine.js"></script> |
|||
<script> |
|||
const options = [...<?php echo json_encode($options); ?>]; |
|||
const kind = '<?php echo $kind; ?>'; |
|||
</script> |
@ -1,106 +1,117 @@ |
|||
<?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"> |
|||
<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; ?>">B-1平台梯</a> |
|||
<a href="./price_option-index.php?kind=F&<?php echo $token_link; ?>">C-1汰改</a> |
|||
</div> |
|||
<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> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="./assets/js/alpine.js"></script> |
|||
<script> |
|||
const options = [...<?php echo json_encode($options); ?>]; |
|||
<?php |
|||
include "../header.php"; |
|||
require_once('./conn.php'); |
|||
$sql_str = "SELECT * FROM option_price WHERE status ='Y'"; |
|||
$sql_str = "SELECT option_price.*, option_mi.price as mi FROM option_price LEFT JOIN (SELECT option_mi.option_price_id, option_mi.price FROM option_mi GROUP BY option_mi.option_price_id) option_mi ON option_price.id = option_mi.option_price_id WHERE status ='Y'"; |
|||
$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"> |
|||
<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; ?>">B-1平台梯</a> |
|||
<a href="./price_option-index.php?kind=F&<?php echo $token_link; ?>">C-1汰改</a> |
|||
</div> |
|||
<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> |
|||
<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> |
|||
<?php if ($user_id == 'M0174' || $user_id == 'M0107' || $user_id == "M0225") : ?> |
|||
<th scope="col" nowrap>MI</th> |
|||
<?php endif; ?> |
|||
</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> |
|||
<?php if ($user_id == 'M0174' || $user_id == 'M0107' || $user_id == "M0225") : ?> |
|||
<td x-html="option.mi!=null ? '$'+Number(option.mi).toLocaleString() : ''"></td> |
|||
<?php endif; ?> |
|||
</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> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="./assets/js/alpine.js"></script> |
|||
<script> |
|||
const options = [...<?php echo json_encode($options); ?>]; |
|||
</script> |
Loading…
Reference in new issue