You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
198 lines
7.3 KiB
198 lines
7.3 KiB
10 months ago
|
var globalMethods = function(vm,swal){
|
||
|
|
return {
|
||
|
|
swal:swal,
|
||
|
|
layer:layer,
|
||
|
|
openImage:function(href){
|
||
|
|
return layer.open({
|
||
|
|
type: 1,
|
||
|
|
title: false,
|
||
|
|
closeBtn: 0,
|
||
|
|
shadeClose: true,
|
||
|
|
content: `<img src="${href}" style="display: block;width: 100%;" />`
|
||
|
|
});
|
||
|
|
},
|
||
|
|
$swal(type,param,code){
|
||
|
|
if(param === undefined) param = function(){};
|
||
|
|
switch (type){
|
||
|
|
case 'delete':
|
||
|
|
if(typeof code != 'object') code = {};
|
||
|
|
swal({
|
||
|
|
title: code.title || "您确定要删除这条信息吗",
|
||
|
|
text: code.text || "删除后将无法恢复，请谨慎操作！",
|
||
|
|
type: code.type || "warning",
|
||
|
|
showCancelButton: true,
|
||
|
|
confirmButtonColor: "#DD6B55",
|
||
|
|
confirmButtonText: code.confirm || "是的，我要删除！",
|
||
|
|
cancelButtonText: code.cancel || "让我再考虑一下…",
|
||
|
|
closeOnConfirm: false,
|
||
|
|
closeOnCancel: false
|
||
|
|
}).then(param).catch(console.log);
|
||
|
|
break;
|
||
|
|
case 'error':
|
||
|
|
swal("错误",param,"error");
|
||
|
|
break;
|
||
|
|
case 'success':
|
||
|
|
swal("成功",param,"success");
|
||
|
|
break;
|
||
|
|
case 'status':
|
||
|
|
code == 200 ? this.$swal('success',param) : this.$swal('error',param);
|
||
|
|
break;
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
$alert(type,params,succFn){
|
||
|
|
switch (type){
|
||
|
|
case 'textarea':
|
||
|
|
swal({
|
||
|
|
title: params.title != undefined ? params.title.toString() : "请输入内容",
|
||
|
|
input: 'textarea',
|
||
|
|
inputValue: params.value || '',
|
||
|
|
confirmButtonText:"提交",
|
||
|
|
cancelButtonText: "取消",
|
||
|
|
showCancelButton: true
|
||
|
|
}).then(succFn).catch(console.log);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
message(type,config){
|
||
|
|
switch (type) {
|
||
|
|
case 'success':
|
||
|
|
return vm.$Message.success(config);
|
||
|
|
break;
|
||
|
|
case 'warning':
|
||
|
|
return vm.$Message.warning(config);
|
||
|
|
break;
|
||
|
|
case 'error':
|
||
|
|
return vm.$Message.error(config);
|
||
|
|
break;
|
||
|
|
case 'loading':
|
||
|
|
return vm.$Message.loading(config);
|
||
|
|
break;
|
||
|
|
default :
|
||
|
|
return vm.$Message.info(config || type);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
notice(type,config){
|
||
|
|
switch (type) {
|
||
|
|
case 'info':
|
||
|
|
return vm.$Notice.info(config);
|
||
|
|
break;
|
||
|
|
case 'success':
|
||
|
|
return vm.$Notice.success(config);
|
||
|
|
break;
|
||
|
|
case 'warning':
|
||
|
|
return vm.$Notice.warning(config);
|
||
|
|
break;
|
||
|
|
case 'error':
|
||
|
|
return vm.$Notice.error(config);
|
||
|
|
break;
|
||
|
|
default :
|
||
|
|
return vm.$Notice.open(config || type);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
noticeClose(name){
|
||
|
|
return vm.$Notice.close(name);
|
||
|
|
},
|
||
|
|
noticeDestroy(){
|
||
|
|
return vm.$Notice.destroy();
|
||
|
|
},
|
||
|
|
modal(type,config){
|
||
|
|
switch (type) {
|
||
|
|
case 'confirm':
|
||
|
|
return vm.$Modal.confirm(config);
|
||
|
|
break;
|
||
|
|
case 'success':
|
||
|
|
return vm.$Modal.success(config);
|
||
|
|
break;
|
||
|
|
case 'warning':
|
||
|
|
return vm.$Modal.warning(config);
|
||
|
|
break;
|
||
|
|
case 'error':
|
||
|
|
return vm.$Modal.error(config);
|
||
|
|
break;
|
||
|
|
default :
|
||
|
|
return vm.$Modal.info(config || type);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
modalRemove(){
|
||
|
|
return vm.$modal.remove();
|
||
|
|
},
|
||
|
|
loading(type,percent){
|
||
|
|
switch (type){
|
||
|
|
case 'start':
|
||
|
|
return vm.$Loading.start();
|
||
|
|
break;
|
||
|
|
case 'finish':
|
||
|
|
return vm.$Loading.finish();
|
||
|
|
break;
|
||
|
|
case 'error':
|
||
|
|
return vm.$Loading.error();
|
||
|
|
break;
|
||
|
|
case 'update':
|
||
|
|
return vm.$Loading.update(percent);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
};
|
||
|
|
setTimeout(function(){
|
||
|
|
mpFrame.start(function(Vue){
|
||
|
|
requirejs(['sweetalert','axios'],function(swal,axios){
|
||
|
|
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||
|
|
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
|
||
|
|
new Vue({
|
||
|
|
el:'#vm',
|
||
|
|
data:{},
|
||
|
|
methods:{
|
||
|
|
globalApi:function(){
|
||
|
|
var api = globalMethods(this,swal);
|
||
|
|
api.closeModalFrame = function(name){
|
||
|
|
layer.close(layer.getFrameIndex(name) || name);
|
||
|
|
};
|
||
|
|
api.h = this.$createElement;
|
||
|
|
api.axios = axios;
|
||
|
|
api.createModalFrame = this.createModalFrame;
|
||
|
|
api.mpFrame = mpFrame;
|
||
|
|
api.layer = layer;
|
||
|
|
return api;
|
||
|
|
},
|
||
|
|
createModalFrame:function(title,src,opt){
|
||
|
|
opt === undefined && (opt = {});
|
||
|
|
var h = 0;
|
||
|
|
if(window.innerHeight < 800 && window.innerHeight >= 700){
|
||
|
|
h=window.innerHeight-50;
|
||
|
|
}else if(window.innerHeight < 900 && window.innerHeight >= 800){
|
||
|
|
h=window.innerHeight-100;
|
||
|
|
}else if(window.innerHeight < 1000 && window.innerHeight >= 900){
|
||
|
|
h=window.innerHeight-150;
|
||
|
|
}else if(window.innerHeight >= 1000){
|
||
|
|
h=window.innerHeight-200;
|
||
|
|
}else{
|
||
|
|
h=window.innerHeight;
|
||
|
|
}
|
||
|
|
var area=[(opt.w || window.innerWidth/2.4)+'px', (opt.h || h)+'px'];
|
||
|
|
return layer.open({
|
||
|
|
type: 2,
|
||
|
|
title:title,
|
||
|
|
area: area,
|
||
|
|
fixed: false, //不固定
|
||
|
|
maxmin: true,
|
||
|
|
shade:0,
|
||
|
|
content: src
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
created:function(){
|
||
|
|
},
|
||
|
|
mounted:function(){
|
||
|
|
window._mpApi = this.globalApi();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
});
|
||
|
|
},0);
|