xs-common-plugins 1.1.4 → 1.1.8

package/README.md

@@ -264,4 +264,24 @@
    1. common.js 增加  common.updateData() 修改数据后， 刷新列表页函数
    2. dic 字段， 移除 '0' 字符串 0 的 参数
    3. 移除 common.getReportList() 获取列表页数据 函数 空数据入参
+```
+```
+   1.1.5
+   1. common.js common.exportExcel （报表导出） 方法， 移除空条件
+```
+```
+   1.1.6
+   1. 增加多租户却换
+   2. 兼容相同路由跳转警告问题
+   3. common.js 增加公用方法 this.$common.dic() 用于查询字典单条/多条数据
+```
+```
+   1.1.7
+   1. 多余显示移除
+```
+```
+   1.1.8
+   1. common.js 增加 方法
+   2. common.js commom.format() 拓展类型枚举
+   3. 表单校验增加 min, max 参数
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xs-common-plugins",
-  "version": "1.1.4",
+  "version": "1.1.8",
   "private": false,
   "description": "向上公共代码部分",
   "author": "祝玲云 <1902733517@qq.com>",

package/src/common/common.js

@@ -4,7 +4,8 @@ import router from '@/router/index'
 import store from '@/store/index'
 import {OrgEnum} from '@/utils/enum'
 import filterRules from '@/utils/filterRules'
-
+import request from "xs-request";
+import moduleCfg from '@/modules/module.config.js'
 const common = {}
 
 /**
@@ -350,6 +351,10 @@ common.clone = (obj) => {
  common.exportExcel = async (url, query, fileName = 'demo', headers = { responseType: 'arraybuffer' }) => {
     let newQuery = JSON.parse(JSON.stringify(query)) 
     delete newQuery.data
+    for (const key in newQuery) {
+        if(newQuery[key] == null || newQuery[key] === '') 
+        delete newQuery[key]
+    }
     const httpRequest = common.getObject(url)
     const response = await httpRequest(newQuery, headers)
     const blob = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
@@ -395,28 +400,45 @@ common.requiredList = (list) => {
 /**
  *  格式化数据样式
  * @param {*} value  值
- * @param {*} type  要格式化的类型 [date, price]
+ * @param {*} type  要格式化的类型 [date, price, price, money, enum, list(前端自定义枚举)]
  * @returns 
  */
  common.format = (value, type="date") => {
-    switch (type) {
+    let newType = ['money', 'date', 'mdate'].includes(type) ? type : type.split('.').length > 1 ? 'enum' : 'list'
+    switch (newType) {
+        case 'money':
+            return Number(value).toFixed(4);
         case 'date':
-            if(value) return value.replace("T", ' ').substr(0, 19)
-            else return ''
-            break;
+            if(value === '1970-01-01T00:00:00') return '/'
+            return value ? value.replace('T', ' ').substr(0, 19) : ''
+        case 'mdate':
+            if(value === '1970-01-01T00:00:00') return '/'
+            return value ? value.replace('T', ' ').substr(5, 19) : ''
         case 'price':
             if(typeof(value) === 'number') {
                 return value.toFixed(2).toString().replace(/,/g,'').replace(/\d+/, function (n) { // 先提取整数部分
                     return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
-                      return $1 + ",";
+                        return $1 + ",";
                     });
                 });
             }
             else return ''
-            break;
+        case 'enum':
+            return getValueByType('enum', type, value)
+        case 'list':
+            return getValueByType('list', type, value)
         default:
             break;
     }
+    function getValueByType (type, name, value) {
+        if(type === 'enum') {
+            let row = OrgEnum[name].find(item => item.Id == value)
+            return row ? row.Text : ''
+        } else if(type === 'list') {
+            let row = moduleCfg.format ? moduleCfg.format[name].find(item => item.id == value) : null
+            return row ? row.name: ''
+        }
+    }
 }
 
 /**
@@ -469,4 +491,59 @@ common.getReportList = (that, url, query, callBack) => {
     })
 }
 
+
+/**
+ * 字典表 里通过Id 查 name, 或者查询多条数据 （单条返回 name， 多条返回数组）
+ * @param {Array} props  ['服务名', '表名', '字段名']
+ * @param {String, Number, Array} val 值， 传入id, 或者 [id1, id2, ...]
+ * 
+ * 使用案例  (异步方法)
+ *  async getValue () {
+ *     await this.$common.dic(['qccuser', 'Brand'], '10010')
+ *  }
+ *   
+ */
+
+common.dic = async (props, val) => {
+    let isArray = Array.isArray(val)
+    let server = props[0] || ''
+    let tableName = props[1] || ''
+    let prop = props[2] || 'name'
+    let key = server + tableName
+    if(store.getters.dic[key]) {
+        if(isArray) return await getDicVal()
+        let row =  store.getters.dic[key].find(item => item.id == val)
+        if(row && (row.isNull || row[prop] === null)) { return '' }
+        if(row) return row[prop]
+        if(!row) return await getDicVal()
+        
+    } else {
+        return await getDicVal()
+    }
+    async function getDicVal () {
+        let servers = props[0] || "";
+        let tableName = props[1] || "";
+        let key = servers + tableName;
+        let url = servers + "/UserAll/Search/Dic/" + tableName;
+        let res = await request.post(url, isArray ? val : [val])
+        if (res.code !== 0) return;
+        store.commit("dic/SET_ASK", { key, val: res.data });
+        if(isArray) return res.data
+        else {
+            let row = res.data.find(item => item.id == val)
+            return row ? row[prop] : ''
+        }
+    }
+}
+/**
+ * 快速给页面变量赋值
+ * @param {*} url  请求接口的地址
+ * @param {*} query  接口参数
+ * @param {*} prop  要为哪个字段名赋值
+ */
+common.getLabelList = (that, prop, url, query) => {
+    common.getObject(url)(query).then(res => {
+        that[prop] = res.data
+    })
+}
 export default common

package/src/router/index.js

@@ -3,6 +3,10 @@ import VueRouter from 'vue-router'
 import autoRouter from '../automatically/router'
 Vue.use(VueRouter)
 
+const originalPush = VueRouter.prototype.push;
+VueRouter.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch(err => err)
+}
 const routes = [
   {
     path: '/',

package/src/utils/filterRules.js

@@ -2,11 +2,16 @@ const filterRules = ({ required, type, min, max }) => {
   let validate = [];
   if (required) {
     // 必填项
-    validate.push({
-      required: true,
-      message: "该输入项为必填项",
-      trigger: "change",
-    });
+    validate.push({ required: true, message: "该输入项为必填项", trigger: "change",});
+  }
+  if(min&&max){
+    validate.push({ min:min,max:max, message: '字符长度在'+min+'至'+max+'之间!', trigger: 'change' })
+  }
+  if(min){
+    validate.push({ min:min, message: '最少输入'+min+'个字符!', trigger: 'change' })
+  }
+  if(max){
+    validate.push({ min:1,max:max, message: '最多输入'+max+'个字符!', trigger: 'change' })
   }
   if (type) {
     let message = "";

package/src/utils/getMenu.js

@@ -77,6 +77,7 @@ function getApis () {
 
 export {
 
-  main
+  main,
+  initMenu
   
 }

package/src/views/layout/components/Navbar.vue

@@ -31,6 +31,7 @@
       <AllSearch />
       <div class="is-dot">
         <el-badge
+          style="margin: 0 3px;"
           v-if="isShowKF === 'isv' || isShowKF === 'erp'"
           is-dot
           class="item"
@@ -45,7 +46,7 @@
         </el-badge>
       </div>
       <div>
-        <el-tag>{{
+        <el-tag style="margin: 0 3px;">{{
           userProfile &&
           userProfile.hasOwnProperty("real_name") &&
           userProfile.real_name
@@ -61,6 +62,17 @@
               : "--未绑定--"
           }}
         </el-tag>
+      </div> 
+      <!-- 租户 -->
+      <div class="tenant" v-if="userProfile && userProfile.TId">
+        <el-dropdown @command="changeTenant">
+          <span class="el-dropdown-link">
+            {{tenantList && tenantList[userProfile.TId]}}
+          </span>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item v-for="(value, key) in tenantList" :key="key" :command="key">{{value}}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
       </div>
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
@@ -107,7 +119,9 @@ import AllSearch from "./AllSearch";
 import { getConfig } from "@/utils/global-config";
 import { getToken, removeToken, removeLocalToken } from "@/utils/auth"; // get token from cookie
 import ImCom from "@/components/im";
-import { getLocalStorage } from "@/utils/localStorage";
+import { getLocalStorage, setLocalStorage } from "@/utils/localStorage";
+import { setToken } from "@/utils/auth"; // get token from cookie
+import { initMenu } from '@/utils/getMenu'
 
 export default {
   components: {
@@ -136,6 +150,7 @@ export default {
       LoginName: false,
       isShowKF: getConfig("GROUP"),
       defaultParentId: "887904812217cca9bc2b9adb875daf42",
+      tenantList: [], // 租户列表
     };
   },
   computed: {
@@ -146,8 +161,29 @@ export default {
     if (userName === "admin") {
       this.LoginName = true;
     }
+    if(this.userProfile &&this.userProfile.TId) this.getTenantList()
   },
   methods: {
+    changeTenant (id) {
+       if(id === this.userProfile.TId) return
+        this.$router.push("/home")
+        this.$ask.ucmng.api.sysmng.Tenant.SwitchTenant({clientId: getConfig('CLIENT_ID'), newTId: id}).then(res => {
+          let newuser = this.userProfile
+          newuser.TId = id
+          setLocalStorage('userProfile', newuser)
+          this.userProfile = getLocalStorage('userProfile')
+          let user = res.data
+            setToken(user.accessToken);
+            localStorage.setItem("token", user.accessToken);
+            initMenu()
+            
+        })
+    },
+    getTenantList () {
+      this.$ask.ucmng.api.sysmng.Tenant.GetTenants().then(res => {
+        this.tenantList = res.data
+      })
+    },
     toggleSideBar() {
       this.$store.dispatch("app/toggleSideBar");
     },
@@ -279,6 +315,10 @@ export default {
     }
   }
 
+  .tenant {
+    padding: 0 10px;
+  }
+
   .breadcrumb-container {
     float: left;
   }