修复报修bug

property-uniapp-project/pageSubPack/online-repair/publicRepair.vue

@@ -15,13 +15,16 @@
     <!-- 标题输入 -->
     <view class="form-item">
       <text class="label">标题</text>
-	  <uni-easyinput v-model="form.title" placeholder="请输入内容" :inputBorder="false" maxlength="30"></uni-easyinput>
+	  <uni-easyinput v-model="form.title" placeholder="请输入内容（最多30个字符）" :inputBorder="false" maxlength="30"></uni-easyinput>
     </view>
 
     <!-- 问题描述 -->
     <view class="form-item-wenti">
       <text class="label">问题描述</text>
-	  <uni-easyinput v-model="form.desc" placeholder="请描述你的问题" type="textarea" maxlength="200"></uni-easyinput>
+      <view class="textarea-wrap">
+        <textarea v-model="form.desc" placeholder="请描述你的问题（最多200字）" maxlength="200" class="desc-textarea" />
+        <text class="char-count">{{ form.desc.length }}/200</text>
+      </view>
     </view>
 
     <!-- 手机号 -->
@@ -49,7 +52,10 @@
     </view>
 
     <!-- 提交按钮 -->
-    <button class="submit-btn" @click="submitForm">提交</button>
+    <button class="submit-btn" :disabled="submitting" @click="submitForm">{{ submitting ? '提交中...' : '提交' }}</button>
+
+    <!-- 提交中遮罩 -->
+    <view class="submit-mask" v-if="submitting" @touchmove.stop.prevent></view>
   </view>
 </template>
 
@@ -63,6 +69,8 @@ import { getUserProfile } from '../api/apiSub.js'
 const repairProject = ref('')
 const projectId = ref('')
 
+  // 提交状态锁
+  const submitting = ref(false)
 // 表单数据
 const form = ref({
   title: '',
@@ -186,7 +194,8 @@ const submitForm = async () => {
     return
   }
 
-  uni.showLoading({ title: '提交中...' })
+  submitting.value = true
+  uni.showLoading({ title: '提交中...' ,mask:true})
 
   try {
     // 先上传图片
@@ -218,9 +227,11 @@ const submitForm = async () => {
 	       uni.navigateTo({ url: '/pageSubPack/online-repair/onlineRepair' })
 	    }, 1500)
     } else {
+      submitting.value = false
       uni.showToast({ title: res.msg || '提交失败', icon: 'none' })
     }
   } catch (e) {
+      submitting.value = false
     uni.showToast({ title: '网络异常', icon: 'none' })
   } finally {
     uni.hideLoading()
@@ -270,6 +281,27 @@ const submitForm = async () => {
 .textarea {
   resize: none;
 }
+.textarea-wrap {
+  flex: 1;
+  position: relative;
+}
+.desc-textarea {
+  width: 100%;
+  height: 160rpx;
+  font-size: 28rpx;
+  padding: 10rpx 0;
+  box-sizing: border-box;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  padding: 5px;
+}
+.char-count {
+  position: absolute;
+  right: 10rpx;
+  bottom: 10rpx;
+  font-size: 24rpx;
+  color: #999;
+}
 .upload-wrap {
   display: flex;
   flex-wrap: wrap;
@@ -308,6 +340,16 @@ const submitForm = async () => {
   color: #999;
   font-size: 12px;
 }
+/* 提交中遮罩 */
+.submit-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9999;
+}
 .submit-btn {
   width: 100%;
   background: #007aff;