widget.qw 0.0.1

package/src/router/index.ts

@@ -0,0 +1,165 @@
+import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: "/",
+    redirect: "/home",
+  },
+  {
+    path: "/home",
+    name: "Home",
+    component: () => import("../views/home/index.vue"),
+  },
+  {
+    path: "/auditbar",
+    name: "Auditbar",
+    component: () => import("../views/auditbar/index.vue"),
+  },
+  {
+    path: "/input",
+    name: "input",
+    component: () => import("../views/input/index.vue"),
+  },
+  {
+    path: "/singlepicker",
+    name: "singlepicker",
+    component: () => import("../views/singlepicker/index.vue"),
+  },
+  {
+    path: "/multipicker",
+    name: "multipicker",
+    component: () => import("../views/multipicker/index.vue"),
+  },
+  {
+    path: "/checkgroup",
+    name: "checkgroup",
+    component: () => import("../views/checkgroup/index.vue"),
+  },
+  {
+    path: "/datetimepicker",
+    name: "datetimepicker",
+    component: () => import("../views/datetimepicker/index.vue"),
+  },
+  {
+    path: "/secretnotify",
+    name: "secretnotify",
+    component: () => import("../views/secretnotify/index.vue"),
+  },
+  {
+    path: "/productSelector",
+    name: "productSelector",
+    component: () => import("../views/productSelector/index.vue"),
+  },
+  {
+    path: "/dataSelector",
+    name: "dataSelector",
+    component: () => import("../views/dataSelector/index.vue"),
+  },
+  {
+    path: "/multListSelector",
+    name: "multListSelector",
+    component: () => import("../views/multListSelector/index.vue"),
+  },
+  {
+    path: "/subdepartmentSelector",
+    name: "subdepartmentSelector",
+    component: () => import("../views/subdepartmentSelector/index.vue"),
+  },
+  {
+    path: "/userSelector",
+    name: "userSelector",
+    component: () => import("../views/userSelector/index.vue"),
+  },
+  {
+    path: "/userSelectorNew",
+    name: "userSelectorNew",
+    component: () => import("../views/userSelectorNew/index.vue"),
+  },
+  {
+    path: "/imagepicker",
+    name: "imagepicker",
+    component: () => import("../views/imagepicker/index.vue"),
+  },
+  {
+    path: "/imagespicker",
+    name: "imagespicker",
+    component: () => import("../views/imagespicker/index.vue"),
+  },
+  {
+    path: "/filepicker",
+    name: "filepicker",
+    component: () => import("../views/filepicker/index.vue"),
+  },
+  {
+    path: "/billcard",
+    name: "billcard",
+    component: () => import("../views/billcard/index.vue"),
+  },
+  {
+    path: "/userspicker",
+    name: "userspicker",
+    component: () => import("../views/userspicker/index.vue"),
+  },
+  {
+    path: "/userpicker",
+    name: "userpicker",
+    component: () => import("../views/userpicker/index.vue"),
+  },
+  {
+    path: "/projectpicker",
+    name: "projectpicker",
+    component: () => import("../views/projectpicker/index.vue"),
+  },
+  {
+    path: "/userprofile",
+    name: "userprofile",
+    component: () => import("../views/userprofile/index.vue"),
+  },
+  {
+    path: "/yeardropdown",
+    name: "yeardropdown",
+    component: () => import("../views/yeardropdown/index.vue"),
+  },
+  {
+    path: "/monthdropdown",
+    name: "monthdropdown",
+    component: () => import("../views/monthdropdown/index.vue"),
+  },
+  {
+    path: "/daydropdown",
+    name: "daydropdown",
+    component: () => import("../views/daydropdown/index.vue"),
+  },
+  {
+    path: "/projectdropdown",
+    name: "projectdropdown",
+    component: () => import("../views/projectdropdown/index.vue"),
+  },
+  {
+    path: "/switch",
+    name: "switch",
+    component: () => import("../views/switch/index.vue"),
+  },
+  {
+    path: "/sheet",
+    name: "sheet",
+    component: () => import("../views/sheet/index.vue"),
+  },
+  {
+    path: "/treepicker",
+    name: "treepicker",
+    component: () => import("../views/treepicker/index.vue"),
+  }
+];
+
+const router = createRouter({
+  history: createWebHashHistory(process.env.BASE_URL),
+  routes,
+});
+
+router.beforeEach((to, from, next) => {
+  console.log("+++路由回调++++++++++++++++++++++");
+  next();
+});
+
+export default router;

package/src/util/array_util.js

@@ -0,0 +1,32 @@
+export function arySwapPrev(arr, index) {
+  if (index > 0 && index < arr.length) {
+    [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]];
+  }
+  return arr;
+}
+
+export function arySwapNext(arr, index) {
+  if (index >= 0 && index < arr.length - 1) {
+    [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]];
+  }
+  return arr;
+}
+
+export function uniq(ary){
+    // 去重
+    let newAry = [...new Set(ary)]
+    return newAry
+}
+
+export function uniqCode(arr) {
+  const uniqueMap = new Map();
+  for (const item of arr) {
+      const key = item.code
+      if (!uniqueMap.has(key)) {
+          uniqueMap.set(key, item);
+      }
+  }
+  return Array.from(uniqueMap.values());
+}
+
+

package/src/util/auth_util.js

@@ -0,0 +1,73 @@
+import { setCacheValueByKey, getCacheValueByKey, removeCacheByKey } from "./cache_util.js";
+import { computed } from 'vue'
+import vm from '../vm'
+
+//登陆token的键名
+export const TOKEN_KEY = process.env.VUE_APP_TOKEN_KEY;
+export const TOKEN_PREFIX = process.env.VUE_APP_TOKEN_PREFIX;
+
+export function getToken() {
+    if (process.env.VUE_APP_IS_DEBUG)
+        return TOKEN_PREFIX + process.env.VUE_APP_DEBUG_TOKEN
+    else if(vm.tokenCallback)
+        return vm.tokenCallback()
+}
+
+export function setToken(token) {
+    setCacheValueByKey(TOKEN_KEY, token)
+}
+
+export function removeToken() {
+    removeCacheByKey(TOKEN_KEY)
+}
+
+export const props2auth = (props) => {
+    return {
+        isRequired: computed(() => {
+            if (props.auth) {
+                return props.auth == 'require'
+            }
+
+            return props.required
+        }),
+        isGone: computed(() => {
+            if (props.auth)
+                return props.auth == 'gone'
+        
+            return false
+        }),
+        isDisabled: computed(()=>{
+            if (props.auth)
+                return props.auth == 'readonly'
+        
+            if(props.required)
+                return false
+
+            if(props.disabled)
+                return true
+
+            if(props.readonly)
+                return true
+        
+            return false
+        }),
+        isReadonly: computed(()=>{
+            if (props.auth)
+                return props.auth == 'readonly'
+        
+            if(props.required)
+                return false
+
+            if(props.disabled)
+                return true
+
+            if(props.readonly)
+                return true
+        
+            return false
+        }),
+        rules: computed(()=>{
+            return props.rules
+        })
+    }
+}

package/src/util/bool_util.js

@@ -0,0 +1,6 @@
+/**
+ * bool转中文
+ */
+export function bool2chinese(value) {
+    return value ? '是' : '否'
+}

package/src/util/bus.js

@@ -0,0 +1,2 @@
+import mitt from 'mitt';
+export default mitt();

package/src/util/cache_util.js

@@ -0,0 +1,19 @@
+// 读
+export function getCacheValueByKey(key) {
+    return localStorage.getItem(key);
+}
+
+// 写
+export function setCacheValueByKey(key, val) {
+    localStorage.setItem(key, val);
+}
+
+//删除
+export function removeCacheByKey(key) {
+    localStorage.removeItem(key);
+}
+
+// 清除所有缓存
+export function clearCache() {
+    localStorage.clear()
+}

package/src/util/errer_code.js

@@ -0,0 +1,7 @@
+// 返回这些错误码都要清除cookie及local storage
+//未登录 错误码
+const NEED_LOGIN = process.env.VUE_APP_NEED_LOGIN_CODE;
+
+export const NEED_LOGIN_CODES = [
+    NEED_LOGIN,
+]

package/src/util/eval_util.js

@@ -0,0 +1,20 @@
+import * as ToastUtil from './toast_util'
+
+function evaluateWithParams(express, obj) {
+    const objStr = JSON.stringify(obj);
+    const newExpress = `(function() { const form = ${objStr}; return ${express}; })()`;
+    console.log('表达式:'+newExpress)
+    return eval(newExpress);
+}
+
+export const executeExpress = (express, params) => {
+    try {
+        const result = evaluateWithParams(express, params);
+        console.log(result);
+        return result
+    } catch (e) {
+        console.log('解析表达式失败', e)
+        ToastUtil.warnToast('解析表达式失败 '+ e)
+        return false
+    }
+}

package/src/util/icon_util.js

@@ -0,0 +1,37 @@
+import { reactive } from 'vue'
+// 引入全部图标
+import * as Icons from "@element-plus/icons-vue"
+
+// 按需引入图标
+// import {
+//   CloseBold,
+//   Close,
+//   Plus,
+//   Star,
+//   UserFilled,
+//   Loading,
+//   Connection,
+//   Edit,
+//   FolderOpened
+// } from '@element-plus/icons'
+
+// const dictIcon = reactive({
+//   'CloseBold': CloseBold,
+//   'Close': Close,
+//   'Plus': Plus,
+//   'Star': Star,
+//   'UserFilled': UserFilled,
+//   'Loading': Loading,
+//   'Connection': Connection,
+//   'Edit': Edit,
+//   'FolderOpened': FolderOpened
+// })
+
+const installIcon = (app) => {
+  // 便于模板获取
+  //app.config.globalProperties.$icon = dictIcon
+  // 使用全部图标
+  app.config.globalProperties.$icon = Icons
+}
+
+export default installIcon

package/src/util/image_util.js

@@ -0,0 +1,28 @@
+import Compressor from 'compressorjs'
+
+// 图片压缩
+export const compress_image = async (file) => {
+    return new Promise((resolve, reject) => {
+        new Compressor(file, {
+            quality: 0.7,
+            maxWidth: 1400,
+            maxHeight: 1400,
+            success(result) {
+                console.log('压缩后的图片', result);
+                let compress_file = blob2file(result, result.name)
+                return resolve(compress_file)
+            },
+            error(err) {
+                console.error(err);
+                return reject(err)
+            }
+        })
+    })
+}
+
+function blob2file(blob, fileName, fileType = blob.type) {
+    return new File([blob], fileName, {
+        type: fileType,
+        lastModified: new Date().getTime()
+    });
+}

package/src/util/index.js

@@ -0,0 +1,56 @@
+import * as ApiUtil from '@/api'
+import { successToast, warnToast } from './toast_util'
+import * as AuthUtil from './auth_util'
+import * as ArrayUtil from './array_util'
+import * as StrUtil from './str_util'
+import * as BoolUtil from './bool_util'
+import * as RouteUtil from './route_util'
+import * as TimeUtil from './time_util'
+import * as ToastUtil from './toast_util'
+import * as EvalUtil from './eval_util'
+import * as ImageUtil from './image_util'
+import * as TreeUtil from './tree_util'
+
+export default {
+    ...AuthUtil,
+    ...ArrayUtil,
+    ...StrUtil,
+    ...BoolUtil,
+    ...RouteUtil,
+    ...TimeUtil,
+    ...ApiUtil,
+    ...ToastUtil,
+    ...EvalUtil,
+    ...ImageUtil,
+    ...TreeUtil,
+
+    href(url) {
+        window.location.href = url
+    },
+    hrefByNew(url) {
+        window.open(url, '_blank')
+    },
+    gotoLogin() {
+        let baseUrl = RouteUtil.getBaseUrl()
+        window.location.href = baseUrl + '#/login'
+    },
+    gotoByNew(path, params) {
+        const routeData = router.resolve({ path: path, query: params });
+        window.open(routeData.href, '_blank')
+    },
+    warnToast(msg) {
+        warnToast(msg)
+    },
+    successToast(msg) {
+        successToast(msg)
+    },
+    isEmail(email) {
+        return validateEmail(email)
+    },
+    isPhone(phone) {
+        return validatePhone(phone)
+    },
+    scrollToTop() {
+        document.documentElement.scrollTop = 0
+    }
+}

package/src/util/num_util.js

@@ -0,0 +1,71 @@
+/**
+ * 分钱转元，保留小数点后2位
+ * @param value 调用过滤器时，调用的文本
+ */
+export function cent2yuanByDot(value) {
+    // 如果文本不存在，返回空字符
+    // value === 0 ; !0 === true.
+    if (!value) {
+        return '0.00'
+    }
+
+    // 文本转化为 float
+    const result = parseFloat(value) / 100;
+
+    // 如果文本为 integer 类型的文本，表示当前文本没有小数
+    // if (Number.isInteger(result)) {
+    //   return result
+    // }
+
+    // 文本包含小数，保留小数点后2位
+    return result.toFixed(2);
+}
+
+/**
+ * 分钱转元，不保留角、分
+ * @param value 调用过滤器时，调用的文本
+ */
+export function cent2yuan(value) {
+    // 如果文本不存在，返回空字符
+    // value === 0 ; !0 === true.
+    if (!value) {
+        return '0.00'
+    }
+
+    // 文本转化为 float
+    const result = parseFloat(value) / 100;
+
+    // 如果文本为 integer 类型的文本，表示当前文本没有小数
+    // if (Number.isInteger(result)) {
+    //   return result
+    // }
+
+    // 文本包含小数，保留小数点后2位
+    return result.toFixed(0);
+}
+
+export function num2boolean(value) {
+    if (value > 0)
+        return true
+    else
+        return false
+}
+
+export function percent(value) {
+    // 如果文本不存在，返回空字符
+    // value === 0 ; !0 === true.
+    if (!value) {
+        return '0.00'
+    }
+
+    // 文本转化为 float
+    const result = parseFloat(value) * 100;
+
+    // 如果文本为 integer 类型的文本，表示当前文本没有小数
+    // if (Number.isInteger(result)) {
+    //   return result
+    // }
+
+    // 文本包含小数，保留小数点后2位
+    return result.toFixed(2);
+}

package/src/util/obj_util.js

@@ -0,0 +1,29 @@
+export function objSwapPrev(obj, targetProp) {
+    const keys = Object.keys(obj);
+    const targetIndex = keys.indexOf(targetProp);
+    if (targetIndex > 0) {
+        const prevIndex = targetIndex - 1;
+        // 交换属性位置
+        [keys[targetIndex], keys[prevIndex]] = [keys[prevIndex], keys[targetIndex]];
+    }
+    const newObj = {};
+    keys.forEach(key => {
+        newObj[key] = obj[key];
+    });
+    return newObj;
+}
+
+export function objSwapNext(obj, targetProp) {
+    const keys = Object.keys(obj);
+    const targetIndex = keys.indexOf(targetProp);
+    if (targetIndex < keys.length - 1) {
+        const nextIndex = targetIndex + 1;
+        // 交换属性位置
+        [keys[targetIndex], keys[nextIndex]] = [keys[nextIndex], keys[targetIndex]];
+    }
+    const newObj = {};
+    keys.forEach(key => {
+        newObj[key] = obj[key];
+    });
+    return newObj;
+}

package/src/util/request.js

@@ -0,0 +1,74 @@
+import vm from '../vm'
+import axios from "axios"
+import qs from "qs"
+import { NEED_LOGIN_CODES } from './errer_code.js'
+import { getToken,TOKEN_KEY } from './auth_util.js'
+import util from './index.js'
+
+
+// create an axios instance
+const service = axios.create({
+    baseURL: '', // url = domain + request url
+    withCredentials: true, // send cookies when cross-domain requests
+    timeout: 1000 * 60 * 10, // request timeout
+})
+
+//请求拦截器
+service.interceptors.request.use(
+    config => {
+        util.showLoading()
+
+        //请求头加token
+        config.headers[TOKEN_KEY] = getToken()
+
+        if (config.method.toLowerCase() == 'post') {
+            config.data = qs.stringify(config.data)
+        }
+        return config
+    },
+    error => {
+        // do something with request error
+        console.log(error) // for debug
+        util.hideLoading()
+        util.warnToast(error)
+        return Promise.reject(error)
+    }
+)
+
+//响应拦截器
+service.interceptors.response.use(
+    response => {
+        util.hideLoading()
+
+        const res = response.data
+        console.log(res)
+
+        if (res.code !== 200) {
+            util.warnToast(res.msg || "Error")
+
+            console.log(NEED_LOGIN_CODES)
+
+            if (NEED_LOGIN_CODES.indexOf(res.code) >= 0) {
+                util.warnToast('请登录')
+                setTimeout(() => {
+                    if (vm.needLoginCallback) {
+                        vm.needLoginCallback()
+                    }
+                    return
+                }, 1500)
+            }
+
+            return res
+        }
+
+        return res
+    },
+    error => {
+        util.hideLoading()
+        console.log("err" + error) // for debug
+        util.warnToast(error.message)
+        return Promise.reject(error)
+    }
+)
+
+export default service