Browse Source

refactor(authentication): 移除不必要的表单字段和样式

移除认证页面中不再使用的表单字段(如昵称、性别、个人简介等)及相关样式,简化代码结构,提高可维护性。
master
前端-胡立永 5 days ago
parent
commit
39e54acbd5
1 changed files with 3 additions and 126 deletions
  1. +3
    -126
      otherPages/authentication/serve/index.vue

+ 3
- 126
otherPages/authentication/serve/index.vue View File

@ -24,27 +24,7 @@
</button>
</view>
<view class="form">
<view class="form-item flex-rowb">
<view class="size-28">昵称</view>
<view class="flex-rowr">
<input type="text" placeholder="请输入" v-model="form.nickname" class="input-right" />
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">手机号</view>
<view class="flex-rowr">
<text>{{baseInfo.info.userTelephone || ''}}</text>
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">性别</view>
<view class="flex-rowr" @click="openGenderSelect">
<text>{{form.gender || '请选择'}}</text>
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon>
</view>
</view>
</view>
</view>
@ -54,28 +34,6 @@
<text class="size-22 color-ffb fw700">(重要)</text>
</view>
<view class="form">
<view class="form-item flex-rowb">
<view class="size-28">个人简介</view>
<view class="flex-rowr">
<textarea v-model="form.introduction" placeholder="请输入" class="textarea-full" maxlength="200"></textarea>
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">养宠经验</view>
<view class="flex-rowr">
<input type="number" v-model="form.petExperience" placeholder="请输入您的养宠年限" class="input-right" />
<text class="ml10"></text>
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">服务记录</view>
<view class="flex-rowr" @click="jumpToServeRecord">
<text>{{ `${serviceCount}` }}</text>
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon>
</view>
</view>
</view>
</view>
@ -84,28 +42,6 @@
服务资料
</view>
<view class="form">
<view class="form-item flex-rowb">
<view class="size-28">服务宠物类型</view>
<view class="flex-rowr" @click="openTypeSelectPopup">
<text>{{ typeDesc }}</text>
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon>
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">基础服务</view>
<view class="flex-rowr">
<text>宠物喂养 上门遛狗</text>
</view>
</view>
<view class="form-item flex-rowb">
<view class="size-28">增值服务</view>
<view class="flex-rowr" @click="openServeSelectPopup">
<text>{{ serveDesc }}</text>
<up-icon name="arrow-right" color="#999999" size="32rpx"></up-icon>
</view>
</view>
</view>
</view>
@ -152,10 +88,6 @@
const form = reactive({
headImage: null,
nickname: '',
gender: '',
introduction: '',
petExperience: '',
type: [],
serve: [],
})
@ -236,42 +168,7 @@
})
}
const genderOptions = [
{ text: '男', value: '男' },
{ text: '女', value: '女' }
]
const openGenderSelect = () => {
uni.showActionSheet({
itemList: genderOptions.map(item => item.text),
success: function (res) {
form.gender = genderOptions[res.tapIndex].value
fetchUpdate()
}
})
}
const fetchUpdate = () => {
//
console.log('更新数据', form)
}
function submit(){
//
if (!form.nickname) {
uni.showToast({
title: '请输入昵称',
icon: 'none'
})
return
}
//
console.log('提交表单数据', form)
uni.showToast({
title: '保存成功',
icon: 'success'
})
}
onShow(() => {
@ -283,11 +180,8 @@
onMounted(()=> {
// todo: fetch data and init data
//
if (baseInfo.value && baseInfo.value.info) {
form.nickname = baseInfo.value.info.userName || ''
form.gender = baseInfo.value.info.gender || ''
}
serveInfoRef.value.setDataByKey('base', configList.value.pet_basic_services.paramValueText)
})
</script>
@ -308,26 +202,9 @@
align-items: center;
}
.flex-rowb {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 0;
}
.ml10 {
margin-left: 10rpx;
}
.input-right {
text-align: right;
}
.textarea-full {
width: 100%;
min-height: 120rpx;
text-align: right;
}
}
.page {


Loading…
Cancel
Save