agilebuilder-ui 1.0.0

package/src/store/modules/user.js

@@ -0,0 +1,365 @@
+import ssoService from '../../api/sso-service'
+import {
+  getUsername,
+  removeAllLanguages,
+  removeCurrentUser,
+  removeDevpPermissions,
+  removeLanguage,
+  removePublishControl,
+  removeToken,
+  removeUsername,
+  setCurrentUser,
+  setLanguage,
+  setToken,
+  setUsername
+} from '../../utils/auth'
+
+import {
+  getMenus,
+  getPermissions,
+  removeMenus,
+  removePermissions,
+  setMenus,
+  setPermissions
+} from '../../utils/permissionAuth'
+
+import {isPlateSys} from '../../utils/common-util'
+import {ElMessage} from 'element-plus'
+
+const user = {
+  state: {
+    token: '',
+    name: '',
+    menus: [],
+  },
+  
+  mutations: {
+    setToken: (state, token) => {
+      state.token = token
+    },
+    setName: (state, name) => {
+      state.name = name
+    },
+    setMenus: (state, menus) => {
+      state.menus = menus
+    },
+  },
+
+  actions: {
+    // 登录
+    login({ commit }, userInfo) {
+      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)
+            if(data.lockTip){
+              ElMessage({
+                showClose: true,
+                message: data.lockTip,
+                type: 'warning',
+                duration: 10000
+              })
+            }
+            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)
+          })
+      })
+    },
+    // 登录
+    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)
+            setLanguage(data.language)
+            if(data.lockTip){
+              ElMessage({
+                showClose: true,
+                message: data.lockTip,
+                type: 'warning',
+                duration: 10000
+              })
+            }
+            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) => {
+				if (!loginName) {
+          ssoService.getCurrentUser().then(user => {
+            if (user) {
+              loginName = user.loginName
+              setUsername(user.loginName)
+              setCurrentUser(user)
+              commit('setName', user.name)
+            }
+            resolve(user)
+          }).catch(error => {
+            reject(error)
+          })
+        }
+        if (loginName) {
+          // setToken(tokenInfo.jwt)
+          // commit('setToken', tokenInfo.jwt)
+          ssoService
+            .getCurrentUserPermissionsBySystem(loginName)
+            .then((permissions) => {
+              let currentPermissions = ['index']
+              currentPermissions = currentPermissions.concat(permissions)
+              setPermissions(currentPermissions)
+              resolve()
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        }
+      })
+    },
+
+    // 获取用户信息
+    getCurrentUser({ commit, state }) {
+      return new Promise((resolve, reject) => {
+        const storeUserName = getUsername()
+        if (
+          typeof storeUserName === 'undefined' ||
+          storeUserName === '' ||
+          storeUserName === null
+        ) {
+          ssoService
+            .getCurrentUser()
+            .then((user) => {
+              if (user) {
+                setUsername(user.loginName)
+                setCurrentUser(user)
+                commit('setName', user.name)
+              } else {
+                removeUsername()
+                removeCurrentUser()
+                commit('setName', '')
+              }
+              // commit('SET_AVATAR', data.avatar)
+              resolve(user)
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        } else {
+          commit('setName', storeUserName)
+          resolve({ loginName: storeUserName })
+        }
+      })
+    },
+
+    // 登出
+    logout({ commit, state }) {
+      return new Promise((resolve, reject) => {
+        ssoService
+          .logout(state.token)
+          .then((data) => {
+            commit('setToken', '')
+            removeToken()
+            removeLanguage()
+            removeAllLanguages()
+
+            commit('setName', '')
+            removeUsername()
+            removeCurrentUser()
+
+            removePermissions()
+  
+            removeMenus()
+            removePublishControl()
+            removeDevpPermissions()
+            resolve(data)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
+    },
+
+    // 出现401错误时清空过期的jwt
+    clearToken({ commit }) {
+      return new Promise((resolve) => {
+        commit('setToken', '')
+        removeToken()
+        removeLanguage()
+        removeAllLanguages()
+
+        commit('setName', '')
+        removeUsername()
+        removeCurrentUser()
+
+        removePermissions()
+
+        removeMenus()
+        removePublishControl()
+        removeDevpPermissions()
+
+        resolve()
+      })
+    },
+
+    // 获得当前用户权限集合
+    getCurrentUserPermissions({ commit }, loginName, systemCode) {
+      return new Promise((resolve, reject) => {
+        let storePermissions = getPermissions()
+        // 这个判断会导致资源不会重新加载？？
+        if (
+          typeof storePermissions === 'undefined' ||
+          storePermissions === '' ||
+          storePermissions === null
+        ) {
+          ssoService
+            .getCurrentUserPermissionsBySystem(loginName, systemCode)
+            .then((permissions) => {
+              let currentPermissions = ['index']
+              currentPermissions = currentPermissions.concat(permissions)
+              storePermissions = setPermissions(currentPermissions)
+              resolve(storePermissions)
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        } else {
+          resolve(storePermissions)
+        }
+      })
+    },
+
+    /**
+     * 获得开发平台指定角色的权限集合
+     * @param {*} param0 
+     * @param {*} roleCodes 岗位编码
+     * @returns 
+     */
+    getDevPlatformPermissions({ commit }, roleCodes) {
+      return new Promise((resolve, reject) => {
+        let storePermissions = getPermissions()
+        // 这个判断会导致资源不会重新加载？？
+        if (
+          typeof storePermissions === 'undefined' ||
+          storePermissions === '' ||
+          storePermissions === null
+        ) {
+          ssoService
+            .getDevPlatformPermissions(roleCodes)
+            .then((permissions) => {
+              let currentPermissions = ['index']
+              currentPermissions = currentPermissions.concat(permissions)
+              storePermissions = setPermissions(currentPermissions)
+              resolve(storePermissions)
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        } else {
+          resolve(storePermissions)
+        }
+      })
+    },
+
+    // 判断当前用户密码是否过期
+    isPasswordExpired({ commit }, userInfo) {
+      const username = userInfo.username.trim()
+      return new Promise((resolve, reject) => {
+        ssoService
+          .isPasswordExpired(username, userInfo.password)
+          .then((message) => {
+            resolve(message)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
+    },
+
+    updatePassword({ commit }, map) {
+      return new Promise((resolve, reject) => {
+        ssoService
+          .updatePassword(map, map.userId)
+          .then((data) => {
+            resolve(data)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
+    },
+    // 判断jwt是否超时，防止出现401错误提示信息
+    isLoginTimeOut({ commit }) {
+      return new Promise((resolve, reject) => {
+        ssoService
+          .isLoginTimeOut()
+          .then((message) => {
+            resolve(message)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
+    },
+    // 获得有权限的菜单集合
+    getPermissionMenus({ commit }, systemCode) {
+      return new Promise((resolve, reject) => {
+        const storePermissionMenus = getMenus(systemCode)
+        if (
+          isPlateSys(systemCode) || (
+            typeof storePermissionMenus === 'undefined' ||
+            storePermissionMenus === '' ||
+            storePermissionMenus === null
+          )
+        ) {
+          ssoService
+            .getUserPermissionMenusBySystemCode(systemCode)
+            .then((menus) => {
+              // commit('setMenus', menus)
+              setMenus(menus, systemCode)
+              resolve(menus)
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        } else {
+          resolve(storePermissionMenus)
+        }
+      })
+    },
+  },
+}
+
+export default user

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: 0px;
+    padding-top: 5px;
+    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/element-ui.scss

@@ -0,0 +1,29 @@
+ //to reset element-ui default css
+ .el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+//element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}

package/src/styles/index.scss

@@ -0,0 +1,157 @@
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './theme/black/index.scss';
+@import './theme/black/sidebar.scss';
+@import './theme/blue/index.scss';
+@import './theme/blue/sidebar.scss';
+@import './theme/blue2/index.scss';
+@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;
+}
+
+// 省略号
+.ellipsis {
+  // display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: keep-all;
+  width: 100%;
+}
+
+// 解决el-table表头错位问题
+body .el-table th.gutter {
+  display: table-cell !important;
+}
+
+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 {
+  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 {
+  width: 100%;
+}
+
+// 日期选择按钮太小问题（gcommon ui）
+.el-picker-panel__footer .el-button--mini {
+  font-size: 16px;
+}
+
+// 显示必填标志
+.is_req {
+  .required__label::before {
+    content: '*';
+    color: #f56c6c;
+    margin-right: 4px;
+  }
+}
+
+.formContent .el-form-item {
+  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: 0;
+  right: 4%;
+}
+
+.el-button+.el-button {
+  margin-left: 10px;
+}
+

package/src/styles/mixin.scss

@@ -0,0 +1,27 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+

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;
+
+  }
+}