const ArticleListVerify = {template: `
<div>
<section class="diy-table-list">
<div class="diy-table-item diy-table-item-header">
<ul class="list-unstyled row">
<li class="col-md-2">
<span>分類</span>
</li>
<li class="col-md-3"><span>標題</span></li>
<li class="col-md-3"><span>時間</span></li>
<li class="col-md-2"><span>狀態</span></li>
<li class="col-md-2"><span>操作</span></li>
</ul>
</div>
<div v-if='itemList.length' class="diy-table-body">
<div class="diy-table-item" v-for='item in itemList' >
<ul class="list-unstyled row">
<li class="col-md-2 over-h-e"> <span v-if='item.categoryInfo'><a :href="item.categoryInfo.url" target="_blank">{{item.categoryInfo.title}}</a></span><span v-else>無分類</span></li>
<li class="col-md-3 over-h-e"><span><a :href="item.url" target="_blank">{{item.title}}</a></span></li>
<li class="col-md-3 over-h-e"><span>{{item.create_time | time}}</span></li>
<li class="col-md-2"><span v-if='item.status == 0'>未審核</span><span v-if='item.status == 2'>不通過</span></li>
<li class="col-md-2">
<span>
<a @click="itemDel(item)" v-if='siteGlobal.userArticleAuthList && siteGlobal["userArticleAuthList"][item.cid]["articlePublishDel"]'>刪除</a>
<router-link class="ml-1" :to='"/article/articlePublish/?uuid=" + item.uuid + "&type=verify"' v-if='siteGlobal.userArticleAuthList && siteGlobal["userArticleAuthList"][item.cid]["articlePublishEdit"]'>編輯</router-link>
</span>
</li>

</ul>
</div>
</div>
<div class="no-block" v-else>
<Icon type="ios-filing-outline"></Icon>
<p>暫無數據</p>
</div>
</section>
<!--內容列表結束-->
<!--分頁-->
<div class="text-right clearfix mt-3">
<div class="diy-table-item float-left" style="margin-left: 10px;">
<Checkbox v-model="itemListSelectStatus":disabled='!itemList.length' @on-change='itemListSelectChange'>全選</Checkbox>
</div>
<Page :total="pagination.total"@on-page-size-change='itemPaginationSelect' :page-size-opts='[10,100,500,1000,5000]' show-total show-sizer placement='top' @on-change='itemPaginationClick'></Page>
</div>
</div>
`,

props: {
verifyStatus: String,
},
data () {
return {
itemListSelectStatus: false,
itemList: [],
searchData: '',
verifyModal: false,
status: 0,
pagination: {
currentPage: 1,
limit: 10,
total: 0,
},
siteGlobal:{},
}
},
watch: {
verifyStatus() {
this.getItemList();
},
},
mounted() {
this.siteGlobal = window.siteGlobal;
this.getItemList();
},
methods: {
getItemList() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleVerify/itemList', {
page: this.pagination.currentPage,
limit: this.pagination.limit,
}).then(res => {
this.itemList = [];
if(res.code == 1) {
var itemList = res.data.itemList;
if (itemList) {
for (var i = 0; i < itemList.length; i++) {
itemList[i].itemListSelectStatus = false; 
}
this.itemList = itemList;
}
this.pagination.total = res.data.total;
}
});
},
itemDel(val) {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定刪除么？刪除后不可恢復</p>',
onOk: () => {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleVerify/itemDel', {
uuid: val.uuid,
}).then(res => {
if(res.code == 1) {
this.$Message.success('操作成功');
this.getItemList();
}
});
},
onCancel: () => {
}
});
},
itemListSelectChange() {
var itemList = this.itemList;
for (var i = 0; i < itemList.length; i++) {
if (this.itemListSelectStatus) {
itemList[i].itemListSelectStatus = true;
} else {
itemList[i].itemListSelectStatus = false;
}
}
this.itemList = itemList;
},
itemPaginationSelect(val) {
this.pagination.limit = val;
this.getItemList();
},
itemPaginationClick(val) {
this.pagination.currentPage = val;
this.getItemList();
},
//搜索
itemSearchClick: function() {
this.getItemList();
},
}
}
Vue.component('article-list-verify',ArticleListVerify);Vue.component('ArticleListVerify',ArticleListVerify);const ArticleList = {template: `
<div>
<section class="admin-container-body">
<section class="panel-box">
<section class="panel-box-body" v-cloak>
<tabs v-model="currentTab" :animated='false' @on-click='tapChange'>
<tab-pane label="我的文章" name="list">
<section class="diy-table-list">
<div class="diy-table-item diy-table-item-header">
<ul class="list-unstyled row">
<li class="col-md-2">
<span>分類</span>
</li>
<li class="col-md-3"><span>標題</span></li>
<li class="col-md-3"><span>時間</span></li>
<li class="col-md-2"><span>瀏覽</span></li>
<li class="col-md-2"><span>操作</span></li>
</ul>
</div>
<div v-if='itemList.length' class="diy-table-body">
<div class="diy-table-item" v-for='item in itemList' >
<ul class="list-unstyled row">
<li class="col-md-2 over-h-e"> <span v-if='item.categoryInfo'><a :href="item.categoryInfo.url" target="_blank">{{item.categoryInfo.title}}</a></span><span v-else>無分類</span></li>
<li class="col-md-3 over-h-e"><span><a :href="item.url" target="_blank">{{item.title}}</a></span></li>
<li class="col-md-3 over-h-e"><span>{{item.publish_time | time}}</span></li>
<li class="col-md-2"><span>{{item.views}}</span></li>
<li class="col-md-2">
<span>
<a @click="itemDel(item)" v-if='siteGlobal.userArticleAuthList && siteGlobal["userArticleAuthList"][item.cid]["articlePublishDel"]'>刪除</a>
					<router-link class="ml-1" :to='"/article/articlePublish/?uuid=" + item.uuid' v-if='siteGlobal.userArticleAuthList && siteGlobal["userArticleAuthList"][item.cid]["articlePublishEdit"]'>編輯</router-link>
</span>
</li>

</ul>
</div>
</div>
<div class="no-block" v-else>
<Icon type="ios-filing-outline"></Icon>
<p>暫無數據</p>
</div>
</section>
<!--內容列表結束-->
<!--分頁-->
<div class="text-right clearfix mt-3">
<div class="diy-table-item float-left" style="margin-left: 10px;">
<Checkbox v-model="itemListSelectStatus":disabled='!itemList.length' @on-change='itemListSelectChange'>全選</Checkbox>
</div>
<Page :total="pagination.total"@on-page-size-change='itemPaginationSelect' :page-size-opts='[10,100,500,1000,5000]' show-total show-sizer placement='top' @on-change='itemPaginationClick'></Page>
</div>
<Spin fix v-if="loading">
<svg viewBox="25 25 50 50" class="loding-circular">
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
</svg>
<p class="text-center">數據加載中...</p>
</Spin>
</tab-pane>
<tab-pane label="待審核" name="verify">
<article-list-verify :verifyStatus='verifyStatus'></article-list-verify>
</tab-pane>
</tabs>
<div style="position: absolute;right: 15px;top: 15px;">
			<router-link class="ml-1 ssy-btn ssy-btn-sm ssy-btn-primary" :to='"/article/articlePublish/"' v-if='siteGlobal.userArticleAuthList && siteGlobal["userArticleAuthList"][0]["articlePublish"]'>發布文章</router-link>
</div>
</section>
</section>
</section>
</div>
`,

data () {
return {
loading: false,
itemListSelectStatus: false,
itemList: [],
searchData: '',
verifyStatus: '',
currentTab: 'list',
pagination: {
currentPage: 1,
limit: 10,
total: 0,
},
siteGlobal:{},
}
},
watch: {

},
mounted() {
this.siteGlobal = window.siteGlobal;
var currentTab = utils.getUrlParam('tab');
if (currentTab) {
this.currentTab = currentTab;
}
this.getItemList();
},
methods: {
tapChange(val) {
if (val == 'list') {
this.getItemList();
var state = {title:'',url:'/account/article/articleList'};
history.pushState(state,'','/account/article/articleList');
}
if (val == 'verify') {
this.verifyStatus = Math.random();
var state = {title:'',url:'/account/article/articleList'};
history.pushState(state,'','/account/article/articleList?tab=verify');
}

},
getItemList() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/itemList', {
page: this.pagination.currentPage,
limit: this.pagination.limit,
}).then(res => {
this.itemList = [];
if(res.code == 1) {
var itemList = res.data.itemList;
if (itemList) {
for (var i = 0; i < itemList.length; i++) {
itemList[i].itemListSelectStatus = false; 
}
this.itemList = itemList;
}
this.pagination.total = res.data.total;
}
});
},

itemDel(val) {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定刪除么？刪除后不可恢復</p>',
onOk: () => {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/itemDel', {
uuid: val.uuid,
}).then(res => {
if(res.code == 1) {
this.$Message.success('操作成功');
this.getItemList();
}
});
},
onCancel: () => {
}
});
},
itemListSelectChange() {
var itemList = this.itemList;
for (var i = 0; i < itemList.length; i++) {
if (this.itemListSelectStatus) {
itemList[i].itemListSelectStatus = true;
} else {
itemList[i].itemListSelectStatus = false;
}
}
this.itemList = itemList;
},
itemPaginationSelect(val) {
this.pagination.limit = val;
this.getItemList();
},
itemPaginationClick(val) {
this.pagination.currentPage = val;
this.getItemList();
},
//搜索
itemSearchClick: function() {
this.getItemList();
},
}
}
Vue.component('articleList',ArticleList);Vue.component('ArticleList',ArticleList);const ArticlePublish = {template: `
<div>

<header class="admin-container-header clearfix">
<div class="header-group">
<h4 class="title">
<Button type="text" size='small' style="position: relative;top: -1px;" @click='articlePublishBack'><Icon type="ios-arrow-back" size='20' /></Button>
<span class="text">文章</span>
</h4>
<h5 class="sub-title">{{itemId? "編輯文章" : "發布文章"}}</h5>
</div>
<div class="float-right">
<button type="button" class="float-right ivu-btn ivu-btn-primary ivu-btn-circle" @click='publishPost'>
<span><Icon type="md-checkmark" /> 提交保存</span>
</button>
</div>
</header>
<main class="admin-container-body">
<section class="panel-box">
<section class="panel-box-body">
<i-form :label-width="80">
<div class="form-group row">
<label for="title" class="col-sm-1 col-form-label">標題</label>
<div class="col-sm-11">
<i-Input type="text" id='title' style='width: 400px;' v-model='title' placeholder="請輸入標題..."></i-Input>
</div>
</div>

<div class="form-group row">
<label for="title" class="col-sm-1 col-form-label">欄目</label>
<div class="col-sm-11">
<Cascader :data="categoryList" transfer v-model="cidArray" :clearable="false" style="width: 400px;"></Cascader>
</div>
</div>
<div class="form-group row" v-if='!editType'>
<label for="tagName" class="col-sm-1 col-form-label">標簽</label>
<div class="col-sm-11">
<div class="mb-2">
<i-Input v-model='tagName' style="width: 400px;"placeholder="請選擇,或直接輸入回車即可"@on-blur='timeShowList' @on-focus='tagsSearch' @on-change='tagsSearch' @on-click="tagsClick($event)" @on-keyup="enterTags($event)">
<i-Button slot="append" class="tags-btn" @click='btnTags'><Icon type="md-checkmark" /></i-Button>
</i-Input>
<div class="ivu-select-dropdown ivu-auto-complete" v-show='isShowTagsList' style="width: 400px;">
<ul class="ivu-select-dropdown-list">
<li class="ivu-select-item" v-for="item in tagsList" :value="item" :key="item" @click='tagsClick(item)'>{{item}}</li>
</ul>
</div>
</div>
<Tag class='m-t-xs' closable v-for="item in selectedTagsList" :key="item" :name='item' @on-close="selectedTagsListClose">{{item}}</Tag>
</div>
</div>

<div class="form-group row" v-if="editType == 'verify'">
<label for="title" class="col-sm-1 col-form-label">標簽</label>
<div class="col-sm-11">
<i-Input type="text" id='tags' style='width: 400px;' v-model='tags' placeholder=""></i-Input>
</div>
</div>


<div class="form-group row" v-cloak>
<label for="article_editor" class="col-1 col-form-label">內容</label>
<div class="col-11 publish-edit">
<textarea id="article_editor" class="simditor" style="height: 400px;width: 100%;" placeholder="請輸入問題描述..."></textarea>
</div>
</div>
</i-form>

<div class="text-center">
<button type="button" class="ivu-btn ivu-btn-primary ivu-btn-circle" @click='publishPost'>
<span><Icon type="md-checkmark" /> 提交保存</span>
</button>
</div>
</section>
</section>
</main>
</div>
`,

data () {
return {
itemId: '',
title: '',
content: '',
tags: '',
cid: '',
cidArray: [],
categoryList: [],
toolbar: ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color', '|', 'ol', 'ul', 'blockquote', 'code','|', 'link', 'image', 'hr', '|', 'indent', 'outdent', 'alignment'],
uploadUrl: '',

editType: '',
tagsList: [],
tagsListDefault: [],
tagName: '',
selectedTagsList: [], //已選中的標簽列表
isShowTagsList: false, //標簽下拉狀態
}
},
watch: {
},
mounted() {
var uuid = utils.getUrlParam('uuid');
if (uuid) {
this.itemId = uuid;
} 
var editType = utils.getUrlParam('type');
if (editType) {
this.editType = editType;
}
this.createEditor();
},
methods: {

//創建編輯器
createEditor() {
var _this = this;
this.uploadUrl = siteGlobal.domain + '/user/ApiUserUpload/defaultImgUpload';
document.getElementById('article_editor').innerHTML = '';
this.editor = new Simditor({
textarea: document.getElementById('article_editor'),
toolbar: _this.toolbar,
defaultImage: '/public/assets/plugin/simditor/images/image.png',
upload: {
url: this.uploadUrl,
params: {
type: 'article',
},
fileKey: 'fileDataFileName',
connectionCount: 3,
leaveConfirm: '正在上傳文件'
},
pasteImage: true,
});
this.getCategoryList();
},
getItemInfo() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/' + 'itemInfo', {
uuid: this.itemId,
editType: this.editType,
}).then(res => {
if (res.code == 1) {
var itemInfo = res.data.itemInfo;
this.title = itemInfo.title;
this.cid = itemInfo.cid;
if (this.cid) {
var tempCidArray = [];
for (var i = 0; i < this.categoryList.length; i++) {
if (this.cid == this.categoryList[i].id) {
tempCidArray.push(this.categoryList[i].id);
} else {
if (this.categoryList[i].children && this.categoryList[i].children.length) {
for (var g = 0; g < this.categoryList[i].children.length; g++) {
if (this.cid == this.categoryList[i].children[g].id) {
tempCidArray.push(this.categoryList[i].id);
tempCidArray.push(this.categoryList[i].children[g].id);
}
}
}
}
}
}
this.cidArray = tempCidArray;
if (this.editType == 'verify') {
this.tags = itemInfo.tags;
}
this.getItemTags(itemInfo['uuid']);
this.editor.setValue(itemInfo.content);
}
});
},

//開始發布
publishPost: function(param) {
var content = this.editor.getValue();
if(this.itemId) {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/' + 'itemEdit', {
uuid: this.itemId,
title: this.title,
content: content,
cid: this.cidArray[this.cidArray.length - 1],
tags: this.selectedTagsList.join(','),
verifyTags: this.tags,
editType: this.editType,
}).then(res => {
if(res.code == 1) {
this.editor.setValue('');
this.$Message.success(res.msg);
if (res.data == 'verify') {
this.$router.push({
path: '/article/articleList?tab=verify', params: { mod:'article'}
});
} else {
this.$router.push({
name: 'articleList', params: { mod:'article'}
});
}
}
});
} else {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/' + 'itemAdd', {
title: this.title,
content: content,
cid: this.cidArray[this.cidArray.length - 1],
tags: this.selectedTagsList.join(','),
}).then(res => {
if(res.code == 1) {
this.editor.setValue('');
this.$Message.success(res.msg);
if (res.data == 'verify') {
this.$router.push({
path: '/article/articleList?tab=verify', params: { mod:'article'}
});
} else {
this.$router.push({
name: 'articleList', params: { mod:'article'}
});
}
}
});
}

},
getCategoryList: function() {
var _this = this;
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleCategory/' + 'categoryList', {

}).then(res => {
if(res.code == 1) {
var categoryList = res.data.categoryList;
this.categoryList = categoryList;
if (this.itemId) {
this.getItemInfo();
} else {
this.cidArray = [];
}
}
});
},
getItemTags: function(itemId) {
this.$ssy.ajax('/tag/ApiUserTagsRel/itemList', {
'itemType': 'article',
'itemId': itemId,
}).then(res => {
if(res.code == 1) {
var tagsList = res.data.itemList;
if (tagsList) {
if(tagsList.length > 0) {
for(var i = 0; i < tagsList.length; i++) {
tagsList[i].title = tagsList[i].tags.title;
this.selectedTagsList.push(tagsList[i].title);
}
}
}
}
});
},


getTags() {
this.$ssy.ajax('/tag/ApiUserTag/itemList', {
limit: 10,
orderBy: 'relevance_num',
keywords: this.tagName,
}).then(res => {
if(res.code == 1) {
var tagsList = res.data.itemList;
this.isShowTagsList = true;
this.tagsList = [];
if (tagsList.length) {
for (var i = 0; i < tagsList.length; i++) {
this.tagsList.push(tagsList[i].title);
}
} else {
this.isShowTagsList = false;
}
}
});
},
tagsSearch() {
this.getTags();
},
btnTags: function() {
if (this.tagName) {
//支持,號空格分割
var tempSubTagName = this.tagName.split(',');
if (tempSubTagName) {
for (var j = 0; j < tempSubTagName.length; j++) {
if (tempSubTagName[j]) {
if (this.selectedTagsList.indexOf(tempSubTagName[j]) == -1) {
this.selectedTagsList.push(tempSubTagName[j]);
}
}
}

}
this.tagName = '';
this.isShowTagsList = false;
}
},
enterTags: function(ev) {
if(ev.keyCode == 13) {
this.btnTags();
}
},
timeShowList() {
var _this = this;
setTimeout(function() {
_this.isShowTagsList = false;
},200)
},
tagsClick(val) {
if (this.selectedTagsList.indexOf(val) == -1) {
this.selectedTagsList.push(val);
}
this.tagName = '';
this.isShowTagsList = false;
},
selectedTagsListClose(event, name) {
const index = this.selectedTagsList.indexOf(name);
this.selectedTagsList.splice(index, 1);
},

articlePublishBack() {
this.$router.push({
name: 'articleList', params: { mod:'article'}
});
},
}
}
Vue.component('articlePublish',ArticlePublish);Vue.component('ArticlePublish',ArticlePublish);const Msg = {template: `
<div>
<main class="admin-container-body">
<section class="panel-box" style="min-height: 100%;margin-bottom: -15px;">
<section class="panel-box-heading">
<h3 class="title">我的消息</h3>
</section>
<section class="panel-box-body">
<table class="ssy-table" v-cloak v-if='!loading'>
<thead>
<tr>
<th>時間</th>
<th>內容</th>
<th>狀態</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-if='itemList.length' class="table-tr" v-for='item in itemList'>
<td>{{item.add_time | time}}</td>
<td>{{item.title}}</td>
<td>{{item.status ? '已讀' : '未讀'}}</td>
<td><a :href="item.url">查看</a></td>
</tr>
<tr v-if='!itemList.length'>
<td colspan="100">
<div class="no-block">
<Icon type="ios-filing-outline"></Icon>
<p>暫無數據</p>
</div>
</td>
</tr>
</tbody>
</table>
</section>
</section>
</main>

</div>
`,

data () {
return {
loading: false,
itemList: [],
itemListSelectStatus: false,

pagination: {
currentPage: 1,
limit: 10,
total: 0,
},
}
},
watch: {

},
mounted() {
this.getItemList();
},
methods: {
getItemList() {
this.loading = true;
this.$ssy.ajax(siteGlobal.domain + '/account/ApiUserBaseMsg/itemList', {
page: this.pagination.currentPage,
limit: this.pagination.limit,
}).then(res => {
this.itemList = [];
if(res.code == 1) {
var itemList = res.data.itemList;
if (itemList) {
for (var i = 0; i < itemList.length; i++) {
itemList[i].itemListSelectStatus = false; 
}
this.itemList = itemList;
}
this.pagination.total = res.data.total;
}
this.loading = false;
});
},
itemListSelectChange() {

},
}
}
Vue.component('msg',Msg);Vue.component('Msg',Msg);const Order = {template: `
<div>
<main class="admin-container-body">
<section class="panel-box" style="min-height: 100%;margin-bottom: -15px;">
<section class="panel-box-heading">
<h3 class="title">我的訂單</h3>
</section>
<section class="panel-box-body">
<table class="table diy-table-list ssy-table" style="min-height: auto;">
<thead class="diy-table-item diy-table-item-header">
<tr><th style="width: 205px;">訂單號</th><th class="title">名稱</th><th>時間</th><th>金額</th><th>狀態</th><th>操作</th></tr>
</thead>
<tbody class="diy-table-body v-cloak" v-if='itemList.length'>
<tr class="diy-table-item" v-for='item in itemList'>
<td>{{item.id}}</td>
<td class="title"><a :href="item.modInfo.url" target="_blank">{{item.modInfo.title}}</a></td>
<td class="time over-h-e">{{item.add_time | time}}</td>
<td>￥ {{item.money}}</td>
<td>{{item.is_close ? '已關閉' : item.pay_status == 0 ? '未付款' : '成功'}}</td>
<td>
<div v-if='item.is_close == 1'>已關閉</div>
<div v-else>
<a v-if='item.pay_status == 0' style="color: #999;" @click='close(item)'>取消</a>
<a v-if='item.pay_status == 0' class="ml-3" style="color: #b57c5b;" @click='payOrder(item)'>去付款</a>
</div>
</td>
</tr>
</tbody>
<tbody v-else>
<tr>
<td colspan="6">
<div class="text-center">
<p>暫無數據!</p>
</div>
</td>
</tr>
</tbody>
</table>
<div class="text-right clearfix mt-3">
<Page :total="pagination.total"@on-page-size-change='itemPaginationSelect' :page-size-opts='[10,100,500,1000,5000]' show-total show-sizer placement='top' @on-change='itemPaginationClick'></Page>
</div>
<Spin fix v-if="loading">
<svg viewBox="25 25 50 50" class="loding-circular">
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
</svg>
<p class="text-center">數據加載中...</p>
</Spin>
</section>
</section>
</main>

</div>
`,

data () {
return {
loading: false,
itemList: [],

pagination: {
currentPage: 1,
limit: 10,
total: this.total,
},
}
},
watch: {

},
mounted() {
this.getItemList();
},
methods: {
payOrder(item) {
window.location.href = siteGlobal.domain + '/payment/payPage/payOrder/?orderId=' +item.order_id;
},
close(val) {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定關閉么？</p>',
onOk: () => {
this.$ssy.ajax(siteGlobal.domain + '/payment/ApiUserOrder/itemClose', {
id: val.id,
}).then(res => {
if(res.code == 1) {
this.$Message.success('操作成功');
this.getItemList();
}
});
},
onCancel: () => {
}
});
},
getItemList() {
this.loading = true;
this.$ssy.ajax(siteGlobal.domain + '/payment/ApiUserOrder/itemList', {
page: this.pagination.currentPage,
limit: this.pagination.limit,
}).then(res => {
this.itemList = [];
if(res.code == 1) {
var itemList = res.data.itemList;
if (itemList) {
for (var i = 0; i < itemList.length; i++) {
itemList[i].itemListSelectStatus = false; 
}
this.itemList = itemList;
}
this.pagination.total = res.data.total;
}
this.loading = false;
});
},


itemListSelectChange() {
var itemList = this.itemList;
for (var i = 0; i < itemList.length; i++) {
if (this.itemListSelectStatus) {
itemList[i].itemListSelectStatus = true;
} else {
itemList[i].itemListSelectStatus = false;
}
}
this.itemList = itemList;
},
itemPaginationSelect(val) {
this.pagination.limit = val;
this.getItemList();
},
itemPaginationClick(val) {
this.pagination.currentPage = val;
this.getItemList();
},

}
}
Vue.component('order',Order);Vue.component('Order',Order);const Settings = {template: `
<div>
<main class="admin-container-body">
<section class="panel-box" style="min-height: 100%;margin-bottom: -15px;">
<section class="panel-box-heading">
<h3 class="title">個人設置</h3>
</section>
<section class="panel-box-body">
<form class="setting">
<div class="form-group row">
<label for="nickname" class="col-sm-2 col-form-label">頭像</label>
<div class="col-sm-10">
<div class="setting-avatar">
<img v-if='imageUrl' :src="imageUrl" class="avatar-img">
<span class="avatar-text">本地上傳</span>
<input type="file" class="avatar-input" name="avatar" ref="avatarInput" @change="changeImage($event)" accept="image/gif,image/jpeg,image/jpg,image/png">
</div>
<div class="mt-2 recommend-avatar">
<Button type="long" @click="recommendClick">推薦頭像</Button>
</div>
</div>
</div>
<div class="form-group row">
<label for="nickname" class="col-sm-2 col-form-label">用戶名</label>
<div class="col-sm-10">
<input type="text" class="form-control" :value="userInfo.username" disabled="" style="width: 500px;">
</div>
</div>
<div class="form-group row">
<label for="nickname" class="col-sm-2 col-form-label">昵稱</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="nickname" v-model="userInfo.nickname" style="width: 500px;">
</div>
</div>
<div class="form-group row">
<label for="signature" class="col-sm-2 col-form-label">簽名</label>
<div class="col-sm-10">
<textarea type="text" class="form-control" id="signature" v-model="userInfo.signature" style="width: 500px;"></textarea>
</div>
</div>
<div class="form-group row">
<label for="signature" class="col-sm-2 col-form-label"></label>
<div class="col-sm-10">
<a class="btn btn-primary" style="color: #fff;" @click="settingUserInfoSave">立即保存</a>
</div>
</div>
</form>
</section>
</section>
</main>

<Modal title='推薦頭像' v-model="avatarModalStatus" width='620px'>
<i-form :label-width="80">
<ul class="avatar-demo-list">
<li class="avatar-demo-item" v-for="item in avatarList" @click="avatarClick(item)" :class="{'active':item.active}">
<img style="width: 50px;" :src="item.url"/>
</li>
</ul>
</i-form>
<div slot="footer" class="dialog-footer">
<i-button @click="avatarModalStatus = false">取 消</i-button>
<i-button type="primary" @click="avatarChangeSave">確 定</i-button>
</div>
</Modal>
</div>
`,

data () {
return {
imageUrl: '',
userInfo: {},
avatarList: [],
avatarModalStatus: false,
currentAvatar: '',
}
},
watch: {

},
mounted() {
this.getUserInfo();
this.getAvatarList();

},
methods: {
getAvatarList: function() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/getAvatarList', {
}).then(res => {
if (res.code == 1) {
var avatarList = res.data;
for (var i = 0; i < avatarList.length; i++) {
avatarList[i].active = '';
}
this.avatarList = avatarList;
}
});
},
recommendClick() {
this.avatarModalStatus = true;
},
avatarClick(item) {
var avatarList = this.avatarList;
for (var i = 0; i < avatarList.length; i++) {
avatarList[i].active = '';
if (item.name == avatarList[i].name) {
avatarList[i].active = 'active';
}
}
this.avatarList = avatarList;
this.currentAvatar = item.url;
},
avatarChangeSave() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/userAvatarEdit', {
avatar: this.currentAvatar
}).then(res => {
if (res.code == 1) {
this.avatarModalStatus = false;
this.getUserInfo();
this.$Message.success('操作成功');
}
});
},
getUserInfo: function() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/getUserInfo', {
}).then(res => {
if (res.code == 1) {
this.userInfo = res.data;
this.imageUrl = res.data.avatar;
}
});
},
settingUserInfoSave: function() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/userEdit', {
nickname: this.userInfo.nickname,
qq: this.userInfo.qq,
signature: this.userInfo.signature,
}).then(res => {
if (res.code == 1) {
this.getUserInfo();
this.$Message.success('操作成功');
}
});
},
changeImage: function(e) {
var file = e.target.files[0];
this.beforeAvatarUpload(file);
var reader= new FileReader();
var that = this;
that.file = file;
reader.addEventListener("load", function () {
that.imageUrl = reader.result;
that.defaultImgUpload(that.file);
}, false);
if (file) {
reader.readAsDataURL(file);
}
},
defaultImgUpload:function (file) {
var formFile = new FormData();
formFile.append("fileDataFileName", file);
formFile.append("type", 'avatar');
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUpload/defaultImgUpload', formFile).then(res => {
if (res.code == 1) {
var imgUrl = res.data;
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/userAvatarEdit', {
avatar: imgUrl,
}).then(res => {
if (res.code == 1) {
this.$Message.success('操作成功');
this.getUserInfo();
}
});
}
});
},
beforeAvatarUpload: function (file) {
var isJPG = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/jpg';
var isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
Message.error('上傳頭像圖片的格式不在范圍'); 
}
if (!isLt2M) {
Message.error('上傳頭像圖片大小不能超過 2MB'); 
}
return isJPG && isLt2M;
},
}
}
Vue.component('settings',Settings);Vue.component('Settings',Settings);const ComponentArticleDel = {template: `
<div>
<button class="ssy-btn ssy-btn-empty ssy-btn-xs" @click="itemDel">刪除</button>
</div>
`,

props: {
uuid: String,
},
data () {
return {
}
},
watch: {
},
mounted() {
},
methods: {
itemDel() {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定要刪除么？</p>',
onOk: () => {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleAction/itemDel', {
uuid: this.uuid,
}).then(res => {
if(res.code == 1) {
window.location.href = siteGlobal.domain;
}
});
},
onCancel: () => {
}
});
},

}
}
Vue.component('component-article-del',ComponentArticleDel);Vue.component('ComponentArticleDel',ComponentArticleDel);const ComponentArticleElite = {template: `
<div>
<button v-if='status == 0' @click='itemElite(1)' class="ssy-btn ssy-btn-empty ssy-btn-xs">加精</button>
<button v-else @click='itemElite(0)' class="ssy-btn ssy-btn-empty ssy-btn-xs" style="border: 1px solid #ec4141;color: #ec4141;">已加精</button>
</div>
`,

props: {
status: String,
uuid: String,
},
data () {
return {
}
},
watch: {
},
mounted() {
},
methods: {
getItemInfo() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/itemInfo', {
uuid: this.uuid,
}).then(res => {
if(res.code == 1) {
this.status = res.data.itemInfo.elite;
}
});
},
itemElite(status) {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleAction/itemElite', {
uuid: this.uuid,
status: status,
}).then(res => {
if(res.code == 1) {
this.getItemInfo();
if (status) {
this.$Message.success('加精成功');
} else {
this.$Message.success('加精已取消');
}
}
});
},
}
}
Vue.component('component-article-elite',ComponentArticleElite);Vue.component('ComponentArticleElite',ComponentArticleElite);const ComponentArticleRecommend = {template: `
<div>
<button v-if='status == 0' @click='itemRecommend(1)' class="ssy-btn ssy-btn-empty ssy-btn-xs">推薦</button>
<button v-else @click='itemRecommend(0)' class="ssy-btn ssy-btn-empty ssy-btn-xs" style="border: 1px solid #ec4141;color: #ec4141;">已推薦</button>
</div>
`,

props: {
status: String,
uuid: String,
},
data () {
return {
}
},
watch: {
},
mounted() {
},
methods: {
getItemInfo() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/itemInfo', {
uuid: this.uuid,
}).then(res => {
if(res.code == 1) {
this.status = res.data.itemInfo.is_recommend;
}
});
},
itemRecommend(status) {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleAction/itemRecommend', {
uuid: this.uuid,
status: status,
}).then(res => {
if(res.code == 1) {
this.getItemInfo();
if (status) {
this.$Message.success('推薦成功');
} else {
this.$Message.success('推薦已取消');
}
}
});
},
}
}
Vue.component('component-article-recommend',ComponentArticleRecommend);Vue.component('ComponentArticleRecommend',ComponentArticleRecommend);const ComponentArticleTop = {template: `
<div>
<button v-if='status == 0' @click='itemTop(1)' class="ssy-btn ssy-btn-empty ssy-btn-xs">置頂</button>
<button v-else @click='itemTop(0)' class="ssy-btn ssy-btn-empty ssy-btn-xs" style="border: 1px solid #ec4141;color: #ec4141;">已置頂</button>
</div>
`,

props: {
status: String,
uuid: String,
},
data () {
return {
}
},
watch: {
},
mounted() {
},
methods: {
getItemInfo() {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticle/itemInfo', {
uuid: this.uuid,
}).then(res => {
if(res.code == 1) {
this.status = res.data.itemInfo.top;
}
});
},
itemTop(status) {
this.$ssy.ajax(siteGlobal.domain + '/article/ApiUserArticleAction/itemTop', {
uuid: this.uuid,
status: status,
}).then(res => {
if(res.code == 1) {
this.getItemInfo();
if (status) {
this.$Message.success('置頂成功');
} else {
this.$Message.success('置頂已取消');
}
}
});
},
}
}
Vue.component('component-article-top',ComponentArticleTop);Vue.component('ComponentArticleTop',ComponentArticleTop);const ComponentArticleUserFollow = {template: `
<div>
<button v-if='!isUserFollow' @click='userFollow' class="ssy-btn ssy-btn-sm ssy-btn-empty" style="padding: 3px 12px;"> <b>+</b> 關注</button>
<button v-else @click='userCancelFollow' class="ssy-btn ssy-btn-sm ssy-btn-empty" style="border: 1px solid #ec4141;color: #ec4141;padding: 3px 12px;"><b>√</b> 已關注</button>
</div>
`,

props: {
uid: String,
},
data () {
return {
isUserFollow: '',
}
},
watch: {
},
mounted() {
this.getUserFollow(); 
},
methods: {
getUserFollow() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/getUserFollow', {
uid: this.uid,
}).then(res => {
if(res.code == 1) {
var temp = res.data;
this.isUserFollow = temp ? temp : '';
}
});
},
userFollow() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/userFollow', {
uid: this.uid,
}).then(res => {
if(res.code == 1) {
this.getUserFollow();
this.$Message.success('關注成功');
}
});
},
userCancelFollow() {
this.$ssy.ajax(siteGlobal.domain + '/user/ApiUserUser/userCancelFollow', {
uid: this.uid,
}).then(res => {
if(res.code == 1) {
this.getUserFollow();
this.$Message.success('取消成功');
}
});
},
}
}
Vue.component('component-article-user-follow',ComponentArticleUserFollow);Vue.component('ComponentArticleUserFollow',ComponentArticleUserFollow);const ArticleComment = {template: `
<div>
<div class="ssy-box-heading">
<h3 class="title">評論 <span class="badge"></span></h3>
</div>

<div class="ssy-box-body article-comments" v-cloak>
<ul class="comments" v-if='commentsList.length'>
<li class="comment-item" v-for='(item,index) in commentsList'>
<div class="comment-img">
<img :src="item.userInfo.avatar">
</div>
<div class="comment-body">
<div class="comment-info">
<span class="comment-author" v-text='item.userInfo.nickname'></span>
<span class="comment-date">{{item.create_time | time}}</span>
</div>
<div class="comment-content ssy-detail-body" v-html='item.content'></div>
<div class="comment-details">
<span class="comment-status comment-status-pending">
<button class="ssy-btn ssy-btn-empty ssy-btn-xs" @click="goAnchor(item,'#anchor_comment_' + item.id + index,'input_' + item.id + index,0)">回復</button>
</span>
<ul class="comment-actions">
<li v-if='siteGlobal.userArticleAuth.articleCommentEdit && siteGlobal.userId == item.uid'><button class="ssy-btn ssy-btn-empty ssy-btn-xs" @click='commentsEditModalClick(item.id)'>編輯</button></li>
<li v-if='siteGlobal.userArticleAuth.articleCommentDel && siteGlobal.userId == item.uid'><button class="ssy-btn ssy-btn-empty ssy-btn-xs"@click='commentsDel(item.id)'>刪除</button></li>
</ul>
</div>
</div>
<!---->
<ul class="comments comments-list" v-if='item.commentsList.length'>
<li class="comment-item" v-for='(sub,subIndex) in item.commentsList'>
<div class="comment-img">
<img :src="sub.userInfo.avatar">
</div>
<div class="comment-body">
<div class="comment-info">
<span class="comment-author" v-text='sub.userInfo.nickname'></span>
<span v-if='sub.replyInfo'>
<span>回復</span>
<span class="comment-author" v-text='sub.replyInfo.userInfo.nickname'></span>
</span>
<span class="comment-date">{{sub.create_time | time}}</span>
</div>
<div class="comment-content" v-html='sub.content'></div>
<div class="comment-details">
<span class="comment-status comment-status-pending">
<button class="ssy-btn ssy-btn-empty ssy-btn-xs" @click="goAnchor(item,'#anchor_comment_' + item.id + index,'input_' + item.id + index,1,sub)">回復</button>
</span>
<ul class="comment-actions">
<li v-if='siteGlobal.userArticleAuth.articleCommentDel && siteGlobal.userId == item.uid'><button class="ssy-btn ssy-btn-empty ssy-btn-xs"@click='subDel(sub.id)'>刪除</button></li>
</ul>
</div>
</div>
</li>
</ul>
<!---->
<section class="comment-reply mt-3" v-show='item.commentStatus' :id="'anchor_comment_' + item.id + index">
<form class="comments-form" v-cloak>
<div class="form-group">
<textarea class="form-control" :id="'input_' + item.id + index" v-model="commentsReplyContent" rows="3" focus :placeholder="placeholder"></textarea>
</div>
</form>
<div class="text-right">
<button class="btn ssy-btn-empty" @click="commentsReplyCancel(item)">取 消</button>
<button class="btn btn-primary" @click="commentsReplyAdd(item)">立即提交</button>
</div>
</section>
</li>
</ul>
</div>
<div class="p-3" v-if='commentStatus' v-cloak>
<form class="comments-form">
<div class="form-group mini-editor">
<textarea class="form-control" id="comments_editor" v-model="commentsContent" rows="3"></textarea>
</div>
</form>
<div class="text-right">
<button class="btn btn-primary" @click="commentsAdd">立即提交</button>
</div>
</div>
<!--編輯的彈出框-->
<Modal v-model="commentsModalStatus" title="編輯" width='600' v-cloak :mask-closable="false">
<div class="form-group mini-editor">
<textarea id='comments_edit_editor' class="form-control" v-model="commentsEditData" rows="3"></textarea>
</div>
<div slot="footer" class="dialog-footer">
<i-button @click="commentsModalStatus = false">取 消</i-button>
<i-button type="primary" @click="commentsEdit">確 定</i-button>
</div>
</Modal>
</div>
`,


data () {
return {
itemId: siteGlobal.itemDetailId,
commentsContent: '',
commentStatus: true,
commentsId: '',
commentsEditData: '',
commentsModalStatus: false,
commentsList: [],

commentsReplyContent: '',
placeholder: '',
replyItemId: '',
isReply: 0,
replyUid: '',
//編輯器
commentsEditor: '',
commentsEditEditor: '',
answer: {
toolbar : ['title', 'bold', 'italic', 'underline', 'strikethrough','color', '|', 'ol', 'ul', 'blockquote', 'code', '|', 'link', 'image', 'hr', '|', 'indent', 'outdent', 'alignment'],
mobileToolbar : ["bold", "underline", "strikethrough", "color", "ul", "ol"],
},
}
},
watch: {

},
mounted() {
if (siteGlobal.userId) {
this.getCommentsList();
var _this = this;
setTimeout(function() {
_this.createEditor();
_this.createEditEditor();
}, 100);
}
},
methods: {
createEditor: function() {
this.commentsEditor = new Simditor({
textarea: document.getElementById('comments_editor'),
toolbar: this.answer.toolbar,
upload: {
url: modConfig.modUploadApi + 'defaultImgUpload',
params: {
type: modConfig.modName,
},
fileKey: 'fileDataFileName',
connectionCount: 3,
leaveConfirm: '正在上傳文件'
},
pasteImage: true,
});
},
createEditEditor: function() {
this.commentsEditEditor = new Simditor({
textarea: document.getElementById('comments_edit_editor'),
toolbar: this.answer.toolbar,
upload: {
url: modConfig.modUploadApi + 'defaultImgUpload',
params: {
type: modConfig.modName,
},
fileKey: 'fileDataFileName',
connectionCount: 3,
leaveConfirm: '正在上傳文件'
},
pasteImage: true,
});
},
//評論添加
commentsAdd: function() {
var commentsContent = this.commentsEditor.getValue();
this.$ssy.ajax(modConfig.modCommentApi + 'itemAdd', {
itemId: this.itemId,
content: commentsContent,
}).then(res => {
if (res.code == 1) {
this.commentsContent = '';
this.commentsEditor.setValue('');
this.$Message.success(res.msg);
this.getCommentsList();
}
});
},
//評論刪除
commentsDel: function(id) {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定刪除么？刪除后不可恢復</p>',
onOk: () => {
this.$ssy.ajax(modConfig.modCommentApi + 'itemDel', {
itemId: this.itemId,
commentsId: id,
}).then(res => {
if (res.code == 1) {
this.$Message.success('刪除成功');
this.getCommentsList();
}
});
},
onCancel: () => {
}
});
},
//評論查詢
getCommentsList() {
this.$ssy.ajax(modConfig.modCommentApi + 'itemList', {
itemId: this.itemId,
order: 'asc',
}).then(res => {
if (res.code == 1) {
var commentsList= res.data.itemList;
for (var i = 0; i < commentsList.length; i++) {
commentsList[i].commentStatus = false;
}
this.commentsList = commentsList;
}
});
},
//評論修改（彈出修改界面） 
commentsEditModalClick:function(id) {
this.commentsModalStatus = true;
this.$ssy.ajax(modConfig.modCommentApi + 'itemInfo', {
itemId: this.itemId,
commentsId: id,
}).then(res => {
if (res.code == 1) {
this.commentsEditEditor.setValue(res.data.content);
this.commentsId = id;
}
});
},
//評論修改（確認提交）
commentsEdit: function() {
var commentsEditData = this.commentsEditEditor.getValue();
this.$ssy.ajax(modConfig.modCommentApi + 'itemEdit', {
itemId: this.itemId,
commentsId: this.commentsId,
content: commentsEditData,
}).then(res => {
if (res.code == 1) {
this.commentsEditData = '';
this.commentsModalStatus = false;
this.$Message.success('修改成功');
this.getCommentsList();
}
});
},
//二層回復開始
//取消回復
commentsReplyCancel() {
this.getCommentsList();
},
goAnchor(item,selector,textareaId,isReply,sub) {
this.commentsReplyContent = '';
var commentsList= this.commentsList;
for (var i = 0; i < commentsList.length; i++) {
if (item.id == commentsList[i].id) {
commentsList[i].commentStatus = true;
} else {
commentsList[i].commentStatus = false;
}
}
this.commentsList = commentsList;
var _this = this;
setTimeout(function() {
var anchor = _this.$el.querySelector(selector);
var anchorHeight = _this.getElementTop(anchor);
const sTop = document.documentElement.scrollTop || document.body.scrollTop;
_this.scrollTop(window, sTop, anchorHeight - 300, 1000);
document.getElementById(textareaId).focus();
}, 100);

if (isReply == 0) {
this.placeholder = '請輸入回復的內容';
this.isReply = 0;
this.replyUid = '';
this.replyItemId = '';
} else {
this.placeholder = '回復 ' + sub.userInfo.nickname + ':';
this.isReply = isReply;
this.replyUid = sub.uid;
this.replyItemId = sub.id;
}

},
scrollTop(el, from = 0, to, duration = 500, endCallback) {
if (!window.requestAnimationFrame) {
window.requestAnimationFrame = (
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
return window.setTimeout(callback, 1000/60);
}
);
}
const difference = Math.abs(from - to);
const step = Math.ceil(difference / duration * 50);

function scroll(start, end, step) {
if (start === end) {
endCallback && endCallback();
return;
}

let d = (start + step > end) ? end : start + step;
if (start > end) {
d = (start - step < end) ? end : start - step;
}

if (el === window) {
window.scrollTo(d, d);
} else {
el.scrollTop = d;
}
window.requestAnimationFrame(() => scroll(d, end, step));
}
scroll(from, to, step);
},
getElementTop(el) {
var anchorTop = el.offsetTop;
var current = el.offsetParent;
while (current !== null) {
anchorTop += current.offsetTop;
current = current.offsetParent;
}
return anchorTop;
},
//提交回復內容
commentsReplyAdd: function(item) {
this.$ssy.ajax(modConfig.modCommentApi + 'commentsAdd', {
itemId: item.id,
replyItemId: this.replyItemId,
isReply: this.isReply,
replyUid: this.replyUid,
content: this.commentsReplyContent,
}).then(res => {
if (res.code == 1) {
this.$Message.success(res.msg);
this.getCommentsList();
}
});
},
//
subDel(id) {
this.$Modal.confirm({
title: '消息提示',
content: '<p>確定刪除么？刪除后不可恢復</p>',
onOk: () => {
this.$ssy.ajax(modConfig.modCommentApi + 'commentDel', {
itemId: this.itemId,
commentsId: id,
}).then(res => {
if (res.code == 1) {
this.$Message.success('刪除成功');
this.getCommentsList();
}
});
},
onCancel: () => {
}
});
},

}
}
Vue.component('article-comment',ArticleComment);Vue.component('ArticleComment',ArticleComment);const BlockMiniPages = {template: `
<div>
<ul class="mini-pages-list" v-if="itemList.length">
	<li class="mini-pages-item" v-for="item in itemList">
	<button class="mini-pages-btn" :class="{'active': item.active}" @click="pageItemClick(item)">{{item.num}}</button>
	</li>
</ul>
</div>
`,

props: {
total: String,
pageSize: String,
param: String,
showNum: String,
},
data () {
return {
itemList: [],
currentNum: 1,
}
},
watch: {
total() {
this.pageChange();
}
},
mounted() {
if (this.total) {
this.pagesInit();
}
},
methods: {
pagesInit() {
if (this.total <= this.pageSize) {
this.itemList = [];
} else {
var pageTotal = Math.ceil(this.total / this.pageSize);
var showNum = this.showNum ? this.showNum : 5;
var itemList = []
for (var i = 1; i <= pageTotal; i++) {
if (i <= showNum) {
itemList.push({'num': i,'active': false});
}
}
for (var i = 0; i < itemList.length; i++) {
if (1 == itemList[i].num) {
itemList[i].active = true;
} else {
itemList[i].active = false;
}
}
this.itemList = itemList;
}
},
pageChange() {
if (this.total <= this.pageSize) {
this.itemList = [];
} else {
var pageTotal = Math.ceil(this.total / this.pageSize);
var showNum = this.showNum ? this.showNum : 5;
var tempNum = parseInt(showNum / 2);
var itemList = []
if (this.currentNum <= tempNum + 1) {
for (var i = 1; i <= pageTotal; i++) {
if (i <= showNum) {
itemList.push({'num': i,'active': false});
}
}
} else {
if (this.currentNum >= pageTotal - tempNum) {
for (var i = 1; i <= pageTotal; i++) {
if (i > pageTotal - showNum) {
itemList.push({'num': i,'active': false});
}
}
} else {
for (var i = 1; i <= pageTotal; i++) {
if ((i >= this.currentNum - tempNum) && (i <= this.currentNum + tempNum)) {
itemList.push({'num': i,'active': false});
}
}
}
}
for (var i = 0; i < itemList.length; i++) {
if (this.currentNum == itemList[i].num) {
itemList[i].active = true;
} else {
itemList[i].active = false;
}
}
this.itemList = itemList;
}
},
pageItemClick(item) {
this.currentNum = item.num;
for (var i = 0; i < this.itemList.length; i++) {
if (item.num == this.itemList[i].num) {
this.itemList[i].active = true;
} else {
this.itemList[i].active = false;
}
}
this.param.currentPage = this.currentNum;
this.pageChange();
this.$emit('pageChange', {num: this.currentNum,param:this.param});
},
}
}
Vue.component('block-mini-pages',BlockMiniPages);Vue.component('BlockMiniPages',BlockMiniPages);<a href="http://www.905670.com/">久久综合九色综合欧美就去吻</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>