liangbin
/
UniappVue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(WorkOrderEdit): 重命名成员选择器变量并优化负责人选择逻辑 

将 showMemberPicker1 重命名为 showMemberPickerA 以提高可读性
优化 HandleMemberConfirmA 方法，直接从数组取值并关闭选择器
将 UpdatePeriod 方法提前定义以提升代码组织性
This commit is contained in:
liangbin 2026-02-03 10:22:05 +08:00
parent d18f0f4c5e
commit 8c73637b79
1 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/WorkOrderEdit/compoents/BasicsInfo.vue
View File

@ -48,13 +48,13 @@
<view class="FormItem"> <view class="FormItem">
<view class="FormLableBox FlexBox"> <view class="FormLableBox FlexBox">
<view class="mustBox">作业负责人</view> <view class="mustBox">作业负责人</view>
<view class="addBtn" @click="showMemberPicker1 = true">添加</view> <view class="addBtn" @click="showMemberPickerA = true">添加</view>
</view> </view>
<view class="FormValueBox"> <view class="FormValueBox">
<u-input v-model="formData.supervisorName" placeholder="请输入作业负责人" readonly></u-input> <u-input v-model="formData.supervisorName" placeholder="请输入作业负责人" readonly></u-input>
</view> </view>
<u-picker :show="showMemberPicker1" :columns="[MemberArr]" keyName="name" @confirm="HandleMemberConfirmA" <u-picker :show="showMemberPickerA" :columns="[MemberArr]" keyName="name" @confirm="HandleMemberConfirmA"
@cancel="showMemberPicker1 = false"></u-picker> @cancel="showMemberPickerA = false"></u-picker>
</view> </view>
<view class="FormItem"> <view class="FormItem">
<view class="FormLableBox FlexBox"> <view class="FormLableBox FlexBox">
@ -92,7 +92,7 @@ let mapEntity = null;
// 当前标记点 // 当前标记点
let currentMarker = null; let currentMarker = null;
const showMemberPicker1 = ref(false); // 是否显示成员选择器1 const showMemberPickerA = ref(false); // 是否显示成员选择器1
const showStartDatePicker = ref(false); // 是否显示开始日期选择器 const showStartDatePicker = ref(false); // 是否显示开始日期选择器
const showEndDatePicker = ref(false); // 是否显示结束日期选择器 const showEndDatePicker = ref(false); // 是否显示结束日期选择器
const startDate = ref(null); // 开始日期时间戳 const startDate = ref(null); // 开始日期时间戳
@ -126,6 +126,20 @@ const formData = ref({
MemberList: [], // 作业班成员列表 MemberList: [], // 作业班成员列表
}); });
// 更新作业周期
const UpdatePeriod = () => {
if (startDateText.value && endDateText.value) {
formData.value.period = [startDateText.value, endDateText.value];
} else if (startDateText.value) {
formData.value.period = [startDateText.value, ''];
} else if (endDateText.value) {
formData.value.period = ['', endDateText.value];
} else {
formData.value.period = [];
}
console.log('作业周期：', formData.value.period);
};
// 暴露方法给父组件调用 // 暴露方法给父组件调用
defineExpose({ defineExpose({
getFormData: () => formData.value, getFormData: () => formData.value,
@ -263,26 +277,13 @@ const HandleEndDateConfirm = (e) => {
UpdatePeriod(); UpdatePeriod();
}; };
// 更新作业周期
const UpdatePeriod = () => {
if (startDateText.value && endDateText.value) {
formData.value.period = [startDateText.value, endDateText.value];
} else if (startDateText.value) {
formData.value.period = [startDateText.value, ''];
} else if (endDateText.value) {
formData.value.period = ['', endDateText.value];
} else {
formData.value.period = [];
}
console.log('作业周期：', formData.value.period);
};
// 处理作业负责人选择确认事件 // 处理作业负责人选择确认事件
const HandleMemberConfirmA = (e) =>{ const HandleMemberConfirmA = (e) =>{
console.log('选中的作业负责人完整信息：', e); console.log('选中的作业负责人完整信息：', e.value);
if (e.value) { if (e.value) {
formData.value.supervisorName = e.value.name; formData.value.supervisorName = e.value[0].name;
formData.value.supervisorId = e.value.id; formData.value.supervisorId = e.value[0].id;
showMemberPickerA.value = false;
} }
} }