imatrix-ui 2.8.39-dw → 2.8.39-pvtmp

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,7 +40,8 @@ const cn = {
     switchToAdvancedQuery: '切换为高级查询',
     isNull: '等于Null',
     isNotNull: '不等于Null',
-    previewImage: '预览图片'
+    previewImage: '预览图片',
+    fullScreen: '全屏'
   },
   imatrixUIMessage: {
     whetherToConfirmDeletion: '是否确认删除',
@@ -71,8 +72,12 @@ const cn = {
     fileUpload: '文件上传',
     selectYear: '选择年',
     search: '查询',
-    forbiddenException: '您没有权限访问该资源',
-    theButtonIsNotBoundToAResource: '该按钮未绑定资源,请先绑定资源'
+    forbiddenException: '您没有权限访问',
+    theButtonIsNotBoundToAResource: '该按钮未绑定资源,请先绑定资源',
+    asyncExport: '正在异步导出，请等待消息通知!',
+    selectedWorkingGroup: '已选工作组',
+    forbiddenExceptionLinkUrl: '请点击进行权限申请',
+    forbiddenExceptionLinkUser: '如有疑问请联系'
   },
   // 列表组件
   superGrid: {
@@ -89,6 +94,7 @@ const cn = {
     isShow: '是否显示',
     isExportable: '是否导出',
     recordLine: '第 {row} 行记录',
+    pageRecordLine: '第 {pageNum} 页第 {row} 行记录',
     fileName: '文件名称',
     deleteSuccessful: '删除成功',
     index: '序号',
@@ -152,7 +158,10 @@ const cn = {
     allTeamMembers: '所有工作组人员',
     name: '工作组名称',
     code: '工作组编码',
-    removeWorkgroup: '移除工作组'
+    removeWorkgroup: '移除工作组',
+    workingGroupName: '工作组名称',
+    workingGroupNumber: '工作组编号',
+    workgroupDescription: '工作组描述'
   },
   // 流程按钮组件。save、submit等属性名不能随便改，和后台的ButtonType枚举名保持一致
   workflowButton: {
@@ -208,6 +217,7 @@ const cn = {
     history_abandon_draw: '{1}放弃领取该任务,还原了候选人[{2}]的任务',
     toDoText: '待处理',
     operator: '操作人',
+    operatorLg: '操作人登录名',
     operatorDept: '操作人部门',
     operationTime: '操作时间'
 

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,7 +40,8 @@ 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',
@@ -71,8 +72,12 @@ const en = {
     fileUpload: 'File Upload',
     selectYear: 'Select Year',
     search: 'Search',
-    forbiddenException: 'You do not have permission to access this resource',
-    theButtonIsNotBoundToAResource: 'The button is not bound to a resource, Bind the resource first'
+    forbiddenException: 'You do not have permission to access',
+    theButtonIsNotBoundToAResource: 'The button is not bound to a resource, Bind the resource first',
+    asyncExport: 'Asynchronous export, please wait for message notification!',
+    selectedWorkingGroup: 'Selected working group',
+    forbiddenExceptionLinkUrl: 'please click to apply',
+    forbiddenExceptionLinkUser: 'if you have any questions,please contact'
   },
   superGrid: {
     columnConfig: 'Column Config',
@@ -88,6 +93,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.',
@@ -149,7 +155,10 @@ const en = {
     allTeamMembers: 'All Team Members',
     name: 'Workgroup Name',
     code: 'Workgroup Code',
-    removeWorkgroup: 'Remove Workgroup'
+    removeWorkgroup: 'Remove Workgroup',
+    workingGroupName: 'Working Group Name',
+    workingGroupNumber: 'Working Group Number',
+    workgroupDescription: 'Workgroup Description'
   },
   // 流程按钮组件。save、submit等属性名不能随便改，和后台的ButtonType枚举名保持一致
   workflowButton: {
@@ -205,6 +214,7 @@ const en = {
     history_abandon_draw: '{1}gives up the task and restores the task of candidate [{2}]',
     toDoText: 'Todo',
     operator: 'Operator',
+    operatorLg: 'Operator Login Name',
     operatorDept: 'Operator Dept',
     operationTime: 'Operation Time'
   },

package/src/index.js

@@ -0,0 +1,93 @@
+// 依次导入组件库的各个组件
+// import Breadcrumb from '../packages/breadcrumb'
+// import DepartmentTree from '../packages/department-tree'
+// import Hamburger from '../packages/hamburger'
+// import SvgIcon from '../packages/svg-icon'
+// import SuperGrid from '../packages/super-grid'
+// import DepartmentUserTree from '../packages/department-user-tree'
+// import WorkgroupTree from '../packages/workgroup-tree'
+// import WorkgroupUserTree from '../packages/workgroup-user-tree'
+// import InlineDepartmentTree from '../packages/department-tree-inline'
+// import InlineDepartmentUserTree from '../packages/department-user-tree-inline'
+// import InlineWorkgroupTree from '../packages/workgroup-tree-inline'
+// import InlineWorkgroupUserTree from '../packages/workgroup-user-tree-inline'
+// import WorkflowButton from '../packages/workflow-button'
+// import WorkflowHistoryList from '../packages/workflow-history-list'
+import PreventReclick from '../packages/directives/prevent-reclick'
+// import exportPlugin from '../packages/export-data/index'
+// import ValidCode from '../packages/valid-code'
+import customPlugin from '../packages/plugins/index'
+// import RemoveUser from '../packages/remove-user'
+// import RemoveDepartment from '../packages/remove-department'
+// import RemoveWorkgroup from '../packages/remove-workgroup'
+// import OrganizationInput from '../packages/organization-input'
+// import SuperNineGrid from '../packages/super-nine-grid'
+// import DynamicSourceSelect from '../packages/dynamic-source-select'
+// import FsUpload from '../packages/fs-upload'
+// import ScanCodeInput from '../packages/scan-code-input'
+// import FsPreview from '../packages/fs-preview'
+// import FsUploadList from '../packages/fs-upload-list'
+import { openPage } from './utils/jump-page-utils'
+// import YearRangePicker from '../packages/year-range-picker'
+// import MultipartUpload from '../packages/multipart-upload'
+// import RichEditor from '../packages/rich-editor'
+// import SecretInfo from '../packages/secret-info'
+import plugins from '../packages/plugins/index'
+import permission from './directives/permission'
+
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+const install = function(Vue) {
+  Vue.directive('prevent-reclick', PreventReclick)
+  permission.install(Vue)
+  Vue.use(customPlugin)
+  Vue.use(plugins)
+  if (install.installed) return
+  // components.map(component => Vue.component(component.name, component))
+  // components.forEach(component => {
+  //   Vue.component(component.name, component)
+  // })
+  // 将弹出页面方法注册到window对象上
+  window['$plateform_openPage'] = openPage
+}
+
+//  判断是否是直接引入vue的js文件，即全局引用可自动安装所有组件
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+// 按需引入
+// export {
+//   Breadcrumb,
+//   DepartmentTree,
+//   Hamburger,
+//   SvgIcon,
+//   SuperGrid,
+//   DepartmentUserTree,
+//   WorkgroupTree,
+//   WorkgroupUserTree,
+//   InlineDepartmentTree,
+//   InlineDepartmentUserTree,
+//   InlineWorkgroupTree,
+//   InlineWorkgroupUserTree,
+//   WorkflowButton,
+//   WorkflowHistoryList,
+//   ValidCode,
+//   RemoveUser,
+//   RemoveDepartment,
+//   RemoveWorkgroup,
+//   OrganizationInput,
+//   SuperNineGrid,
+//   DynamicSourceSelect,
+//   FsUpload,
+//   ScanCodeInput,
+//   FsPreview,
+//   FsUploadList,
+//   YearRangePicker,
+//   MultipartUpload,
+//   RichEditor,
+//   SecretInfo
+// }
+
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install
+}

package/src/permission.js

@@ -4,14 +4,14 @@ 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'] // 不重定向白名单
 router.beforeEach((to, from, next) => {
   NProgress.start()
-  console.log('router.beforeEach-to=', to)
-  console.log('router.beforeEach-from=', from)
+  // console.log('router.beforeEach-to=', to)
+  // console.log('router.beforeEach-from=', from)
   // console.log('router.beforeEach-to.path=', to.path)
   let token = getToken()
   // console.log('router.beforeEach-to.query.JWT=', to.query.JWT)
@@ -29,16 +29,31 @@ router.beforeEach((to, from, next) => {
       setToken(token)
     }
   }
+  if (to.query && to.query._systemName_) {
+    // 表示需要设置浏览器页签名
+    document.title = to.query._systemName_
+  }
+  // 表示需要显示菜单。为了控制是否需要走获得有权限的菜单集合的接口。单点登录跳转到表单页面时不需要请求菜单，提高页面显示速度。
+  let isNeedMenu
+  if (to.query && to.query._isNeedMenu_) {
+    isNeedMenu = to.query._isNeedMenu_
+  }
+  if (isNeedMenu !== undefined && isNeedMenu !== null && isNeedMenu === 'false') {
+    isNeedMenu = false
+  } else {
+    isNeedMenu = true
+  }
+  // console.log('iMatrix-router.beforeEach2-isNeedMenu==', isNeedMenu)
   // 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
     } else {
-      console.log('router.beforeEach-to.path!=login')
+      // console.log('router.beforeEach-to.path!=login')
       if (store.getters.name === '') {
         // 表示刷新了页面（例如点击了一级菜单）后，会重新走该方法
-        console.log('router.beforeEach-store.getters.name === ""')
+        // console.log('router.beforeEach-store.getters.name === ""')
         store.dispatch('isLoginTimeOut').then((result) => {
           if (result === true) {
             store.dispatch('clearToken').then(() => {
@@ -47,22 +62,29 @@ router.beforeEach((to, from, next) => {
             })
           } else {
             store.dispatch('getCurrentUser').then(user => {
-              console.log('router.beforeEach-getCurrentUser')
+              // console.log('router.beforeEach-getCurrentUser')
               return store.dispatch('getCurrentUserPermissions', user.loginName)
             }).then(permissions => {
-              console.log('router.beforeEach-getCurrentUserPermissions-result==')
+              // console.log('router.beforeEach-getCurrentUserPermissions-result==')
               return store.dispatch('generateRoutes', permissions)
             }).then(() => {
-              console.log('iMatrix-router.beforeEach2-getPermissionMenus')
-              return store.dispatch('getPermissionMenus', Vue.prototype.currentSystem)
+              if (isNeedMenu) {
+                // 需要显示左侧菜单
+                // console.log('iMatrix-router.beforeEach2-getPermissionMenus')
+                return store.dispatch('getPermissionMenus', Vue.prototype.currentSystem)
+              } else {
+                return new Promise((resolve, reject) => {
+                  resolve()
+                })
+              }
             }).then(() => {
               // 根据roles权限生成可访问的路由表
-              console.log('router.beforeEach-generateRoutes==to=', to, ',from=', from)
+              // console.log('router.beforeEach-generateRoutes==to=', to, ',from=', from)
               router.addRoutes(store.getters.protectedRouters) // 动态添加可访问路由表
               // 404等错误路由一定要放到受权限保护的路由之后
               router.addRoutes(errorRouterMap)
-              sessionStorage.setItem(new Date().getTime() + '-name=null-from~~toPath', from.path + '~~' + to.path)
-              console.log('router.beforeEach-generateRoutes==to.path=', to.path)
+              // sessionStorage.setItem(new Date().getTime() + '-name=null-from~~toPath', from.path + '~~' + to.path)
+              // console.log('router.beforeEach-generateRoutes==to.path=', to.path)
               next({ ...to, replace: true })
             }).catch((err) => {
               store.dispatch('clearToken').then(() => {
@@ -78,13 +100,25 @@ router.beforeEach((to, from, next) => {
           })
         })
       } else {
-        sessionStorage.setItem(new Date().getTime() + '-name!==null-from~~toPath', from.path + '~~' + to.path)
-        console.log('router.beforeEach-store.getters.name ==', store.getters.name)
-        next()
+        // sessionStorage.setItem(new Date().getTime() + '-name!==null-from~~toPath', from.path + '~~' + to.path)
+        // console.log('router.beforeEach-store.getters.name ==', store.getters.name)
+        if (isNeedMenu) {
+          // 需要显示左侧菜单
+          let systemCode = Vue.prototype.currentSystem
+          if (!systemCode && to.query && to.query.customSystem) {
+            systemCode = to.query.customSystem
+          }
+          // console.log('iMatrix-router.beforeEach33-getPermissionMenus,Vue.prototype.currentSystem=', Vue.prototype.currentSystem, 'systemCode=', systemCode)
+          return store.dispatch('getPermissionMenus', systemCode).then(() => {
+            next()
+          })
+        } else {
+          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/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/store/modules/user.js

@@ -1,7 +1,8 @@
 import ssoService from '../../api/sso-service'
-import { setToken, removeToken, setUsername, getUsername, removeUsername, setCurrentUser, removeCurrentUser } from '../../utils/auth'
+import { setToken, setUsername, getUsername, removeUsername, setCurrentUser, removeCurrentUser, setLanguage, clearPermission } from '../../utils/auth'
 
-import { removePermissions, getPermissions, setPermissions, getMenus, setMenus, removeMenus } from '../../utils/permissionAuth'
+import { getPermissions, setPermissions, getMenus, setMenus, removeAllSystemPermissions } from '../../utils/permissionAuth'
+import { isPlateSys } from '../../utils/common-util'
 
 const user = {
   state: {
@@ -25,11 +26,14 @@ const user = {
   actions: {
     // 登录
     login({ commit }, userInfo) {
+      // 登录时先清除缓存的登录信息和权限信息
+      clearPermission()
       const username = userInfo.username.trim()
       return new Promise((resolve, reject) => {
         ssoService.login(username, userInfo.password, userInfo.language).then(data => {
           // const data = response.data
           setToken(data.jwt)
+          setLanguage(data.language)
           commit('setToken', data.jwt)
           return ssoService.getCurrentUserPermissionsBySystem(data.subject)
         }).then(permissions => {
@@ -46,6 +50,8 @@ const user = {
     loginWithCookieToken({ commit }, loginName) {
       return new Promise((resolve, reject) => {
         if (loginName) {
+          // 登录时清除缓存的资源
+          removeAllSystemPermissions()
           // setToken(tokenInfo.jwt)
           // commit('setToken', tokenInfo.jwt)
           ssoService.getCurrentUserPermissionsBySystem(loginName).then(permissions => {
@@ -92,15 +98,9 @@ const user = {
       return new Promise((resolve, reject) => {
         ssoService.logout(state.token).then((data) => {
           commit('setToken', '')
-          removeToken()
 
           commit('setName', '')
-          removeUsername()
-          removeCurrentUser()
-
-          removePermissions()
-
-          removeMenus()
+          clearPermission()
 
           resolve(data)
         }).catch(error => {
@@ -113,16 +113,9 @@ const user = {
     clearToken({ commit }) {
       return new Promise(resolve => {
         commit('setToken', '')
-        removeToken()
 
         commit('setName', '')
-        removeUsername()
-        removeCurrentUser()
-
-        removePermissions()
-
-        removeMenus()
-
+        clearPermission()
         resolve()
       })
     },
@@ -182,7 +175,7 @@ const user = {
     getPermissionMenus({ commit }, systemCode) {
       return new Promise((resolve, reject) => {
         const storePermissionMenus = getMenus(systemCode)
-        if (typeof (storePermissionMenus) === 'undefined' || storePermissionMenus === '' || storePermissionMenus === null) {
+        if (isPlateSys(systemCode) || (typeof (storePermissionMenus) === 'undefined' || storePermissionMenus === '' || storePermissionMenus === null)) {
           ssoService.getUserPermissionMenusBySystemCode(systemCode).then(menus => {
             // commit('setMenus', menus)
             setMenus(menus, systemCode)

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;