imatrix-ui 2.8.19 → 2.8.20-boe2

package/src/styles/theme/gray/font-style.scss

@@ -29,4 +29,42 @@
       color: rgba(0, 13, 31, 0.85);
     }
   }
+
+  .page-layout__title {
+    width: 46px;
+    height: 16px;
+    font-size: 11px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 13px;
+  }
+
+  .component-type-name__title {
+    width: 40px;
+    height: 14px;
+    font-size: 10px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 12px;
+    // -webkit-background-clip: text;
+    // -webkit-text-fill-color: transparent;
+  }
+
+  .page-layout__title::before {
+    content: "";
+    text-align: center;
+    background: #1A6BF3;
+    float: left;
+    position: relative;
+    border-radius: 3px;
+    /** 定义成 block 元素 **/
+    display: block;
+    // height: 21px;
+    // width: 4px;
+    margin-right: 12px;
+
+    width: 2px;
+    height: 16px;
+
+  }
 }

package/src/styles/theme/gray/index.scss

@@ -3,7 +3,7 @@
 @import './card-style.scss';
 @import './tab-style.scss';
 @import './input-style.scss';
-@import './form-style.scss';
+@import './scrollbar-style.scss';
 
 .gray {
   font-family: microsoft yahei, Arial, Helvetica, sans-serif;
@@ -76,8 +76,9 @@
   }
 
   .app-container {
-    // padding: 20px;
-    padding: 0px;
+    padding: 20px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
 
     .box-card {
       margin: 16px 24px;
@@ -95,26 +96,6 @@
   }
 
 
-  .form-container {
-    height: calc(100vh - 82px);
-    overflow: auto;
-  }
-
-  .form-container .el-form .el-card {
-    margin-bottom: 10px;
-  }
-
-  .form-container .el-form .el-card:last-child {
-    margin-bottom: 0;
-  }
-
-  // 带有tab页签的表单高度
-  .tab-form-container {
-    height: calc(100vh - 190px);
-    overflow: auto;
-  }
-
-
   // 解决tab页签中内容多时没有滚动条问题
   .el-tabs__content {
     flex-grow: 1;
@@ -173,12 +154,19 @@
   .el-table th {
     padding: 0;
   }
+
   /**表格内容纵向分隔线去掉**/
-  .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+  .el-table--border td,
+  .el-table--border th,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
     border-right: 0px
   }
+
   /**表格标题纵向分隔线颜色调浅点儿**/
-  .el-table--border td, .el-table--border th,.el-table--border th.is-leaf, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+  .el-table--border td,
+  .el-table--border th,
+  .el-table--border th.is-leaf,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
     border-right: 1px solid #fefefe;
   }
 }

package/src/styles/theme/gray/scrollbar-style.scss

@@ -0,0 +1,32 @@
+.dark-blue {
+
+  // 滚动条基础样式
+  ::-webkit-scrollbar {
+    width: 6px; // 纵向的宽度
+    height: 8px; // 横向的高度
+  }
+
+  // 默认下滚动条的样式
+  ::-webkit-scrollbar-thumb {
+    background: #eaeaea;
+    border: none;
+    border-radius: 4px;
+  }
+
+  // 鼠标悬停在滚动条时的样式
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(157, 165, 183, 0.7)
+  }
+
+  // 滚动条区域 空白地方的样式
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+    border: none;
+  }
+
+  // 鼠标悬停在滚动条时 滚动条区域 空白地方的样式
+  ::-webkit-scrollbar-track:hover {
+    background-color: #eaeaea;
+    border: none;
+  }
+}

package/src/styles/theme/gray/sidebar.scss

@@ -8,6 +8,11 @@
       transition: margin-left .28s;
       margin-left: 224px;
       position: relative;
+
+      .nav-tab {
+        padding-top: 5px;
+        padding-left: 5px;
+      }
     }
 
     // 侧边栏

package/src/utils/auth-api.js

@@ -4,6 +4,7 @@ import Vue from 'vue'
 const jwtKey = 'JWT'
 const currentUserNameKey = 'USERNAME'
 const currentUserInfoKey = 'CURRENT_USER'
+const currentSystemUrlKey = 'CURRENT_SYSTEM_URL_'
 
 function getToken() {
   let token = getCookieCache(jwtKey)
@@ -96,6 +97,45 @@ function setSessionCache(key, value) {
 function removeSessionCache(key) {
   sessionStorage.removeItem(key)
 }
+
+function getSystemCacheUrlByCode(systemCode) {
+  if (!systemCode) {
+    systemCode = Vue.prototype.customSystem
+  }
+  if (!systemCode) {
+    systemCode = Vue.prototype.systemCode
+  }
+  if (systemCode) {
+    const systemUrls = getSystemCacheUrl()
+    if (systemUrls) {
+      return systemUrls[systemCode]
+    }
+  }
+}
+
+function getSystemCacheUrl() {
+  let systemUrlJson = getCookieCache(currentSystemUrlKey)
+  if (!systemUrlJson) {
+    systemUrlJson = getSessionCache(currentSystemUrlKey)
+  }
+  if (systemUrlJson) {
+    return JSON.parse(systemUrlJson)
+  }
+}
+
+function setSystemCacheUrl(systemUrlObj) {
+  if (systemUrlObj) {
+    const systemUrlStr = JSON.stringify(systemUrlObj)
+    setSessionCache(currentSystemUrlKey, systemUrlStr)
+    setCookieCache(currentSystemUrlKey, systemUrlStr)
+  }
+}
+
+function removeSystemCacheUrl() {
+  removeSessionCache(currentSystemUrlKey)
+  removeCookieCache(currentSystemUrlKey)
+}
+
 export default {
   getToken,
   setToken,
@@ -111,5 +151,9 @@ export default {
   removeCookieCache,
   getSessionCache,
   setSessionCache,
-  removeSessionCache
+  removeSessionCache,
+  getSystemCacheUrlByCode,
+  getSystemCacheUrl,
+  setSystemCacheUrl,
+  removeSystemCacheUrl
 }

package/src/utils/common-util.js

@@ -223,3 +223,14 @@ export function getTimeZone() {
   }
   return timeZone
 }
+
+export function setCustomSystemBackendUrl(customSystem) {
+  // 重新缓存系统后台路径
+  if (!Vue.prototype.projectModel || Vue.prototype.projectModel !== 'developing.model') {
+    // 表示是生产环境时，需要根据数据库配置获得对应的后端地址
+    const backendUrl = window.$authApi.getSystemCacheUrlByCode(customSystem)
+    if (backendUrl) {
+      Vue.prototype.baseURL = getRelativeBaseUrl(backendUrl)
+    }
+  }
+}

package/src/utils/range-selector.js

@@ -0,0 +1,185 @@
+export function getFirstDayOfSeason(date) {
+  var month = new Date(date).getMonth()
+  if (month < 3) {
+    date.setMonth(0)
+  } else if (month > 2 && month < 6) {
+    date.setMonth(3)
+  } else if (month > 5 && month < 9) {
+    date.setMonth(6)
+  } else if (month > 8 && month < 11) {
+    date.setMonth(9)
+  }
+  date.setDate(1)
+  return formatDate(date)
+}
+export function getWeekOfSeason(date) {
+  const weekTime = date.getDay() - 1
+  if (weekTime === -1) {
+    return date.getTime() - 6 * 24 * 60 * 60 * 1000
+  } else {
+    return date.getTime() - weekTime * 24 * 60 * 60 * 1000
+  }
+}
+
+function formatDate(time) {
+  const date = new Date(time) // 创建Date对象
+  const year = date.getFullYear() // 获取年份
+  const month = date.getMonth() + 1 // 获取月份，记得+1
+  const day = date.getDate() // 获取日期
+  return `${year}-${month}-${day}` // 返回格式化后的日期字符串
+}
+
+export function formatTimefn(format, dateTime) {
+  if (format === undefined || format === null || format === '') { return dateTime }
+  const nowTime = new Date(dateTime)
+  const year = nowTime.getFullYear()
+  const month = nowTime.getMonth() + 1
+  const date = nowTime.getDate()
+  const hour = nowTime.getHours()
+  const minute = nowTime.getMinutes()
+  const second = nowTime.getSeconds()
+
+  function getCharCount(char) {
+    var regex = new RegExp(char, 'g') // 使用g表示整个字符串都要匹配
+    var result = format.match(regex) // match方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
+    var count = !result ? 0 : result.length
+    return count
+  }
+  function setDateItem(oneUnit, twoUnit, itemDate) {
+    if (getCharCount(oneUnit) === 1) {
+      format = format.replace(oneUnit, itemDate)
+    } else if (getCharCount(oneUnit) === 2 && itemDate < 10) {
+      format = format.replace(twoUnit, '0' + itemDate)
+    } else {
+      format = format.replace(twoUnit, itemDate)
+    }
+  }
+  // 获取第几周
+  function getYearWeek(a, b, c) { // a为年 b为月 c为日
+    var date1 = new Date(a, parseInt(b) - 1, c)
+    var date2 = new Date(a, 0, 1)
+    var d = Math.round((date1.valueOf() - date2.valueOf()) / 86400000)
+    return Math.ceil((d + ((date2.getDay() + 1) - 1)) / 7)
+  }
+
+  if (format.indexOf('y') !== -1) {
+    format = format.replace('yyyy', year)
+  }
+
+  if (format.indexOf('M') !== -1) {
+    setDateItem('M', 'MM', month)
+  }
+
+  if (format.indexOf('W') !== -1) {
+    const week = getYearWeek(year, month, date)
+    setDateItem('W', 'WW', week)
+  }
+  if (format.indexOf('d') !== -1) {
+    setDateItem('d', 'dd', date)
+  }
+
+  if (format.indexOf('H') !== -1) {
+    setDateItem('H', 'HH', hour)
+  }
+
+  if (format.indexOf('m') !== -1) {
+    setDateItem('m', 'mm', minute)
+  }
+
+  if (format.indexOf('s') !== -1) {
+    setDateItem('s', 'ss', second)
+  }
+  return format
+}
+
+export function getDateRangeSelectorDefaultValue(stareScopeTimeType, format) {
+  let Staretime = ''
+  const endTime = new Date()
+  const computeTime = new Date()
+  if (stareScopeTimeType === 'oneYear') {
+    // 近一年
+    const yearTime = endTime.getFullYear()
+    computeTime.setFullYear(yearTime)
+    computeTime.setMonth(0)
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'twoYear') {
+    // 近两年
+    const yearTime = endTime.getFullYear() - 1
+    computeTime.setFullYear(yearTime)
+    computeTime.setMonth(0)
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'oneQuarter') {
+    // 近一个季度
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'twoQuarter') {
+    // 近两个季度
+    const timeMonth = computeTime.getMonth()
+    if (endTime.getMonth < 3) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(10)
+    } else {
+      computeTime.setMonth(timeMonth - 3)
+    }
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'threeQuarter') {
+    // 近三个季度
+    const timeMonth = computeTime.getMonth()
+    if (endTime.getMonth < 8 && endTime.getMonth > 2) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(8)
+    } else if (endTime.getMonth < 3) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(5)
+    } else {
+      computeTime.setMonth(timeMonth - 6)
+    }
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'oneMonth') {
+    // 近一个月
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'twoMonth') {
+    // 近两个月
+    const monthNum = endTime.getMonth() - 1
+    if (monthNum > -1) {
+      computeTime.setMonth(monthNum)
+    } else {
+      const yeartime = endTime.getFullYear() - 1
+      computeTime.setFullYear(yeartime)
+      computeTime.setMonth(11)
+    }
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'threeMonth') {
+    // 近三个月
+    const monthTime = endTime.getMonth() - 2
+    if (monthTime > -1) {
+      computeTime.setMonth(monthTime)
+    } else {
+      const yeartime = endTime.getFullYear() - 1
+      computeTime.setFullYear(yeartime)
+      computeTime.setMonth(10)
+    }
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'oneWeek') {
+    // 近一周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime)
+  } else if (stareScopeTimeType === 'twoWeek') {
+    // 近两周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime - 7 * 24 * 60 * 60 * 1000)
+  } else if (stareScopeTimeType === 'threeWeek') {
+    // 近三周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime - 14 * 24 * 60 * 60 * 1000)
+  }
+  if (Staretime) {
+    const startTimeTemp = new Date(Staretime).getTime()
+    const endTimeTemp = endTime.getTime()
+    const startDate = formatTimefn(format, startTimeTemp)
+    const endDate = formatTimefn(format, endTimeTemp)
+    return { startTimeTemp, endTimeTemp, startDate, endDate }
+  }
+}

package/src/utils/request.js

@@ -14,7 +14,8 @@ import {
 } from './util'
 import {
   getRelativeBaseUrl,
-  getTimeZone
+  getTimeZone,
+  setCustomSystemBackendUrl
 } from './common-util'
 // 创建axios实例
 const service = axios.create({
@@ -38,6 +39,8 @@ service.interceptors.request.use(
     const customSystem = Vue.prototype.customSystem
     if (customSystem) {
       config.headers['customSystem'] = customSystem
+      // 重新缓存系统后台路径
+      setCustomSystemBackendUrl(customSystem)
     }
     if (Vue.prototype.baseURL) {
       config.baseURL = getRelativeBaseUrl(Vue.prototype.baseURL)

package/src/utils/util.js

@@ -452,11 +452,11 @@ export function getEntityFieldValueWithOutCase(entity, prop) {
  */
 export function getEntityFieldValue(entity, prop, isLowerCase) {
   let value = getEntityFieldValueWithCase(entity, prop)
-  if (value === undefined) {
+  if (value === undefined || value === null) {
     // 兼容mysql数据库
     value = getEntityFieldValueWithCase(entity, prop.toLowerCase())
   }
-  if (value === undefined && isLowerCase === undefined) {
+  if (value === undefined || value === null && isLowerCase === undefined) {
     // 兼容oracle数据库
     value = getEntityFieldValueWithCase(entity, prop.toUpperCase())
   }

package/src/views/layout/NewLayout.vue

@@ -1,77 +1,18 @@
 <template>
-  <div :class="classObj" class="app-wrapper">
-    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
-    <menubar class="sidebar-container" />
-    <div class="main-container">
-      <breadcrumb v-if="showMenuRoute" />
+  <div class="app-wrapper">
+    <div class="tab-main-container">
+      <!-- <tab-content/> -->
       <app-main />
     </div>
   </div>
 </template>
-
 <script>
-import { Menubar, AppMain, Breadcrumb } from './components'
-import ResizeMixin from './mixin/ResizeHandler'
-import { isShowMenuRoute } from '../../../src/utils/common-util'
-
+import { AppMain } from './components'
 export default {
-  name: 'Layout',
+  name: 'EmptyLayout',
   components: {
-    Menubar,
-    AppMain,
-    Breadcrumb
-  },
-  mixins: [ResizeMixin],
-  data() {
-    // 是否显示菜单路径，默认是不显示
-    const showMenuRoute = isShowMenuRoute()
-    return {
-      showMenuRoute
-    }
-  },
-  computed: {
-    sidebar() {
-      return this.$store.state.app.sidebar
-    },
-    device() {
-      return this.$store.state.app.device
-    },
-    classObj() {
-      return {
-        hideSidebar: !this.sidebar.opened,
-        openSidebar: this.sidebar.opened,
-        withoutAnimation: this.sidebar.withoutAnimation,
-        mobile: this.device === 'mobile'
-      }
-    }
-  },
-  methods: {
-    handleClickOutside() {
-      this.$store.dispatch('closeSidebar', { withoutAnimation: false })
-    }
+    AppMain
   }
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  @import "../../styles/mixin.scss";
-  .app-wrapper {
-    @include clearfix;
-    position: relative;
-    height: 100%;
-    width: 100%;
-    &.mobile.openSidebar{
-      position: fixed;
-      top: 0;
-    }
-  }
-  .drawer-bg {
-    background: #000;
-    opacity: 0.3;
-    width: 100%;
-    top: 0;
-    height: 100%;
-    position: absolute;
-    z-index: 999;
-  }
-</style>

package/src/views/layout/components/Menubar/Item.vue

@@ -14,20 +14,28 @@ export default {
     hasChildren: {
       type: Boolean,
       default: false
+    },
+    isRoot: {
+      type: Boolean,
+      default: false
     }
   },
   render(h, context) {
+    const { title, hasChildren, isRoot } = context.props
     let icon = context.props.icon
-    const { title, hasChildren } = context.props
     const vnodes = []
-
     if (icon) {
       if (icon.indexOf('fa-') === 0) {
         // 表示以“fa-”开头，使用font-awesome中的图标
         icon = 'fa ' + icon
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><i class={icon}/></div>)
+      } else if (icon.indexOf('svg-') === 0) {
+        icon = icon.substring(icon.indexOf('svg-') + 4)
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><svg-icon icon-class={icon}/></div>)
+      } else {
+        icon += ' svg-icon'
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><i class={icon} /></div>)
       }
-      icon += ' svg-icon'
-      vnodes.push(<div style='display: inline-block;'><i class={icon}/></div>)
     }
 
     if (title) {
@@ -36,9 +44,17 @@ export default {
         // 当是父菜单时，为了使后面的三角能显示出来，需要将宽度设小点
         width = '100px'
       }
-      vnodes.push(<div slot='title' style='display: inline-block'>
-        <div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>{(title)}</div>
-      </div>)
+      if (isRoot) {
+        // 是否是根目录，没有子菜单时
+        vnodes.push(<div style='display: inline-block'>
+          <div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>{(title)}</div>
+        </div>)
+      } else {
+        // 有子菜单时
+        vnodes.push(<div slot='title' style='display: inline-block'>
+          <div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>{(title)}</div>
+        </div>)
+      }
     }
     return vnodes
   }

package/src/views/layout/components/Menubar/Link.vue

@@ -6,9 +6,12 @@
     <slot />
   </a> -->
 
-    <router-link :to="to">
+    <router-link v-if="!isOpenNewTab" :to="to">
       <slot />
     </router-link>
+    <div v-else>
+      <slot />
+    </div>
   </div>
 </template>
 
@@ -23,8 +26,14 @@ export default {
   },
   data() {
     const isExter = this.to.isExternal
+    const openWay = this.to.openWay
+    let isOpenNewTab = false
+    if (openWay && openWay === 'NEW_PAGE_OPEN') {
+      isOpenNewTab = true
+    }
     return {
-      isExter
+      isExter,
+      isOpenNewTab
     }
   }
 }