imatrix-ui 2.8.20 → 2.8.21-boe2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imatrix-ui",
-  "version": "2.8.20",
+  "version": "2.8.21-boe2",
   "description": "前端组件库：表格、表单、组织结构树等",
   "main": "lib/super-ui.umd.min.js",
   "private": false,
@@ -34,7 +34,7 @@
     "element-ui": "2.15.3",
     "eslint": "5.16.0",
     "eslint-plugin-vue": "5.2.2",
-    "node-sass": "4.12.0",
+    "node-sass": "4.14.0",
     "nprogress": "^0.2.0",
     "sass-loader": "^7.1.0",
     "sessionstorage": "^0.1.0",

package/src/i18n/langs/cn.js

@@ -175,7 +175,9 @@ const cn = {
     assign: '交办',
     assign_task: '转办',
     readed: '已阅',
-    export_report: '导出报告'
+    export_report: '导出报告',
+    draw_dept_task: '部门领取',
+    abandon_draw_dept_task: '放弃部门领取'
   },
   // 流转历史文本组件
   workflowHistoryList: {
@@ -208,11 +210,13 @@ const cn = {
     commonButtonOperation: '{1}执行了[{2}]操作',
     history_draw_task: '{1}领取了任务,取消了候选人[{2}]的任务',
     history_abandon_draw: '{1}放弃领取该任务,还原了候选人[{2}]的任务',
+    create_copy_task: '{1}把任务抄送给了[{2}]',
     toDoText: '待处理',
     operator: '操作人',
     operatorDept: '操作人部门',
-    operationTime: '操作时间'
-
+    operationTime: '操作时间',
+    history_draw_dept_task: '{1}领取了部门[{2}]的任务',
+    history_abandon_draw_dept_task: '{1}放弃领取部门[{2}]的任务'
   },
   gateway: {
     timeout: '接口调用超时',
@@ -238,6 +242,12 @@ const cn = {
     callingRearCamera: '正在调用后置摄像头...',
     identificationFailed: '识别失败'
   },
+  IntervalSelection: {
+    year: '年',
+    quarter: '季度',
+    auxiliary: '第',
+    week: '周'
+  },
   ...zhLocale
 }
 export default cn

package/src/i18n/langs/en.js

@@ -172,7 +172,9 @@ const en = {
     assign: 'Hand over',
     assign_task: 'Transfer',
     readed: 'Readed',
-    export_report: 'Export Report'
+    export_report: 'Export Report',
+    draw_dept_task: 'Draw Department',
+    abandon_draw_dept_task: 'Give Up Draw Department'
   },
   // 流转历史文本组件
   workflowHistoryList: {
@@ -203,12 +205,15 @@ const en = {
     history_quit_transfer: '{1} Resignation, has transferred task [{2}] to [{3}',
     history_change_job_transfer: '{1} Change job,has transferred task [{2}] to [{3}',
     commonButtonOperation: '{1} execute [{2}] operation',
-    history_draw_task: '{1}received the task and cancelled the task of the candidate [{2}]',
-    history_abandon_draw: '{1}gives up the task and restores the task of candidate [{2}]',
+    history_draw_task: '{1} received the task and cancelled the task of the candidate [{2}]',
+    history_abandon_draw: '{1} gives up the task and restores the task of candidate [{2}]',
+    create_copy_task: '{1} The task was copied to [{2}',
     toDoText: 'Todo',
     operator: 'Operator',
     operatorDept: 'Operator Dept',
-    operationTime: 'Operation Time'
+    operationTime: 'Operation Time',
+    history_draw_dept_task: '{1} Received tasks from department [{2}]',
+    history_abandon_draw_dept_task: '{1} Abandon the task of receiving department [{2}]'
   },
   gateway: {
     timeout: 'Interface call timeout',
@@ -234,6 +239,12 @@ const en = {
     callingRearCamera: 'Calling rear camera',
     identificationFailed: 'Identification failed'
   },
+  IntervalSelection: {
+    year: 'year',
+    quarter: 'quarter',
+    auxiliary: 'auxiliary word for ordinal numbers',
+    week: 'week'
+  },
   ...enLocale
 }
 export default en

package/src/router/index.js

@@ -69,6 +69,16 @@ export const publicRouterMap = [
     path: '/show-sub-wf-history',
     component: () => import('../views/wf-history/tache-subprocess-history'),
     hidden: true
+  },
+  {
+    path: '/tab-content-index',
+    component: () => import('../views/layout/tab-content-index'),
+    hidden: true
+  },
+  {
+    path: '/tab-content-iframe-index',
+    component: () => import('../views/layout/tab-content-iframe-index'),
+    hidden: true
   }
 
 ]

package/src/store/modules/tab-content.js

@@ -22,6 +22,12 @@ const tabContent = {
     // 设置当前激活的tab
     set_active_index(state, index) {
       state.activeIndex = index
+    },
+    // 清空tabs
+    clear_tabs(state, route) {
+      if (state.openTab.length > 0) {
+        state.openTab.splice(0, state.openTab.length)
+      }
     }
   },
   actions: {

package/src/styles/index.scss

@@ -75,13 +75,83 @@ body .el-table colgroup.gutter {
   margin-bottom: 0;
 }
 
+.operation-area,
+.grid-search-form .search-button,
+.grid-area .grid-operation-buttons {
+  .el-button:not(:first-child) {
+    margin-left: 10px;
+  }
+}
+
+.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;
+}
+
+// 带有tab页签的表单高度
+.tab-form-container {
+  height: calc(100vh - 190px);
+  overflow: auto;
+}
+
+.form-container {
+  height: calc(100vh - 90px);
+  overflow: auto;
+}
+
+.form-container-bottom-button {
+  margin-bottom: 50px;
+}
+
+.form-container .el-form .el-card {
+  margin-bottom: 10px;
+}
+
+.form-container .el-form .el-card:last-child {
+  margin-bottom: 0;
+}
+
 .operation-area-float {
   float: right;
   position: fixed;
-  bottom: 5px;
+  bottom: 0;
   right: 4%;
 }
 
 .el-button+.el-button {
   margin-left: 10px;
-}
+}
+

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

@@ -0,0 +1,70 @@
+.gray {
+  $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/black/index.scss

@@ -1,4 +1,5 @@
 @import './sidebar.scss';
+@import './font-style.scss';
 
 .black .el-dialog__header {
   padding: 10px 10px 10px;
@@ -79,34 +80,19 @@
 
   .app-container {
     padding: 20px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
   }
 
   .operation-area {
     margin-bottom: 10px;
   }
+
   .operation-area-chart {
     float: right;
     padding-right: 24px;
     padding-top: 10px;
   }
-  .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 {
@@ -217,6 +203,8 @@
 
   .app-container {
     padding: 20px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
   }
 
   .operation-area {
@@ -224,18 +212,6 @@
     height: 40px;
   }
 
-  .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页签中内容多时没有滚动条问题

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

@@ -6,4 +6,41 @@
     cursor: pointer;
   }
 
+  .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/blue/index.scss

@@ -80,6 +80,8 @@
 
   .app-container {
     padding: 20px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
   }
 
   .operation-area {
@@ -91,24 +93,6 @@
     padding-right: 24px;
     padding-top: 10px;
   }
-  .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页签中内容多时没有滚动条问题

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

@@ -0,0 +1,70 @@
+.gray {
+  $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/blue2/index.scss

@@ -1,5 +1,5 @@
 @import './sidebar.scss';
-
+@import './font-style.scss';
 .blue2 .el-dialog__header {
   padding: 10px 10px 10px;
 }
@@ -81,6 +81,8 @@
 
   .app-container {
     padding: 20px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
   }
 
   .operation-area {
@@ -92,18 +94,6 @@
     padding-right: 24px;
     padding-top: 10px;
   }
-  .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页签中内容多时没有滚动条问题

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

@@ -15,7 +15,7 @@
 
 
 .dark-blue {
-  font-family: cursive;
+  font-family: Source Han Sans CN;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.85);
   -moz-osx-font-smoothing: grayscale;
@@ -24,7 +24,7 @@
   height: 100%;
 
   .el-button {
-    font-family: cursive;
+    font-family: Source Han Sans CN;
   }
 
   .fl {
@@ -84,7 +84,7 @@
 
   //main-container全局样式
   .app-main {
-    min-height: 100%;
+    min-height: 100vh;
     background: #f7f7f8;
     padding: 11px 24px 11px 24px;
     // padding-top: 12px;
@@ -116,7 +116,7 @@
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-
+      height: auto;
       .add_form_buttomButton {
         text-align: right;
       }
@@ -244,4 +244,12 @@
   //   box-shadow: 0px 1px 8px 0px #00000019;
   // }
   // }
+  
+  // 清除 app-container 类样式
+  .clear_app_container {
+    padding: 0;
+    background: transparent;
+    border-radius: 0;
+    box-shadow: 0 0px 0px #ccc;
+  }
 }

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

@@ -6,30 +6,26 @@
     .main-container {
       height: 100%;
       transition: margin-left .28s;
-      margin-left: 210px;
+      margin-left: 224px;
       // padding-left: 24px;
       position: relative;
       background: #F8F9FA;
 
       .nav-tab {
-        padding-top: 0px;
-        padding-left: 0px;
-        .el-tabs__header{
-          padding-left: 24px;
-        }
+        padding-top: 5px;
+        padding-left: 5px;
       }
     }
 
     // 侧边栏
     .sidebar-container {
       transition: width 0.28s;
-      width: 210px !important;
+      width: 224px !important;
       height: 100%;
       position: fixed;
       top: 0;
       bottom: 0;
       left: 0;
-      padding-top: 16px;
       z-index: 1001;
       overflow: hidden;
       font-weight: medium;
@@ -173,11 +169,11 @@
 
     .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
     .sidebar-container .el-submenu .el-menu-item {
-      min-width: 180px !important;
+      min-width: 224px !important;
     }
 
     .sidebar-container .el-menu--collapse .el-menu .el-submenu {
-      min-width: 180px !important;
+      min-width: 224px !important;
     }
 
     .sidebar-container .el-menu--collapse .el-submenu.is-active>.el-submenu__title,
@@ -185,7 +181,7 @@
       background-color: #FFFFFF !important;
       color: #1A6BF3;
       font-weight: medium;
-      border-left: 4px solid #1A6BF3
+      border-right: 2px solid #3D4CF2
     }
 
     .sidebar-container .el-menu--collapse .el-submenu__title:not(.is-disabled):hover,
@@ -227,10 +223,6 @@
     }
   }
 
-  .sidebar-container-popper {
-    width: 180px;
-  }
-
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;
     color: rgba(0, 13, 31, 0.85);
@@ -259,33 +251,11 @@
     text-align: left;
   }
 
-  //侧边弹出菜单样式
-  .sidebar-container-popper .el-menu-item {
-    height: 46px;
-    line-height: 46px;
-    font-weight: medium;
-    color: #A4ABB8;
-    min-width: 164px;
-  }
-
-  .sidebar-container-popper .el-submenu__title {
-    height: 46px;
-    line-height: 46px;
-    color: #A4ABB8;
-    font-weight: medium;
-  }
 
   .sidebar-container-popper .el-menu--collapse {
     text-align: left;
   }
 
-  .sidebar-container-popper .el-menu--popup {
-    min-width: 180px;
-    padding: 12px 8px 12px 8px;
-  }
-
-
-
   .el-menu--vertical {
     &>.el-menu {
       .svg-icon {

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

@@ -22,6 +22,7 @@
   // }
 
   .el-table .el-table__cell {
+    color: $table-cell-font-color;
     padding: 0;
   }
 
@@ -38,7 +39,6 @@
 
   // 表格内容颜色
   .el-table .cell {
-    color: $table-cell-font-color;
     font-family: Source Han Sans CN;
     font-weight: regular;
     font-size: 14px;