回传需求

src/views/account/orange.vue

@@ -37,11 +37,16 @@
         :label-col="{ span: 6 }"
         :wrapper-col="{ offset: 1 }"
         :model="wxEditList"
+        :rules="rules"
       >
-        <a-form-item label=" 公众号名称">
-          <a-input v-model:value="wxEditList.appName"> </a-input>
+        <a-form-item label=" 公众号名称" :name="[ 'appName']">
+          <a-input
+            v-model:value="wxEditList.appName"
+            
+          >
+          </a-input>
         </a-form-item>
-        <a-form-item label="微信号">
+        <a-form-item label="微信号" :name="[ 'alias']">
           <a-input v-model:value="wxEditList.alias"> </a-input>
         </a-form-item>
       </a-form>
@@ -122,7 +127,7 @@ export default defineComponent({
       wxEditList: {
         appName: "",
         alias: "",
-        appflag:""
+        appflag: "",
       },
       appflag: "",
       Logappflag: "",
@@ -153,13 +158,11 @@ export default defineComponent({
     };
 
     const initOrangedata = async () => {
-      
       let params = {
         app_name: "",
       };
       const data = await getOrangeProductListApi(params);
-      if(data)
-      state.loading = false;
+      if (data) state.loading = false;
       state.list = data.data.list;
     };
     onMounted(() => {
@@ -209,19 +212,29 @@ export default defineComponent({
 
     const editOrangeWx = async () => {
       const res = await editOrangeWxApi(state.wxEditList);
-      if(res.data.result==1){
-        message.success('保存成功')
-        //刷新页面
+      if (res.data.result == 1) {
+        message.success("保存成功");
+        //刷新页面 
+        state.visibleWxlog = false;
         initOrangedata();
       }
     };
     //微信确认按钮弹框 提交表单
     const comfirmWxEdit = () => {
-      state.visibleWxlog = false;
+     
       //发送请求
       editOrangeWx();
       //刷新页面
-      
+    };
+    const rules = {
+      appName: {
+        required: true,
+        message: '公众号名称不能为空',
+      },
+      alias: {
+            required: true,
+            message: '微信号不能为空',
+      },
     };
     return {
       ...toRefs(state),
@@ -237,6 +250,7 @@ export default defineComponent({
       add() {},
       showDrawerWxEdit,
       comfirmWxEdit,
+      rules
     };
   },
 });

src/views/account/orangelog.vue

@@ -52,7 +52,6 @@ import ToolBar from "@/components/tool-bar/index.vue";
 import { message } from "ant-design-vue";
 import {
   defineComponent,
-  onMounted,
   reactive,
   watch,
   toRefs,
@@ -168,14 +167,7 @@ export default defineComponent({
       getLogOrangeList,
     };
   },
-  // created() {
-  //   console.log("created");
-  //   this.list.appflag = this.$props.Logappflag as string;
-  //   this.getLogOrangeList();
-  // },
-  // mounted() {
-  //   console.log("mounted");
-  // },
+
 });
 </script>
 <style lang="scss" scoped>