kz-ui-base 1.0.2 → 1.0.4

package/common/src/components/custom/Notice/index.vue

@@ -1,244 +0,0 @@
-<template>
-  <el-popover
-    placement="bottom"
-    width="288"
-    trigger="hover">
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="通知" name="notice">
-        <el-table
-          :data="noticeList"
-          :show-header="false"
-          max-height="310"
-          @row-click="noticeRowClick"
-          style="width: 100%">
-          <el-table-column>
-            <template slot-scope="scope">
-              <div :class="scope.row.isRead==='0'?'notice-packing':'notice-packing notice-packing-opacity'">
-                <div class="notice-avatar-notice">
-                  <img class="notice-image"
-                       :src="scope.row.noticeType==='0'?notice.xy_notice:scope.row.noticeType==='1'?notice.xy_email:notice.xy_message">
-                </div>
-                <div class="notice-divide"/>
-                <div class="notice-message">
-                  <div class="notice-title">
-                    {{
-                      scope.row.noticeTitle.length <= maxTitleLength ? scope.row.noticeTitle : scope.row.noticeTitle.substring(0, maxTitleLength - 2) + '......'
-                    }}
-                  </div>
-                  <div class="notice-interval">
-                    {{ scope.row.timeInterval }}
-                  </div>
-                </div>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="公告" name="email">
-        <el-table
-          :data="announcementList"
-          :show-header="false"
-          max-height="308"
-          @row-click="announcementRowClick"
-          style="width: 100%">
-          <el-table-column>
-            <template slot-scope="scope">
-              <div :class="scope.row.isRead==='0'?'notice-packing':'notice-packing notice-packing-opacity'">
-                <div
-                  :class="scope.row.noticeContent.length <= maxContentLength?'notice-avatar-announcement-one':'notice-avatar-announcement-two'">
-                  <img class="notice-image"
-                       :src="scope.row.noticeType==='0'?notice.xy_notice:scope.row.noticeType==='1'?notice.xy_email:notice.xy_message">
-                </div>
-                <div class="notice-divide"/>
-                <div class="notice-message">
-                  <div class="notice-title">
-                    {{
-                      scope.row.noticeTitle.length <= maxTitleLength ? scope.row.noticeTitle : scope.row.noticeTitle.substring(0, maxTitleLength - 2) + '......'
-                    }}
-                  </div>
-                  <div class="notice-content">
-                    {{
-                      scope.row.noticeContent.length <= maxContentLength ? scope.row.noticeContent : scope.row.noticeContent.substring(0, maxContentLength - 2) + '......'
-                    }}
-                  </div>
-                  <div class="notice-interval">
-                    {{ scope.row.timeInterval }}
-                  </div>
-                </div>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
-    <el-badge :value="unreadMessageNum" class="notice-badge" slot="reference" :hidden="unreadMessageNum === 0">
-      <svg-icon icon-class="xy_notice" class="notice-badge-svg"/>
-    </el-badge>
-  </el-popover>
-</template>
-
-<script>
-import xy_notice from '../../../assets/images/xy_notice.png'
-import xy_email from '../../../assets/images/xy_email.png'
-import xy_message from '../../../assets/images/xy_message.png'
-
-export default {
-  name: "Notice",
-  data() {
-    return {
-      notice: {
-        xy_notice: xy_notice,
-        xy_email: xy_email,
-        xy_message: xy_message
-      },
-      activeName: "notice",
-      maxTitleLength: 12,     // 标题最大字符显示数
-      minContentLength: 15,   // 内容一行最大字符显示数
-      maxContentLength: 30,   // 内容最大字符显示数
-      unreadMessageNum: 0,     // 未读消息数
-      // noticeList:[]    // 通知 noticeTitle 消息标题 | noticeContent 消息内容 | noticeType 消息类型 | timeInterval 距今时间 | isRead 是否已读(0否 1是)
-      // announcementList:[],  //公告  noticeTitle 消息标题 | noticeContent 消息内容 | noticeType 消息类型 | timeInterval 距今时间 | isRead 是否已读(0否 1是)
-      announcementList: [{
-        noticeTitle: '通知通知通知通知通知通知通知通知通知通通知通知通通知',
-        noticeContent: '通知通知通知通知通知通知通通知通知通通知通知通知通知通知知通知通通知通知通知通知通知通知通通知通知通通知',
-        noticeType: '1',
-        timeInterval: '3 days ago',
-        isRead: '0'
-      }, {
-        noticeTitle: '通知通知通知通知',
-        noticeContent: '这是一条通知',
-        noticeType: '0',
-        timeInterval: '5 days ago',
-        isRead: '1'
-      }, {
-        noticeTitle: '通知通知通知通知',
-        noticeContent: '这是一条通知',
-        noticeType: '2',
-        timeInterval: '1 days ago',
-        isRead: '0'
-      }, {noticeTitle: '通知通知通知通知', noticeContent: '这是一条通知', noticeType: '0', timeInterval: '5 days ago', isRead: '1'}],
-      noticeList: [{
-        noticeTitle: '通知通知通知通知通知通知通知通知通知通通知通知通通知',
-        noticeContent: '通知通知通知通知通知通知通知通知通通知通知通知通知通知通知通通知通知通通知',
-        noticeType: '1',
-        timeInterval: '3 days ago',
-        isRead: '0'
-      }, {
-        noticeTitle: '通知通知通知通知',
-        noticeContent: '这是一条通知',
-        noticeType: '0',
-        timeInterval: '5 days ago',
-        isRead: '1'
-      }, {
-        noticeTitle: '通知通知通知通知',
-        noticeContent: '这是一条通知',
-        noticeType: '2',
-        timeInterval: '1 days ago',
-        isRead: '0'
-      }, {noticeTitle: '通知通知通知通知', noticeContent: '这是一条通知', noticeType: '0', timeInterval: '5 days ago', isRead: '1'}]
-    }
-  },
-  created() {
-    this.unreadMessageNum = 0
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event)
-    },
-    noticeRowClick(row) {
-      if (row.isRead === '0') {
-        this.unreadMessageNum > 0 ? this.unreadMessageNum-- : this.unreadMessageNum = 0
-        row.isRead = '1'
-      }
-    },
-    announcementRowClick(row) {
-      if (row.isRead === '0') {
-        this.unreadMessageNum > 0 ? this.unreadMessageNum-- : this.unreadMessageNum = 0
-        row.isRead = '1'
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.notice-badge {
-  margin-top: 12px;
-  margin-right: 5px;
-
-  .notice-badge-svg {
-    margin-bottom: 12px;
-    margin-left: 5px;
-  }
-}
-
-.notice-packing {
-  padding: 8px 0;
-  display: table;
-
-  .notice-avatar-notice {
-    margin-right: 20px;
-    display: table-cell;
-
-    .notice-image {
-      width: 32px;
-      height: 32px;
-      margin-bottom: -20px;
-    }
-  }
-
-  .notice-avatar-announcement-one {
-    margin-right: 20px;
-    display: table-cell;
-
-    .notice-image {
-      width: 32px;
-      height: 32px;
-      margin-bottom: -30px;
-    }
-  }
-
-  .notice-avatar-announcement-two {
-    margin-right: 20px;
-    display: table-cell;
-
-    .notice-image {
-      width: 32px;
-      height: 32px;
-      margin-bottom: -35px;
-    }
-  }
-
-  .notice-divide {
-    width: 10px;
-    display: table-cell;
-  }
-
-  .notice-message {
-    display: table-cell;
-    font-size: 12px;
-    line-height: 1.5715;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-
-    .notice-title {
-      font-size: 14px;
-    }
-
-    .notice-content {
-      color: rgba(0, 0, 0, .45);
-    }
-
-    .notice-interval {
-      color: rgba(0, 0, 0, .45);
-    }
-  }
-}
-
-.notice-packing-opacity {
-  opacity: 0.5;
-}
-</style>

package/common/src/plugins/auth.js

@@ -1,60 +0,0 @@
-import store from '~../../../src/store'
-
-function authPermission(permission) {
-  const all_permission = "*:*:*";
-  const permissions = store.getters && store.getters.permissions
-  if (permission && permission.length > 0) {
-    return permissions.some(v => {
-     return all_permission === v || v === permission.toLowerCase();
-    })
-  } else {
-    return false
-  }
-}
-
-function authRole(role) {
-  const super_admin = "admin";
-  const roles = store.getters && store.getters.roles
-  if (role && role.length > 0) {
-    return roles.some(v => {
-      return super_admin === v || v === role
-    })
-  } else {
-    return false
-  }
-}
-
-export default {
-  // 验证用户是否具备某权限
-  hasPermi(permission) {
-    return authPermission(permission);
-  },
-  // 验证用户是否含有指定权限，只需包含其中一个
-  hasPermiOr(permissions) {
-    return permissions.some(item => {
-      return authPermission(item)
-    })
-  },
-  // 验证用户是否含有指定权限，必须全部拥有
-  hasPermiAnd(permissions) {
-    return permissions.every(item => {
-      return authPermission(item)
-    })
-  },
-  // 验证用户是否具备某角色
-  hasRole(role) {
-    return authRole(role);
-  },
-  // 验证用户是否含有指定角色，只需包含其中一个
-  hasRoleOr(roles) {
-    return roles.some(item => {
-      return authRole(item)
-    })
-  },
-  // 验证用户是否含有指定角色，必须全部拥有
-  hasRoleAnd(roles) {
-    return roles.every(item => {
-      return authRole(item)
-    })
-  }
-}

package/common/src/plugins/cache.js

@@ -1,77 +0,0 @@
-const sessionCache = {
-  set (key, value) {
-    if (!sessionStorage) {
-      return
-    }
-    if (key != null && value != null) {
-      sessionStorage.setItem(key, value)
-    }
-  },
-  get (key) {
-    if (!sessionStorage) {
-      return null
-    }
-    if (key == null) {
-      return null
-    }
-    return sessionStorage.getItem(key)
-  },
-  setJSON (key, jsonValue) {
-    if (jsonValue != null) {
-      this.set(key, JSON.stringify(jsonValue))
-    }
-  },
-  getJSON (key) {
-    const value = this.get(key)
-    if (value != null) {
-      return JSON.parse(value)
-    }
-  },
-  remove (key) {
-    sessionStorage.removeItem(key);
-  }
-}
-const localCache = {
-  set (key, value) {
-    if (!localStorage) {
-      return
-    }
-    if (key != null && value != null) {
-      localStorage.setItem(key, value)
-    }
-  },
-  get (key) {
-    if (!localStorage) {
-      return null
-    }
-    if (key == null) {
-      return null
-    }
-    return localStorage.getItem(key)
-  },
-  setJSON (key, jsonValue) {
-    if (jsonValue != null) {
-      this.set(key, JSON.stringify(jsonValue))
-    }
-  },
-  getJSON (key) {
-    const value = this.get(key)
-    if (value != null) {
-      return JSON.parse(value)
-    }
-  },
-  remove (key) {
-    localStorage.removeItem(key);
-  }
-}
-
-export default {
-  /**
-   * 会话级缓存
-   */
-  session: sessionCache,
-  /**
-   * 本地缓存
-   */
-  local: localCache
-}

package/common/src/plugins/download.js

@@ -1,31 +0,0 @@
-import axios from 'axios'
-import { Message } from 'element-ui'
-import { saveAs } from 'file-saver'
-import { getToken } from '../utils/auth'
-import { blobValidate } from "../utils/ruoyi";
-
-const baseURL = process.env.VUE_APP_BASE_API
-
-export default {
-  zip(url, name) {
-    var url = baseURL + url
-    axios({
-      method: 'get',
-      url: url,
-      responseType: 'blob',
-      headers: { 'Authorization': 'Bearer ' + getToken() }
-    }).then(async (res) => {
-      const isLogin = await blobValidate(res.data);
-      if (isLogin) {
-        const blob = new Blob([res.data], { type: 'application/zip' })
-        this.saveAs(blob, name)
-      } else {
-        Message.error('无效的会话，或者会话已过期，请重新登录。');
-      }
-    })
-  },
-  saveAs(text, name, opts) {
-    saveAs(text, name, opts);
-  }
-}
-

package/common/src/plugins/index.js

@@ -1,82 +0,0 @@
-import tab from "./tab";
-import auth from "./auth";
-import cache from "./cache";
-import modal from "./modal";
-import download from "./download";
-import { getUrl } from "../api/common/common";
-import { getToken } from "../utils/auth";
-import { getWebConfig } from "../utils/utils";
-
-export default {
-  install(Vue) {
-    // 页签操作
-    Vue.prototype.$tab = tab;
-    // 认证对象
-    Vue.prototype.$auth = auth;
-    // 缓存对象
-    Vue.prototype.$cache = cache;
-    // 模态框对象
-    Vue.prototype.$modal = modal;
-    // 下载文件
-    Vue.prototype.$download = download;
-
-    var token = getToken();
-
-    var webConfig = getWebConfig();
-    if (token) {
-      if (webConfig) {
-        if (webConfig.cache.system) {
-          initSystemCache();
-        }
-        
-       
-      }
-    }
-
-    function initSystemCache() {
-      getUrl("/system/dict/data/getAll").then(
-        (response) => {
-          var data = response.data;
-          Vue.prototype.$cache.local.setJSON("dict", data);
-        },
-        (error) => {
-          console.log(error);
-        }
-      );
-
-      getUrl("/system/user/getAll").then(
-        (response) => {
-          console.log(response);
-          var data = response.data;
-          Vue.prototype.$cache.local.setJSON("user", data);
-        },
-        (error) => {
-          console.log(error);
-        }
-      );
-
-      getUrl("/system/dept/getAll").then(
-        (response) => {
-          var data = response.data;
-          Vue.prototype.$cache.local.setJSON("dept", data);
-        },
-        (error) => {
-          console.log(error);
-        }
-      );
-      getUrl("/system/config/list?pageNum=1&pageSize=9999").then(
-        (response) => {
-          var data = response.data;
-          let list = [];
-          response.data.forEach((item) => {
-            list.push({ key: item.configKey, value: item.configValue });
-          });
-          Vue.prototype.$cache.local.setJSON("configUrl", list);
-        },
-        (error) => {
-          console.log(error);
-        }
-      );
-    }
-  },
-};

package/common/src/plugins/modal.js

@@ -1,75 +0,0 @@
-import { Message, MessageBox, Notification, Loading } from 'element-ui'
-
-let loadingInstance;
-
-export default {
-  // 消息提示
-  msg(content) {
-    Message.info(content)
-  },
-  // 错误消息
-  msgError(content) {
-    Message.error(content)
-  },
-  // 成功消息
-  msgSuccess(content) {
-    Message.success(content)
-  },
-  // 警告消息
-  msgWarning(content) {
-    Message.warning(content)
-  },
-  // 弹出提示
-  alert(content) {
-    MessageBox.alert(content, "系统提示")
-  },
-  // 错误提示
-  alertError(content) {
-    MessageBox.alert(content, "系统提示", { type: 'error' })
-  },
-  // 成功提示
-  alertSuccess(content) {
-    MessageBox.alert(content, "系统提示", { type: 'success' })
-  },
-  // 警告提示
-  alertWarning(content) {
-    MessageBox.alert(content, "系统提示", { type: 'warning' })
-  },
-  // 通知提示
-  notify(content) {
-    Notification.info(content)
-  },
-  // 错误通知
-  notifyError(content) {
-    Notification.error(content);
-  },
-  // 成功通知
-  notifySuccess(content) {
-    Notification.success(content)
-  },
-  // 警告通知
-  notifyWarning(content) {
-    Notification.warning(content)
-  },
-  // 确认窗体
-  confirm(content) {
-    return MessageBox.confirm(content, "系统提示", {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: "warning",
-    })
-  },
-  // 打开遮罩层
-  loading(content) {
-    loadingInstance = Loading.service({
-      lock: true,
-      text: content,
-      spinner: "el-icon-loading",
-      background: "rgba(0, 0, 0, 0.7)",
-    })
-  },
-  // 关闭遮罩层
-  closeLoading() {
-    loadingInstance.close();
-  }
-}

package/common/src/plugins/tab.js

@@ -1,66 +0,0 @@
-import store from '~../../../src/store'
-import router from '~../../../src/router';
-
-export default {
-  // 刷新当前tab页签
-  refreshPage(obj) {
-    const { path, matched } = router.currentRoute;
-    if (obj === undefined) {
-      matched.forEach((m) => {
-        if (m.components && m.components.default && m.components.default.name) {
-          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
-            obj = { name: m.components.default.name, path: path };
-          }
-        }
-      });
-    }
-    return store.dispatch('tagsView/delCachedView', obj).then(() => {
-      const { path } = obj
-      router.replace({
-        path: '/redirect' + path
-      })
-    })
-  },
-  // 关闭当前tab页签，打开新页签
-  closeOpenPage(obj) {
-    store.dispatch("tagsView/delView", router.currentRoute);
-    if (obj !== undefined) {
-      return router.push(obj);
-    }
-  },
-  // 关闭指定tab页签
-  closePage(obj) {
-    if (obj === undefined) {
-      return store.dispatch('tagsView/delView', router.currentRoute).then(({ lastPath }) => {
-        return router.push(lastPath || '/');
-      });
-    }
-    return store.dispatch('tagsView/delView', obj);
-  },
-  // 关闭所有tab页签
-  closeAllPage() {
-    return store.dispatch('tagsView/delAllViews');
-  },
-  // 关闭左侧tab页签
-  closeLeftPage(obj) {
-    return store.dispatch('tagsView/delLeftTags', obj || router.currentRoute);
-  },
-  // 关闭右侧tab页签
-  closeRightPage(obj) {
-    return store.dispatch('tagsView/delRightTags', obj || router.currentRoute);
-  },
-  // 关闭其他tab页签
-  closeOtherPage(obj) {
-    return store.dispatch('tagsView/delOthersViews', obj || router.currentRoute);
-  },
-  // 添加tab页签
-  openPage(title, url) {
-    var obj = { path: url, meta: { title: title } }
-    store.dispatch('tagsView/addView', obj);
-    return router.push(url);
-  },
-  // 修改tab页签
-  updatePage(obj) {
-    return store.dispatch('tagsView/updateVisitedView', obj);
-  }
-}

package/common/src/utils/auth.js

@@ -1,29 +0,0 @@
-import Cookies from '~../../js-cookie'
-
-const TokenKey = 'Admin-Token'
-
-const ExpiresInKey = 'Admin-Expires-In'
-
-export function getToken() {
-  return Cookies.get(TokenKey)
-}
-
-export function setToken(token) {
-  return Cookies.set(TokenKey, token)
-}
-
-export function removeToken() {
-  return Cookies.remove(TokenKey)
-}
-
-export function getExpiresIn() {
-  return Cookies.get(ExpiresInKey) || -1
-}
-
-export function setExpiresIn(time) {
-  return Cookies.set(ExpiresInKey, time)
-}
-
-export function removeExpiresIn() {
-  return Cookies.remove(ExpiresInKey)
-}