| | |
| | | <el-button @click="reset">重置</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- 密钥上传 --> |
| | | <div class="upload-file" v-else-if="checked === 2"> |
| | | <img v-if="isSuccess === 'success'" :src="uploadSuccess" alt="" /> |
| | | <div v-if="isSuccess === 'success'">上传成功</div> |
| | | <img v-if="isSuccess === 'error'" :src="uploadError" alt="" /> |
| | | <div v-if="isSuccess === 'error'">上传失败</div> |
| | | <el-upload |
| | | action="/upload" |
| | | accept=".lic" |
| | | :show-file-list="false" |
| | | :before-upload="handleUpload" |
| | | > |
| | | <div class="upload-btn">密钥上传</div> |
| | | </el-upload> |
| | | <div class="password-time">密钥有效期:{{ passwordTime || '永久有效' }}</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import request from '@/axios'; |
| | | import { getUserInfo, updateInfo, updatePassword } from '@/api/system/user'; |
| | | import { findLicenseDate } from '@/api/system/dict'; |
| | | import { uploadLicense } from '@/api/license/uploadLicense'; |
| | | import uploadSuccess from '@/assets/images/uoload-success.png'; |
| | | import uploadError from '@/assets/images/upload-error.png'; |
| | | import cancel1 from '@/assets/images/task/cancel1.png'; |
| | |
| | | const token = getToken(); |
| | | const userinforShow = defineModel('show'); |
| | | const userInfoAs = computed(() => store.state.user.userInfo); |
| | | const titleList = ref(['个人信息', '修改密码', '密钥上传']); |
| | | const titleList = ref(['个人信息', '修改密码']); |
| | | const checked = ref(0); |
| | | const uploadUrl = computed( |
| | | () => `${import.meta.env.VITE_APP_API_URL}/blade-resource/oss/endpoint/put-file` |
| | |
| | | |
| | | const titleClick = (item, index) => { |
| | | checked.value = index; |
| | | if (index === 2) { |
| | | getFindLicenseDate(); |
| | | } |
| | | }; |
| | | const getUserInfoData = () => { |
| | | getUserInfo().then(res => { |
| | |
| | | }; |
| | | const isSuccess = ref(''); |
| | | const passwordTime = ref(''); |
| | | const handleUpload = file => { |
| | | const formData = new FormData(); |
| | | formData.append('file', file); |
| | | uploadLicense(formData) |
| | | .then(res => { |
| | | if (res.data.code !== 200) return ElMessage.error('上传失败'); |
| | | ElMessage.success('上传成功'); |
| | | isSuccess.value = 'success'; |
| | | getFindLicenseDate(); |
| | | }) |
| | | .catch(err => { |
| | | isSuccess.value = 'error'; |
| | | ElMessage.error('上传失败'); |
| | | }); |
| | | }; |
| | | const getFindLicenseDate = () => { |
| | | findLicenseDate() |
| | | .then(res => { |
| | |
| | | .passwordBox { |
| | | margin-top: 40px; |
| | | } |
| | | .upload-file { |
| | | text-align: center; |
| | | margin-top: 60px; |
| | | .upload-btn { |
| | | width: 93px; |
| | | height: 38px; |
| | | background: #DDEBFF; |
| | | border-radius: 8px 8px 8px 8px; |
| | | border: 1px solid #409EFF; |
| | | text-align: center; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | color: #228CFA; |
| | | line-height: 38px; |
| | | text-align: center; |
| | | margin-top: 10px; |
| | | } |
| | | .password-time { |
| | | margin-top: 50px; |
| | | width: 100%; |
| | | height: 16px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #2d9dff; |
| | | line-height: 16px; |
| | | // text-align: left; |
| | | } |
| | | } |
| | | |
| | | </style> |