refactor: 四端完成 Options API → script setup + vuex → pinia 迁移

- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup>
- 四端 vuex 全部移除，状态管理统一迁移至 pinia 4（stores/ 目录）
- util.js 等基础设施去除 vm 首参依赖；全局属性（$Message/$filters 等）在 script 内改为具名导入
- 被外部 ref 访问的公共组件均已补齐 defineExpose（清单见各端 MIGRATION-VUE3.md）
- 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API
- 四端 yarn build 全部通过；迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md

manager/src/views/change-password/change-password.vue

@@ -3,7 +3,7 @@
     <el-card class="change-pass">
       <template #header>修改密码</template>
       <el-form
-        ref="editPasswordForm"
+        ref="editPasswordFormRef"
         :model="editPasswordForm"
         label-width="100px"
         label-position="right"
@@ -39,80 +39,83 @@
   </div>
 </template>
 
-<script>
+<script setup>
+import { reactive, ref } from "vue";
+import { useRouter } from "vue-router";
 import SetPassword from "@/components/lili/set-password";
 import { changePass } from "@/api/index";
 import { ElMessageBox } from "element-plus";
+import { md5 } from "@/utils/md5.js";
+import { useAppStore } from "@/stores/app";
+import { useUserStore } from "@/stores/user";
 
-export default {
-  name: "change-password",
-  components: {
-    SetPassword,
-  },
-  data() {
-    const valideRePassword = (rule, value, callback) => {
-      if (value !== this.editPasswordForm.newPassword) {
-        callback(new Error("两次输入密码不一致"));
-      } else {
-        callback();
-      }
-    };
-    return {
-      savePassLoading: false,
-      editPasswordForm: {
-        oldPassword: "",
-        newPassword: "",
-        rePassword: "",
-      },
-      strength: "",
-      passwordValidate: {
-        oldPassword: [{ required: true, message: "请输入原密码", trigger: "blur" }],
-        newPassword: [
-          { required: true, message: "请输入新密码", trigger: "blur" },
-          { min: 6, message: "请至少输入6个字符", trigger: "blur" },
-          { max: 32, message: "最多输入32个字符", trigger: "blur" },
-        ],
-        rePassword: [
-          { required: true, message: "请再次输入新密码", trigger: "blur" },
-          { validator: valideRePassword, trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    changeInputPass(v, grade, strength) {
-      this.strength = strength;
-    },
-    saveEditPass() {
-      const params = {
-        password: this.md5(this.editPasswordForm.oldPassword),
-        newPassword: this.md5(this.editPasswordForm.newPassword),
-        passStrength: this.md5(this.strength),
-      };
-      this.$refs.editPasswordForm.validate((valid) => {
-        if (!valid) return;
-        this.savePassLoading = true;
-        changePass(params).then((res) => {
-          this.savePassLoading = false;
-          if (res.success) {
-            ElMessageBox.alert("修改密码成功，需重新登录", "修改密码成功", {
-              confirmButtonText: "确定",
-              callback: () => {
-                this.$store.commit("logout", this);
-                this.$router.push({ name: "login" });
-              },
-            });
-          }
-        });
-      });
-    },
-    cancelEditPass() {
-      this.$store.commit("removeTag", "change_password");
-      localStorage.pageOpenedList = JSON.stringify(this.$store.state.app.pageOpenedList);
-      const list = this.$store.state.app.pageOpenedList;
-      const lastPageName = list.length > 1 ? list[list.length - 1].name : list[0].name;
-      this.$router.push({ name: lastPageName });
-    },
-  },
+defineOptions({ name: "change-password" });
+
+const router = useRouter();
+const appStore = useAppStore();
+const userStore = useUserStore();
+
+const editPasswordFormRef = ref(null);
+const savePassLoading = ref(false);
+const editPasswordForm = reactive({
+  oldPassword: "",
+  newPassword: "",
+  rePassword: "",
+});
+const strength = ref("");
+const valideRePassword = (rule, value, callback) => {
+  if (value !== editPasswordForm.newPassword) {
+    callback(new Error("两次输入密码不一致"));
+  } else {
+    callback();
+  }
 };
+const passwordValidate = {
+  oldPassword: [{ required: true, message: "请输入原密码", trigger: "blur" }],
+  newPassword: [
+    { required: true, message: "请输入新密码", trigger: "blur" },
+    { min: 6, message: "请至少输入6个字符", trigger: "blur" },
+    { max: 32, message: "最多输入32个字符", trigger: "blur" },
+  ],
+  rePassword: [
+    { required: true, message: "请再次输入新密码", trigger: "blur" },
+    { validator: valideRePassword, trigger: "blur" },
+  ],
+};
+
+function changeInputPass(v, grade, strengthVal) {
+  strength.value = strengthVal;
+}
+
+function saveEditPass() {
+  const params = {
+    password: md5(editPasswordForm.oldPassword),
+    newPassword: md5(editPasswordForm.newPassword),
+    passStrength: md5(strength.value),
+  };
+  editPasswordFormRef.value.validate((valid) => {
+    if (!valid) return;
+    savePassLoading.value = true;
+    changePass(params).then((res) => {
+      savePassLoading.value = false;
+      if (res.success) {
+        ElMessageBox.alert("修改密码成功，需重新登录", "修改密码成功", {
+          confirmButtonText: "确定",
+          callback: () => {
+            userStore.logout();
+            router.push({ name: "login" });
+          },
+        });
+      }
+    });
+  });
+}
+
+function cancelEditPass() {
+  appStore.removeTag("change_password");
+  localStorage.pageOpenedList = JSON.stringify(appStore.pageOpenedList);
+  const list = appStore.pageOpenedList;
+  const lastPageName = list.length > 1 ? list[list.length - 1].name : list[0].name;
+  router.push({ name: lastPageName });
+}
 </script>