[add] 添加修改授权码弹窗

src/components/tools/UserAuthorizationCode.vue

@@ -0,0 +1,125 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="modalWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          @paste.native.capture.prevent="handleOperate"
+          autocomplete="new-password"
+          label="邮箱">
+          <a-input placeholder="请输入邮箱" :maxLength='50' disabled
+                   v-decorator="[ 'email', validatorRules.email]"/>
+        </a-form-item>
+
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          label="新授权码">
+          <a-input
+            placeholder="请输入新授权码"
+            :maxLength='50'
+            v-decorator="[ 'emailPassword', validatorRules.emailPassword]"/>
+        </a-form-item>
+
+      </a-form>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+import { postAction } from '../../api/manage'
+
+export default {
+  name: 'UserAuthorizationCode',
+  data() {
+    return {
+      title: '修改授权码',
+      modalWidth: 800,
+      visible: false,
+      confirmLoading: false,
+      validatorRules: {
+        email: {
+          rules: [{
+            required: true, message: '请输入邮箱'
+          }]
+        },
+        emailPassword: {
+          rules: [{
+            required: true, message: '请输入新授权码'
+          }]
+        }
+      },
+      confirmDirty: false,
+      form: this.$form.createForm(this),
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      url: '',
+      username: null
+    }
+  },
+  methods: {
+    show(uname, uEmail) {
+      if (!uname) {
+        this.$message.warning('当前系统无登录用户!')
+        return
+      } else {
+        this.username = uname
+        // this.getPublicKey()
+        this.form.resetFields()
+        this.form.setFields({email: uEmail})
+        this.visible = true
+      }
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let params = Object.assign({}, values)
+          console.log('修改授权码提交数据', params)
+          postAction(this.url, params).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+      this.disableSubmit = false
+      this.selectedRole = []
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/tools/UserMenu.vue

@@ -27,6 +27,10 @@
           <a-icon type="setting"/>
           <span>密码修改</span>
         </a-menu-item>
+        <a-menu-item key="7" @click="updateAuthorizationCode">
+          <a-icon type="setting"/>
+          <span>修改授权码</span>
+        </a-menu-item>
 <!--        <a-menu-item key="5" @click="updateCurrentDepart">-->
 <!--          <a-icon type="cluster"/>-->
 <!--          <span>切换部门</span>-->
@@ -57,6 +61,7 @@
     <user-password ref="userPassword"></user-password>
     <depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select>
     <setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer>
+    <user-authorization-code ref="userAuthorizationCode"></user-authorization-code>
   </div>
 </template>
 
@@ -70,6 +75,7 @@ import { mixinDevice } from '@/utils/mixin.js'
 import { getFileAccessHttpUrl, getAction } from '@/api/manage'
 import Vue from 'vue'
 import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
+import UserAuthorizationCode from './UserAuthorizationCode'
 
 export default {
   name: 'UserMenu',
@@ -87,7 +93,8 @@ export default {
     HeaderNotice,
     UserPassword,
     DepartSelect,
-    SettingDrawer
+    SettingDrawer,
+    UserAuthorizationCode
   },
   props: {
     theme: {
@@ -220,8 +227,16 @@ export default {
         this.$message.warn('刷新缓存失败！')
         console.log('刷新失败', e)
       })
-    }
+    },
     /*update_end author:liushaoqian date:20200507 for: 刷新缓存*/
+    /**
+     * 修改授权码
+     */
+    updateAuthorizationCode() {
+      let username = this.userInfo().username
+      let userEmail = this.userInfo().email
+      this.$refs.userAuthorizationCode.show(username, userEmail)
+    }
   }
 }
 </script>

src/views/dataNetworkDiskManagement/committee/modules/CommitteeModule.vue

@@ -171,7 +171,7 @@ export default {
   align-items: center;
 
   &-title {
-    flex: 1;
+    flex-shrink: 0;
     padding: 0 10px 0 5px;
   }
 }