@yxhl/specter-pui-vtk 1.0.0

package/src/commons/filters/dictionary.js

@@ -0,0 +1,75 @@
+/**
+ * 将数值转换成中文 '0:未启/1:已启'
+ * 
+ * @param {*} val 数值
+ * @param {*} map 值对
+ * @return {string} 中文值
+ */
+export function dict(val, map) {
+    let value = "";
+    if (val && val.includes(",")) {
+        value = val.split(",").map(item => pre(item, map)).join();
+    } else {
+        value = pre(val, map)
+    }
+    return value;
+}
+
+function pre(value, map) {
+    if (value) {
+        var val = Array.isArray(value) ? value : value.split(",");
+        var maps = map?.split("/");
+        var results = []; // 创建一个空数组，用于存储匹配到的值
+        // 遍历 val 数组
+        for (var j = 0; j < val?.length; j++) {
+            var currentVal = val[j]; // 获取当前要查找的键
+            for (var i in maps) {
+                var kv = maps[i].split(":");
+                if (kv[0] == currentVal) {
+                    results.push(kv[1]); // 将匹配到的值添加到结果数组中
+                    break; // 找到匹配项后，跳出内层循环
+                }
+            }
+        }
+        return results.length > 0 ? results.join() : "其他";
+    }
+
+}
+
+
+/**
+ * 1,2字符残疾类别转换
+ * 
+ * @param {*} val 数值
+ * @return {string} 中文值
+ */
+export function analyType(val) {
+    if (!val) {
+        return ''
+    }
+    let newVal = ''
+    let arr = ['视力', '听力', '言语', '肢体', '智力', '精神', '多重']
+    for (let i = 1; i < 8; i++) {
+        if (i === 1) {
+            newVal = val.replace(i.toString(), arr[i - 1])
+        } else {
+            newVal = newVal.replace(i.toString(), arr[i - 1])
+        }
+    }
+    return newVal;
+}
+export function analyLevel(val) {
+    if (!val) {
+        return ''
+    }
+    let newVal = ''
+    let arr = ['一级', '二级', '三级', '四级', '不限等级']
+    for (let i = 1; i < 7; i++) {
+        if (i === 1) {
+            newVal = val.replace(i.toString(), arr[i - 1])
+        } else {
+            newVal = newVal.replace(i.toString(), arr[i - 1])
+        }
+    }
+    return newVal;
+}

package/src/commons/filters/format.js

@@ -0,0 +1,112 @@
+/**
+ * 
+ * @param {*} value 需格式化的时间
+ * @param {*} fmt 格式
+ */
+export function date(value, fmt) {
+    if (!value || value == '无' || value == null) {
+        fmt = '无';
+        return fmt;
+    }
+    let getDate = new Date(value)
+    let o = {
+        'M+': getDate.getMonth() + 1,
+        'd+': getDate.getDate(),
+        'h+': getDate.getHours(),
+        'm+': getDate.getMinutes(),
+        's+': getDate.getSeconds(),
+        'q+': Math.floor((getDate.getMonth() + 3) / 3),
+        'S': getDate.getMilliseconds()
+    }
+    if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length))
+    }
+    for (let k in o) {
+        if (new RegExp('(' + k + ')').test(fmt)) {
+            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+        }
+    }
+    return fmt
+
+}
+
+
+/**
+ * 数字格式化 '0,000.00'
+ * @param {*} val 数值
+ * @param {*} fmt 格式
+ * @return {string} 数字字符串
+ */
+export function num(val, fmt) {
+    if (isNaN(val) || val === '' || val === null) {
+        return val;
+    }
+
+    // 移除了对Strings和Datetime的依赖，这些在当前上下文中未定义
+    var numValue = parseFloat(val);
+    var neg = numValue < 0 ? "-" : ""; // 正负数
+    var absValue = Math.abs(numValue);
+
+    // 解析格式字符串，确定小数位数
+    var fix = 0;
+    if (fmt && fmt.includes('.')) {
+        fix = fmt.length - fmt.lastIndexOf('.') - 1;
+    }
+
+    // 是否需要千分位分隔符
+    var needSep = fmt && fmt.includes(',');
+
+    // 处理小数部分
+    var xs = fix > 0 ? absValue.toFixed(fix) : Math.round(absValue);
+    var decimalPart = fix > 0 ? '.' + xs.toString().split('.')[1] : '';
+
+    // 处理整数部分
+    var integerPart = fix > 0 ? Math.floor(absValue).toString() : xs.toString();
+
+    // 添加千分位分隔符
+    if (needSep && integerPart.length > 3) {
+        integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    }
+
+    return neg + integerPart + decimalPart;
+}
+
+
+/**
+ * 年龄
+ * @param {*} val 时间 yyyy-MM-dd
+ * @return {string} 年龄
+ */
+export function age(val) {
+    let birthdays = new Date(val.slice(0, 10).replace(/-/g, "/"));
+    let d = new Date();
+    let age = d.getFullYear() - birthdays.getFullYear() - ((d.getMonth() < birthdays.getMonth() || (d.getMonth() === birthdays.getMonth() && d.getDate() < birthdays.getDate())) ? 1 : 0);
+    return age;
+}
+
+/**
+ * 指定中文大于len，用...省略号表示，达到美观效果
+ * @param {*} val 需格式的中文
+ * @param {*} len 需格式的长度
+ */
+export function txt(val, len) {
+    if (val?.length > len) {
+        return val.slice(0, len) + "...";
+    } else {
+        return val;
+    }
+
+}
+
+/**
+ * 取数据绝对值
+ * @param {*} val 手机号
+ */
+export function abs(val) {
+    return isNaN(val) ? 0 : Math.abs(val)
+}
+
+
+
+
+

package/src/commons/filters/mask.js

@@ -0,0 +1,25 @@
+/**
+ * 脱敏手机号码
+ * @param {*} val 手机号
+ * @return {string} 手机号码
+ */
+export function mobile(val) {
+    return val.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
+}
+
+
+/**
+ * 脱敏身份证号
+ * @param {*} val 身份证号
+ * @return {string} 身份证号
+ */
+export function idcard(val) {
+    if (val) {
+        return val.replace(/^(.{4})(?:\d+)(.{4})$/, "$1** **** ****$2");
+    }
+}
+
+
+
+
+

package/src/commons/index.js

@@ -0,0 +1,17 @@
+import request from "./request.js";
+import storage from './storage.js';
+import message from "../components/message/index.js";
+import * as filters from './filters/dictionary.js';
+import * as masks from './filters/mask.js';
+
+const vtk = {
+  request,
+  storage,
+  message,
+  env: process.env,
+  ...filters,  // 将所有filter方法展开到vtk对象中
+  ...masks     // 将所有mask方法展开到vtk对象中
+}
+
+export default vtk;
+

package/src/commons/request.js

@@ -0,0 +1,89 @@
+import axios from 'axios'
+import Storage from './storage.js'
+import Message from "../components/message/index.js"
+
+// create an axios instance
+const service = axios.create({
+    baseURL: import.meta.env.VUE_APP_API_URL,
+    headers: {
+        'X-Requested-With': 'XMLHttpRequest'
+    },
+    withCredentials: false,
+    timeout: 30000
+})
+
+// request interceptor
+service.interceptors.request.use(
+    config => {
+        if (Storage.get("token")) {
+            config.headers['X-Token'] = "1b0679be72ad976ad5d491ad57a5eec0"
+            config.headers['Authorization'] = 'Bearer ' + Storage.get("token")
+        }
+        return config
+    },
+    error => {
+        Message.toast(error.message || '请求错误')
+        return Promise.reject(error)
+    }
+)
+
+// response interceptor
+service.interceptors.response.use(
+    response => {
+        let res = response.data
+        let header = response.headers['content-disposition']
+        
+        if (header != undefined && header.split(';')[0] == 'attachment') {
+            res = response
+        }
+        
+        if (response.status !== 200) {
+            Message.toast(res.message || '请求失败')
+            return Promise.reject(new Error(res.message || '请求失败'))
+        } else {
+            return Promise.resolve(res)
+        }
+    },
+    error => {
+        console.log('err' + error)
+        Message.toast(error.message || '网络错误')
+        return Promise.reject(error)
+    }
+)
+
+const Request = {}
+
+Request.http = (url, data = {}, method = 'GET', headers = { 'content-type': 'application/x-www-form-urlencoded' }, responseType = null) => {
+    if (headers['content-type'] === 'application/x-www-form-urlencoded') {
+        return service({ url: url, params: data, method: method, headers: headers, responseType: responseType })
+    } else {
+        return service({ url: url, data: data, method: method, headers: headers, responseType: responseType })
+    }
+}
+
+Request.getForm = (url, data = {}) => {
+    return Request.http(url, data)
+}
+
+Request.postForm = (url, data = {}) => {
+    return Request.http(url, data, 'POST')
+}
+
+Request.getJson = (url, data = {}) => {
+    return Request.http(url, data, 'POST', { 'content-type': 'application/json' })
+}
+
+Request.postJson = (url, data = {}) => {
+    console.log('POST request to:', url) // 简单的日志输出
+    return Request.http(url, data, 'POST', { 'content-type': 'application/json' })
+}
+
+Request.imp = (url, data = {}) => {
+    return Request.http(url, data, 'POST', { 'Content-Type': 'multipart/form-data' })
+}
+
+Request.exp = (url, data = {}) => {
+    return Request.http(url, data, 'POST', { 'content-Type': 'application/json' }, 'blob')
+}
+
+export default Request

package/src/commons/storage.js

@@ -0,0 +1,41 @@
+const Storage = {};
+/** 获取Storage对象 */
+const storage = (type = 'local') => {
+  return type == "local" ? window.localStorage : window.sessionStorage;
+}
+/**
+ * 获取对应缓存值JSON对象
+ * @param {string} key 键
+ * @param {string} type 默认为localStorage, 'session'为sessionStorage
+ * @return {object} 对应的值JSON对象
+ */
+Storage.get = (key, type = 'local') => {
+  var js = storage(type).getItem(key);
+  return /^[\\{|\\[].+[\\}|\\]]$/.test(js) ? JSON.parse(js) : js;
+};
+/**
+ * 设置存储缓存取对象JSON
+ * @param {string} key 键
+ * @param {string} value 值(JSON对象)
+ * @param {string} type 默认为localStorage, 'session'为sessionStorage
+ */
+Storage.set = (key, value, type = 'local') => {
+  storage(type).setItem(key, JSON.stringify(value));
+};
+/**
+ * 删除对应的缓存对象JSON
+ * @param {string} key 键
+ * @param {string} type 默认为localStorage, 'session'为sessionStorage
+ */
+Storage.remove = (key, type = 'local') => {
+  storage(type).removeItem(key);
+};
+/**
+ * 清空所有的缓存对象JSON
+ * @param {string} type 默认为localStorage, 'session'为sessionStorage
+ */
+Storage.clear = (type = 'local') => {
+  storage(type).clear();
+};
+
+export default Storage;

package/src/commons/themes.js

@@ -0,0 +1,153 @@
+import colors from 'vuetify/lib/util/colors';
+
+const theme_colors = [
+  {
+    name: 'Blue-light',
+    scheme: 'md-blue-500-scheme',
+    dark: true,
+    primary: colors.blue.base,
+    secondary: colors.blue.lighten4, // #FFCDD2
+    accent: colors.blue.accent2, // #3F51B5
+  },
+  {
+    name: 'Yellow-light',
+    scheme: 'md-amber-a700-scheme',
+    dark: true,
+    primary: colors.amber.darken1,
+    secondary: colors.amber.lighten4, // #FFCDD2
+    accent: colors.amber.accent2, // #3F51B5
+  },
+  {
+    name: 'Red-light',
+    scheme: 'md-red-a400-scheme',
+    dark: true,
+    primary: colors.red.accent3,
+    secondary: colors.red.lighten4, // #FFCDD2
+    accent: colors.red.accent2, // #3F51B5
+  },
+  {
+    name: 'Pink-light',
+    dark: false,
+    scheme: 'md-pink-a100-scheme',
+    primary: colors.pink.accent1,
+    secondary: colors.pink.lighten4, // #FFCDD2
+    accent: colors.pink.accent2, // #3F51B5
+  },
+  {
+    name: 'Purple-light',
+    dark: false,
+    scheme: 'md-purple-a700-scheme',
+    primary: colors.purple.accent4,
+    secondary: colors.purple.lighten4, // #FFCDD2
+    accent: colors.purple.accent2, // #3F51B5
+  },
+  {
+    name: 'DeepPurple-light',
+    dark: false,
+    scheme: 'md-deep-purple-a700-scheme',
+    primary: colors.deepPurple.base,
+    secondary: colors.deepPurple.lighten4, // #FFCDD2
+    accent: colors.deepPurple.accent2, // #3F51B5
+  }
+];
+
+const navi_colors = [
+  {
+    name: 'black',
+    class: 'black'
+  },
+  {
+    name: 'red-pink',
+    class: 'gradient-red-pink'
+  },
+  {
+    name: 'blue-grey-blue',
+    class: 'gradient-blue-grey-blue'
+  },
+  {
+    name: 'green-teal',
+    class: 'gradient-green-teal'
+  },
+  {
+    name: 'purple-deep-purple',
+    class: 'gradient-purple-deep-purple'
+  },
+  {
+    name: 'purple-amber',
+    class: 'gradient-purple-amber'
+  },
+  {
+    name: 'indigo-purple',
+    class: 'gradient-indigo-purple'
+  },
+  {
+    name: 'deep-purple-blue',
+    class: 'gradient-deep-purple-blue'
+  },
+  {
+    name: 'deep-orange-orange',
+    class: 'gradient-deep-orange-orange'
+  },
+  {
+    name: 'light-blue-cyan',
+    class: 'gradient-light-blue-cyan'
+  },
+  {
+    name: 'timber',
+    class: 'gradient-timber'
+  },
+  {
+    name: 'strawberry',
+    class: 'gradient-strawberry'
+  },
+  {
+    name: 'orange',
+    class: 'gradient-orange'
+  },
+  {
+    name: 'pomegranate',
+    class: 'gradient-pomegranate'
+  },
+  {
+    name: 'green-tea',
+    class: 'gradient-green-tea'
+  },
+  {
+    name: 'blackberry',
+    class: 'gradient-blackberry'
+  },
+  {
+    name: 'plum',
+    class: 'gradient-plum'
+  },
+  {
+    name: 'passion-fruit',
+    class: 'gradient-passion-fruit'
+  },
+  {
+    name: 'sublime-vivid',
+    class: 'gradient-sublime-vivid'
+  },
+  {
+    name: 'summer',
+    class: 'gradient-summer'
+  },
+  {
+    name: 'crystal-clear',
+    class: 'gradient-crystal-clear'
+  },
+  {
+    name: 'dawn',
+    class: 'gradient-dawn'
+  },
+  {
+    name: 'grapefruit-sunset',
+    class: 'gradient-grapefruit-sunset'
+  },
+  {
+    name: 'man-of-steel',
+    class: 'gradient-man-of-steel'
+  }
+]
+
+export default { theme_colors, navi_colors }

package/src/commons/validation.js

@@ -0,0 +1,72 @@
+/** https://github.com/shadowOfCode/bee.js */
+const Validation = {
+    //手机号码
+    isMobile: function (input) {
+        return /^(?:\+86)?(?:13\d|14[57]|15[0-35-9]|17[35-8]|18\d)\d{8}$|^(?:\+86)?170[057-9]\d{7}$/.test(input);
+    },
+    //手机号码简单校验，只校验长度
+    isMobileSize: function (input) {
+        return /^(?:\+86)?1\d{10}$/.test(input);
+    },
+    isPhone: function (input) {
+        return /^(?:\(\d{3,4}\)|\d{3,4}-)?\d{7,8}(?:-\d{1,4})?$/.test(input);
+    },
+    isCall: (input) => {
+        return this.isPhone(input) || this.isMobile(input);
+    },
+    //邮箱格式校验
+    isEmail: function (input) {
+        return /^[-\w+]+(?:\.[-\w]+)*@[-a-z0-9]+(?:\.[a-z0-9]+)*(?:\.[a-z]{2,})$/i.test(input);
+    },
+    //18位身份证简单校验
+    isIdCardSimple: function (idCard) {
+        return /^(?:1[1-5]|2[1-3]|3[1-7]|4[1-6]|5[0-4]|6[1-5])\d{4}(?:1[89]|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}(?:\d|[xX])$/.test(idCard);
+    },
+    // 真实姓名校验
+    isName: function (input) {
+        return /^([\u4e00-\u9fa5]{1,20}|[a-zA-Z.\s]{1,20})$/.test(input);
+    },
+    //
+    //18位身份证严格校验
+    isIdCard: function (idCard) {
+        let checkCode = (input) => {
+            var multiplier = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
+            var ids = input.split("");
+            var len = 17, sum = 0;
+            for (var i = 0; i < len; i++) {
+                sum += ids[i] * multiplier[i];
+            }
+            var remainder = sum % 11;
+            var checkCodeArr = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'];
+            var result = checkCodeArr[remainder];
+            return result === input[17];
+        }
+        //先校验格式
+        if (this.isIdCardSimple(idCard)) {
+            //校验日期时间是否合法
+            var dateStr = idCard.substr(6, 8);
+            var dateStrNew = dateStr.replace(/(\d{4})(\d{2})(\d{2})/, "$1/$2/$3");
+            var dateObj = new Date(dateStrNew);
+            var month = dateObj.getMonth() + 1;
+            if (parseInt(dateStr.substr(4, 2)) === month) {
+                return checkCode(idCard);
+            }
+        }
+        return false;
+    },
+    getFromIdCard: (idCard) => {
+        var area = idCard.substr(0, 6);
+        var birth = idCard.substr(6, 8).replace(/(\d{4})(\d{2})(\d{2})/, '$1年$2月$3日');
+        var age = new Date().getFullYear() - idCard.substr(6, 4) + 1;
+        var sex = (idCard.substr(16, 1) % 2 === 0) ? '女' : '男';
+
+        return {
+            'area': area,
+            'birth': birth,
+            'age': age,
+            'sex': sex
+        };
+    }
+};
+
+export default Validation;

package/src/components/README.md

@@ -0,0 +1,35 @@
+# Components
+
+Vue template files in this folder are automatically imported.
+
+## 🚀 Usage
+
+Importing is handled by [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components). This plugin automatically imports `.vue` files created in the `src/components` directory, and registers them as global components. This means that you can use any component in your application without having to manually import it.
+
+The following example assumes a component located at `src/components/MyComponent.vue`:
+
+```vue
+<template>
+  <div>
+    <MyComponent />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  //
+</script>
+```
+
+When your template is rendered, the component's import will automatically be inlined, which renders to this:
+
+```vue
+<template>
+  <div>
+    <MyComponent />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import MyComponent from '@/components/MyComponent.vue'
+</script>
+```