feat(ui): 语音通话员工详情改抽屉(原跳独立页,与全站详情体验统一;含卡片化样式)

Co-Authored-By: Claude <noreply@anthropic.com>
2026-08-24 10:24:55 +08:00
parent 3699ec6d3b
commit 12d773ce91
1 changed files with 33 additions and 0 deletions
@@ -609,6 +609,39 @@ onMounted(() => {
        </div>
      </template>
    </el-drawer>
+
+    <!-- 员工信息抽屉(2026-08-24:替代独立页跳转,与全站统一) -->
+    <el-drawer
+      v-model="staffDrawerOpen"
+      :title="staffDrawerCall ? `员工详情 · ${staffDrawerCall.user_id_name ?? staffDrawerCall.user_id ?? ''}` : '员工详情'"
+      direction="rtl"
+      size="480px"
+    >
+      <template v-if="staffDrawerCall">
+        <div class="yk-drawer__avatar">
+          <div class="yk-drawer__avatar-meta">
+            <div class="yk-drawer__avatar-name">
+              {{ staffDrawerCall.user_id_name || cell(staffDrawerCall, 'userName') || staffDrawerCall.user_id }}
+            </div>
+            <div class="yk-drawer__avatar-sub">
+              {{ callTypeLabel(staffDrawerCall.channel) }}
+              <template v-if="cell(staffDrawerCall, 'weChatNickName')">
+                · {{ cell(staffDrawerCall, 'weChatNickName') }}
+              </template>
+            </div>
+          </div>
+        </div>
+        <div v-for="section in staffDrawerSections" :key="section.title" class="yk-drawer__section">
+          <el-divider content-position="left">{{ section.title }}</el-divider>
+          <dl class="yk-drawer__kv">
+            <div v-for="f in section.fields" :key="f.label" class="yk-drawer__kv-item">
+              <dt>{{ f.label }}</dt>
+              <dd>{{ f.text }}</dd>
+            </div>
+          </dl>
+        </div>
+      </template>
+    </el-drawer>
  </div>
 </template>