|
|
@@ -1,101 +1,3 @@
|
|
|
-function initFilter(option) {
|
|
|
- var comEl = $(option.el);
|
|
|
- var dropBtn = comEl.find('.cm-drop-btn');
|
|
|
- var dropDown = comEl.find('.cm-drop-down');
|
|
|
- var datePicker = comEl.find('.cm-date-picker');
|
|
|
- var dateFilter = comEl.find('.cm-filter-date');
|
|
|
- var slideNav = comEl.find('.cm-slide');
|
|
|
- var slideAlert = comEl.find('.cm-sub-slide');
|
|
|
- var startDate = datePicker.find('.cm-date-begin');
|
|
|
- var endDate = datePicker.find('.cm-date-end');
|
|
|
-
|
|
|
- $(window).on('click', function (el) {
|
|
|
- if (comEl.has(el.target).length > 0) return;
|
|
|
- dropDown.fadeOut();
|
|
|
- dropBtn.removeClass('cm-active');
|
|
|
- })
|
|
|
-
|
|
|
- dropBtn.on('click', function () {
|
|
|
- dropDown.fadeToggle();
|
|
|
- dropBtn.toggleClass('cm-active');
|
|
|
- })
|
|
|
-
|
|
|
- slideNav.on('click', function () {
|
|
|
- $(this).addClass('cm-active').siblings('.cm-slide').removeClass('cm-active').find('.cm-sub-slide').hide();
|
|
|
- slideAlert.hide();
|
|
|
- $($(this).attr('data-target')).show();
|
|
|
- })
|
|
|
-
|
|
|
- slideNav.each(function (index, el) {
|
|
|
- var confirmBtn = $($(el).attr('data-target')).find('.cm-confirm');
|
|
|
- var cancelBtn = $($(el).attr('data-target')).find('.cm-cancel');
|
|
|
- if (cancelBtn.length > 0) {
|
|
|
- cancelBtn.on('click', function () {
|
|
|
- option.cancel && option.cancel();
|
|
|
- dropDown.fadeOut();
|
|
|
- dropBtn.removeClass('cm-active');
|
|
|
- });
|
|
|
- }
|
|
|
- if (confirmBtn.length > 0) {
|
|
|
- confirmBtn.on('click', function () {
|
|
|
- option.confirm && option.confirm({status: 2});
|
|
|
- dropDown.fadeOut();
|
|
|
- dropBtn.removeClass('cm-active');
|
|
|
- dropBtn.text($(el).find('.cm-slide-name').text())
|
|
|
- });
|
|
|
- } else {
|
|
|
- $(el).on('click', function () {
|
|
|
- option.confirm && option.confirm({status: 1});
|
|
|
- dropDown.fadeOut();
|
|
|
- dropBtn.removeClass('cm-active');
|
|
|
- dropBtn.text($(el).find('.cm-slide-name').text())
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- function generageDateStr(type) {
|
|
|
- var dayTimestamp = 24 * 60 * 60 * 1000;
|
|
|
- var result = {
|
|
|
- week: 7,
|
|
|
- month: 30,
|
|
|
- halfYear: 182,
|
|
|
- year: 365,
|
|
|
- };
|
|
|
- return moment(Date.now() - result[type] * dayTimestamp).format('YYYY-MM-DD');
|
|
|
- }
|
|
|
-
|
|
|
- dateFilter.find('.cm-item').on('click', function () {
|
|
|
- $(this).siblings('.cm-item').removeClass('cm-active');
|
|
|
- $(this).addClass('cm-active');
|
|
|
- var days = $(this).attr('data-last-date');
|
|
|
- var start = generageDateStr(days);
|
|
|
- var end = moment().format('YYYY-MM-DD');
|
|
|
- var date = start + ' to ' + end;
|
|
|
- option.getDate && option.getDate({date, start, end});
|
|
|
- });
|
|
|
-
|
|
|
- datePicker.on('click', function () {
|
|
|
- dateFilter.find('.cm-item').removeClass('cm-active');
|
|
|
- });
|
|
|
-
|
|
|
- // 初始化时间选择器
|
|
|
- datePicker.dateRangePicker({
|
|
|
- language: 'cn',
|
|
|
- format: 'YYYY-MM-DD',
|
|
|
- autoClose: isPC,
|
|
|
- showShortcuts: false,
|
|
|
- isNowrap: false,
|
|
|
- getValue: function () {
|
|
|
- return option.setDate ? option.setDate() : ''
|
|
|
- },
|
|
|
- setValue: function (date, start, end) {
|
|
|
- option.getDate && option.getDate({date, start, end})
|
|
|
- startDate.text(start)
|
|
|
- endDate.text(end)
|
|
|
- },
|
|
|
- });
|
|
|
-}
|
|
|
-
|
|
|
var requestUrlConfig = {
|
|
|
keyword: coreServer + "/commodity/search/query/article",
|
|
|
labelId: coreServer + "/commodity/search/query/article/label",
|
|
|
@@ -228,9 +130,7 @@ var articleList = new Vue({
|
|
|
keyword: this.params.keyword,
|
|
|
pageSize: this.params.size,
|
|
|
pageNum: this.params.num,
|
|
|
- status: this.params.status,
|
|
|
- startDate: this.params.startDate,
|
|
|
- endDate: this.params.endDate
|
|
|
+ status: this.params.status
|
|
|
}
|
|
|
this.getArticleList(requestUrlConfig['keyword'], params);
|
|
|
},
|
|
|
@@ -343,16 +243,8 @@ var articleList = new Vue({
|
|
|
// 初始化排序控件
|
|
|
initSortControl: function () {
|
|
|
var self = this;
|
|
|
- // filter article
|
|
|
initFilter({
|
|
|
- el: '#cm-filter-sort',
|
|
|
- setDate() {
|
|
|
- return self.params.startDate + ' to ' + self.params.endDate;
|
|
|
- },
|
|
|
- getDate(result) {
|
|
|
- self.params.startDate = result.start;
|
|
|
- self.params.endDate = result.end;
|
|
|
- },
|
|
|
+ el: '#filter-sort',
|
|
|
confirm(result) {
|
|
|
console.log('确定')
|
|
|
self.listLoading = true;
|
|
|
@@ -363,10 +255,7 @@ var articleList = new Vue({
|
|
|
self.params.num = 1;
|
|
|
self.requestAction(self.requestType);
|
|
|
},
|
|
|
- cancel() {
|
|
|
- console.log('取消');
|
|
|
- },
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
// 页面样式初始化
|
|
|
@@ -406,3 +295,112 @@ var articleList = new Vue({
|
|
|
},
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
+function initFilter(option){
|
|
|
+ var comEl = $(option.el);
|
|
|
+ comEl.find('.filter__item').on('click', function(){
|
|
|
+ $(this).siblings('.filter__item').removeClass('active');
|
|
|
+ $(this).addClass('active');
|
|
|
+ var status = $(this).attr('data-sort-status')
|
|
|
+ option.confirm && option.confirm({ status: status });
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+/*
|
|
|
+function initFilter(option) {
|
|
|
+ var comEl = $(option.el);
|
|
|
+ var dropBtn = comEl.find('.cm-drop-btn');
|
|
|
+ var dropDown = comEl.find('.cm-drop-down');
|
|
|
+ var datePicker = comEl.find('.cm-date-picker');
|
|
|
+ var dateFilter = comEl.find('.cm-filter-date');
|
|
|
+ var slideNav = comEl.find('.cm-slide');
|
|
|
+ var slideAlert = comEl.find('.cm-sub-slide');
|
|
|
+ var startDate = datePicker.find('.cm-date-begin');
|
|
|
+ var endDate = datePicker.find('.cm-date-end');
|
|
|
+
|
|
|
+ $(window).on('click', function (el) {
|
|
|
+ if (comEl.has(el.target).length > 0) return;
|
|
|
+ dropDown.fadeOut();
|
|
|
+ dropBtn.removeClass('cm-active');
|
|
|
+ })
|
|
|
+
|
|
|
+ dropBtn.on('click', function () {
|
|
|
+ dropDown.fadeToggle();
|
|
|
+ dropBtn.toggleClass('cm-active');
|
|
|
+ })
|
|
|
+
|
|
|
+ slideNav.on('click', function () {
|
|
|
+ $(this).addClass('cm-active').siblings('.cm-slide').removeClass('cm-active').find('.cm-sub-slide').hide();
|
|
|
+ slideAlert.hide();
|
|
|
+ $($(this).attr('data-target')).show();
|
|
|
+ })
|
|
|
+
|
|
|
+ slideNav.each(function (index, el) {
|
|
|
+ var confirmBtn = $($(el).attr('data-target')).find('.cm-confirm');
|
|
|
+ var cancelBtn = $($(el).attr('data-target')).find('.cm-cancel');
|
|
|
+ if (cancelBtn.length > 0) {
|
|
|
+ cancelBtn.on('click', function () {
|
|
|
+ option.cancel && option.cancel();
|
|
|
+ dropDown.fadeOut();
|
|
|
+ dropBtn.removeClass('cm-active');
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (confirmBtn.length > 0) {
|
|
|
+ confirmBtn.on('click', function () {
|
|
|
+ option.confirm && option.confirm({status: 2});
|
|
|
+ dropDown.fadeOut();
|
|
|
+ dropBtn.removeClass('cm-active');
|
|
|
+ dropBtn.text($(el).find('.cm-slide-name').text())
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ $(el).on('click', function () {
|
|
|
+ option.confirm && option.confirm({status: 1});
|
|
|
+ dropDown.fadeOut();
|
|
|
+ dropBtn.removeClass('cm-active');
|
|
|
+ dropBtn.text($(el).find('.cm-slide-name').text())
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ function generageDateStr(type) {
|
|
|
+ var dayTimestamp = 24 * 60 * 60 * 1000;
|
|
|
+ var result = {
|
|
|
+ week: 7,
|
|
|
+ month: 30,
|
|
|
+ halfYear: 182,
|
|
|
+ year: 365,
|
|
|
+ };
|
|
|
+ return moment(Date.now() - result[type] * dayTimestamp).format('YYYY-MM-DD');
|
|
|
+ }
|
|
|
+
|
|
|
+ dateFilter.find('.cm-item').on('click', function () {
|
|
|
+ $(this).siblings('.cm-item').removeClass('cm-active');
|
|
|
+ $(this).addClass('cm-active');
|
|
|
+ var days = $(this).attr('data-last-date');
|
|
|
+ var start = generageDateStr(days);
|
|
|
+ var end = moment().format('YYYY-MM-DD');
|
|
|
+ var date = start + ' to ' + end;
|
|
|
+ option.getDate && option.getDate({date, start, end});
|
|
|
+ });
|
|
|
+
|
|
|
+ datePicker.on('click', function () {
|
|
|
+ dateFilter.find('.cm-item').removeClass('cm-active');
|
|
|
+ });
|
|
|
+
|
|
|
+ // 初始化时间选择器
|
|
|
+ datePicker.dateRangePicker({
|
|
|
+ language: 'cn',
|
|
|
+ format: 'YYYY-MM-DD',
|
|
|
+ autoClose: isPC,
|
|
|
+ showShortcuts: false,
|
|
|
+ isNowrap: false,
|
|
|
+ getValue: function () {
|
|
|
+ return option.setDate ? option.setDate() : ''
|
|
|
+ },
|
|
|
+ setValue: function (date, start, end) {
|
|
|
+ option.getDate && option.getDate({date, start, end})
|
|
|
+ startDate.text(start)
|
|
|
+ endDate.text(end)
|
|
|
+ },
|
|
|
+ });
|
|
|
+}*/
|
yuwenjun1997
