优化代码

src/views/system/user/authRole.vue

@@ -67,19 +67,23 @@ const form = ref({
 function clickRow(row) {
   proxy.$refs["roleRef"].toggleRowSelection(row);
 };
+
 /** 多选框选中数据 */
 function handleSelectionChange(selection) {
   roleIds.value = selection.map(item => item.roleId);
 };
+
 /** 保存选中的数据编号 */
 function getRowKey(row) {
   return row.roleId;
 };
+
 /** 关闭按钮 */
 function close() {
   const obj = { path: "/system/user" };
   proxy.$tab.closeOpenPage(obj);
 };
+
 /** 提交按钮 */
 function submitForm() {
   const userId = form.value.userId;

src/views/system/user/index.vue

@@ -404,16 +404,19 @@ const filterNode = (value, data) => {
   if (!value) return true;
   return data.label.indexOf(value) !== -1;
 };
+
 /** 根据名称筛选部门树 */
 watch(deptName, val => {
   proxy.$refs["deptTreeRef"].filter(val);
 });
+
 /** 查询部门下拉树结构 */
 function getDeptTree() {
   deptTreeSelect().then(response => {
     deptOptions.value = response.data;
   });
 };
+
 /** 查询用户列表 */
 function getList() {
   loading.value = true;
@@ -423,16 +426,19 @@ function getList() {
     total.value = res.total;
   });
 };
+
 /** 节点单击事件 */
 function handleNodeClick(data) {
   queryParams.value.deptId = data.id;
   handleQuery();
 };
+
 /** 搜索按钮操作 */
 function handleQuery() {
   queryParams.value.pageNum = 1;
   getList();
 };
+
 /** 重置按钮操作 */
 function resetQuery() {
   dateRange.value = [];
@@ -441,6 +447,7 @@ function resetQuery() {
   proxy.$refs.deptTreeRef.setCurrentKey(null);
   handleQuery();
 };
+
 /** 删除按钮操作 */
 function handleDelete(row) {
   const userIds = row.userId || ids.value;
@@ -451,12 +458,14 @@ function handleDelete(row) {
     proxy.$modal.msgSuccess("删除成功");
   }).catch(() => {});
 };
+
 /** 导出按钮操作 */
 function handleExport() {
   proxy.download("system/user/export", {
     ...queryParams.value,
   },`user_${new Date().getTime()}.xlsx`);
 };
+
 /** 用户状态修改  */
 function handleStatusChange(row) {
   let text = row.status === "0" ? "启用" : "停用";
@@ -468,6 +477,7 @@ function handleStatusChange(row) {
     row.status = row.status === "0" ? "1" : "0";
   });
 };
+
 /** 更多操作 */
 function handleCommand(command, row) {
   switch (command) {
@@ -481,11 +491,13 @@ function handleCommand(command, row) {
       break;
   }
 };
+
 /** 跳转角色分配 */
 function handleAuthRole(row) {
   const userId = row.userId;
   router.push("/system/user-auth/role/" + userId);
 };
+
 /** 重置密码按钮操作 */
 function handleResetPwd(row) {
   proxy.$prompt('请输入"' + row.userName + '"的新密码', "提示", {
@@ -505,26 +517,31 @@ function handleResetPwd(row) {
     });
   }).catch(() => {});
 };
+
 /** 选择条数  */
 function handleSelectionChange(selection) {
   ids.value = selection.map(item => item.userId);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 };
+
 /** 导入按钮操作 */
 function handleImport() {
   upload.title = "用户导入";
   upload.open = true;
 };
+
 /** 下载模板操作 */
 function importTemplate() {
   proxy.download("system/user/importTemplate", {
   }, `user_template_${new Date().getTime()}.xlsx`);
 };
+
 /**文件上传中处理 */
 const handleFileUploadProgress = (event, file, fileList) => {
   upload.isUploading = true;
 };
+
 /** 文件上传成功处理 */
 const handleFileSuccess = (response, file, fileList) => {
   upload.open = false;
@@ -533,10 +550,12 @@ const handleFileSuccess = (response, file, fileList) => {
   proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
   getList();
 };
+
 /** 提交上传文件 */
 function submitFileForm() {
   proxy.$refs["uploadRef"].submit();
 };
+
 /** 重置操作表单 */
 function reset() {
   form.value = {
@@ -555,11 +574,13 @@ function reset() {
   };
   proxy.resetForm("userRef");
 };
+
 /** 取消按钮 */
 function cancel() {
   open.value = false;
   reset();
 };
+
 /** 新增按钮操作 */
 function handleAdd() {
   reset();
@@ -571,6 +592,7 @@ function handleAdd() {
     form.value.password = initPassword.value;
   });
 };
+
 /** 修改按钮操作 */
 function handleUpdate(row) {
   reset();
@@ -586,6 +608,7 @@ function handleUpdate(row) {
     form.password = "";
   });
 };
+
 /** 提交按钮 */
 function submitForm() {
   proxy.$refs["userRef"].validate(valid => {

src/views/system/user/profile/resetPwd.vue

@@ -34,6 +34,7 @@ const equalToPassword = (rule, value, callback) => {
     callback();
   }
 };
+
 const rules = ref({
   oldPassword: [{ required: true, message: "旧密码不能为空", trigger: "blur" }],
   newPassword: [{ required: true, message: "新密码不能为空", trigger: "blur" }, { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
@@ -50,6 +51,7 @@ function submit() {
     }
   });
 };
+
 /** 关闭按钮 */
 function close() {
   proxy.$tab.closePage();

src/views/system/user/profile/userAvatar.vue

@@ -87,25 +87,31 @@ const options = reactive({
 function editCropper() {
   open.value = true;
 }
+
 /** 打开弹出层结束时的回调 */
 function modalOpened() {
   visible.value = true;
 }
+
 /** 覆盖默认上传行为 */
 function requestUpload() {}
+
 /** 向左旋转 */
 function rotateLeft() {
   proxy.$refs.cropper.rotateLeft();
 }
+
 /** 向右旋转 */
 function rotateRight() {
   proxy.$refs.cropper.rotateRight();
 }
+
 /** 图片缩放 */
 function changeScale(num) {
   num = num || 1;
   proxy.$refs.cropper.changeScale(num);
 }
+
 /** 上传预处理 */
 function beforeUpload(file) {
   if (file.type.indexOf("image/") == -1) {
@@ -119,6 +125,7 @@ function beforeUpload(file) {
     };
   }
 }
+
 /** 上传图片 */
 function uploadImg() {
   proxy.$refs.cropper.getCropBlob(data => {
@@ -133,10 +140,12 @@ function uploadImg() {
     });
   });
 }
+
 /** 实时预览 */
 function realTime(data) {
   options.previews = data;
 }
+
 /** 关闭窗口 */
 function closeDialog() {
   options.img = userStore.avatar;