kz-ui-base 1.0.2 → 1.0.4

package/common/src/utils/validate.js

@@ -1,105 +0,0 @@
-/**
- * @param {string} path
- * @returns {Boolean}
- */
-export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path);
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUsername(str) {
-  const valid_map = ["admin", "editor"];
-  return valid_map.indexOf(str.trim()) >= 0;
-}
-
-/**
- * @param {string} url
- * @returns {Boolean}
- */
-export function validURL(url) {
-  const reg =
-    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
-  return reg.test(url);
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validLowerCase(str) {
-  const reg = /^[a-z]+$/;
-  return reg.test(str);
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUpperCase(str) {
-  const reg = /^[A-Z]+$/;
-  return reg.test(str);
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validAlphabets(str) {
-  const reg = /^[A-Za-z]+$/;
-  return reg.test(str);
-}
-
-/**
- * @param {string} email
- * @returns {Boolean}
- */
-export function validEmail(email) {
-  const reg =
-    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return reg.test(email);
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function isString(str) {
-  if (typeof str === "string" || str instanceof String) {
-    return true;
-  }
-  return false;
-}
-
-/**
- * @param {Array} arg
- * @returns {Boolean}
- */
-export function isArray(arg) {
-  if (typeof Array.isArray === "undefined") {
-    return Object.prototype.toString.call(arg) === "[object Array]";
-  }
-  return Array.isArray(arg);
-}
-
-/**
- * 是否手机号码或者固话
- * @param {*} rule
- * @param {*} value
- * @param {*} callback
- */
-
-export function validatePhoneTwo(rule, value, callback) {
-  const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;
-  if (value == "" || value == undefined || value == null) {
-    callback();
-  } else {
-    if (!reg.test(value) && value != "") {
-      callback(new Error("请输入正确的电话号码或者固话号码"));
-    } else {
-      callback();
-    }
-  }
-}

package/common/src/utils/websoketservice.js

@@ -1,161 +0,0 @@
-let Socket = ''
-let setIntervalWesocketPush = null
-let errorCount = 0;
-let stopConnect = false;
-
-/**
- * 建立websocket连接配置信息options
- * @param {string} url ws地址
- * @param {Function} onConnectError 连接失败方法
- * @param {Function} onSendError 发送消息失败方法
- */
-let options = null;
-
-/**
- * 建立websocket连接
- * @param {string} url ws地址
- */
-export const createSocket = (option, message) => {
- if (!options) options = option;
- if(option && option.url && option.url != options.url){
-    options.url = option.url;
-    dispose();
- }
- var url = options.url || "ws:127.0.0.1:22336";
- Socket && Socket.close()
- if (!Socket) {
-  console.log('建立websocket连接')
-  Socket = new WebSocket(url)
-  Socket.onopen = onopenWS
-  Socket.onmessage = onmessageWS
-  Socket.onerror = onerrorWS
-  Socket.onclose = oncloseWS
-  if (message) {
-   connecting(message)
-  }
- } else {
-  console.log('websocket已连接')
- }
-}
-
-/**释放ws连接 */
-export const dispose = () => {
- stopConnect = true;
- clearInterval(setIntervalWesocketPush)
- Socket.close()
- Socket = null
-}
-
-/**打开WS之后发送心跳 */
-const onopenWS = () => {
- sendPing()
-}
-
-/**连接失败重连 */
-const onerrorWS = (e) => {
-    reconnectWS(e);
-}
-
-const checkIsRemotePrintServer = () => {
-    if(options.url.indexOf('127.0.0.1') < 0){
-        alert('无法连接远程打印服务器:' + options.url + '，请确认远程打印服务正常开启。');
-        return true;
-    }
-    return false;
-}
-
-/**连接失败重连 */
-const reconnectWS = (e) => {
-    var isRemotePrintServer = checkIsRemotePrintServer();
-    if (isRemotePrintServer || errorCount > 10) {
-        stopConnect = true;
-        return;
-    }
-    Socket.close()
-    clearInterval(setIntervalWesocketPush)
-    console.log('连接失败重连中')
-    if (Socket.readyState !== 3) {
-        if (stopConnect) return;
-        state = -1;
-        Socket = null
-        createSocket(options)
-    }
-    errorCount++;
-    if (options.onError) options.onError(e);
-}
-   
-
-/**WS数据接收统一处理 */
-const onmessageWS = e => {
- console.log(e);
- if (options.onData) {
-  var data = JSON.parse(e.data);
-  options.onData(data);
- }
- //window.dispatchEvent(new CustomEvent('onmessageWS', {
- //  detail: {
- //    data: e.data
- //  }
- //}))
-}
-
-/**
- * 发送数据但连接未建立时进行处理等待重发
- * @param {any} message 需要发送的数据
- */
-const connecting = message => {
- setTimeout(() => {
-  if (Socket.readyState === 0) {
-   if (stopConnect) return;
-   connecting(message)
-  } else {
-   Socket.send(JSON.stringify(message))
-  }
- }, 500)
-}
-
-/**
- * 发送数据
- * @param {any} message 需要发送的数据
- */
-export const sendWSPush = message => {
- stopConnect = false;
- errorCount = 0;
- if (Socket == null || Socket.readyState === 3) {
-  if (stopConnect) return;
-  if (Socket != null) Socket.close()
-  Socket = null
-  createSocket(null, message)
- } else if (Socket.readyState === 1) {
-  Socket.send(JSON.stringify(message))
- } else if (Socket.readyState === 0) {
-  connecting(message)
- }
-}
-
-/**断开重连 */
-const oncloseWS = () => {
-    var isRemotePrintServer = checkIsRemotePrintServer();
-    if (isRemotePrintServer || errorCount > 10) {
-        stopConnect = true;
-        return;
-    }
- clearInterval(setIntervalWesocketPush)
- console.log('websocket已断开....正在尝试重连')
- if (Socket == null || Socket.readyState !== 2) {
-  if (stopConnect) return;
-  Socket = null
-  createSocket()
- }
-}
-/**发送心跳
- * @param {number} time 心跳间隔毫秒 默认5000
- * @param {string} ping 心跳名称 默认字符串ping
- */
-export const sendPing = (time = 5000, ping = 'ping') => {
- clearInterval(setIntervalWesocketPush)
- Socket.send(ping)
- setIntervalWesocketPush = setInterval(() => {
-  Socket.send(ping)
- }, time)
-}

package/common/src/utils/zipdownload.js

@@ -1,42 +0,0 @@
-import axios from '~../../axios'
-import { getToken } from './auth'
-
-const mimeMap = {
-  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  zip: 'application/zip'
-}
-
-const baseUrl = process.env.VUE_APP_BASE_API
-export function downLoadZip(str, filename) {
-  var url = baseUrl + str
-  axios({
-    method: 'get',
-    url: url,
-    responseType: 'blob',
-    headers: { 'Authorization': 'Bearer ' + getToken() }
-  }).then(res => {
-    resolveBlob(res, mimeMap.zip)
-  })
-}
-/**
- * 解析blob响应内容并下载
- * @param {*} res blob响应内容
- * @param {String} mimeType MIME类型
- */
-export function resolveBlob(res, mimeType) {
-  const aLink = document.createElement('a')
-  var blob = new Blob([res.data], { type: mimeType })
-  // //从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
-  var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
-  var contentDisposition = decodeURI(res.headers['content-disposition'])
-  var result = patt.exec(contentDisposition)
-  var fileName = result[1]
-  fileName = fileName.replace(/\"/g, '')
-  aLink.style.display = 'none'
-  aLink.href = URL.createObjectURL(blob)
-  aLink.setAttribute('download', fileName) // 设置下载文件名称
-  document.body.appendChild(aLink)
-  aLink.click()
-  URL.revokeObjectURL(aLink.href);//清除引用
-  document.body.removeChild(aLink);
-}

package/common/src/views/authorize.vue

@@ -1,270 +0,0 @@
-<template>
-  <div class="login">
-    <el-carousel
-      height="100%"
-      style="height: 100%; width: 100%; position: absolute"
-      indicator-position="none"
-      arrow="never"
-      :interval="3500"
-    >
-      <el-carousel-item
-        v-for="(image, index) in imgs"
-        :key="index"
-        style="height: 100%; width: 100%"
-      >
-        <div
-          :style="[
-            { background: 'url( ' + image + ') no-repeat' },
-            { backgroundSize: 'cover' },
-          ]"
-          style="height: 100%; width: 100%"
-        ></div>
-      </el-carousel-item>
-    </el-carousel>
-    <el-form
-      ref="loginForm"
-      :model="loginForm"
-      :rules="loginRules"
-      class="login-form"
-    >
-      <h3 class="title">
-        {{ loginForm.title ? loginForm.title : "数智檩云MOM系统" }}
-      </h3>
-
-      <el-form-item prop="enterpriseName" v-if="tenantIdShow">
-        <el-input
-          v-model="loginForm.enterpriseName"
-          type="text"
-          auto-complete="off"
-          placeholder="企业账号"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="user"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-      <!-- <el-form-item prop="tenantId" v-if="tenantIdShow">
-        <el-input
-          v-model="loginForm.enterpriseName"
-          type="text"
-          auto-complete="off"
-          placeholder="租户代码"
-        >
-        </el-input>
-      </el-form-item> -->
-      <el-form-item prop="userName" style="display: none">
-        <el-input
-          v-model="loginForm.userName"
-          type="text"
-          auto-complete="off"
-          placeholder="员工账号"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="user"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password" style="display: none">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon
-            slot="prefix"
-            icon-class="password"
-            class="el-input__icon input-icon"
-          />
-        </el-input>
-      </el-form-item>
-
-      <el-form-item style="width: 100%" v-if="tenantIdShow">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width: 100%"
-          @click.native.prevent="handleLogin"
-        >
-          <span v-if="!loading">确定</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2021-2023 kezhitt.cn All Rights Reserved.</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { accessToken } from "../api/login";
-import Cookies from "~../../js-cookie";
-import { encrypt, decrypt } from "../utils/jsencrypt";
-import store from "@/store";
-import { getToken, setToken, setExpiresIn, removeToken } from "@utils/auth";
-import { getWebConfig } from "../utils/utils";
-export default {
-  name: "Login",
-  data() {
-    return {
-      codeUrl: "",
-      cookiePassword: "",
-      loginForm: {
-        enterpriseName: "",
-        userName: "",
-        password: "",
-        rememberMe: false,
-        code: "",
-        uuid: "",
-        title: "",
-        tenantId: "",
-      },
-
-      tenantIdShow: false,
-      loginRules: {
-        enterpriseName: [
-          { required: true, trigger: "blur", message: "请输入您的企业账号" },
-        ],
-        userName: [
-          { required: true, trigger: "blur", message: "请输入您的员工账号" },
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" },
-        ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
-      },
-      loading: false,
-
-      redirect: undefined,
-
-      imgs: [],
-    };
-  },
-
-  created() {
-    var webConfig = getWebConfig();
-    if (webConfig) {
-      if (webConfig.tenantId == undefined || webConfig.tenantId == null) {
-        this.tenantIdShow = true;
-      } else {
-        this.handleLogin();
-      }
-    }
-  },
-  methods: {
-    handleLogin() {
-      let $self = this;
-      var webConfig = getWebConfig();
-      if (webConfig) {
-        let param = {
-          tenant_id: webConfig.tenantId,
-          tenant_name: webConfig.tenantName || loginForm.enterpriseName,
-          app_code: webConfig.sso.appCode
-        }
-        accessToken({
-          ...this.$route.query,
-          ...param,
-        }).then((resAccessToken) => {
-          console.log(resAccessToken);
-          resAccessToken = resAccessToken.data;
-          // if(!resAccessToken.accessToken && resAccessToken.redirectUrl){
-          //   location.href = resAccessToken.redirectUrl;
-          // }
-          store.state.user.token = resAccessToken.access_token;
-          setToken(resAccessToken.access_token);
-          getToken();
-          let url = $self.$route.query["redirect_uri"];
-          
-          if(!url || url.indexOf('/authorize') > -1){
-            url = localStorage.getItem("redirect_uri") || "/index";
-          }
-          location.href = url;
-        });
-      }
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  // background-image: url("~../assets/images/login-background.jpg");
-  background-color: #4682b4;
-  background-size: cover;
-}
-
-.title {
-  margin: 0 auto 30px auto;
-  text-align: center;
-  color: #707070;
-}
-
-.login-form {
-  z-index: 999;
-  border-radius: 6px;
-  background: #ffffff94;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-
-  .el-input {
-    height: 38px;
-
-    input {
-      height: 38px;
-    }
-  }
-
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
-  }
-}
-
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-
-.login-code {
-  width: 33%;
-  height: 38px;
-  float: right;
-
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-}
-
-.el-login-footer {
-  z-index: 999;
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial, serif;
-  font-size: 12px;
-  letter-spacing: 1px;
-}
-
-.login-code-img {
-  height: 38px;
-}
-</style>

package/common/src/views/error/401.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="errPage-container">
-    <el-button icon="arrow-left" class="pan-back-btn" @click="back">
-      返回
-    </el-button>
-    <el-row>
-      <el-col :span="12">
-        <h1 class="text-jumbo text-ginormous">
-          401错误!
-        </h1>
-        <h2>您没有访问权限！</h2>
-        <h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
-        <ul class="list-unstyled">
-          <li class="link-type">
-            <router-link to="/">
-              回首页
-            </router-link>
-          </li>
-        </ul>
-      </el-col>
-      <el-col :span="12">
-        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import errGif from '../../assets/401_images/401.gif'
-
-export default {
-  name: 'Page401',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date()
-    }
-  },
-  methods: {
-    back() {
-      if (this.$route.query.noGoBack) {
-        this.$router.push({ path: '/' })
-      } else {
-        this.$router.go(-1)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .errPage-container {
-    width: 800px;
-    max-width: 100%;
-    margin: 100px auto;
-    .pan-back-btn {
-      background: #008489;
-      color: #fff;
-      border: none!important;
-    }
-    .pan-gif {
-      margin: 0 auto;
-      display: block;
-    }
-    .pan-img {
-      display: block;
-      margin: 0 auto;
-      width: 100%;
-    }
-    .text-jumbo {
-      font-size: 60px;
-      font-weight: 700;
-      color: #484848;
-    }
-    .list-unstyled {
-      font-size: 14px;
-      li {
-        padding-bottom: 5px;
-      }
-      a {
-        color: #008489;
-        text-decoration: none;
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-</style>