| | |
| | | <el-form-item label="创建时间" style="width: 308px"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | value-format="YYYY-MM-DD" |
| | | value-format="YYYY-MM-DD HH:mm:ss" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item icon="Download" @click="importTemplate">下载模板</el-dropdown-item> |
| | | <el-dropdown-item icon="Top" @click="handleImport"> 导入数据</el-dropdown-item> |
| | | <el-dropdown-item icon="Top" @click="handleImport">导入数据</el-dropdown-item> |
| | | <el-dropdown-item icon="Download" @click="handleExport"> 导出数据</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | |
| | | value-key="id" |
| | | placeholder="请选择归属部门" |
| | | check-strictly |
| | | @change="handleDeptChange" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | form.value.password = initPassword.value.toString(); |
| | | }; |
| | | |
| | | /** 是否已经更改过岗位 */ |
| | | const updatedPost = ref(true); |
| | | /** 修改按钮操作 */ |
| | | const handleUpdate = async (row?: UserForm) => { |
| | | reset(); |
| | |
| | | form.value.postIds = data.postIds; |
| | | form.value.roleIds = data.roleIds; |
| | | form.value.password = ''; |
| | | /** 编辑 默认未修改过岗位 */ |
| | | updatedPost.value = false; |
| | | }; |
| | | |
| | | /** 提交按钮 */ |
| | |
| | | }); |
| | | }); |
| | | |
| | | // 监测部门变化加载岗位 |
| | | watch( |
| | | () => form.value.deptId, |
| | | async () => { |
| | | const response = await optionselect(form.value.deptId); |
| | | postOptions.value = response.data; |
| | | /** 判断是否修改过岗位 防止第一次编辑时有岗位信息也被设置为空 */ |
| | | if (updatedPost.value) { |
| | | /** 变化后需要重新选择岗位 */ |
| | | form.value.postIds = []; |
| | | return; |
| | | } |
| | | /** 执行一次后默认设为已经修改过 */ |
| | | updatedPost.value = true; |
| | | } |
| | | ); |
| | | async function handleDeptChange(value: number | string) { |
| | | const response = await optionselect(value); |
| | | postOptions.value = response.data; |
| | | form.value.postIds = []; |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |