maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

在线报修添加必填项校验

Browse Source
This commit is contained in:
赵毅 2025-08-04 15:55:15 +08:00
parent 806e2f36f6
commit c83e7c5a9b
2 changed files with 60 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/community/oneRepair/index.css
View File

@ -59,6 +59,10 @@ page {
font-size: 32rpx;
}
.red{
color: #FF0000;
}
.label {
font-size: 28rpx;
color: #999999;

63
packages/community/oneRepair/index.vue
View File

@ -12,16 +12,16 @@
<div class="repairMsg">
<div class="repairTit">
<span>*</span>报修信息
报修信息
</div>
<div class="label">选择房源信息</div>
<div class="label"><span class="red">*</span>选择房源信息</div>
<div class="roomList">
<div v-for="(item, index) in roomList" :key="index" :class="active == index ?'roomItem active':'roomItem'" @click="changeAct(index)">{{ item.name }}</div>
</div>
<div class="row">
<div class="row_label">报修类型</div>
<div class="row_label"><span class="red">*</span>报修类型</div>
<div class="row_con" @click="chose">
<input type="text" :value="category.category_name" placeholder="请选择报修类型" disabled>
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
@ -29,28 +29,28 @@
</div>
<div class="row">
<div class="row_label">问题描述</div>
<div class="row_label"><span class="red">*</span>问题描述</div>
<div class="row_con">
<input type="text" placeholder="请描述故障" :value="repairInfo" data-name="repairInfo" @input="handlerInputClick">
</div>
</div>
<div class="row">
<div class="row_label">联系人</div>
<div class="row_label"><span class="red">*</span>联系人</div>
<div class="row_con">
<input type="text" placeholder="请输入您的姓名" :value="contactName" data-name="contactName" @input="handlerInputClick">
</div>
</div>
<div class="row">
<div class="row_label">联系电话</div>
<div class="row_label"><span class="red">*</span>联系电话</div>
<div class="row_con">
<input type="number" maxlength="11" placeholder="请输入您的联系方式" :value="contactPhone" data-name="contactPhone" @input="handlerInputClick">
</div>
</div>
<div class="row noneBorder">
<div class="row_label">上门时间</div>
<div class="row_label"><span class="red">*</span>上门时间</div>
<div class="row_con" @click="choseTime">
<input type="text" :value="time" placeholder="请选择上门时间" disabled>
<u-icon bold color="#999999" size="30" name="arrow-right"></u-icon>
@ -235,6 +235,55 @@ export default {
this.active = e;
},
async handlerSubmitClick() {
// 表单验证
if (!this.roomList[this.active]) {
uni.showToast({
title: '请选择房源信息',
icon: 'none'
});
return;
}
if (!this.category.id) {
uni.showToast({
title: '请选择报修类型',
icon: 'none'
});
return;
}
if (!this.repairInfo.trim()) {
uni.showToast({
title: '请输入问题描述',
icon: 'none'
});
return;
}
if (!this.contactName.trim()) {
uni.showToast({
title: '请输入联系人姓名',
icon: 'none'
});
return;
}
if (!this.contactPhone.trim() || this.contactPhone.length !== 11) {
uni.showToast({
title: '请输入有效的联系电话',
icon: 'none'
});
return;
}
if (!this.time) {
uni.showToast({
title: '请选择上门时间',
icon: 'none'
});
return;
}
uni.showLoading({
title: '提交中'
});