leisure-core 0.4.58 → 0.4.59

package/index.js

@@ -1,4 +1,4 @@
-import LeDrag from "leisure-js/drag/drag.js";
+import LeDrag from "./le-libs/js/drag.js";
 import {
   parseTime,
   formatMoney,

package/le-libs/js/drag.js

@@ -0,0 +1,78 @@
+export default {
+  bind(el, binding, vnode) {
+    const dialogHeaderEl = el.querySelector(".el-dialog__header");
+    const dragDom = el.querySelector(".el-dialog");
+    dialogHeaderEl.style.cssText += ";cursor:move;";
+    dragDom.style.cssText += ";top:0px;";
+
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+    const getStyle = (function () {
+      if (window.document.currentStyle) {
+        return (dom, attr) => dom.currentStyle[attr];
+      } else {
+        return (dom, attr) => getComputedStyle(dom, false)[attr];
+      }
+    })();
+
+    dialogHeaderEl.onmousedown = (e) => {
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX - dialogHeaderEl.offsetLeft;
+      const disY = e.clientY - dialogHeaderEl.offsetTop;
+
+      const dragDomWidth = dragDom.offsetWidth;
+      // const dragDomHeight = dragDom.offsetHeight
+
+      const screenWidth = document.body.clientWidth;
+      const screenHeight = document.body.clientHeight;
+
+      const minDragDomLeft = dragDom.offsetLeft;
+      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+
+      const minDragDomTop = dragDom.offsetTop;
+      // const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight
+      const maxDragDomTop = screenHeight - dragDom.offsetTop; // 不需要-dragDomHeight
+
+      // 获取到的值带px 正则匹配替换
+      let styL = getStyle(dragDom, "left");
+      let styT = getStyle(dragDom, "top");
+
+      if (styL.includes("%")) {
+        styL = +document.body.clientWidth * (+styL.replace(/\%/g, "") / 100);
+        styT = +document.body.clientHeight * (+styT.replace(/\%/g, "") / 100);
+      } else {
+        styL = +styL.replace(/\px/g, "");
+        styT = +styT.replace(/\px/g, "");
+      }
+
+      document.onmousemove = function (e) {
+        // 通过事件委托，计算移动的距离
+        let left = e.clientX - disX;
+        let top = e.clientY - disY;
+
+        // 边界处理
+        if (-left > minDragDomLeft) {
+          left = -minDragDomLeft;
+        } else if (left > maxDragDomLeft) {
+          left = maxDragDomLeft;
+        }
+
+        if (-top > minDragDomTop) {
+          top = -minDragDomTop;
+        } else if (top > maxDragDomTop) {
+          top = maxDragDomTop;
+        }
+
+        // 移动当前元素
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+
+        // emit onDrag event
+        vnode.child.$emit("dragDialog");
+      };
+
+      document.onmouseup = function (e) {
+        document.onmousemove = null;
+        document.onmouseup = null;
+      };
+    };
+  },
+};

package/le-libs/js/hrequest.js

@@ -0,0 +1,71 @@
+import axios from "axios";
+import router from "@/router";
+import store from "@/store";
+import { Message } from "element-ui";
+import dayjs from "dayjs";
+
+let calMethod = null;
+
+function sign(param) {
+  if (!param) return "";
+  param = param.toString();
+  if (calMethod) {
+    return calMethod(param);
+  } else return "";
+}
+
+function setCalMethod(param) {
+  calMethod = param;
+}
+
+const msg = (info) =>
+  Message({
+    message: "出错了，错误信息:" + info,
+    type: "error",
+    duration: 2000,
+  });
+
+const service = axios.create({
+  baseURL: process.env.VUE_APP_BASE_API,
+  timeout: 50000,
+});
+
+service.interceptors.request.use(
+  (config) => {
+    config.headers["Content-Type"] = "application/json;";
+    let userinfo = store.getters.userinfo;
+    if (userinfo != undefined && userinfo.token != undefined) {
+      config.headers["authentication"] = userinfo.token;
+    }
+    const timestamp = dayjs().unix();
+    config.headers["timestamp"] = timestamp;
+    config.headers["sign"] = sign(timestamp);
+    return config;
+  },
+  (error) => {
+    Promise.reject(error);
+  }
+);
+
+service.interceptors.response.use(
+  (response) => {
+    const code = response.data.code;
+    const info = response.data.info;
+    if (code == "801" || code == "802") {
+      router.push({ path: "/" });
+    } else if (code !== "10000" || code == "803") {
+      msg("出错了,错误信息:" + info);
+      return Promise.reject(info);
+    } else {
+      return response;
+    }
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+export default {
+  service,
+  setCalMethod,
+};

package/le-libs/js/hrequestFile.js

@@ -0,0 +1,62 @@
+import axios from "axios";
+import { getToken } from "leisure-js/common/tokens";
+
+/**
+ *  下载 excel
+ * @param {*} url 接口地址
+ * @param {*} fileName 下载文件名称
+ * @param {*} data 数据
+ * @param {*} callback  回调函数
+ */
+function downLoadFile(url, fileName, data) {
+  axios({
+    method: "get",
+    url: url,
+    params: data,
+    headers: {
+      Accept: "image/webp,image/apng,image/*,*/*;q=0.8",
+      "Content-type": "application/octet-stream;charset=UTF-8",
+      authentication: getToken(),
+    },
+    responseType: "blob",
+  })
+    .then((response) => {
+      let blob = new Blob([response.data]);
+      let href = window.URL.createObjectURL(blob);
+      let downloadElement = document.createElement("a");
+      try {
+        downloadElement.href = href;
+        downloadElement.download = fileName + ".xlsx";
+        document.body.appendChild(downloadElement);
+        downloadElement.click();
+      } catch (error) {
+        return Promise.reject("下载错误:" + error);
+      } finally {
+        document.body.removeChild(downloadElement);
+        window.URL.revokeObjectURL(href);
+      }
+    })
+    .catch((error) => {
+      return Promise.reject("获取下载数据错误:" + error);
+    });
+}
+
+export function exportExcelByParam(path, name, param) {
+  let url = process.env.VUE_APP_BASE_API + path;
+  downLoadFile(url, name, param);
+}
+
+export function exportMemberExcel(name, params) {
+  let url = process.env.VUE_APP_BASE_API + "/user/exportMember";
+  downLoadFile(url, name, params);
+}
+
+export function exportConsumeExcel(name, params) {
+  let url = process.env.VUE_APP_BASE_API + "/order/export";
+  downLoadFile(url, name, params);
+}
+
+export function exportGoodsExcel(name, params) {
+  let url = process.env.VUE_APP_BASE_API + "/mall-goods/export";
+  downLoadFile(url, name, params);
+}

package/le-libs/js/info.js

@@ -0,0 +1,7 @@
+export function info(msg, obj) {
+  obj.$message({
+    message: msg,
+    type: "success",
+    duration: 2 * 1000,
+  });
+}

package/le-libs/js/tokens.js

@@ -0,0 +1,13 @@
+const TokenKey = 'token';
+
+export function getToken() {
+  return localStorage.getItem(TokenKey) || '';
+}
+
+export function setToken(token) {
+  localStorage.setItem(TokenKey, token);
+}
+
+export function removeToken() {
+  localStorage.remove(TokenKey);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "leisure-core",
-  "version": "0.4.58",
-  "description": "leisure-core是京心数据基于vue2.x开发的一套桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
+  "version": "0.4.59",
+  "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",
   "keywords": [
@@ -13,16 +13,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "axios": "^0.27.2",
     "core-js": "^3.8.3",
-    "dayjs": "^1.11.7",
     "element-ui": "^2.15.14",
-    "leisure-js": "^0.2.5",
-    "leisure-editor": "^0.1.2",
-    "html2canvas": "^1.4.1",
-    "js-base64": "^3.7.2",
-    "moment": "^2.29.3",
-    "qrcodejs2": "^0.0.2",
+    "leisure-js": "^0.2.6",
+    "leisure-editor": "^0.1.3",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2",