修改日志

This commit is contained in:
guanj
2026-01-12 14:49:21 +08:00
parent 77617412dd
commit 379951699d
4 changed files with 141 additions and 129 deletions

View File

@@ -1,109 +1,117 @@
<template> <template>
<el-dialog draggable width="500px" v-model="dialogVisible" :title="title"> <el-dialog draggable width="500px" v-model="dialogVisible" :title="title">
<el-scrollbar> <el-scrollbar>
<el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef"> <el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
<el-form-item label="校验密码:" prop="password"> <el-form-item label="校验密码:" prop="password">
<el-input v-model="form.password" type="password" placeholder="请输入校验密码" show-password /> <el-input v-model="form.password" type="password" placeholder="请输入校验密码" show-password />
</el-form-item> </el-form-item>
<el-form-item label="新密码:" prop="newPwd" style="margin-top: 20px"> <el-form-item label="新密码:" prop="newPwd" style="margin-top: 20px">
<el-input v-model="form.newPwd" type="password" placeholder="请输入新密码" show-password /> <el-input v-model="form.newPwd" type="password" placeholder="请输入新密码" show-password />
</el-form-item> </el-form-item>
<el-form-item label="确认密码:" prop="confirmPwd" style="margin-top: 20px"> <el-form-item label="确认密码:" prop="confirmPwd" style="margin-top: 20px">
<el-input v-model="form.confirmPwd" type="password" placeholder="请输入确认密码" show-password /> <el-input v-model="form.confirmPwd" type="password" placeholder="请输入确认密码" show-password />
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-scrollbar> </el-scrollbar>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button> <el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submit">确认</el-button> <el-button type="primary" @click="submit">确认</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, inject } from 'vue' import { ref, inject } from 'vue'
import { reactive } from 'vue' import { reactive } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import { passwordConfirm, updatePassword } from '@/api/user-boot/user' import { passwordConfirm, updatePassword } from '@/api/user-boot/user'
import { validatePwd } from '@/utils/common' import { validatePwd } from '@/utils/common'
import { useAdminInfo } from '@/stores/adminInfo' import { useAdminInfo } from '@/stores/adminInfo'
import router from '@/router'
const adminInfo = useAdminInfo() import { useNavTabs } from '@/stores/navTabs'
const dialogVisible = ref(false) const navTabs = useNavTabs()
const title = ref('修改密码') const adminInfo = useAdminInfo()
const formRef = ref() const dialogVisible = ref(false)
// 注意不要和表单ref的命名冲突 const title = ref('修改密码')
const form = reactive({ const formRef = ref()
password: '', // 注意不要和表单ref的命名冲突
newPwd: '', const form = reactive({
confirmPwd: '' password: '',
}) newPwd: '',
const rules = { confirmPwd: ''
password: [ })
{ required: true, message: '请输入校验密码', trigger: 'blur' }, const rules = {
{ password: [
min: 6, { required: true, message: '请输入校验密码', trigger: 'blur' },
max: 12, {
message: '长度在 6 到 12 个字符', min: 6,
trigger: 'blur' max: 12,
} message: '长度在 6 到 12 个字符',
], trigger: 'blur'
newPwd: [ }
{ required: true, message: '请输入密码', trigger: 'blur' }, ],
{ newPwd: [
min: 6, { required: true, message: '请输入密码', trigger: 'blur' },
max: 12, {
message: '长度在 6 到 12 个字符', min: 6,
trigger: 'blur' max: 12,
}, message: '长度在 6 到 12 个字符',
{ validator: validatePwd, trigger: 'blur' } trigger: 'blur'
], },
confirmPwd: [ { validator: validatePwd, trigger: 'blur' }
{ required: true, message: '请确认密码', trigger: 'blur' }, ],
{ confirmPwd: [
min: 6, { required: true, message: '请确认密码', trigger: 'blur' },
max: 12, {
message: '长度在 6 到 12 个字符', min: 6,
trigger: 'blur' max: 12,
}, message: '长度在 6 到 12 个字符',
{ trigger: 'blur'
validator: (rule: any, value: string, callback: any) => { },
if (value === '') { {
callback(new Error('请再次输入密码')) validator: (rule: any, value: string, callback: any) => {
} else if (value !== form.newPwd) { if (value === '') {
callback(new Error('次输入密码不一致!')) callback(new Error('请再次输入密码'))
} else { } else if (value !== form.newPwd) {
callback() callback(new Error('两次输入密码不一致!'))
} } else {
}, callback()
trigger: 'blur', }
required: true },
} trigger: 'blur',
] required: true
} }
]
const open = () => { }
dialogVisible.value = true
form.password = '' const open = () => {
form.newPwd = '' dialogVisible.value = true
form.confirmPwd = '' form.password = ''
} form.newPwd = ''
const submit = () => { form.confirmPwd = ''
formRef.value.validate(async (valid: boolean) => { }
if (valid) { const submit = () => {
passwordConfirm(form.password).then(res => { formRef.value.validate(async (valid: boolean) => {
updatePassword({ if (valid) {
id: adminInfo.$state.userIndex, passwordConfirm(form.password).then(res => {
newPassword: form.newPwd updatePassword({
}).then((res: any) => { id: adminInfo.$state.userIndex,
ElMessage.success('密码修改成功') newPassword: form.newPwd
dialogVisible.value = false }).then((res: any) => {
}) ElMessage.success('密码修改成功,请重新登录!')
}) dialogVisible.value = false
} setTimeout(() => {
}) navTabs.closeTabs()
} window.localStorage.clear()
adminInfo.reset()
defineExpose({ open }) router.push({ name: 'login' })
</script> }, 0)
})
})
}
})
}
defineExpose({ open })
</script>

View File

@@ -10,7 +10,7 @@
</TableHeader> </TableHeader>
<div :key="key"> <div :key="key">
<Table ref="tableRef" :height="'49vh'"></Table> <Table ref="tableRef" :height="'calc(50vh - 100px)'"></Table>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>

View File

@@ -153,7 +153,7 @@ const typeOptions = ref([
{ label: 'cp95值', value: 4 } { label: 'cp95值', value: 4 }
]) ])
onMounted(() => { onMounted(() => {
datePickerRef.value.setTheDate(5) datePickerRef.value.setTheDate(4)
init() init()
}) })
const height: any = ref(mainHeight(200, 1)) const height: any = ref(mainHeight(200, 1))

View File

@@ -43,7 +43,9 @@
<el-button icon="el-icon-Upload" type="primary" class="mr10 ml10">上传接线图</el-button> <el-button icon="el-icon-Upload" type="primary" class="mr10 ml10">上传接线图</el-button>
</template> </template>
</el-upload> </el-upload>
<el-button icon="el-icon-Download" type="primary" @click="exportEvent" :loading="loading">生成</el-button> <el-button icon="el-icon-Download" type="primary" @click="exportEvent" :loading="loading">
生成
</el-button>
</template> </template>
</TableHeader> </TableHeader>
<div class="box"> <div class="box">
@@ -107,10 +109,10 @@ const handleNodeClick = (data: any, node: any) => {
} }
// 上传 // 上传
const choose = (files: any) => { const choose = (files: any) => {
const isJPG = files.raw.type === 'image/jpg' const isJPG = files.raw.type === 'image/jpeg'
const isPNG = files.raw.type === 'image/png' const isPNG = files.raw.type === 'image/png'
if (!isJPG && !isPNG) { if (!isJPG && !isPNG) {
ElMessage.warning('上传文件只能是 JPG/PNG 格式!') ElMessage.warning('上传文件只能是 jpg/png 格式!')
return false return false
} }
@@ -146,22 +148,24 @@ const exportEvent = () => {
} else { } else {
loading.value = true loading.value = true
ElMessage('生成报告中...') ElMessage('生成报告中...')
exportModel(form).then((res: any) => { exportModel(form)
let blob = new Blob([res], { .then((res: any) => {
type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8' let blob = new Blob([res], {
type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8'
})
// createObjectURL(blob); //创建下载的链接
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a') // 创建a标签
link.href = url
link.download = dotList.value.name + dayjs().format('YYYYMMDD') // 设置下载的文件名
document.body.appendChild(link)
link.click() //执行下载
document.body.removeChild(link)
loading.value = false
})
.catch((err: any) => {
loading.value = false
}) })
// createObjectURL(blob); //创建下载的链接
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a') // 创建a标签
link.href = url
link.download = dotList.value.name+ dayjs().format('YYYYMMDD') // 设置下载的文件名
document.body.appendChild(link)
link.click() //执行下载
document.body.removeChild(link)
loading.value =false
}).catch((err: any) => {
loading.value =false
})
} }
} }
</script> </script>