imatrix-ui 2.8.20-dw → 2.8.20-tmp1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imatrix-ui",
-  "version": "2.8.20-dw",
+  "version": "2.8.20-tmp1",
   "description": "前端组件库：表格、表单、组织结构树等",
   "main": "lib/super-ui.umd.min.js",
   "private": false,
@@ -13,9 +13,11 @@
     "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
+    "@tinymce/tinymce-vue": "^3.2.4",
     "@zxing/library": "^0.19.1",
     "js-cookie": "^2.2.0",
-    "sortablejs": "1.10.2"
+    "sortablejs": "1.10.2",
+    "tinymce": "^5.6.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "3.8.0",

package/src/i18n/i18n.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import locale from '@gcommon/gcommon-ui/lib/locale'
+import locale from 'element-ui/lib/locale'
 import VueI18n from 'vue-i18n'
 import en from './langs/en'
 import cn from './langs/cn'

package/src/i18n/langs/cn.js

@@ -1,4 +1,4 @@
-import zhLocale from '@gcommon/gcommon-ui/lib/locale/lang/zh-CN'
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
 const cn = {
   imatrixUIPublicModel: {
     sure: '确定',
@@ -40,13 +40,14 @@ const cn = {
     switchToAdvancedQuery: '切换为高级查询',
     isNull: '等于Null',
     isNotNull: '不等于Null',
-    previewImage: '预览图片'
+    previewImage: '预览图片',
+    fullScreen: '全屏'
   },
   imatrixUIMessage: {
     whetherToConfirmDeletion: '是否确认删除',
     tips: '提示',
     pleaseEnterContent: '请输入内容',
-    internalServerError: '服务器出错了，请联系管理员',
+    internalServerError: '请求失败',
     pleaseSelectDepartment: '请选择部门',
     pleaseSelectPersonnel: '请选择人员',
     pleaseRemoveallpersonnelBeforeSelectingSpecificPersonnel: '请先移除所有人员，再选择具体人员',
@@ -89,6 +90,7 @@ const cn = {
     isShow: '是否显示',
     isExportable: '是否导出',
     recordLine: '第 {row} 行记录',
+    pageRecordLine: '第 {pageNum} 页第 {row} 行记录',
     fileName: '文件名称',
     deleteSuccessful: '删除成功',
     index: '序号',

package/src/i18n/langs/en.js

@@ -1,4 +1,4 @@
-import enLocale from '@gcommon/gcommon-ui/lib/locale/lang/en'
+import enLocale from 'element-ui/lib/locale/lang/en'
 const en = {
   imatrixUIPublicModel: {
     sure: 'Sure',
@@ -40,13 +40,14 @@ const en = {
     switchToAdvancedQuery: 'Switch To Advanced Query',
     isNull: 'Is Null',
     isNotNull: 'Is Not Null',
-    previewImage: 'Preview image'
+    previewImage: 'Preview image',
+    fullScreen: 'Full Screen'
   },
   imatrixUIMessage: {
     whetherToConfirmDeletion: 'Whether To Confirm Deletion',
     tips: 'Tips',
     pleaseEnterContent: 'Please Enter Content',
-    internalServerError: 'Server error, please contact administrator',
+    internalServerError: 'Server error',
     pleaseSelectDepartment: 'Please Select Department',
     pleaseSelectPersonnel: 'Please Select Personnel',
     pleaseRemoveallpersonnelBeforeSelectingSpecificPersonnel: 'Please Remove All Personnel Before Selecting Specific Personnel',
@@ -88,6 +89,7 @@ const en = {
     isShow: 'Is Show',
     isExportable: 'Is Exportable',
     recordLine: 'Record line {row}',
+    pageRecordLine: 'Record in row {row} of page {pageNum}',
     fileName: 'File Name',
     deleteSuccessful: 'Deleted successfully',
     index: 'No.',

package/src/permission.js

@@ -4,7 +4,7 @@ import { getToken, setToken } from './utils/auth' // 验权
 import store from './store'
 import router, { errorRouterMap } from './router'
 NProgress.configure({ showSpinner: false })// NProgress Configuration
-import { Message } from '@gcommon/gcommon-ui'
+import { Message } from 'element-ui'
 import Vue from 'vue'
 
 const whiteList = ['/login', '/update-password', '/forget-password', '/reset-password', '/redirect'] // 不重定向白名单
@@ -29,8 +29,12 @@ router.beforeEach((to, from, next) => {
       setToken(token)
     }
   }
+  if (to.query && to.query._systemName_) {
+    // 表示需要设置浏览器页签名
+    document.title = to.query._systemName_
+  }
   // console.log('router.beforeEach-getToken()=', token)
-  if (['/update-password', '/forget-password', '/reset-password', '/redirect'].indexOf(to.path) === -1 && token) {
+  if ((['/update-password', '/forget-password', '/reset-password', '/redirect'].indexOf(to.path) === -1 || store.getters.whiteList.indexOf(to.path) !== -1) && token) {
     if (to.path === '/login') {
       next({ path: '/', query: to.query })
       NProgress.done() // if current page is dashboard will not trigger	afterEach hook, so manually handle it
@@ -84,7 +88,7 @@ router.beforeEach((to, from, next) => {
       }
     }
   } else {
-    if (whiteList.indexOf(to.path) !== -1) {
+    if (whiteList.indexOf(to.path) !== -1 || store.getters.whiteList.indexOf(to.path) !== -1) {
       next()
     } else {
       // 必须使用to.fullPath，fullPath是带有参数的，to.path没有参数，会导致跳转到的页面参数丢失

package/src/plugins.js

@@ -3,9 +3,9 @@ import Vue from 'vue'
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 import './styles/index.scss' // global css
 
-import ElementUI from '@gcommon/gcommon-ui'
-import '@gcommon/gcommon-ui/lib/theme-chalk/index.css'
-import locale from '@gcommon/gcommon-ui/lib/locale/lang/zh-CN' // lang i18n
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 
 import SuperUI from 'imatrix-ui'
 import 'imatrix-ui/lib/super-ui.css'

package/src/router/index.js

@@ -79,6 +79,30 @@ export const errorRouterMap = [
   // 404的映射必须是最后一个
   { path: '*', redirect: '/404', hidden: true }
 ]
+
+// 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题
+const originalPush = Router.prototype.push
+const originReplace = Router.prototype.replace
+
+// 第一个参数，告诉原来push方法，你往哪里跳转（传递哪些参数）
+// 第二个参数是成功的回调
+// 第三个参数是失败的回调
+Router.prototype.push = function(location, resolve, reject) {
+  // 如果传了 resolve&&reject
+  if (resolve && reject) {
+    originalPush.call(this, location, resolve, reject)
+  } else {
+    originalPush.call(this, location, () => {}, () => {})
+  }
+}
+Router.prototype.replace = function(location, resolve, reject) {
+  if (resolve && reject) {
+    originReplace.call(this, location, resolve, reject)
+  } else {
+    originReplace.call(this, location, () => {}, () => {})
+  }
+}
+
 export default new Router({
   // mode: 'history', //后端支持可开
   scrollBehavior: () => ({ y: 0 }),

package/src/store/getters.js

@@ -9,6 +9,7 @@ const getters = {
   preventReclick: state => state.app.preventReclick,
   menus: state => state.user.menus,
   openTab: state => state.tabContent.openTab,
-  activeIndex: state => state.tabContent.activeIndex
+  activeIndex: state => state.tabContent.activeIndex,
+  whiteList: state => state.app.whiteList
 }
 export default getters

package/src/store/modules/app.js

@@ -6,7 +6,8 @@ const app = {
       withoutAnimation: false
     },
     device: 'desktop',
-    preventReclick: false
+    preventReclick: false,
+    whiteList: []
   },
   mutations: {
     toggleSidebar: state => {
@@ -28,6 +29,11 @@ const app = {
     },
     togglePreventReclick: (state, preventReclick) => {
       state.preventReclick = preventReclick
+    },
+    setWhiteList: (state, whiteList) => {
+      if (whiteList instanceof Array) {
+        state.whiteList = whiteList
+      }
     }
   },
   actions: {
@@ -39,6 +45,9 @@ const app = {
     },
     toggelDevice({ commit }, device) {
       commit('toggleDevice', device)
+    },
+    addWhiteList({ commit }, whiteList) {
+      commit('setWhiteList', whiteList)
     }
   }
 }

package/src/styles/display-layout.scss

@@ -0,0 +1,34 @@
+.flex-container {
+  display: flex;
+  width: 100%;
+
+  .tree-area {
+    flex: 0 0 200px;
+    overflow: auto;
+  }
+
+  .list-area {
+    flex: 1;
+    overflow: auto;
+    margin-left: 20px;
+  }
+}
+
+.three-column-layout {
+  height: calc(100vh - 20px);
+
+  .el-aside {
+    margin-right: 20px;
+    padding-top: 20px;
+    background-color: #FFFFFF;
+    box-shadow: 0px 1px 8px 0px #00000019;
+
+  }
+
+  .el-main {
+    padding: 20px 0 0 20px;
+    border-radius: 6px;
+    background: #FFFFFF;
+    box-shadow: 0px 1px 8px 0px #00000019;
+  }
+}

package/src/styles/index.scss

@@ -9,6 +9,9 @@
 @import './theme/blue2/sidebar.scss';
 @import './theme/gray/index.scss';
 @import './theme/gray/sidebar.scss';
+@import './theme/dark-blue/index.scss';
+@import './theme/dark-blue/sidebar.scss';
+@import './display-layout.scss';
 
 body {
   overflow: hidden;
@@ -32,19 +35,33 @@ body .el-table th.gutter {
 body .el-table colgroup.gutter {
   display: table-cell !important;
 }
+
 // 日期控件宽度不自适应问题
-.formContent .el-date-editor.el-input,.formContent .el-date-editor.el-input__input,.formContent .el-date-editor.el-input__inner,
-.grid-search-form .el-date-editor.el-input,.grid-search-form .el-date-editor.el-input__input,.grid-search-form .el-date-editor.el-input__inner {
+.formContent .el-date-editor.el-input,
+.formContent .el-date-editor.el-input__input,
+.formContent .el-date-editor.el-input__inner,
+.grid-search-form .el-date-editor.el-input,
+.grid-search-form .el-date-editor.el-input__input,
+.grid-search-form .el-date-editor.el-input__inner {
   width: 100%;
 }
-.formContent .el-date-editor--daterange.el-input,.formContent .el-date-editor--daterange.el-input__inner,.formContent .el-date-editor--timerange.el-input,.formContent .el-date-editor--timerange.el-input__inner,
-.grid-search-form .el-date-editor--daterange.el-input,.grid-search-form .el-date-editor--daterange.el-input__inner,.grid-search-form .el-date-editor--timerange.el-input,.grid-search-form .el-date-editor--timerange.el-input__inner {
+
+.formContent .el-date-editor--daterange.el-input,
+.formContent .el-date-editor--daterange.el-input__inner,
+.formContent .el-date-editor--timerange.el-input,
+.formContent .el-date-editor--timerange.el-input__inner,
+.grid-search-form .el-date-editor--daterange.el-input,
+.grid-search-form .el-date-editor--daterange.el-input__inner,
+.grid-search-form .el-date-editor--timerange.el-input,
+.grid-search-form .el-date-editor--timerange.el-input__inner {
   width: 100%;
 }
+
 // 日期选择按钮太小问题（gcommon ui）
 .el-picker-panel__footer .el-button--mini {
   font-size: 16px;
 }
+
 // 显示必填标志
 .is_req {
   .required__label::before {
@@ -56,4 +73,15 @@ body .el-table colgroup.gutter {
 
 .formContent .el-form-item {
   margin-bottom: 0;
+}
+
+.operation-area-float {
+  float: right;
+  position: fixed;
+  bottom: 5px;
+  right: 4%;
+}
+
+.el-button+.el-button {
+  margin-left: 10px;
 }

package/src/styles/theme/dark-blue/button.scss

@@ -0,0 +1,9 @@
+@import "./dark-blue-var.scss";
+
+.dark-blue {
+  .operation-area .el-button--primary {
+    border-radius: 4px;
+    background: $--button-opt-background-color;
+    border-color: $--button-opt-background-color;
+  }
+}

package/src/styles/theme/dark-blue/card.scss

@@ -0,0 +1,64 @@
+.dark-blue {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  el-card box-card is-always-shadow .card-radius {
+    border-radius: 12px
+  }
+
+  .form-card-header {
+    width: 3px;
+    height: 14px;
+    left: 0;
+    align-items: center;
+    text-align: center;
+  }
+
+  .form-card-header-bgc {
+    width: 3px;
+    height: 14px;
+    display: flex;
+    background-color: #3D4CF2
+  }
+
+  .form-card-text {
+    padding-left: 8px;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 500;
+    color: $titleColor;
+    display: table-cell;
+    position: relative;
+  }
+
+  .superForm {
+    .el-card {
+      border-radius: 12px;
+      box-shadow: 0 1px 4px 0 rgba(0, 13, 31, 0.10);
+    }
+
+
+  }
+
+
+  .platform-card {
+    .el-card__header {
+      height: 40px;
+      background: #F0F8FE;
+      color: #005EBA;
+      font-family: Source Han Sans CN;
+      font-weight: medium;
+      font-size: 14px;
+      text-align: left;
+      padding: 9px 0px 9px 20px;
+    }
+
+    .el-card__header>div {
+      line-height: 22px;
+    }
+
+    .card-style {
+      margin-top: 20px;
+    }
+  }
+
+}

package/src/styles/theme/dark-blue/checkbox.scss

@@ -0,0 +1,10 @@
+@import "./dark-blue-var.scss";
+
+.dark-blue {
+
+  .el-checkbox__input.is-checked .el-checkbox__inner,
+  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+  }
+}

package/src/styles/theme/dark-blue/dark-blue-var.scss

@@ -0,0 +1,8 @@
+  /* 改变主题色变量 */
+  $--color-primary: #005EBA;
+  $--button-default-border-color: $--color-primary;
+  $--button-default-font-color: $--color-primary;
+  $--button-font-weight: regular;
+  $--button-default-font-color: $--color-primary;
+  $--button-opt-background-color:#0780ED;
+  $th-cell-background: #F0F8FE;

package/src/styles/theme/dark-blue/dialog.scss

@@ -0,0 +1,21 @@
+.dark-blue {
+  .el-dialog__header {
+    padding: 22px 0px 0px 24px;
+  }
+
+  .el-dialog__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;
+  }
+
+
+}

package/src/styles/theme/dark-blue/element-variables.scss

@@ -0,0 +1,7 @@
+@import "./dark-blue-var.scss";
+
+.dark-blue {
+  /* 改变 icon 字体路径变量，必需 */
+  $--font-path: '~element-ui/lib/theme-chalk/fonts';
+  @import "~element-ui/packages/theme-chalk/src/index";
+}

package/src/styles/theme/dark-blue/font.scss

@@ -0,0 +1,71 @@
+.dark-blue {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  .list-file {
+    color: rgba(0, 13, 31, 0.45);
+    font-size: 14px;
+    cursor: pointer;
+  }
+
+  .form-list-file {
+    color: rgba(0, 0, 0, 0.65);
+    background: #F2F6FA;
+    border-radius: 6px;
+    font-size: 14px;
+    cursor: pointer;
+    height: 28px;
+    line-height: 28px;
+    padding: 0 8px 0 8px;
+    margin-right: 32px
+  }
+
+  .tip-font {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+  }
+
+  .superForm {
+    .el-form-item__label {
+      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/dark-blue/form.scss

@@ -0,0 +1,51 @@
+.dark-blue {
+
+  .button-at-top {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    z-index: 100;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+  }
+
+  .button-at-bottom {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    bottom: 0px;
+    z-index: 100;
+    left: 0px;
+    right: 0px;
+  }
+
+  .form-top-button {
+    height: 72px;
+    float: left;
+    padding-left: 24px;
+    line-height: 72px;
+  }
+
+  .form-bottom-button {
+    height: 72px;
+    float: right;
+    padding-right: 24px;
+    line-height: 72px;
+  }
+
+  .form-center-position{
+    position: relative;
+
+    .form-center-son{
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+    }
+  }
+}