<!DOCTYPE html>
<html lang="zh-Hant-TW" prefix="og: http://ogp.me/ns#">
<head><title>
所有公告
</title><meta name="keywords" content="崑山科技大學,Kun Shan University,崑山,崑山科大,昆山,昆山科大,科技大学,科大,university" /><meta name="description" content="崑山科技大學是台灣南部地區歷史最悠久的科技大學,學風興盛人文薈萃,為台灣專業技術教育與應用的領航者。" /><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><meta name="google-site-verification" content="VK360FuyZf73yebl4swzTG3QT8wxuid83yLyOI0584k" /><meta http-equiv="Content-Security-Policy" content="default-src 'self' https:;script-src 'self' https: 'unsafe-inline' 'unsafe-eval';script-src-elem 'self' https: 'unsafe-inline' 'unsafe-eval';img-src 'self' http: data:;" /><link rel="icon" href="/resource/image/icon/favicon.ico" type="image/ico" />
<link href="/resource/css/all.min.css?v=pbgNlzjB80zH9kBySW8aSWg4iVA6wRp372Cd55wOdbA1" rel="stylesheet"/>
</head>
<body>
<div id="ap" class="loading-open">
<header class="d-flex flex-column">
<div class="nav-tools order-0">
<div class="row no-gutters">
<div class="col-5">
<a href="#accesskeyC" tabindex="1" class="sr-only sr-only-focusable" data-v-bind_title="[oLanuagePackage.base.to_content_zone]"> 移到主要內容</a>
<a href="#accesskeyU" id="accesskeyU" data-v-bind_title="[oLanuagePackage.base.to_tools_zone]" tabindex="1" class="accesskey-u" accesskey="U">:::</a>
<a href="/siteMap/" tabindex="1" title="即將轉換頁面至網站地圖頁面"><i class="fas fa-sitemap fa-fw"></i> 網站導覽</a>
</div>
<div class="col-7 text-right">
<span class="nav-other d-md-inline d-none">
<!--<a href="https://recruit.ksu.edu.tw/recruitinfo/119.html#group-news" class="" tabindex="1" target="_blank" rel="noopener" title="前往四技申請入學報到說明 (另開視窗)">四技申請入學</a>|-->
<a href="https://recruit.ksu.edu.tw/" class="" tabindex="1" target="_blank" rel="noopener" title="前往招生暨新生資訊網 (另開視窗)">招生暨新生資訊網</a>|
</span>
<div class="nav-search d-inline">
<a href="/search/" tabindex="1" title="即將轉換頁面至搜尋網站內容頁面"><i class="fas fa-search"></i> 搜尋</a>
<div class="language-place d-inline">
<i class="fas fa-globe"></i>|
<a data-v-bind_href="[oWWWLink.Eng]" tabindex="1" title="Go to English Website"> ENG</a>|
<a data-v-bind_href="[oWWWLink.Cht]" tabindex="1" title="即將轉換頁面至繁體中文網站"> 繁</a>|
<a data-v-bind_href="[oWWWLink.Chs]" tabindex="1" title="即将转换页面至简体中文网站"> 简</a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-light navbar-expand-lg flex-column nav-main-menu order-1">
<div class="ml-auto">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#nav-menu">
<span class="navbar-toggler-icon"></span>
<span class="text-hide">navbar-toggler</span>
</button>
<div id="nav-menu" class="nav-menu collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item d-flex align-items-center" data-v-for="o in oHeaderMenu.oItem">
<a data-v-bind_href="[oWebLink.Cht + o.cUrl]" data-v-bind_title="[oLanuagePackage.base.goto_page + o.cName]" tabindex="1">{{o.cName}}</a>
</li>
</ul>
</div>
</div>
<div>
<a class="navbar-brand" href="/" title="回學校首頁" tabindex="1">
<h1 class="text-hide"><img data-v-bind_src="[`/resource/image/logo/animation/0${Math.floor(Math.random() * 4)+1}.gif?2023`]" src="#" class="ksu-logo" alt="崑山科技大學 LOGO" /></h1>
</a>
</div>
</nav>
<medium-menu-component
id="mediumMenu"
data-v-bind_o-data="oMediumMenu"
data-v-bind_o-lanuage-package="oLanuagePackage">
</medium-menu-component>
<carousel-component
id="carousel"
data-v-bind_data="carouselData"
data-v-bind_o-lanuage-package="oLanuagePackage">
</carousel-component>
</header>
<div class="bulletin">
<div class="container">
<a href="#accesskeyC" id="accesskeyC" data-v-bind_title="[oLanuagePackage.base.to_content_zone]" accesskey="C" class="accesskey-c">:::</a>
<div class="row">
<div class="col-lg-12 col-12">
<div class="section-title">
<h2>{{oLanuagePackage.bulletin.list}}</h2>
</div>
</div>
</div>
<div class="row">
<div class="ksu-bulletin col-12">
<div data-v-for="item in bulletinBoardList" class="media bulletin-item mb-4 mt-2 align-items-stretch">
<div class="item-circle-date d-flex align-self-center mr-4" data-v-bind_class="{'pin':(item.bNotPin == false)}">
<div class="month">{{item.cENStartMonth}}.<br />
{{item.cENStartDay}}</div>
</div>
<div class="media-body align-self-start">
<div class="row post-information no-gutters">
<div class="col-md-8 col-12 post-date my-1">{{oLanuagePackage.bulletin.date}}:{{item.cStart}}</div>
<div class="col-md-4 col-12 post-man my-1">{{oLanuagePackage.bulletin.contact_name}}:{{item.cContactName}}</div>
</div>
<h3 class="my-3 post-subject">
<a data-v-bind_href="['/bulletinBoard/detail/' + item.iAutoIndex ]" data-v-bind_title="oLanuagePackage.bulletin.show_detail">{{item.cSubject}}</a>
</h3>
</div>
</div>
</div>
</div>
<pagination-component
data-v-bind_page-query-string="paginationQueryString"
data-v-bind_total-rows="paginationTotalPages"
data-v-bind_now-page="paginationNowPage"
data-v-on_child-change-page-event="changePage"
data-v-bind_o-lanuage-package="oLanuagePackage"></pagination-component>
</div>
</div>
<footer class="ksu-footer-info">
<a href="#accesskeyB" id="accesskeyB" data-v-bind_title="[oLanuagePackage.base.to_footer_zone]" class="accesskey-b" accesskey="B" tabindex="8">:::</a>
<div class="container">
<div class="row align-items-end">
<div class="col-12 col-lg-auto order-last order-lg-first">
<img src="/resource/image/logo/footer-logo.svg" width="150" class="print-logo d-print-block" alt="KSU Logo" />
</div>
<div class="col-12 col-lg ksu-link-info order-first order-lg-last d-print-none">
<div class="row">
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/about/page/28838" title="前往隱私權說明" tabindex="99">隱私政策</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/about/page/28840" title="前往個人資料保護說明" tabindex="99">個資保護</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/about/page/28839" title="前往資訊安全說明" tabindex="99">資安政策</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//my.ksu.edu.tw/ap/feedback/" target="_blank" rel="noopener" title="前往意見溝通 (另開視窗)" tabindex="99">意見溝通</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/about/page/28827" title="前往交通資訊" tabindex="99">交通資訊</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/about/page/28830" title="前往校內分機" tabindex="99">校內分機</a></div>
<div class="col-4 col-lg col-lg-auto text-center text-lg-left"><a href="//web.ksu.edu.tw/DAIT000/page/42335" title="前往公開資料" tabindex="99">公開資料</a></div>
</div>
</div>
</div>
<div class="row d-print-none">
<div class="col-md-6 col-12 ksu-address">
<div class="row">
<div class="col-12 col-md-auto">
<p>710303 台南市永康區崑大路 195 號 (06)272-7175<br/>
校園安全事件 24 小時緊急聯絡電話(06)205-0354</p>
</div>
<div class="community-link col-12 col-md-auto">
<ul class="list-inline">
<li class="list-inline-item mx-2"><a href="https://www.facebook.com/ksu.edu.tw/" title="Facebook (另開視窗)" target="_blank" tabindex="99"><i class="fab fa-facebook"></i><span class="text-hide">Facebook</span></a></li>
<li class="list-inline-item mx-2"><a href="https://www.instagram.com/my_ksu_ig/" title="Instagram (另開視窗)" target="_blank" tabindex="99"><i class="fab fa-instagram"></i><span class="text-hide">Instagram</span></a></li>
<li class="list-inline-item mx-2"><a href="https://www.youtube.com/channel/UCVVzBCLeGda5iSp5dycAwwA" title="Youtube (另開視窗)" target="_blank" tabindex="99"><i class="fab fa-youtube"></i><span class="text-hide">Youtube</span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 2col-12 text-right ksu-address">
<div class="row">
<div class="col-8 col-md-12 order-first order-md-last">
<p class="text-lg-right"><i class="fas fa-cloud fa-fw"></i> WWW-02 / <i class="fas fa-globe-americas fa-fw"></i> CHT<br/>
copyright © 2018 崑山科技大學</p>
</div>
<div class="col-4 col-md-12 order-last order-md-first">
<a href="https://accessibility.moda.gov.tw/Applications/Detail?category=20240325101328" title="無障礙網站" tabindex="99">
<img src="/resource/image/other/accessibility.png" class="accessibility-img" width="100" height="35" alt="通過A檢測等級無障礙網頁檢測" />
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<modal-component id="allSiteModal">
<span slot="header">{{modal.title}}</span>
<p data-v-html="modal.content"></p>
<div slot="footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{oLanuagePackage.base.close}}</button>
</div>
</modal-component>
</div>
<div class="loading-screen">
<img src="/resource/image/logo/logo.svg?2018" alt="崑山 logo " />
<div>若遲未顯示,請按下F5重載。</div>
<noscript>本網頁必須支援 JavaScript 以正常瀏覽。</noscript>
</div>
<script>
var cLanguage = "cht";
if (!/Edge/.test(navigator.userAgent) && document.documentMode !== undefined) {
var ver = document.documentMode;
if(ver < 11){
window.location.href = '//www.ksu.edu.tw/error/updateYourBrowser.html';
}
}
</script>
<script src="/resource/scripts/all.min.js?v=DWz0souiCEQ5dqBszwNhktn01oaf5Iw-3Db1y8pddyM1"></script>
<script>
if (!/Edge/.test(navigator.userAgent) && document.documentMode !== undefined) {
document.write('<script src="/resource/scripts/polyfill.js"><\/script>');
}
</script>
<script type="text/x-template" id="modal-component">
<div class="modal fade" v-bind:id="id" tabindex="-1" role="dialog" :aria-labelledby="id" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title"><slot name="header"></slot></h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body"><slot></slot></div>
<div class="modal-footer"><slot name="footer"></slot></div>
</div>
</div>
</div>
</script>
<script>
Vue.component("modal-component", {
template: "#modal-component",
props: {
id: {
type: String
}
}
});
</script>
<script type="text/x-template" id="carousel-component">
<div v-bind:id="id" class="carousel slide ksu-carousel order-3 order-md-4" data-ride="carousel">
<div class="carousel-inner">
<div v-for="(item,index) in data" class="carousel-item" :class="{'active':(index === 0)}" v-if="" data-interval="20000">
<template v-if="item.cHref !== '' && item.bShowSubject === false">
<a
:href="item.cHref"
:title="[oLanuagePackage.carousel.goto_url + ':' + item.cHref + oLanuagePackage.base.open_window]"
tabindex="1"
target="_blank">
<picture>
<source media="(max-width: 480px)" v-bind:srcset="item.cSmallImagePath">
<source media="(max-width: 768px)" v-bind:srcset="item.cMediumImagePath">
<img class="d-block img-fluid" loading="lazy" v-bind:src="item.cLargeImagePath" v-bind:alt="[oLanuagePackage.carousel.carousel_images + ':' + item.cSubject]">
</picture>
</a>
</template>
<template v-else-if="item.cHref === '' && item.bShowSubject === false">
<picture>
<source media="(max-width: 480px)" v-bind:srcset="item.cSmallImagePath">
<source media="(max-width: 768px)" v-bind:srcset="item.cMediumImagePath">
<img class="d-block img-fluid" loading="lazy" v-bind:src="item.cLargeImagePath" v-bind:alt="[oLanuagePackage.carousel.carousel_images + ':' + item.cSubject]">
</picture>
</template>
<template v-else-if="item.cHref !== '' && item.bShowSubject === true">
<a
:href="item.cHref"
:title="[oLanuagePackage.carousel.goto_url + ':' + item.cHref + oLanuagePackage.base.open_window]"
tabindex="1"
target="_blank">
<picture>
<source media="(max-width: 480px)" v-bind:srcset="item.cSmallImagePath">
<source media="(max-width: 768px)" v-bind:srcset="item.cMediumImagePath">
<img class="d-block img-fluid" loading="lazy" v-bind:src="item.cLargeImagePath" v-bind:alt="[oLanuagePackage.carousel.carousel_images + ':' + item.cSubject]">
</picture>
</a>
<div class="carousel-caption d-none d-md-block">
<div class="container carousel-centent">
<h2><a :href="item.cHref" :title="[oLanuagePackage.carousel.goto_url + ':' + item.cHref]" tabindex="1">{{item.cSubject}}</a></h2>
</div>
</div>
</template>
<template v-else>
<picture>
<source media="(max-width: 480px)" v-bind:srcset="item.cSmallImagePath">
<source media="(max-width: 768px)" v-bind:srcset="item.cMediumImagePath">
<img class="d-block img-fluid" loading="lazy" v-bind:src="item.cLargeImagePath" v-bind:alt="[oLanuagePackage.carousel.carousel_images + ':' + item.cSubject]">
</picture>
<div class="carousel-caption d-none d-md-block">
<div class="container carousel-centent">
<h2>{{item.cSubject}}</h2>
</div>
</div>
</template>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev" :title="oLanuagePackage.carousel.prev" v-if="data.length > 1" tabindex="1">
<i class="fas fa-chevron-circle-left carousel-control-icon" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next" :title="oLanuagePackage.carousel.next" v-if="data.length > 1" tabindex="1">
<i class="fas fa-chevron-circle-right carousel-control-icon" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
<ol class="carousel-indicators">
<li v-for="(item,index) in data" data-target="#carousel" :data-slide-to="index" :class="[{'active':(index === 0)},'flex-fill']"></li>
</ol>
</div>
</script>
<script>
Vue.use(VueLazyload, {
loading: '/resource/image/carousel/carousel-lazyload.png',
})
Vue.component("carousel-component", {
template: "#carousel-component",
props: {
id: {
type: String
},
data: {
type: Array,
},
oLanuagePackage: {
type: Object
}
}
});
</script>
<script id="medium-menu-component" type="text/x-template">
<div :id="id" class="ksu-submenu order-4 order-md-3">
<div class="container">
<div id="accordion" class="submenu d-md-flex flex-md-row" role="tablist">
<div v-if="getLanuage() === 'cht'" class="submenu-item d-md-flex justify-content-md-around">
<div class="submenu-header" role="tab" >
<a class="collapsed" data-toggle="collapse" href="https://web.ksu.edu.tw/NAEOYCC/bulletin/" @click="gotoUrl('https://web.ksu.edu.tw/NAEOYCC/bulletin/')" aria-expanded="false" tabindex="1">永康社區大學</a>
</div>
</div>
<div class="submenu-item d-md-flex justify-content-md-around" v-for="(oGroup, i) in oData" v-if="oGroup.bIsDefault !== true">
<div class="submenu-header" role="tab" :id="['heading' + i]">
<a class="collapsed" data-toggle="collapse" :href="['#collapseMenu' + i]" aria-expanded="false" :aria-controls="['collapseMenu' + i]" tabindex="1" @focus="showTab($event)">{{oGroup.cName}}</a>
</div>
<div :id="['collapseMenu' + i]" class="submenu-content collapse" role="tabpanel" :aria-labelledby="['heading' + i]" data-parent="#accordion">
<div class="container">
<ul>
<li v-for="oItem in oGroup.oItem" @focus="showTab($event)" v-html="linkType(oItem)"></li>
</ul>
</div>
</div>
</div>
<div v-if="getLanuage() === 'cht'" class="submenu-item d-md-flex justify-content-md-around">
<div class="submenu-header" role="tab" >
<a class="collapsed" data-toggle="collapse" href="https://web.ksu.edu.tw/related/page/39529" @click="gotoUrl('https://web.ksu.edu.tw/related/page/39529')" target="_blank" aria-expanded="false" tabindex="1">法定公開資訊</a>
</div>
</div>
</div>
</div>
</div>
</script>
<script>
Vue.component("medium-menu-component", {
template: "#medium-menu-component",
props: {
id: {
type: String
},
oData: {
type: Array
},
oLanuagePackage: {
type: Object
}
},
methods: {
linkType: function (oItem) {
var self = this;
var cUrl = "";
var cExtension = oItem.cUrl.substring(oItem.cUrl.length - 4, oItem.cUrl.length);
var cExtensionTitle = "";
if (cExtension === ".pdf" || cExtension === ".zip") {
cExtensionTitle = cExtension
}
if (oItem.cUrl.substring(0, 1) == "/") {
cUrl = "<a href='" + oItem.cUrl + "' title='" + self.oLanuagePackage.base.goto_page + oItem.cName + cExtensionTitle + "' tabindex='1'>" + oItem.cName + "</a>";
} else {
cUrl = "<a href='" + oItem.cUrl + "' title='" + self.oLanuagePackage.base.goto_page + oItem.cName + cExtensionTitle + " " + self.oLanuagePackage.base.open_window + "' tabindex='1' target='_blank' rel='noopener'>" + oItem.cName + "</a>";
}
return cUrl;
},
showTab: function (event) {
$(event.target.attributes.href.textContent).collapse("show");
},
getLanuage: function () {
return cLanguage;
},
gotoUrl: function (cUrl) {
location.href = cUrl;
}
}
});
</script>
<script id="pagination-component" type="text/x-template">
<div class="pagination-toolbar row">
<div class="col-6 col-lg-8">
<nav aria-label="navigation">
<ul class="pagination justify-content-start">
<li class="page-item" :class="{'disabled':(nowPage === 1)}">
<a class="page-link" aria-label="Frist"
:href="cURL(1)"
@click="changePage(1,$event)"
:title="oLanuagePackage.pagination.frist">
<i aria-hidden="true" class="fa fa-angle-double-left"></i>
<span class="sr-only">Frist</span>
</a>
</li>
<li class="page-item" :class="{'disabled':(nowPage === 1)}">
<a class="page-link" aria-label="Previous"
:href="cURL(nowPage - 1)"
@click="changePage(nowPage - 1,$event)"
:title="oLanuagePackage.pagination.prev">
<i aria-hidden="true" class="fa fa-angle-left"></i>
<span class="sr-only">Previous</span>
</a>
</li>
<li v-for="page in pagesItem" class="page-item page-number" :class="{'active': (nowPage == (page))}">
<a class="page-link"
@click="changePage(page,$event)"
:href="cURL(page)"
:title="[oLanuagePackage.pagination.goto_page + ':' + page ]">{{page}}</a>
</li>
<li class="page-item" :class="{'disabled':(nowPage === totalPages || totalRows === 0)}">
<a class="page-link" aria-label="Next"
:href="cURL(nowPage + 1)"
@click="changePage(nowPage + 1,$event)"
:title="oLanuagePackage.pagination.next">
<i aria-hidden="true" class="fa fa-angle-right"></i>
<span class="sr-only">Next</span>
</a>
</li>
<li class="page-item" :class="{'disabled':(nowPage === totalPages || totalRows === 0)}">
<a class="page-link" aria-label="Last"
:href="cURL(totalPages)"
@click="changePage(totalPages,$event)"
:title="oLanuagePackage.pagination.last">
<i aria-hidden="true" class="fa fa-angle-double-right"></i>
<span class="sr-only">Last</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="col-6 col-lg-2 text-right">
<label class="col-form-label">{{oLanuagePackage.pagination.total_rows}}:{{totalRows}}</label>
</div>
<div class="col-2 col-lg-2 d-none d-lg-block">
<select class="form-control" @change="selectChangePage($event)">
<option selected>{{oLanuagePackage.pagination.goto_page}}</option>
<option v-for="page in totalPages" v-bind:value="page" >{{page}}</option>
</select>
</div>
</div>
</script>
<script>
Vue.component("pagination-component", {
template: "#pagination-component",
props: {
pageStep: {
type: Number,
default: 3
},
perPageRows: {
type: Number,
default: 10
},
nowPage: {
type: Number,
default: 1
},
totalRows: {
type: Number
},
pageQueryString: {
type: String,
default: "page"
},
oLanuagePackage: {
type: Object
}
},
data: function () {
return {
totalPages: 0,
pagesItem: [],
}
},
watch: {
//分頁清單監視總筆數更動,則重新計算總頁數
totalRows: function (val) {
this.totalPages = parseInt(Math.ceil(val / this.perPageRows));
this.pageItemInit(this.nowPage);
},
nowPage: function (val) {
this.pageItemInit(val);
},
},
mounted: function () {
this.pageItemInit(this.nowPage);
},
methods: {
cURL: function (page) {
var url = "";
if (location.pathname.match(/\d+/) == null) {
url = location.pathname + page
} else {
url = location.pathname.replace(/\d+/, page);
}
return url;
},
//切換頁面的方法
changePage: function (page, event) {
event.preventDefault();
//若要切換的頁面是現在的頁面則不做任何事
if (this.nowPage == page) {
return;
}
//若要切換的頁面比總頁數多 或 比第一頁少則不做任何事
if (page < 1 || page > this.totalPages) {
return;
}
//使用網址方式轉切頁
if (history.pushState) {
this.setFakeUrl(page)
}
this.$emit('child-change-page-event', page);
},
selectChangePage: function (event) {
var page = parseInt(event.target.selectedOptions[0].value)
if (!isNaN(page) && page != this.nowPage) {
this.changePage(page, event);
}
},
setFakeUrl: function (page) {
var url = "";
if (location.pathname.match(/\d+/) == null) {
url = location.pathname + page
} else {
url = location.pathname.replace(/\d+/, page);
}
var state = { site: "ksu", page: page };
history.pushState(state, null, url);
},
//將可選擇的頁碼清單塞入陣列中供前端迴圈產出 HTML
pageItemAdd: function (iStart, iEnd) {
this.pagesItem = [];
for (var i = iStart; i < iEnd; i++) {
this.pagesItem.push(i);
}
},
//演算出可選擇的頁碼清單避免頁碼過長問題
pageItemInit: function (nowPage) {
if (this.totalPages < this.pageStep * 2 + 4) {
this.pageItemAdd(1, this.totalPages + 1);
}
else if (nowPage < this.pageStep * 2 + 1) {
this.pageItemAdd(1, this.pageStep * 2 + 2);
}
else if (nowPage > this.totalPages - this.pageStep * 2) {
this.pageItemAdd(this.totalPages - (this.pageStep * 2), this.totalPages + 1);
}
else {
this.pageItemAdd(nowPage - this.pageStep, nowPage + this.pageStep + 1);
}
},
}
});
</script>
<script>var vm=new Vue({el:"#ap",mixins:[init],data:{bulletinBoardList:[],paginationTotalPages:0,paginationNowPage:1,paginationQueryString:"page"},mounted:function(){var n=this;n.$nextTick(function(){location.pathname.match(/\d+/)!==null?this.allPromise(parseInt(location.pathname.match(/\d+/)[0])).then(function(){n.closeLoading()}):n.allPromise(1).then(function(){n.closeLoading()})})},methods:{changePage:function(n){var t=this;t.getBulletinBoardData(n)},getBulletinBoardData:function(n){var t=this,i=new FormData,r=1;return n!==undefined&&(r=n),i.append("bIsIndexBulletinBoard",!1),i.append("cLanguage",cLanguage),i.append("iPerPageRows",10),i.append("iNowPage",r),fetch("/data/ap/w3BulletinBoard/webServices/ajaxBulletinBoardList.ashx",{method:"POST",body:i}).catch(function(n){t.setError({cTitle:t.oLanuagePackage.error.ajax_bulletin,cMessage:n})}).then(function(n){return n.json()}).then(function(n){n.bIsError?t.setError({cTitle:t.oLanuagePackage.error.ajax_bulletin,cMessage:n.cMessage}):(t.bulletinBoardList=n.oDataTable,t.paginationTotalPages=n.iRows,t.paginationNowPage=r)})},allPromise:function(n){var t=this;return t.aryFetch.push(t.getBulletinBoardData(n)),Promise.all(t.aryFetch)}}});</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H6LS320PXT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-H6LS320PXT');
</script>
</body>
</html>