xs-common-plugins 1.2.0 → 1.2.3

package/src/common/common.js

@@ -1,549 +1,549 @@
-import Vue from 'vue'
-import ask from '@/automatically/api'
-import router from '@/router/index'
-import store from '@/store/index'
-import {OrgEnum} from '@/utils/enum'
-import filterRules from '@/utils/filterRules'
-import request from "xs-request";
-import moduleCfg from '@/modules/module.config.js'
-const common = {}
-
-/**
- * 查询列表数据
- * @param {*} that
- * @param {String} url  接口地址
- * @param {Object} query   接口参数， 默认取页面变量 data 为查询条件
- * @param {Function} callBack  返回函数， 页面在接口返回后自行处理
- */
-common.getList = (that, url, query, callBack) => {
-    let newQuery = {}
-    if (query) newQuery = query
-    else {
-        let obj = Object.assign({}, that.data)
-        if (obj.pageInfo === undefined) {
-            that.$set(obj, 'pageInfo', {page: 1, pageSize: 30})
-        } // 移除空项查询条件
-        for (const key in obj) {
-            if(obj[key] == null || obj[key] === '') 
-            delete obj[key]
-        }
-        delete obj.data
-        newQuery = obj
-    }
-    let request = common.getObject(url)
-    request(query ? query : newQuery).then((res)=>{
-        if(callBack) {
-            callBack(res);
-            return;
-        }
-        if(res.code == 0) {
-            that.data = res.data
-        }
-    })
-}
-
-/**
- *根据请求URL解析对象
- **/
-common.getObject = (url, obj = ask) => {
-    let value = obj
-    let keys = url.split('.')
-    for (let i = 1; i < keys.length; i++) {
-        value = value[keys[i]]
-    }
-    return value
-}
-
-/**
- * 表单的单据保存  
- * @param {*} that 指向 传入 this
- * @param {*} url  api 地址
- * @param {*} query  查询条件 默认this.postForm
- * @param {*} ref  表单校验 捆绑对象  想使用表单保存方法， 但不进行校验， 传值 false
- * @param {*} callBack 接口返回后， 页面要进行后续操作，默认
- * 
- * 调用方法后， 默认关闭弹窗页， 如果 不关闭弹窗， 或有其他业务处理， 参数 callBack(res) 回调当前页面处理
- * 表单校验后，调用 api 之前,  如果要修改保存的值， 默认执行页面上 beforeSaveData (data)方法， return 返回处理好格式的数据
-
- */
-common.saveData = (that, url, query, ref, callBack) => {
-    let newQuery = query ? query : JSON.parse(JSON.stringify(that.postForm)); // 深拷贝， 避免影响页面显示
-    if(ref === false) {
-        common.handleData(that, url, newQuery, callBack)
-    } else {
-        let newRef = ref ? ref : that.$refs.pageDetail.$refs.postForm
-        newRef.validate(res => {
-            if(!res) return
-            if (that.beforeSaveData) {
-                newQuery = that['beforeSaveData'](newQuery);
-            }
-            common.handleData(that, url, newQuery, callBack)
-        })
-    }   
-}
-/**
- * 保存数据 一般作为 common.saveData 的内嵌方法使用， 不推荐单独使用 （表单提交，原则上要经过表单校验）
- * @param {*} that 指向 传入 this
- * @param {*} url api 地址
- * @param {*} query 查询条件 默认this.postForm
- * @param {*} callBack 接口返回后， 页面要进行后续操作
- */
-
-common.handleData  = (that, url, query, callBack)=> {
-    let newQuery = query ? query : that.postForm;
-    if (that.loading !== undefined) that.loading = true;
-    let request = common.getObject(url)
-    request(newQuery ? newQuery : undefined).then((res) => {
-        if (that.loading !== undefined) that.loading = false;
-        if (res.code == 0) {
-            that.$message('保存成功');
-            if(!callBack) that.$emit('close')
-        }
-        if (callBack) callBack(res.data)
-    })
-    
-}
-
-
-/**
- * 查询单条信息
- * @param {*} that
- * @param {String} url 接口地址
- * @param {Object} param 接口参数
- * @param {Function} callBack  返回函数， 页面在接口返回后要进行其他处理
- */
-common.getById = (that, url, query, callBack) => {
-    let request = common.getObject(url)
-    request(query).then((res)=>{
-        if (res.code == 0) {
-            if (callBack) { callBack(res.data) }
-            else that.postForm = res.data
-        }
-    })
-}
-
-/**
- * 修改单条信息
- * @param {*} that
- * @param {String} url 接口地址
- * @param {Object} query 接口参数
- * @param {Function} callBack  返回函数， 页面在接口返回后要进行其他处理
- */
-common.updateById = (that, url, query, callBack) => {
-    let newQuery = query ? query : that.postForm;
-    let request = common.getObject(url)
-    request(newQuery).then((res)=>{
-        if (res.code == 0) {
-            that.$message('操作成功');
-            if (callBack) { callBack(res.data) }
-        }
-    })
-}
-/**
- * 判断多条数据  返回 true/false 或者 重新拼接好的 ids []
- * @param {Object} that  传 this
- * @param {Array} row 要判断的数据 
- * @param {String} title 无数据/ 提示操作的 关键字
- * @param {String} prop 默认 id  要取出数组中哪个字段汇成新数组 
- * @param {Boolean} check  默认 true  二次弹窗确认即将要做的提醒
- * 
- * 使用场景 （列表页上批量操作数据后刷新列表页）
- *  async updateRows () {
- *      let ids = await this.$common.checkRows(this, this.selectRows, 'xxx')
- *      if(!ids) retuen
- *      this.$common.updateData(that, 'ask.xxx.xxx', {保存对象})
- * }
- */
- common.checkRows = async (that, row, title, prop = "id", check = true) => {
-    if(row.length == 0) { 
-        common.message(that, `请选择数据`, 'error'); 
-        return false;
-    }
-    if(check) {
-        try {
-            await common.confirm(that, `您确定进行${title}操作`, '操作提醒')
-            return prop ? row.map(item => item[prop]) : row
-        } catch (error) {
-            return false
-        }
-    } else {
-        return true
-    }
-}
-
-/**
- * 修改数据后， 刷新列表页
- * @param {Object} that  传值 this
- * @param {String} url  api 地址
- * @param {Object} query  接口参数
- * @param {Function} callBack 接口响应成功后， 界面上自行处理返回事件， 不传， 默认执行页面 getList 方法 (刷新列表页)
- */
-common.updateData = (that, url, query, callBack) => {
-    let request = common.getObject(url)
-    request(Object.assign({}, query)).then(res => {
-        if(res.code !== 0) return
-        common.message(that, res.message)
-        if(callBack) callBack(res)
-        else that.getList && that.getList()
-    })
-}
-
-
-/**
- * 消息弹窗---自动消失
- * @param {*} that
- * @param {String} message  内容
- * @param {String} type  类型 可选值：查看element ui 文档，  默认 success
- */
-common.message = (that, message, type) => {
-    that.$message({
-        message: message,
-        type: type ? type : 'success'
-    });
-}
-
-/**
- * 对话框
- * @param {*} that
- * @param {String} message  内容
- * @param {String} title  标题 默认：提示
- * @param {Function} callBack 返回函数， 页面在接口返回后要进行其他处理
- */
-common.confirm = (that, message, title, callBack) => {
-    let result = that.$confirm(message, title ? title : "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "none"
-    })
-    if(callBack) {
-        result.then(() => {
-            callBack(true)
-        })
-        .catch(() => {
-            callBack(false)
-        });
-    } else {
-        return result
-    }
-}
-
-
-/**
- * 发起弹窗
- * @param {*} options
- *  options { 参数
- *      title: string, 弹窗标题
- *      component: vue,  弹窗组件 --> 弹窗组内部取消弹窗 this.$emit('close', 要带给列表页的值)
- *      props: {id: '', name: '' }, 带给弹窗组件的 prop 集合
- *      srcData: {} ,  带给弹窗组件的值  （已废弃， 不推荐使用, 推荐使用 props）
- *      width： string, 弹窗宽度
- *      showButton： Boolean , 是否显示 确认/取消按钮 （默认不显示） 显示时， 确认按钮默认触发组件页面的 confirm() 方法, beforeClose() 方法弹窗关闭前被调用，同时暂停实例的关闭， 参数 done ，此时若需要关闭实例，可以调用done方法
- *      callBack: function 获取 弹窗层返回值
- *      dialogCfg: 弹窗的高级配置， 具体参数查看 element ui 下的 el-dialog
- * }
- * 
- */
-common.popup = (options) => {
-    if (!options) return;
-    let { title, component, srcData, width, showButton, callBack, props, dialogCfg } = common.clone(options);
-    if (!component) return;
-    let e = document.createElement("div");
-    document.getElementsByTagName("body")[0].appendChild(e);
-    let template = '';
-    let v = '';
-    if (typeof component == 'string') {
-    } else {
-        let button = '';
-        if (showButton) {
-            button = `<div style="text-align:right"><el-button size="medium" type='primary' @click="confirm">确认</el-button><el-button size="medium" @click="cancel()">取消</el-button></div>`
-        }
-        template = `<div v-if="visible"> <el-dialog :title="title" v-bind="dialogCfg" :visible.sync="visible" :width="width" :before-close="beforeClose" append-to-body><child ref="child"  v-bind="props" :srcData="srcData" @close="close" @cancel="cancel" />${button}</el-dialog></div>`
-    }
-    v = new Vue({
-        el: e,
-        template: template,
-        router,
-        store,
-        data: function () {
-            return {
-                title: title ? title : '弹窗组件',
-                visible: true,
-                width: width ? width : '30%',
-                props: props ? props : null,
-                srcData: srcData ? srcData : null,
-                dialogCfg: dialogCfg ? dialogCfg: null
-            }
-        },
-        components: {
-            child: component
-        },
-        methods: {
-            confirm() {
-                if (this.$refs.child.confirm) {
-                    this.$refs.child.confirm();
-                }
-            },
-            beforeClose(done) {
-                if (this.$refs.child.beforeClose) {
-                    this.$refs.child.beforeClose(done);
-                } else {
-                    done()
-                }
-            },
-            cancel () {
-                this.visible = false
-            },
-            close(res) {
-                if (callBack) {
-                    callBack(res);
-                }
-                this.visible = false
-            }
-        }
-    })
-    return v
-}
-
-/**
- * 深度拷贝
- */
-common.clone = (obj) => {
-    // 其他类型
-    if (null == obj || 'object' == typeof (obj)) {
-        return obj
-    }
-    // 日期类型
-    if (obj instanceof Date) {
-        let copy = new Date();
-        copy.setTime(obj.getTime());
-        return copy;
-    }
-    //数组类型
-    if (obj instanceof Array) {
-        let copy = [];
-        for (let i = 0; index < obj.length; index++) {
-            copy[i] = common.clone(obj[i])
-        }
-        return copy
-    }
-    //对象类型
-    if (obj instanceof Object) {
-        let copy = {}
-        for (const key in obj) {
-            if (Object.hasOwnProperty.call(object, key)) {
-                copy[key] = common.copy(obj[key])
-            }
-        }
-        return copy
-    }
-
-    throw new Error("无法复制对象！不支持其类型")
-}
-
-
-/**
- *导出数据报表
- *@param query 默认 列表上的 query 条件去掉 data
- *@param headers
- *@param {String} url 请求方法
- *@param {String} fileName 文件名
- */
- common.exportExcel = async (url, query, fileName = 'demo', headers = { responseType: 'arraybuffer' }) => {
-    let newQuery = JSON.parse(JSON.stringify(query)) 
-    delete newQuery.data
-    for (const key in newQuery) {
-        if(newQuery[key] == null || newQuery[key] === '') 
-        delete newQuery[key]
-    }
-    const httpRequest = common.getObject(url)
-    const response = await httpRequest(newQuery, headers)
-    const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
-    const objectUrl = URL.createObjectURL(blob)
-    const a = document.createElement('a')
-    document.body.appendChild(a)
-    a.style = 'display: none'
-    a.href = objectUrl
-    a.download = `${fileName}.xlsx`
-    a.click()
-    document.body.removeChild(a)
-}
-
-/**
- * 从枚举中批量获取按钮
- * @param {String} enumName 枚举名称
- * @param {String} methodName 点击按钮需要调用的方法名
- * @param {String} name 完整的按钮名称
- * 
- */
- common.getBtnListByEnum = (enumName, methodName, name = '') => {
-    let enums = OrgEnum[enumName];
-    let list = []
-    enums.filter(item => {
-        if(item.Id == null) return
-        list.push({name: name + item.Text, methodName, type: item.Id, row: item})
-    })
-   return list
-}
-
-/**
- *  必填项列表
- *  @param {List} list 必填项字段名列表
- */
-common.requiredList = (list) => {
-    let obj = {}
-    list.forEach(key => {
-        obj[key] = filterRules({required: true})
-    });
-    return obj
-}
-
-/**
- *  格式化数据样式
- * @param {*} value  值
- * @param {*} type  要格式化的类型 [date, price, price, money, enum, list(前端自定义枚举)]
- * @returns 
- */
- common.format = (value, type="date") => {
-    let newType = ['money', 'date', 'mdate'].includes(type) ? type : type.split('.').length > 1 ? 'enum' : 'list'
-    switch (newType) {
-        case 'money':
-            return Number(value).toFixed(4);
-        case 'date':
-            if(value === '1970-01-01T00:00:00') return '/'
-            return value ? value.replace('T', ' ').substr(0, 19) : ''
-        case 'mdate':
-            if(value === '1970-01-01T00:00:00') return '/'
-            return value ? value.replace('T', ' ').substr(5, 19) : ''
-        case 'price':
-            if(typeof(value) === 'number') {
-                return value.toFixed(2).toString().replace(/,/g,'').replace(/\d+/, function (n) { // 先提取整数部分
-                    return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
-                        return $1 + ",";
-                    });
-                });
-            }
-            else return ''
-        case 'enum':
-            return getValueByType('enum', type, value)
-        case 'list':
-            return getValueByType('list', type, value)
-        default:
-            break;
-    }
-    function getValueByType (type, name, value) {
-        if(type === 'enum') {
-            let row = OrgEnum[name].find(item => item.Id == value)
-            return row ? row.Text : ''
-        } else if(type === 'list') {
-            let row = moduleCfg.format ? moduleCfg.format[name].find(item => item.id == value) : null
-            return row ? row.name: ''
-        }
-    }
-}
-
-/**
- * 获取报表配置项
- * @param {Object} that 指向 默认传 this
- * @param {String} url  获取配置项 url 
- * @param {Object} query 接口参数
- * @param {Function} callBack 自定义事件， 传此参数， 接口响应后， 后续事情自定义
- * @param {String} methodName  接口响应后， 调用界面哪个方法
- */
- common.getReportCfg = (that, url, query, callBack, methodName = 'getReportList') => {
-    let request = common.getObject(url)
-    request(query).then(res => {
-        if(callBack) {
-            callBack(res)
-        } else {
-            that.config.reportList = res.data
-            if(res.data[0]) {
-                that.reportCfgVal = JSON.parse(res.data[0].jsonCfg)
-                that[methodName]();
-            }
-        }
-    })
-}
-
-/**
- * 获取报表列表数据
- * @param {*} that 指向 默认传 this 
- * @param {*} url 获取数据 url 
- * @param {*} query 接口参数 不传， 默认取值 this.data (查询条件) + this.reportCfgVal （报表配置项）
- * @param {*} callBack 接口响应后， 自定义事件
- */
-common.getReportList = (that, url, query, callBack) => {
-    let newQuery = {}
-    if(query) newQuery = query
-    else {
-       let obj = Object.assign({}, that.data)
-       delete obj.data
-       // 移除空项查询条件
-       for (const key in obj) {
-            if(obj[key] == null || obj[key] === '') 
-            delete obj[key]
-        }
-       newQuery = Object.assign(obj, {report: that.reportCfgVal})
-    }
-    let request = common.getObject(url)
-    request(newQuery).then(res => {
-        if(callBack) callBack(res)
-        else that.data = res.data
-    })
-}
-
-
-/**
- * 字典表 里通过Id 查 name, 或者查询多条数据 （单条返回 name， 多条返回数组）
- * @param {Array} props  ['服务名', '表名', '字段名']
- * @param {String, Number, Array} val 值， 传入id, 或者 [id1, id2, ...]
- * 
- * 使用案例  (异步方法)
- *  async getValue () {
- *     await this.$common.dic(['qccuser', 'Brand'], '10010')
- *  }
- *   
- */
-
-common.dic = async (props, val) => {
-    let isArray = Array.isArray(val)
-    let server = props[0] || ''
-    let tableName = props[1] || ''
-    let prop = props[2] || 'name'
-    let key = server + tableName
-    if(store.getters.dic[key]) {
-        if(isArray) return await getDicVal()
-        let row =  store.getters.dic[key].find(item => item.id == val)
-        if(row && (row.isNull || row[prop] === null)) { return '' }
-        if(row) return row[prop]
-        if(!row) return await getDicVal()
-        
-    } else {
-        return await getDicVal()
-    }
-    async function getDicVal () {
-        let servers = props[0] || "";
-        let tableName = props[1] || "";
-        let key = servers + tableName;
-        let url = servers + "/UserAll/Search/Dic/" + tableName;
-        let res = await request.post(url, isArray ? val : [val])
-        if (res.code !== 0) return;
-        store.commit("dic/SET_ASK", { key, val: res.data });
-        if(isArray) return res.data
-        else {
-            let row = res.data.find(item => item.id == val)
-            return row ? row[prop] : ''
-        }
-    }
-}
-/**
- * 快速给页面变量赋值
- * @param {*} url  请求接口的地址
- * @param {*} query  接口参数
- * @param {*} prop  要为哪个字段名赋值
- */
-common.getLabelList = (that, prop, url, query) => {
-    common.getObject(url)(query).then(res => {
-        that[prop] = res.data
-    })
-}
+import Vue from 'vue'
+import ask from '@/automatically/api'
+import router from '@/router/index'
+import store from '@/store/index'
+import {OrgEnum} from '@/utils/enum'
+import filterRules from '@/utils/filterRules'
+import request from "xs-request";
+import moduleCfg from '@/modules/module.config.js'
+const common = {}
+
+/**
+ * 查询列表数据
+ * @param {*} that
+ * @param {String} url  接口地址
+ * @param {Object} query   接口参数， 默认取页面变量 data 为查询条件
+ * @param {Function} callBack  返回函数， 页面在接口返回后自行处理
+ */
+common.getList = (that, url, query, callBack) => {
+    let newQuery = {}
+    if (query) newQuery = query
+    else {
+        let obj = Object.assign({}, that.data)
+        if (obj.pageInfo === undefined) {
+            that.$set(obj, 'pageInfo', {page: 1, pageSize: 30})
+        } // 移除空项查询条件
+        for (const key in obj) {
+            if(obj[key] == null || obj[key] === '') 
+            delete obj[key]
+        }
+        delete obj.data
+        newQuery = obj
+    }
+    let request = common.getObject(url)
+    request(query ? query : newQuery).then((res)=>{
+        if(callBack) {
+            callBack(res);
+            return;
+        }
+        if(res.code == 0) {
+            that.data = res.data
+        }
+    })
+}
+
+/**
+ *根据请求URL解析对象
+ **/
+common.getObject = (url, obj = ask) => {
+    let value = obj
+    let keys = url.split('.')
+    for (let i = 1; i < keys.length; i++) {
+        value = value[keys[i]]
+    }
+    return value
+}
+
+/**
+ * 表单的单据保存  
+ * @param {*} that 指向 传入 this
+ * @param {*} url  api 地址
+ * @param {*} query  查询条件 默认this.postForm
+ * @param {*} ref  表单校验 捆绑对象  想使用表单保存方法， 但不进行校验， 传值 false
+ * @param {*} callBack 接口返回后， 页面要进行后续操作，默认
+ * 
+ * 调用方法后， 默认关闭弹窗页， 如果 不关闭弹窗， 或有其他业务处理， 参数 callBack(res) 回调当前页面处理
+ * 表单校验后，调用 api 之前,  如果要修改保存的值， 默认执行页面上 beforeSaveData (data)方法， return 返回处理好格式的数据
+
+ */
+common.saveData = (that, url, query, ref, callBack) => {
+    let newQuery = query ? query : JSON.parse(JSON.stringify(that.postForm)); // 深拷贝， 避免影响页面显示
+    if(ref === false) {
+        common.handleData(that, url, newQuery, callBack)
+    } else {
+        let newRef = ref ? ref : that.$refs.pageDetail.$refs.postForm
+        newRef.validate(res => {
+            if(!res) return
+            if (that.beforeSaveData) {
+                newQuery = that['beforeSaveData'](newQuery);
+            }
+            common.handleData(that, url, newQuery, callBack)
+        })
+    }   
+}
+/**
+ * 保存数据 一般作为 common.saveData 的内嵌方法使用， 不推荐单独使用 （表单提交，原则上要经过表单校验）
+ * @param {*} that 指向 传入 this
+ * @param {*} url api 地址
+ * @param {*} query 查询条件 默认this.postForm
+ * @param {*} callBack 接口返回后， 页面要进行后续操作
+ */
+
+common.handleData  = (that, url, query, callBack)=> {
+    let newQuery = query ? query : that.postForm;
+    if (that.loading !== undefined) that.loading = true;
+    let request = common.getObject(url)
+    request(newQuery ? newQuery : undefined).then((res) => {
+        if (that.loading !== undefined) that.loading = false;
+        if (res.code == 0) {
+            that.$message('保存成功');
+            if(!callBack) that.$emit('close')
+        }
+        if (callBack) callBack(res.data)
+    })
+    
+}
+
+
+/**
+ * 查询单条信息
+ * @param {*} that
+ * @param {String} url 接口地址
+ * @param {Object} param 接口参数
+ * @param {Function} callBack  返回函数， 页面在接口返回后要进行其他处理
+ */
+common.getById = (that, url, query, callBack) => {
+    let request = common.getObject(url)
+    request(query).then((res)=>{
+        if (res.code == 0) {
+            if (callBack) { callBack(res.data) }
+            else that.postForm = res.data
+        }
+    })
+}
+
+/**
+ * 修改单条信息
+ * @param {*} that
+ * @param {String} url 接口地址
+ * @param {Object} query 接口参数
+ * @param {Function} callBack  返回函数， 页面在接口返回后要进行其他处理
+ */
+common.updateById = (that, url, query, callBack) => {
+    let newQuery = query ? query : that.postForm;
+    let request = common.getObject(url)
+    request(newQuery).then((res)=>{
+        if (res.code == 0) {
+            that.$message('操作成功');
+            if (callBack) { callBack(res.data) }
+        }
+    })
+}
+/**
+ * 判断多条数据  返回 true/false 或者 重新拼接好的 ids []
+ * @param {Object} that  传 this
+ * @param {Array} row 要判断的数据 
+ * @param {String} title 无数据/ 提示操作的 关键字
+ * @param {String} prop 默认 id  要取出数组中哪个字段汇成新数组 
+ * @param {Boolean} check  默认 true  二次弹窗确认即将要做的提醒
+ * 
+ * 使用场景 （列表页上批量操作数据后刷新列表页）
+ *  async updateRows () {
+ *      let ids = await this.$common.checkRows(this, this.selectRows, 'xxx')
+ *      if(!ids) retuen
+ *      this.$common.updateData(that, 'ask.xxx.xxx', {保存对象})
+ * }
+ */
+ common.checkRows = async (that, row, title, prop = "id", check = true) => {
+    if(row.length == 0) { 
+        common.message(that, `请选择数据`, 'error'); 
+        return false;
+    }
+    if(check) {
+        try {
+            await common.confirm(that, `您确定进行${title}操作`, '操作提醒')
+            return prop ? row.map(item => item[prop]) : row
+        } catch (error) {
+            return false
+        }
+    } else {
+        return true
+    }
+}
+
+/**
+ * 修改数据后， 刷新列表页
+ * @param {Object} that  传值 this
+ * @param {String} url  api 地址
+ * @param {Object} query  接口参数
+ * @param {Function} callBack 接口响应成功后， 界面上自行处理返回事件， 不传， 默认执行页面 getList 方法 (刷新列表页)
+ */
+common.updateData = (that, url, query, callBack) => {
+    let request = common.getObject(url)
+    request(Object.assign({}, query)).then(res => {
+        if(res.code !== 0) return
+        common.message(that, res.message)
+        if(callBack) callBack(res)
+        else that.getList && that.getList()
+    })
+}
+
+
+/**
+ * 消息弹窗---自动消失
+ * @param {*} that
+ * @param {String} message  内容
+ * @param {String} type  类型 可选值：查看element ui 文档，  默认 success
+ */
+common.message = (that, message, type) => {
+    that.$message({
+        message: message,
+        type: type ? type : 'success'
+    });
+}
+
+/**
+ * 对话框
+ * @param {*} that
+ * @param {String} message  内容
+ * @param {String} title  标题 默认：提示
+ * @param {Function} callBack 返回函数， 页面在接口返回后要进行其他处理
+ */
+common.confirm = (that, message, title, callBack) => {
+    let result = that.$confirm(message, title ? title : "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "none"
+    })
+    if(callBack) {
+        result.then(() => {
+            callBack(true)
+        })
+        .catch(() => {
+            callBack(false)
+        });
+    } else {
+        return result
+    }
+}
+
+
+/**
+ * 发起弹窗
+ * @param {*} options
+ *  options { 参数
+ *      title: string, 弹窗标题
+ *      component: vue,  弹窗组件 --> 弹窗组内部取消弹窗 this.$emit('close', 要带给列表页的值)
+ *      props: {id: '', name: '' }, 带给弹窗组件的 prop 集合
+ *      srcData: {} ,  带给弹窗组件的值  （已废弃， 不推荐使用, 推荐使用 props）
+ *      width： string, 弹窗宽度
+ *      showButton： Boolean , 是否显示 确认/取消按钮 （默认不显示） 显示时， 确认按钮默认触发组件页面的 confirm() 方法, beforeClose() 方法弹窗关闭前被调用，同时暂停实例的关闭， 参数 done ，此时若需要关闭实例，可以调用done方法
+ *      callBack: function 获取 弹窗层返回值
+ *      dialogCfg: 弹窗的高级配置， 具体参数查看 element ui 下的 el-dialog
+ * }
+ * 
+ */
+common.popup = (options) => {
+    if (!options) return;
+    let { title, component, srcData, width, showButton, callBack, props, dialogCfg } = common.clone(options);
+    if (!component) return;
+    let e = document.createElement("div");
+    document.getElementsByTagName("body")[0].appendChild(e);
+    let template = '';
+    let v = '';
+    if (typeof component == 'string') {
+    } else {
+        let button = '';
+        if (showButton) {
+            button = `<div style="text-align:right"><el-button size="medium" type='primary' @click="confirm">确认</el-button><el-button size="medium" @click="cancel()">取消</el-button></div>`
+        }
+        template = `<div v-if="visible"> <el-dialog :title="title" v-bind="dialogCfg" :visible.sync="visible" :width="width" :before-close="beforeClose" append-to-body><child ref="child"  v-bind="props" :srcData="srcData" @close="close" @cancel="cancel" />${button}</el-dialog></div>`
+    }
+    v = new Vue({
+        el: e,
+        template: template,
+        router,
+        store,
+        data: function () {
+            return {
+                title: title ? title : '弹窗组件',
+                visible: true,
+                width: width ? width : '30%',
+                props: props ? props : null,
+                srcData: srcData ? srcData : null,
+                dialogCfg: dialogCfg ? dialogCfg: null
+            }
+        },
+        components: {
+            child: component
+        },
+        methods: {
+            confirm() {
+                if (this.$refs.child.confirm) {
+                    this.$refs.child.confirm();
+                }
+            },
+            beforeClose(done) {
+                if (this.$refs.child.beforeClose) {
+                    this.$refs.child.beforeClose(done);
+                } else {
+                    done()
+                }
+            },
+            cancel () {
+                this.visible = false
+            },
+            close(res) {
+                if (callBack) {
+                    callBack(res);
+                }
+                this.visible = false
+            }
+        }
+    })
+    return v
+}
+
+/**
+ * 深度拷贝
+ */
+common.clone = (obj) => {
+    // 其他类型
+    if (null == obj || 'object' == typeof (obj)) {
+        return obj
+    }
+    // 日期类型
+    if (obj instanceof Date) {
+        let copy = new Date();
+        copy.setTime(obj.getTime());
+        return copy;
+    }
+    //数组类型
+    if (obj instanceof Array) {
+        let copy = [];
+        for (let i = 0; index < obj.length; index++) {
+            copy[i] = common.clone(obj[i])
+        }
+        return copy
+    }
+    //对象类型
+    if (obj instanceof Object) {
+        let copy = {}
+        for (const key in obj) {
+            if (Object.hasOwnProperty.call(object, key)) {
+                copy[key] = common.copy(obj[key])
+            }
+        }
+        return copy
+    }
+
+    throw new Error("无法复制对象！不支持其类型")
+}
+
+
+/**
+ *导出数据报表
+ *@param query 默认 列表上的 query 条件去掉 data
+ *@param headers
+ *@param {String} url 请求方法
+ *@param {String} fileName 文件名
+ */
+ common.exportExcel = async (url, query, fileName = 'demo', headers = { responseType: 'arraybuffer' }) => {
+    let newQuery = JSON.parse(JSON.stringify(query)) 
+    delete newQuery.data
+    for (const key in newQuery) {
+        if(newQuery[key] == null || newQuery[key] === '') 
+        delete newQuery[key]
+    }
+    const httpRequest = common.getObject(url)
+    const response = await httpRequest(newQuery, headers)
+    const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
+    const objectUrl = URL.createObjectURL(blob)
+    const a = document.createElement('a')
+    document.body.appendChild(a)
+    a.style = 'display: none'
+    a.href = objectUrl
+    a.download = `${fileName}.xlsx`
+    a.click()
+    document.body.removeChild(a)
+}
+
+/**
+ * 从枚举中批量获取按钮
+ * @param {String} enumName 枚举名称
+ * @param {String} methodName 点击按钮需要调用的方法名
+ * @param {String} name 完整的按钮名称
+ * 
+ */
+ common.getBtnListByEnum = (enumName, methodName, name = '') => {
+    let enums = OrgEnum[enumName];
+    let list = []
+    enums.filter(item => {
+        if(item.Id == null) return
+        list.push({name: name + item.Text, methodName, type: item.Id, row: item})
+    })
+   return list
+}
+
+/**
+ *  必填项列表
+ *  @param {List} list 必填项字段名列表
+ */
+common.requiredList = (list) => {
+    let obj = {}
+    list.forEach(key => {
+        obj[key] = filterRules({required: true})
+    });
+    return obj
+}
+
+/**
+ *  格式化数据样式
+ * @param {*} value  值
+ * @param {*} type  要格式化的类型 [date, price, price, money, enum, list(前端自定义枚举)]
+ * @returns 
+ */
+ common.format = (value, type="date") => {
+    let newType = ['money', 'date', 'mdate'].includes(type) ? type : type.split('.').length > 1 ? 'enum' : 'list'
+    switch (newType) {
+        case 'money':
+            return Number(value).toFixed(4);
+        case 'date':
+            if(value === '1970-01-01T00:00:00') return '/'
+            return value ? value.replace('T', ' ').substr(0, 19) : ''
+        case 'mdate':
+            if(value === '1970-01-01T00:00:00') return '/'
+            return value ? value.replace('T', ' ').substr(5, 19) : ''
+        case 'price':
+            if(typeof(value) === 'number') {
+                return value.toFixed(2).toString().replace(/,/g,'').replace(/\d+/, function (n) { // 先提取整数部分
+                    return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
+                        return $1 + ",";
+                    });
+                });
+            }
+            else return ''
+        case 'enum':
+            return getValueByType('enum', type, value)
+        case 'list':
+            return getValueByType('list', type, value)
+        default:
+            break;
+    }
+    function getValueByType (type, name, value) {
+        if(type === 'enum') {
+            let row = OrgEnum[name].find(item => item.Id == value)
+            return row ? row.Text : ''
+        } else if(type === 'list') {
+            let row = moduleCfg.format ? moduleCfg.format[name].find(item => item.id == value) : null
+            return row ? row.name: ''
+        }
+    }
+}
+
+/**
+ * 获取报表配置项
+ * @param {Object} that 指向 默认传 this
+ * @param {String} url  获取配置项 url 
+ * @param {Object} query 接口参数
+ * @param {Function} callBack 自定义事件， 传此参数， 接口响应后， 后续事情自定义
+ * @param {String} methodName  接口响应后， 调用界面哪个方法
+ */
+ common.getReportCfg = (that, url, query, callBack, methodName = 'getReportList') => {
+    let request = common.getObject(url)
+    request(query).then(res => {
+        if(callBack) {
+            callBack(res)
+        } else {
+            that.config.reportList = res.data
+            if(res.data[0]) {
+                that.reportCfgVal = JSON.parse(res.data[0].jsonCfg)
+                that[methodName]();
+            }
+        }
+    })
+}
+
+/**
+ * 获取报表列表数据
+ * @param {*} that 指向 默认传 this 
+ * @param {*} url 获取数据 url 
+ * @param {*} query 接口参数 不传， 默认取值 this.data (查询条件) + this.reportCfgVal （报表配置项）
+ * @param {*} callBack 接口响应后， 自定义事件
+ */
+common.getReportList = (that, url, query, callBack) => {
+    let newQuery = {}
+    if(query) newQuery = query
+    else {
+       let obj = Object.assign({}, that.data)
+       delete obj.data
+       // 移除空项查询条件
+       for (const key in obj) {
+            if(obj[key] == null || obj[key] === '') 
+            delete obj[key]
+        }
+       newQuery = Object.assign(obj, {report: that.reportCfgVal})
+    }
+    let request = common.getObject(url)
+    request(newQuery).then(res => {
+        if(callBack) callBack(res)
+        else that.data = res.data
+    })
+}
+
+
+/**
+ * 字典表 里通过Id 查 name, 或者查询多条数据 （单条返回 name， 多条返回数组）
+ * @param {Array} props  ['服务名', '表名', '字段名']
+ * @param {String, Number, Array} val 值， 传入id, 或者 [id1, id2, ...]
+ * 
+ * 使用案例  (异步方法)
+ *  async getValue () {
+ *     await this.$common.dic(['qccuser', 'Brand'], '10010')
+ *  }
+ *   
+ */
+
+common.dic = async (props, val) => {
+    let isArray = Array.isArray(val)
+    let server = props[0] || ''
+    let tableName = props[1] || ''
+    let prop = props[2] || 'name'
+    let key = server + tableName
+    if(store.getters.dic[key]) {
+        if(isArray) return await getDicVal()
+        let row =  store.getters.dic[key].find(item => item.id == val)
+        if(row && (row.isNull || row[prop] === null)) { return '' }
+        if(row) return row[prop]
+        if(!row) return await getDicVal()
+        
+    } else {
+        return await getDicVal()
+    }
+    async function getDicVal () {
+        let servers = props[0] || "";
+        let tableName = props[1] || "";
+        let key = servers + tableName;
+        let url = servers + "/UserAll/Search/Dic/" + tableName;
+        let res = await request.post(url, isArray ? val : [val])
+        if (res.code !== 0) return;
+        store.commit("dic/SET_ASK", { key, val: res.data });
+        if(isArray) return res.data
+        else {
+            let row = res.data.find(item => item.id == val)
+            return row ? row[prop] : ''
+        }
+    }
+}
+/**
+ * 快速给页面变量赋值
+ * @param {*} url  请求接口的地址
+ * @param {*} query  接口参数
+ * @param {*} prop  要为哪个字段名赋值
+ */
+common.getLabelList = (that, prop, url, query) => {
+    common.getObject(url)(query).then(res => {
+        that[prop] = res.data
+    })
+}
 export default common