"use strict";
var _Vue$component;
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* auteltech-webpack */
function getElePosition(element) {
function getElementPageLeft(element) {
var actualLeft = element.offsetLeft;
var parent = element.offsetParent;
while (parent != null) {
actualLeft += parent.offsetLeft + parent.clientLeft;
parent = parent.offsetParent;
}
return actualLeft;
}
function getElementPageTop(element) {
var actualTop = element.offsetTop;
var parent = element.offsetParent;
while (parent != null) {
actualTop += parent.offsetTop + parent.clientTop;
parent = parent.offsetParent;
}
return actualTop;
}
var left = getElementPageLeft(element);
var top = getElementPageTop(element);
var eleH = element.clientHeight;
var eleW = element.clientWidth;
var ww = document.documentElement.clientWidth;
var hh = document.documentElement.clientHeight;
return {
top: top,
left: left,
eleW: eleW,
eleH: eleH,
width: ww,
height: hh
};
}
function getRect(element) {
var rect = element.getBoundingClientRect();
var w = rect.width || rect.right - rect.left;
var h = rect.height || rect.bottom - rect.top;
var ww = document.documentElement.clientWidth;
var hh = document.documentElement.clientHeight;
return {
top: window.outerHeight - window.innerHeight + Math.floor(rect.top),
bottom: Math.floor(hh - rect.bottom),
left: Math.floor(rect.left),
right: Math.floor(ww - rect.right),
width: ww,
height: hh,
eleW: rect.width,
eleH: rect.height
};
}
; // 判断有没有指定ID的父节点
function getParentNodeByID(dom, id) {
if (!dom || !id) return false;
if (dom.getAttribute('id') == id) {
return true;
} else {
if (dom.nodeName == 'BODY') {
return false;
}
return getParentNodeByID(dom.parentNode, id);
}
}
var M = {};
function tip(msg) {
if (window.jqueryAlert) {
M.tip = jqueryAlert({
'content': msg,
'closeTime': 5000,
'top': '15%',
'className': 'tip-box',
'end': function end() {}
});
}
}
function _confirm(msg, onOk, onCancel, config) {
config = config ? config : {};
var okBtnName = config.okBtnName || 'OK';
var cancelBtnName = config.cancelBtnName || 'Cancel';
if (window.jqueryAlert) {
return new Promise(function (resolve) {
var buttons = {};
buttons[okBtnName] = function () {
onOk && onOk();
M.confirm.close();
resolve(true);
};
if (onCancel) {
buttons[cancelBtnName] = function () {
onCancel();
M.confirm.close();
resolve(false);
};
}
M.confirm = jqueryAlert({
'content': msg,
'modal': true,
'top': '30%',
'className': 'confirm-box',
'buttons': buttons
});
});
} else {
return new Promise(function (resolve) {
window.confirm(msg);
resolve(true);
});
}
}
Vue.prototype.$tip = function (msg) {
tip(msg);
};
Vue.prototype.$confirm = function (msg, onOk, onCancel) {
var okBtnName = this.$t ? this.$t('BUTTONS.确定') : 'OK';
var cancelBtnName = this.$t ? this.$t('BUTTONS.取消') : 'Cancel';
_confirm(msg, onOk, onCancel, {
okBtnName: okBtnName,
cancelBtnName: cancelBtnName
});
};
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return false;
}
Vue.prototype.$query = getQueryVariable;
/**loading 组件 */
Vue.component("c-loading", {
template: "\n\t\n\t\t
\n\t\t\t
\n\t\t
\n\t
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
{{title}}
\n
\n
\n \n \n\t\t\t
\n\t\t
\n\t
\n
\n \n
\n
\n
\n
\n - \n {{option.name}}\n \n \n \n
\n
\n
\n \n \n
\n ",
props: {
formdata: {
type: Object,
"default": {}
},
field: String,
placeholder: String
},
data: function data() {
return {};
},
computed: {},
mounted: function mounted() {},
methods: {
onSearch: function onSearch() {
this.$emit('onsearch');
}
}
});
/**异步按钮 组件 */
Vue.component("c-async-button", {
template: "\n \n
\n {{name}}\n \n \n
\n
\n ![\"\"]()
\n \n
\n ",
props: {
src: String
},
data: function data() {
return {
loaded: false,
id: "IMG_".concat(Math.floor(Math.random() * 100000))
};
},
computed: {
_src: function _src() {
return this.src; // return `${this.src}?v=${this.id}`
}
},
methods: {
onImgLoad: function onImgLoad() {
console.log('onImgLoad', this._src);
this.loaded = true;
this.$forceUpdate();
},
onLoadError: function onLoadError() {
console.log('onLoadError', this._src);
this.loaded = false;
this.$forceUpdate();
}
}
});
/** 弹窗 alert 确认 组件 */
//
//
var Alert = {
template: "\n \n ",
data: function data() {
return {
visible: false,
type: 'error',
content: '',
callbackOk: null,
callbackCancel: null
};
},
methods: {
onConfirm: function onConfirm() {
this.visible = false;
document.body.style.overflow = '';
this.callbackOk && this.callbackOk();
},
onClose: function onClose() {
this.visible = false;
document.body.style.overflow = '';
this.callbackCancel && this.callbackCancel();
},
onLeave: function onLeave() {
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
}
},
install: function install(Vue) {
var alerts = Vue.prototype.$alerts = {};
var createComponent = function createComponent(data) {
var Constructor = Vue.extend(Alert); //生成一个Vue子类，子类就是这个组件
var instance = new Constructor({
data: data
}); //生成子类的实例
instance.vm = instance.$mount(); //将该实例手动挂载
document.body.appendChild(instance.vm.$el); //将实例挂载到body上
instance.vm.visible = true;
document.body.style.overflow = 'hidden';
};
alerts.success = function (msg) {
createComponent({
type: 'success',
content: msg
});
};
alerts.error = function (msg) {
createComponent({
type: 'error',
content: msg
});
};
Vue.prototype.$alert = function (config) {
createComponent(config);
};
}
};
/** 消息提示 组件 */
var Message = {
template: "\n \n
\n \n \n \n \n \n \n \n {{content}}\n
\n \n
\n\t\t
\n\t\t\t
\n\t\t
\n\t
\n \n
\n ",
data: function data() {
return {
show: true,
currentName: this.name
};
},
name: "TabPanel",
props: {
label: {
type: [String, Function],
"default": ""
},
name: [String, Number]
},
watch: {
label: function label() {
this.updateNav();
},
name: function name(val) {
this.currentName = val;
this.updateNav();
}
},
inject: ["TabsInstance"],
computed: {},
methods: {
updateNav: function updateNav() {
this.TabsInstance.updateNav();
},
panelCls: function panelCls() {
return ["tab-panel-content", _defineProperty({}, 'panel-actived', this.show === true)];
}
},
mounted: function mounted() {
this.updateNav();
}
});
/** Paginate 组件 */
Vue.component("c-paginate", {
template: "\n\n ",
props: {
containerClass: {
type: String,
"default": 'c-paginate_2'
},
total: {
type: Number,
required: true
},
pageSize: {
type: Number,
"default": 10
}
},
beforeUpdate: function beforeUpdate() {},
data: function data() {
return {
// 自定义组件
curPage: 1,
showMax: 2,
minPage: null,
maxPage: null
};
},
computed: {
_total: function _total() {
return this.total;
},
totalPage: function totalPage() {
return Math.ceil(this._total / this.pageSize);
},
showPre: function showPre() {
return this.curPage > 1;
},
showNext: function showNext() {
return this.curPage < this.totalPage;
},
pages: function pages() {
var _this17 = this;
var pages = [];
var setItem = function setItem(pageNo) {
return {
pageNo: pageNo,
show: pageNo >= _this17.minPage && pageNo <= _this17.maxPage,
selected: pageNo === _this17.curPage
};
};
for (var index = 1; index <= this.totalPage; index++) {
pages.push(setItem(index));
}
return pages;
},
pagesShow: function pagesShow() {
return this.pages.filter(function (page) {
return page.show;
});
}
},
created: function created() {
this.init();
},
mounted: function mounted() {
this.appMounted = true;
},
methods: {
init: function init() {
this.curPage = 1;
this.minPage = this.curPage;
this.maxPage = this.curPage + this.showMax - 1;
},
goToPage: function goToPage(pageNo) {
if (this.curPage == pageNo) return;
this.curPage = pageNo;
if (pageNo == 1) {
this.minPage = 1;
this.maxPage = 1 + this.showMax - 1;
}
if (pageNo == this.totalPage) {
this.minPage = this.totalPage - this.showMax + 1;
this.maxPage = this.totalPage;
}
this.$emit('change', this.curPage);
},
onPrev: function onPrev() {
if (this.curPage == 1) return;
this.curPage--;
if (this.curPage < this.minPage) {
this.minPage--;
this.maxPage--;
}
this.$emit('change', this.curPage);
},
onNext: function onNext() {
if (this.curPage == this.totalPage) return;
this.curPage++;
if (this.curPage > this.maxPage) {
this.minPage++;
this.maxPage++;
}
this.$emit('change', this.curPage);
},
onSelect: function onSelect(page) {
if (this.curPage == page.pageNo) return;
this.curPage = page.pageNo;
this.$emit('change', this.curPage);
}
}
});
/** Paginate 组件 2 */
Vue.component("c-paginate2", {
template: "\n \n \n 1\"\n @click=\"onFirst\"\n :class=\"{ active: pageNo == 1 }\"\n >\n 1\n \n \n \n \n = startNumAndEndNum.start\"\n @click=\"onClick(page)\"\n :class=\"{ active: pageNo == page }\"\n >\n {{ page }}\n \n \n \n \n {{ totalPage }}\n \n \n \u4E0B\u4E00\u9875\n \n \n \n
\n ",
props: {
pageNo: {
type: Number
},
continues: {
type: Number
},
total: {
type: Number
},
pageSize: {
type: Number,
"default": 10
}
},
computed: {
// *计算总共多少页,也就是最后一页（需要向上取整Math.ceil）
totalPage: function totalPage() {
return Math.ceil(this.total / this.pageSize);
},
// *计算出连续页码的起始数字与结束的数字【连续的页码数字：至少是5】
startNumAndEndNum: function startNumAndEndNum() {
var continues = this.continues,
pageNo = this.pageNo,
totalPage = this.totalPage; // 解构了
// 先定义两个变量存储起始数字与结束数字
var start = 0,
end = 0; // *连续页码数字是5【至少5页】，如果出现不正常现象【不够5页，即总页数 < 连续页码5】
if (continues > totalPage) {
start = 1;
end = totalPage;
} else {
// 正常现象【连续的页码5，但是你的总页数一定是大于5的】 parseInt()返回一个十进制的整数【一个数字的参数可同Math.floor】
start = pageNo - parseInt(continues / 2);
end = pageNo + parseInt(continues / 2); // 把出现不正常的现象【start数字出现0|负数，continues=5，pageNo=1、2的时候】
if (start < 1) {
start = 1;
end = continues;
} // 把出现不正常的现象【end数字大于总页码，continues=5，totalPage=30，pageNo=29、30的时候】
if (end > totalPage) {
start = totalPage - continues + 1;
end = totalPage;
}
}
return {
start: start,
end: end
};
}
},
methods: {
onPrev: function onPrev() {
this.$emit('change', this.pageNo - 1);
},
onFirst: function onFirst() {
this.$emit('change', 1);
},
onNext: function onNext() {
this.$emit('change', this.pageNo + 1);
},
onClick: function onClick(page) {
this.$emit('change', page);
},
onLast: function onLast() {
this.$emit('change', this.totalPage);
}
}
});
Vue.use(Alert);
Vue.use(Message);
Vue.use(Loading);
Vue.use(Http);