diff --git a/pages.json b/pages.json index 5727bdc..d98c2a2 100644 --- a/pages.json +++ b/pages.json @@ -164,6 +164,13 @@ "navigationBarTitleText": "企业信息", "navigationBarTitleTextSize": "30rpx" } + }, + { + "path": "pages/mine/edit-company-contacts", + "style": { + "navigationBarTitleText": "编辑联系人", + "navigationBarTitleTextSize": "30rpx" + } } ], diff --git a/pages/mine/company-info.vue b/pages/mine/company-info.vue index b8cf208..52a71a3 100644 --- a/pages/mine/company-info.vue +++ b/pages/mine/company-info.vue @@ -51,25 +51,35 @@ - - - 企业联系人{{ index + 1 }} - - - 联系人姓名 - - {{ contact.contactPerson || '暂无联系人' }} - + + + + 企业联系人 + + + 编辑联系人 - - - 联系电话 - - {{ contact.contactPersonPhone || '暂无联系电话' }} - + + + + 联系人{{ index + 1 }} + + + 姓名: + {{ contact.contactPerson || '暂无' }} + + + 电话: + {{ contact.contactPersonPhone || '暂无' }} + + + + + 暂无联系人信息 + @@ -140,25 +150,9 @@ function editInfo(type) { } } -function editContact(contactIndex, field) { - // 编辑联系人信息 - const contact = companyInfo.companyContactList[contactIndex]; - if (!contact) return; - - // 跳转到联系人编辑页面,传递联系人索引和字段类型 - const editPages = { - name: '/pages/mine/edit-contact-name', - phone: '/pages/mine/edit-contact-phone' - }; - - if (editPages[field]) { - // 传递联系人索引和联系人ID - const params = { - contactIndex: contactIndex, - contactId: contact.id - }; - navTo(editPages[field], params); - } +function editContacts() { + // 跳转到联系人编辑页面 + navTo('/pages/mine/edit-company-contacts'); } onShow(() => { @@ -285,15 +279,85 @@ function goBack() { } } -.contact-group { +.contact-management-section { border-top: 20rpx solid #F4F4F4; - .contact-group-title { - padding: 20rpx 30rpx 10rpx; - font-size: 24rpx; - color: #999999; + .contact-section-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 20rpx 30rpx; background: #F8F8F8; border-bottom: 1rpx solid #F5F5F5; + + .contact-section-title { + font-size: 24rpx; + color: #999999; + } + + .edit-contacts-btn { + display: flex; + align-items: center; + padding: 8rpx 16rpx; + background: #E6F7FF; + border-radius: 8rpx; + + .edit-text { + font-size: 24rpx; + color: #256BFA; + margin-left: 8rpx; + } + } + } + + .contact-display-item { + padding: 20rpx 30rpx; + border-bottom: 1rpx solid #F5F5F5; + + &:last-child { + border-bottom: none; + } + + .contact-display-title { + font-size: 26rpx; + font-weight: 600; + color: #333333; + margin-bottom: 16rpx; + } + + .contact-display-content { + .contact-field { + display: flex; + align-items: center; + margin-bottom: 12rpx; + + &:last-child { + margin-bottom: 0; + } + + .field-label { + font-size: 26rpx; + color: #6C7282; + min-width: 120rpx; + } + + .field-value { + font-size: 26rpx; + color: #333333; + flex: 1; + } + } + } + } + + .no-contacts { + padding: 40rpx 30rpx; + text-align: center; + + .no-contacts-text { + font-size: 26rpx; + color: #999999; + } } } diff --git a/pages/mine/edit-company-contacts.vue b/pages/mine/edit-company-contacts.vue new file mode 100644 index 0000000..1ca9d40 --- /dev/null +++ b/pages/mine/edit-company-contacts.vue @@ -0,0 +1,470 @@ + + + + +