imatrix-ui 2.8.21 → 2.8.22-boe1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imatrix-ui",
-  "version": "2.8.21",
+  "version": "2.8.22-boe1",
   "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/api/sso-service.js

@@ -11,6 +11,23 @@ function login(username, password, language) {
 
   return request.post(Vue.prototype.baseAPI + '/sso/login', usernamePasswordToken)
 }
+function loginWithValidateCode(username, password, language, validateCode, imageCodeKey) {
+  const usernamePasswordToken = {
+    username,
+    password
+  }
+  if (language) {
+    usernamePasswordToken.language = language
+  }
+  if (validateCode) {
+    usernamePasswordToken.validateCode = validateCode
+  }
+  if (imageCodeKey) {
+    usernamePasswordToken.imageCodeKey = imageCodeKey
+  }
+
+  return request.post(Vue.prototype.baseAPI + '/sso/login-with-validate-code', usernamePasswordToken)
+}
 
 function getCurrentUser() {
   return request.get(
@@ -96,5 +113,6 @@ export default {
   isResetPasswordJwtOverdue,
   resetPassword,
   isLoginTimeOut,
-  getUserPermissionMenusBySystemCode
+  getUserPermissionMenusBySystemCode,
+  loginWithValidateCode
 }

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/store/modules/user.js

@@ -42,6 +42,25 @@ const user = {
         })
       })
     },
+    // 登录
+    loginWithValidateCode({ commit }, userInfo) {
+      const username = userInfo.username.trim()
+      return new Promise((resolve, reject) => {
+        ssoService.loginWithValidateCode(username, userInfo.password, userInfo.language, userInfo.validCode, userInfo.imageCodeKey).then(data => {
+          // const data = response.data
+          setToken(data.jwt)
+          commit('setToken', data.jwt)
+          return ssoService.getCurrentUserPermissionsBySystem(data.subject)
+        }).then(permissions => {
+          let currentPermissions = ['index']
+          currentPermissions = currentPermissions.concat(permissions)
+          setPermissions(currentPermissions)
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
     // 登录。根据token登录系统
     loginWithCookieToken({ commit }, loginName) {
       return new Promise((resolve, reject) => {

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;
       }
@@ -125,7 +125,20 @@
 
   .operation-area {
     margin-bottom: 20px;
+  }
 
+  /**
+   * @description: 工具栏布局
+   * @Date: 2023-07-17 15:48:04
+   * @param {*}
+   * @return {*}
+   */
+  .toolbar_flex{
+    display: flex;
+    justify-content: space-between;
+    .list_toolbar_page_style{
+      text-align: right;
+    }
   }
 
   .operation-area-chart {
@@ -244,4 +257,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;
+  }
+}