物业编辑

杨泽宇
1 parent e42092aa
Showing 3 changed files with 12 additions and 3 deletions
src/views/property/edit.vue
src/views/property/index.vue
src/views/user/login.vue
 <script setup lang="ts">
-import { reactive, ref, getCurrentInstance } from "vue";
+import { reactive, ref, getCurrentInstance, onMounted } from "vue";
 import { propertyAdd } from "@/api/property";
+import { useRoute } from "vue-router";
 import { validMobile } from "@/utils/validate";
 import type { ElForm } from "element-plus";
-const ruleFormRef = ref<InstanceType<typeof ElForm>>();
 const {
   appContext: {
     config: { globalProperties },
@@ -25,6 +25,7 @@ let form = reactive({
     status: 0,
   },
 });
+const ruleFormRef = ref<InstanceType<typeof ElForm>>();
 // 校验手机号格式
 const checkPhone = (rules, value, callback) => {
   if (validMobile(value)) {
@@ -114,11 +115,14 @@ const submitForm = (formEl: InstanceType&lt;typeof ElForm&gt; | undefined) =&gt; {
           console.log(error);
         });
     } else {
-      globalProperties.$message.success("请检查表单格式");
+      globalProperties.$message.error("请检查表单格式");
       return false;
     }
   });
 };
+onMounted(() => {
+  form.data = useRoute().query
+});
 </script>
  
 <template>
@@ -152,6 +152,7 @@ onMounted(() =&gt; {
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
+          <el-button type="text"><router-link :to="{path:'/property/edit',query:scope.row}">编辑</router-link></el-button>
           <el-button type="text" disabled>代理登录</el-button>
           <el-button type="text" @click="handleStatus(scope.row)">{{
             scope.row.status ? "禁用" : "启用"
@@ -13,3 +13,7 @@ login().then(res =&gt; {
 <template>
   <p>Login</p>
 </template>
+
+<style lang="scss" scoped>
+  
+</style>