style

src/views/feedback/index.vue

@@ -98,6 +98,7 @@
         value: ele.id,
       };
     });
+    let country = await getAllByTypeId(3);
   });
 </script>
 

src/views/feedback/mcSubmit.vue

@@ -202,7 +202,7 @@
           class="zdycell"
           label-align="top"
           name="联系电话"
-          maxlength="30"
+          maxlength="100"
           label=""
           :placeholder="t('feedback.settext')"
         />

src/views/feedback/pcSubmit.vue

@@ -3,7 +3,13 @@
     <a-form layout="vertical" :model="formData" ref="formRef" :rules="rules">
       <a-form-item name="problemDesc">
         <div class="myTitle required" slot="label"><span class="number">01</span>{{ t('feedback.title1') }}</div>
-        <a-textarea :autoSize="{ minRows: 4, maxRows: 8 }" v-model:value="formData.problemDesc" :placeholder="t('feedback.settext')" />
+        <a-textarea
+          show-count
+          :maxlength="500"
+          :autoSize="{ minRows: 4, maxRows: 8 }"
+          v-model:value="formData.problemDesc"
+          :placeholder="t('feedback.settext')"
+        />
       </a-form-item>
       <a-form-item name="problemFile" style="margin-top: 32px">
         <a-upload
@@ -23,7 +29,13 @@
       </a-form-item>
       <a-form-item name="solution">
         <div class="myTitle required" slot="label"><span class="number">02</span>{{ t('feedback.title2') }}</div>
-        <a-textarea :autoSize="{ minRows: 4, maxRows: 8 }" v-model:value="formData.solution" :placeholder="t('feedback.settext')" />
+        <a-textarea
+          show-count
+          :maxlength="500"
+          :autoSize="{ minRows: 4, maxRows: 8 }"
+          v-model:value="formData.solution"
+          :placeholder="t('feedback.settext')"
+        />
       </a-form-item>
       <a-form-item name="problemFile" style="margin-top: 32px">
         <a-upload v-model:file-list="formData.solutionImgs" action="/service/sale/upload/file" list-type="picture-card">
@@ -63,11 +75,11 @@
       </a-form-item>
       <a-form-item>
         <div class="myTitle" slot="label"><span class="number">06</span>{{ t('feedback.title6') }}</div>
-        <a-input v-model:value="formData.nickName" :placeholder="t('feedback.settext')" />
+        <a-input :maxlength="30" v-model:value="formData.nickName" :placeholder="t('feedback.settext')" />
       </a-form-item>
       <a-form-item>
         <div class="myTitle" slot="label"><span class="number">07</span>{{ t('feedback.title61') }}</div>
-        <a-input v-model:value="formData.phone" :placeholder="t('feedback.settext')" />
+        <a-input :maxlength="30" v-model:value="formData.phone" :placeholder="t('feedback.settext')" />
       </a-form-item>
       <a-form-item>
         <div class="myTitle" slot="label"><span class="number">08</span>{{ t('feedback.title7') }}</div>
@@ -92,14 +104,21 @@
           ><span class="number">{{ formData.country == '中国' || formData.country == 'China' ? '10' : '09' }}</span
           >{{ t('feedback.title8') }}</div
         >
-        <van-rate color="#FADB14" size="30" void-color="#D9D9D9" :allow-half="true" v-model="formData.score" :placeholder="t('feedback.setselcet')" />
+        <van-rate
+          color="#FADB14"
+          size="30"
+          void-color="#D9D9D9"
+          :allow-half="true"
+          v-model="formData.score"
+          :placeholder="t('feedback.setselcet')"
+        />
       </a-form-item>
       <a-form-item>
         <div class="myTitle" slot="label"
           ><span class="number">{{ formData.country == '中国' || formData.country == 'China' ? '11' : '10' }}</span
           >{{ t('feedback.title9') }}</div
         >
-        <a-input v-model:value="formData.scoreReason" :placeholder="t('feedback.settext')" />
+        <a-input :maxlength="100" v-model:value="formData.scoreReason" :placeholder="t('feedback.settext')" />
       </a-form-item>
       <a-form-item style="text-align: center">
         <a-button class="w-160px" style="background-color: #00b3ec" type="primary" size="large" @click="onSubmit">{{
@@ -199,20 +218,20 @@
       const reader = new FileReader();
       reader.readAsDataURL(file);
       reader.onload = () => resolve(reader.result);
-      reader.onerror = error => reject(error);
+      reader.onerror = (error) => reject(error);
     });
   }
   const handlePreview = async (file) => {
     console.log('file', file);
     file.preview = file.response.data;
     window.open(file.response.data);
-    return
+    return;
     // createImgPreview({ imageList: [file.response.data] });
-  }
+  };
   const preview = (file) => {
     console.log('file', file);
     return file;
-  }
+  };
   const onSubmit = () => {
     console.log('values', formRef.value.validate());
     formRef.value