123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- 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);
|