Browse Source
refactor(components): 提取企业信息为独立组件并修改默认支付方式
将重复的企业信息展示逻辑提取为独立的CompanyInfo组件，提高代码复用性 同时将支付页面的默认支付方式从"1"改为"2"master
4 changed files with 137 additions and 67 deletions
Split View
Diff Options
-
+118 -0components/company-info/index.vue
-
+17 -65pages_subpack/job-order-detail/index.vue
-
+1 -1pages_subpack/pay/index.vue
-
+1 -1pages_subpack/payment/index.vue
+ 118
- 0
components/company-info/index.vue
View File
| @ -0,0 +1,118 @@ | |||
| <template> | |||
| <view class="se-mt-10"> | |||
| <view class="se-m-20 se-br-20 se-bs-b se-bgc-white se-py-20 se-px-30"> | |||
| <view class="se-flex se-flex-ai-c se-pb-10"> | |||
| <view class="line-orange"></view> | |||
| <view class="se-ml-10 se-fs-32 se-c-black se-fw-6"> | |||
| 企业信息 | |||
| </view> | |||
| </view> | |||
| <view class="se-py-10 se-pb-30"> | |||
| <view class="se-mt-30"> | |||
| <text class="se-fs-28 se-c-black se-fw5">公司名称：{{companyData.employAuthenticationCompany && companyData.employAuthenticationCompany.name || companyData.workName || '暂未'}}</text> | |||
| <br> | |||
| <text class="se-fs-28 se-c-black se-fw5">公司地址：{{companyData.employAuthenticationCompany && companyData.employAuthenticationCompany.address || companyData.workAddress || '暂未'}}</text> | |||
| <br> | |||
| <text class="se-fs-28 se-c-black se-fw5">所属行业：{{companyData.employAuthenticationCompany && companyData.employAuthenticationCompany.industryName || '暂未'}}</text> | |||
| <br> | |||
| <text class="se-fs-28 se-c-black se-fw5">招聘联系人：{{companyData.employAuthenticationPerson && companyData.employAuthenticationPerson.name || '暂未'}}</text> | |||
| <br> | |||
| <text class="se-fs-24 se-c-text-third">联系方式：{{companyData.employAuthenticationPerson && companyData.employAuthenticationPerson.phone || '暂未'}}</text> | |||
| <view class="se-bgc-orange se-c-white se-fs-20 se-display-ib se-px-10 se-py-5 se-br-10 se-ml-10" | |||
| @click="copyText(companyData.employAuthenticationPerson && companyData.employAuthenticationPerson.phone)"> | |||
| 复制 | |||
| </view> | |||
| </view> | |||
| <view class="se-mt-10"> | |||
| <text class="se-fs-24 se-c-33">工作地址：{{companyData.workAddress || '暂未'}}</text> | |||
| <view class="se-bgc-orange se-c-white se-fs-20 se-display-ib se-px-10 se-py-5 se-br-10 se-ml-10" | |||
| @click="copyText(companyData.workAddress)"> | |||
| 复制 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <!-- 联系企业按钮 --> | |||
| <view class="se-px-220 se-pb-30 se-fs-20 se-flex se-flex-h-c" v-if="showContactButton"> | |||
| <view | |||
| @click="callCompany()" | |||
| class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange"> | |||
| <text>联系企业</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| name: 'CompanyInfo', | |||
| props: { | |||
| // 企业数据 | |||
| companyData: { | |||
| type: Object, | |||
| default: () => ({}) | |||
| }, | |||
| // 是否显示联系企业按钮 | |||
| showContactButton: { | |||
| type: Boolean, | |||
| default: false | |||
| } | |||
| }, | |||
| methods: { | |||
| // 复制文本 | |||
| copyText(text) { | |||
| if (!text) { | |||
| uni.showToast({ | |||
| title: '暂无内容可复制', | |||
| icon: 'none' | |||
| }); | |||
| return; | |||
| } | |||
| uni.setClipboardData({ | |||
| data: text, | |||
| success: () => { | |||
| uni.showToast({ | |||
| title: "复制成功", | |||
| icon: "none", | |||
| }); | |||
| }, | |||
| fail: (err) => { | |||
| console.error("复制失败", err); | |||
| }, | |||
| }); | |||
| }, | |||
| // 拨打企业联系人电话 | |||
| callCompany() { | |||
| const phone = this.companyData.employAuthenticationPerson && this.companyData.employAuthenticationPerson.phone; | |||
| if (phone) { | |||
| uni.makePhoneCall({ | |||
| phoneNumber: phone, | |||
| fail: (err) => { | |||
| console.error('拨打电话失败', err); | |||
| uni.showToast({ | |||
| title: '拨打电话失败', | |||
| icon: 'none' | |||
| }); | |||
| } | |||
| }); | |||
| } else { | |||
| uni.showToast({ | |||
| title: '企业联系人电话号码不存在', | |||
| icon: 'none' | |||
| }); | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .line-orange { | |||
| width: 8rpx; | |||
| height: 32rpx; | |||
| background: #ff7a31; | |||
| border-radius: 4rpx; | |||
| } | |||
| </style> | |||