remake校验

src/pages/order/remark.vue

@@ -9,29 +9,52 @@
             <view class="item01" prop="merchantServices">
               <text class="label">评分</text>
               <!-- 评分 -->
-              <wd-rate v-model="formdata.merchantServices" active-color="#ff0000" size="50rpx" space="10px"
-                @change="handlemerchant" />
+              <wd-rate
+                v-model="formdata.merchantServices"
+                active-color="#ff0000"
+                size="50rpx"
+                space="10px"
+                @change="handlemerchant"
+              />
             </view>
+
             <view class="item02">
               <text>{{ merList[formdata.merchantServices] }}</text>
             </view>
           </view>
           <!-- 内容描述 -->
-          <view prop="evaluation">
-            <wd-textarea v-model="formdata.evaluation" placeholder="亲，分享您的看法，给其他人一个参考哦！" />
+          <view class="item03">
+            <wd-textarea
+              prop="evaluation"
+              type="textarea"
+              v-model="formdata.evaluation"
+              placeholder="亲，分享您的看法，给其他人一个参考哦！"
+              clearable
+            />
           </view>
-          <wd-cell title-width="0px"></wd-cell>
+
           <text class="textarea">上传图片/视频</text>
           <!-- 图片上传 -->
           <view class="wdUpload" prop="images">
-            <wd-upload multiple :action="action" @change="handleFile" :file-list="formdata.images"
-              :before-remove="beforeRemove" :header="headers"></wd-upload>
+            <wd-upload
+              multiple
+              :action="action"
+              @change="handleFile"
+              :file-list="formdata.images"
+              :before-remove="beforeRemove"
+              :header="headers"
+            ></wd-upload>
           </view>
 
           <!-- 匿名评价 -->
           <wd-cell title="匿名评价" prop="isAnonymous" class="itemSwichval">
-            <wd-switch size="48rpx" active-color="#EC1B1B" v-model="formdata.isAnonymous" active-value="1"
-              inactive-value="0" />
+            <wd-switch
+              size="48rpx"
+              active-color="#EC1B1B"
+              v-model="formdata.isAnonymous"
+              active-value="1"
+              inactive-value="0"
+            />
           </wd-cell>
         </wd-cell-group>
       </wd-form>
@@ -70,7 +93,7 @@ onLoad((options) => {
 
 const formdata = reactive<{
   orderNumber: string;
-  evaluation: string;
+  evaluation: null | string;
   images: string[];
   isAnonymous: number;
   descriptionMatches: number;
@@ -88,33 +111,59 @@ const formdata = reactive<{
  * 表单验证规则
  */
 const rules = {
-  // images: [
-  //   {
-  //     required: true,
-  //     message: '请上传图片1',
-  //     validator: (value: any) => {
-  //       if (value.length) {
-  //         console.log('上传成功');
-  //       } else {
-  //         console.log('请上传图片');
-  //       }
-  //     },
-  //   },
-  // ],
-  evaluation: [{ required: true, message: '请填写评价内容' }],
-  // merchantServices: [
-  //   {
-  //     required: true,
-  //     message: '请选择商家服务评分',
-  //     validator: (value: any) => {
-  //       if (value >= 1 && value <= 5) {
-  //         console.log('评分成功');
-  //       } else {
-  //         console.log('请选择评分');
-  //       }
-  //     },
-  //   },
-  // ],
+  images: [
+    {
+      required: true,
+      validator: (value: any) => {
+        if (value.length) {
+          return true;
+        } else {
+          xma.showToast({
+            title: '最少上传一张图片',
+            icon: 'none',
+            duration: 2000,
+          });
+          return false;
+        }
+      },
+    },
+  ],
+  evaluation: [
+    {
+      required: true,
+      message: '请填你的看法',
+      validator: (value: string) => {
+        console.log('看法', value);
+        if (value && value.length) {
+          return true;
+        } else {
+          xma.showToast({
+            title: '请填你的看法',
+            icon: 'none',
+            duration: 2000,
+          });
+          return false;
+        }
+      },
+    },
+  ],
+  merchantServices: [
+    {
+      required: true,
+      validator: (value: any) => {
+        if (value >= 1 && value <= 5) {
+          return true;
+        } else {
+          xma.showToast({
+            title: '请选服务评分',
+            icon: 'none',
+            duration: 2000,
+          });
+          return false;
+        }
+      },
+    },
+  ],
 };
 
 /**
@@ -180,18 +229,10 @@ const hdSubmit = async () => {
 };
 
 const handleSubmit = async () => {
-  form.value
-    .validate()
-    .then(({ valid, errors }) => {
-      console.log('valid', errors);
+  form.value.validate().then(({ valid, errors }) => {
     if (valid) {
-        // uToast.info({ msg: '校验通过' });
-        console.log('校验通过');
       hdSubmit();
     }
-    })
-    .catch((error: any) => {
-      console.log(error, 'error');
   });
 };
 </script>