优化

2026-08-03 10:51:53 +08:00
parent beb86d53e7
commit f098610a6c
15 changed files with 125 additions and 115 deletions
@@ -13,11 +13,11 @@ const store = useTenantAdministrationStore()
 const auth = useAuthStore()
 const companyApproved = computed(() => store.company.auditStatus === 'ACTIVE')
 const auditStatusCopy = computed(() => ({
-  PROFILE_REQUIRED: { label: '待完善资料', title: '请上传营业执照', detail: '营业执照提交审核前不能提交头程订单。' },
-  PENDING: { label: '审核中', title: '企业资料正在等待平台审核', detail: '审核期间仍可维护资料和保存订单草稿；审核通过前不能提交订单。' },
-  ACTIVE: { label: '已认证', title: '企业资料已审核，下单资格已开通', detail: '您可以创建、保存并提交头程订单。' },
-  REJECTED: { label: '审核驳回', title: '企业资料审核未通过', detail: '请根据平台反馈修正资料；当前后端暂不支持同一企业重新上传。' },
-  DISABLED: { label: '企业已停用', title: '企业账号已被平台停用', detail: '当前不能提交订单，请联系平台客服核实。' },
+  PROFILE_REQUIRED: { title: '请上传营业执照', detail: '营业执照提交审核前不能提交头程订单。' },
+  PENDING: { title: '企业资料正在等待平台审核', detail: '审核期间仍可维护资料和保存订单草稿；审核通过前不能提交订单。' },
+  ACTIVE: { title: '企业资料已审核，下单资格已开通', detail: '您可以创建、保存并提交头程订单。' },
+  REJECTED: { title: '企业资料审核未通过', detail: '请根据平台反馈修正资料；当前后端暂不支持同一企业重新上传。' },
+  DISABLED: { title: '企业账号已被平台停用', detail: '当前不能提交订单，请联系平台客服核实。' },
 })[store.company.auditStatus])
 const activeTab = ref('basic')
 const editing = ref(false)
@@ -214,15 +214,6 @@ function qualificationStatus(status: string) {
      <el-button :loading="loading" @click="loadCompanyContext">重新加载</el-button>
    </div>
    <template v-else>
-    <div class="profile-summary-card client-card">
-      <div class="company-mark"><Building2 :size="28" /></div>
-      <div class="company-summary">
-        <div><h2>{{ store.company.companyName }}</h2><el-tag :type="companyApproved ? 'success' : store.company.auditStatus === 'REJECTED' || store.company.auditStatus === 'DISABLED' ? 'danger' : 'warning'" effect="light">{{ auditStatusCopy.label }}</el-tag></div>
-        <p>{{ store.company.creditCode || '统一社会信用代码暂未填写' }}</p>
-      </div>
-      <el-button v-if="auth.hasPermission('company:profile:edit')" type="primary" @click="startEdit"><Pencil :size="16" />编辑企业资料</el-button>
-    </div>
-
    <div class="company-audit-notice" :class="companyApproved ? 'is-approved' : 'is-pending'" role="status">
      <component :is="companyApproved ? CheckCircle2 : Clock3" :size="21" />
      <div><strong>{{ auditStatusCopy.title }}</strong><span>{{ auditStatusCopy.detail }}</span></div>
@@ -232,6 +223,7 @@ function qualificationStatus(status: string) {
      <el-tab-pane name="basic">
        <template #label><span class="tab-label"><Building2 :size="16" />企业基本信息</span></template>
        <div class="client-card info-panel">
+          <header class="info-panel-header"><h3>企业基本信息</h3><el-button v-if="auth.hasPermission('company:profile:edit')" type="primary" @click="startEdit"><Pencil :size="16" />编辑企业资料</el-button></header>
          <dl class="profile-grid">
            <div><dt>公司名称</dt><dd>{{ store.company.companyName || '-' }}</dd></div>
            <div><dt>统一社会信用代码</dt><dd>{{ store.company.creditCode || '-' }}</dd></div>
@@ -243,6 +235,7 @@ function qualificationStatus(status: string) {
      <el-tab-pane name="contact">
        <template #label><span class="tab-label"><UserRound :size="16" />联系信息</span></template>
        <div class="client-card info-panel">
+          <header class="info-panel-header"><h3>联系信息</h3></header>
          <dl class="profile-grid">
            <div><dt>联系人</dt><dd>{{ store.company.contactName || '-' }}</dd></div>
            <div><dt>联系电话</dt><dd>{{ store.company.contactPhone || '-' }}</dd></div>
@@ -346,16 +339,13 @@ function qualificationStatus(status: string) {
 .company-audit-notice.is-approved { border-color: #bcd9d2; background: #eff8f5; color: #20745f; }
 .qualification-preview-image { display: block; max-width: 100%; max-height: 360px; margin: 0 auto 14px; object-fit: contain; }
 .company-audit-notice.is-pending { border-color: #e5d2a5; background: #fff9eb; color: #9a6a12; }
-.profile-summary-card { display: flex; align-items: center; gap: 16px; }
-.company-mark { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; background: #e7f3f1; color: var(--primary); }
-.company-summary { flex: 1; min-width: 0; }
-.company-summary > div { display: flex; align-items: center; gap: 10px; }
-.company-summary h2 { overflow: hidden; margin: 0; color: var(--navy); font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
-.company-summary p, .qualification-panel header p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
+.qualification-panel header p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
 .profile-tabs :deep(.el-tabs__header) { margin-bottom: 14px; padding: 0 16px; border: 1px solid var(--border); background: #fff; }
 .profile-tabs :deep(.el-tabs__nav-wrap::after) { display: none; }
 .tab-label { display: inline-flex; align-items: center; gap: 7px; }
 .info-panel { padding: 0; }
+.info-panel-header { min-height: 66px; padding: 14px 22px; border-bottom: 1px solid var(--border); }
+.info-panel-header h3 { margin: 0; font-size: 15px; }
 .profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
 .profile-grid > div { min-height: 86px; padding: 20px 22px; border-bottom: 1px solid var(--border); }
 .profile-grid > div:nth-child(odd) { border-right: 1px solid var(--border); }
@@ -385,8 +375,6 @@ function qualificationStatus(status: string) {
 .document-preview dd { margin: 5px 0 0; overflow-wrap: anywhere; color: var(--navy); font-size: 12px; font-weight: 650; }
 .document-preview > span { max-width: 440px; padding: 0 16px; color: var(--muted); font-size: 11px; line-height: 1.6; text-align: center; }
@media (max-width: 720px) {
-  .profile-summary-card { align-items: flex-start; flex-wrap: wrap; }
-  .profile-summary-card > .el-button { width: 100%; }
  .profile-grid, .form-grid-two { grid-template-columns: 1fr; }
  .profile-grid > div:nth-child(odd) { border-right: 0; }
  .qualification-panel > header { align-items: flex-start; gap: 12px; }