xs-common-plugins 1.1.2 → 1.1.6

package/README.md

@@ -238,3 +238,40 @@
    1.0.10
    1. 新增Search组件input元素change事件回调
 ```
+```
+   1.0.12
+   1. 弹窗组件增加可扩展参数
+   2. 报表兼容
+```
+```
+   1.0.13 (废弃)
+   1. 弹窗组件增加可扩展参数(修复)
+```
+```
+   1.0.14
+   1. 修复插件
+```
+```
+   1.1.0
+   1. 测试插件
+```
+```
+   1.1.3
+   1. common.js 文件增加报表操作相关公用方法（查询配置信息， 查询列表数据）
+```
+```
+   1.1.4
+   1. common.js 增加  common.updateData() 修改数据后， 刷新列表页函数
+   2. dic 字段， 移除 '0' 字符串 0 的 参数
+   3. 移除 common.getReportList() 获取列表页数据 函数 空数据入参
+```
+```
+   1.1.5
+   1. common.js common.exportExcel （报表导出） 方法， 移除空条件
+```
+```
+   1.1.6
+   1. 增加多租户却换
+   2. 兼容相同路由跳转警告问题
+   3. common.js 增加公用方法 this.$common.dic() 用于查询字典单条/多条数据
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xs-common-plugins",
-  "version": "1.1.2",
+  "version": "1.1.6",
   "private": false,
   "description": "向上公共代码部分",
   "author": "祝玲云 <1902733517@qq.com>",

package/src/App.vue

@@ -1,12 +1,12 @@
-<template>
-  <div id="app">
-    <router-view />
-    <router-view name="websocket" />
-  </div>
-</template>
-
-<script>
-
-</script>
-
+<template>
+  <div id="app">
+    <router-view />
+    <router-view name="websocket" />
+  </div>
+</template>
+
+<script>
+
+</script>
+
 <style lang="scss" src="./styles/table.scss"></style>

package/src/common/common.js

@@ -4,6 +4,7 @@ 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";
 
 const common = {}
 
@@ -139,15 +140,23 @@ common.updateById = (that, url, query, callBack) => {
     })
 }
 /**
- * 判断多条数据
- * @param {*} that 
- * @param {*} row 要判断的数据 
- * @param {*} title 无数据/ 提示操作的 关键字
- * @param {*} check  默认 true  二次弹窗确认即将要做的提醒
+ * 判断多条数据  返回 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, `无${title}的数据`, 'error'); 
+        common.message(that, `请选择数据`, 'error'); 
         return false;
     }
     if(check) {
@@ -157,9 +166,28 @@ common.updateById = (that, url, query, callBack) => {
         } 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()
+    })
+}
+
 
 /**
  * 消息弹窗---自动消失
@@ -199,6 +227,7 @@ common.confirm = (that, message, title, callBack) => {
     }
 }
 
+
 /**
  * 发起弹窗
  * @param {*} options
@@ -208,15 +237,15 @@ common.confirm = (that, message, title, callBack) => {
  *      props: {id: '', name: '' }, 带给弹窗组件的 prop 集合
  *      srcData: {} ,  带给弹窗组件的值  （已废弃， 不推荐使用, 推荐使用 props）
  *      width： string, 弹窗宽度
- *      showButton： Boolean , 是否显示 确认/取消按钮 （默认不显示） 显示时， 确认按钮默认触发组件页面的 confirm() 方法
+ *      showButton： Boolean , 是否显示 确认/取消按钮 （默认不显示） 显示时， 确认按钮默认触发组件页面的 confirm() 方法, beforeClose() 方法弹窗关闭前被调用，同时暂停实例的关闭， 参数 done ，此时若需要关闭实例，可以调用done方法
  *      callBack: function 获取 弹窗层返回值
- *      beforeClose: function 弹窗点击关闭事件， 返回参数 done , 关闭弹窗事件
+ *      dialogCfg: 弹窗的高级配置， 具体参数查看 element ui 下的 el-dialog
  * }
  * 
  */
 common.popup = (options) => {
     if (!options) return;
-    let { title, component, srcData, width, showButton, callBack, beforeClose, props } = common.clone(options);
+    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);
@@ -228,7 +257,7 @@ common.popup = (options) => {
         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" :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>`
+        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,
@@ -241,7 +270,8 @@ common.popup = (options) => {
                 visible: true,
                 width: width ? width : '30%',
                 props: props ? props : null,
-                srcData: srcData ? srcData : null
+                srcData: srcData ? srcData : null,
+                dialogCfg: dialogCfg ? dialogCfg: null
             }
         },
         components: {
@@ -254,10 +284,10 @@ common.popup = (options) => {
                 }
             },
             beforeClose(done) {
-                if(beforeClose) {
-                    beforeClose(done)
+                if (this.$refs.child.beforeClose) {
+                    this.$refs.child.beforeClose(done);
                 } else {
-                    done();
+                    done()
                 }
             },
             cancel () {
@@ -321,6 +351,10 @@ common.clone = (obj) => {
  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' })
@@ -390,4 +424,99 @@ common.requiredList = (list) => {
     }
 }
 
+/**
+ * 获取报表配置项
+ * @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, 或者查询多条数据
+ * @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] : ''
+        }
+    }
+}
+
 export default common

package/src/common/createMenuId.js

@@ -1,7 +1,7 @@
-import md5 from "js-md5";
-import { getConfig } from "@/utils/global-config";
-export function createMenuId(_fullPath) {
-    return md5(getConfig("CLIENT_ID") + ":" + _fullPath);
-}
-
-
+import md5 from "js-md5";
+import { getConfig } from "@/utils/global-config";
+export function createMenuId(_fullPath) {
+    return md5(getConfig("CLIENT_ID") + ":" + _fullPath);
+}
+
+

package/src/common/uploadImgToBase64.js

@@ -1,13 +1,13 @@
-export function uploadImgToBase64(file) {
-    return new Promise((resolve, reject) => {
-        if (!window.FileReader) {
-            console.error('抱歉，您的浏览器不支持 FileReader API!')
-        }
-        const reader = new FileReader()
-        reader.readAsDataURL(file)
-        reader.onload = function () { // 图片转base64完成后返回reader对象
-            resolve(reader)
-        }
-        reader.onerror = reject
-    })
+export function uploadImgToBase64(file) {
+    return new Promise((resolve, reject) => {
+        if (!window.FileReader) {
+            console.error('抱歉，您的浏览器不支持 FileReader API!')
+        }
+        const reader = new FileReader()
+        reader.readAsDataURL(file)
+        reader.onload = function () { // 图片转base64完成后返回reader对象
+            resolve(reader)
+        }
+        reader.onerror = reject
+    })
 }

package/src/common/utils.js

@@ -1,95 +1,95 @@
-export function isPlainObject(val) {
-  return toString.call(val) === "[object Object]";
-}
-
-export function isArray(val) {
-  return toString.call(val) === "[object Array]";
-}
-
-/**
- * 获取指定的URL参数值
- * URL:http://www.quwan.com/index?name=tyler
- * 参数：paramName URL参数
- * 调用方法:getParam("name")
- * 返回值:tyler
- */
-export function getParam(name) {
-  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-  var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
-  var r = window.location.search.substr(1).match(reg);
-  var q = window.location.pathname.substr(1).match(reg_rewrite);
-  if (r != null) {
-    return unescape(r[2]);
-  } else if (q != null) {
-    return unescape(q[2]);
-  } else {
-    return null;
-  }
-}
-
-export function getQuery(_url, name) {
-  let search = _url ? _url : window.location.search;
-  if (search) {
-    const KEY_REDIRECT = "?";
-    const startIndex = window.location.href.indexOf(KEY_REDIRECT);
-    search = window.location.href.substring(startIndex + 1);
-  }
-
-  var vars = search.split("&");
-  for (var i = 0; i < vars.length; i++) {
-    var pair = vars[i].split("=");
-    if (pair[0] == name) {
-      return pair[1];
-    }
-  }
-  return false;
-}
-export function checkedBoxRe(val, enumName, target) {
-  let attr = "";
-  let sourceList =
-    (target.OrgEnum && target.OrgEnum[enumName]) || target.$orgEnum[enumName];
-  const arr = sourceList.slice(0, -1).map(item => {
-    return item.Id;
-  });
-  arr.forEach((item, index) => {
-    if ((val & item) > 0) {
-      attr += sourceList[index].Text + ",";
-    }
-  });
-  if (attr.length > 0) {
-    attr = attr.substr(0, attr.length - 1);
-  }
-  return attr;
-} /*节流函数，通过控制每次事件执行的时间间隔控制短时间多次执行方法
-handler:要执行的方法
-wait：每次点击事件执行的时间间隔(毫秒)
-*/
-export function throttle(handler, wait = 1000) {
-  var lastTime = 0;
-  var self = this,
-    arg = arguments;
-
-  return function() {
-    var nowTime = new Date().getTime();
-    if (nowTime - lastTime > wait) {
-      handler.apply(self, arg);
-      lastTime = nowTime;
-    }
-  };
-}
-
-/*防抖函数，通过推迟每次事件执行的时间来减少不必要的查询
-  handler:要执行的方法
-  delay：每次事件执行的推迟时间(毫秒)
-  */
-export function debounce(handler, delay) {
-  var timer;
-  return function() {
-    var self = this,
-      arg = arguments;
-    clearTimeout(timer);
-    timer = setTimeout(function() {
-      handler.apply(self, arg);
-    }, delay);
-  };
-}
+export function isPlainObject(val) {
+  return toString.call(val) === "[object Object]";
+}
+
+export function isArray(val) {
+  return toString.call(val) === "[object Array]";
+}
+
+/**
+ * 获取指定的URL参数值
+ * URL:http://www.quwan.com/index?name=tyler
+ * 参数：paramName URL参数
+ * 调用方法:getParam("name")
+ * 返回值:tyler
+ */
+export function getParam(name) {
+  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+  var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
+  var r = window.location.search.substr(1).match(reg);
+  var q = window.location.pathname.substr(1).match(reg_rewrite);
+  if (r != null) {
+    return unescape(r[2]);
+  } else if (q != null) {
+    return unescape(q[2]);
+  } else {
+    return null;
+  }
+}
+
+export function getQuery(_url, name) {
+  let search = _url ? _url : window.location.search;
+  if (search) {
+    const KEY_REDIRECT = "?";
+    const startIndex = window.location.href.indexOf(KEY_REDIRECT);
+    search = window.location.href.substring(startIndex + 1);
+  }
+
+  var vars = search.split("&");
+  for (var i = 0; i < vars.length; i++) {
+    var pair = vars[i].split("=");
+    if (pair[0] == name) {
+      return pair[1];
+    }
+  }
+  return false;
+}
+export function checkedBoxRe(val, enumName, target) {
+  let attr = "";
+  let sourceList =
+    (target.OrgEnum && target.OrgEnum[enumName]) || target.$orgEnum[enumName];
+  const arr = sourceList.slice(0, -1).map(item => {
+    return item.Id;
+  });
+  arr.forEach((item, index) => {
+    if ((val & item) > 0) {
+      attr += sourceList[index].Text + ",";
+    }
+  });
+  if (attr.length > 0) {
+    attr = attr.substr(0, attr.length - 1);
+  }
+  return attr;
+} /*节流函数，通过控制每次事件执行的时间间隔控制短时间多次执行方法
+handler:要执行的方法
+wait：每次点击事件执行的时间间隔(毫秒)
+*/
+export function throttle(handler, wait = 1000) {
+  var lastTime = 0;
+  var self = this,
+    arg = arguments;
+
+  return function() {
+    var nowTime = new Date().getTime();
+    if (nowTime - lastTime > wait) {
+      handler.apply(self, arg);
+      lastTime = nowTime;
+    }
+  };
+}
+
+/*防抖函数，通过推迟每次事件执行的时间来减少不必要的查询
+  handler:要执行的方法
+  delay：每次事件执行的推迟时间(毫秒)
+  */
+export function debounce(handler, delay) {
+  var timer;
+  return function() {
+    var self = this,
+      arg = arguments;
+    clearTimeout(timer);
+    timer = setTimeout(function() {
+      handler.apply(self, arg);
+    }, delay);
+  };
+}