feat: full-field display for message/staff/accounts (raw_json + drawers)

Replicates the Customer all-fields pattern across the remaining three
entities. Backend now exposes `raw_json` on MessageOut / StaffOut /
AccountOut so the frontend can render every 云客 source field without a
second endpoint. Each entity gains a Chinese-label field utility + an
el-drawer surfacing all fields (structured-first, raw_json fallback,
unknown keys under 其他).

Backend:
- schemas.py: add `raw_json: dict | None` to MessageOut / StaffOut /
  AccountOut. MessageOut/StaffOut pick the column up via from_attributes;
  AccountOut is built explicitly in the router, which now threads
  `raw_json` through from both WechatAccount and WhatsappAccount rows.
- tests: new raw_json serialization tests for messages, staff, accounts
  (assert populated dict round-trips verbatim + NULL serializes as null).

Frontend (yunkes/):
- New utils: messageFields.ts, staffFields.ts, accountFields.ts — each
  with a 中文 label map, ordered groups, structured-column preference,
  and an 其他 fallback for unknown raw_json keys.
- Message: clicking a chat bubble opens an all-fields drawer (referMsg
  renders as pretty-printed JSON). Image preview + file download links
  stopPropagation so their own interactions still work.
- Staff: row click → drawer; columns relabeled (员工ID, 销售手机).
- Accounts: new AccountList.vue at /accounts with a 账号 nav item,
  unified WeChat/WhatsApp table (渠道/账号ID/昵称/微信号/归属员工/好友数/
  群数/收发/在职/最后更新), channel filter, pagination, row-click drawer.
- api: add Account type + getAccounts(); add raw_json to Message/Staff.

Co-Authored-By: Claude <noreply@anthropic.com>

yunkes/src/views/StaffList.vue

@@ -5,10 +5,15 @@ import { ElMessage } from 'element-plus'
 import { getStaff } from '@/api'
 import type { Staff } from '@/api/types'
 import { useOrgStore } from '@/stores/org'
+import { buildStaffSections, readField } from '@/utils/staffFields'
 
 const route = useRoute()
 const org = useOrgStore()
 
+// All-fields drawer state.
+const drawerOpen = ref(false)
+const drawerStaff = ref<Staff | null>(null)
+
 const staff = ref<Staff[]>([])
 const total = ref(0)
 const page = ref(1)
@@ -98,6 +103,26 @@ onMounted(async () => {
   }
   await load()
 })
+
+/** Read a raw_json camelCase key off a staff row, preferring the structured
+ * snake_case column when it is populated. */
+function cell(row: Staff, camelKey: string): unknown {
+  return readField(row, camelKey)
+}
+
+function cellText(row: Staff, camelKey: string): string {
+  const v = cell(row, camelKey)
+  return v === null || v === undefined || v === '' ? '--' : String(v)
+}
+
+function openDrawer(row: Staff): void {
+  drawerStaff.value = row
+  drawerOpen.value = true
+}
+
+const drawerSections = computed(() =>
+  drawerStaff.value ? buildStaffSections(drawerStaff.value) : [],
+)
 </script>
 
 <template>
@@ -136,8 +161,13 @@ onMounted(async () => {
       border
       row-key="user_id"
       style="width: 100%"
+      :row-class-name="() => 'yk-clickable-row'"
       empty-text="暂无员工数据"
+      @row-click="openDrawer"
     >
+      <el-table-column label="员工ID" min-width="120">
+        <template #default="{ row }">{{ row.user_id }}</template>
+      </el-table-column>
       <el-table-column label="姓名" min-width="120">
         <template #default="{ row }">
           <span v-if="row.name">{{ row.name }}</span>
@@ -145,10 +175,10 @@ onMounted(async () => {
         </template>
       </el-table-column>
       <el-table-column label="手机" min-width="130">
-        <template #default="{ row }">{{ row.phone || '--' }}</template>
+        <template #default="{ row }">{{ cellText(row, 'phone') }}</template>
       </el-table-column>
-      <el-table-column label="sale_phone" min-width="130">
-        <template #default="{ row }">{{ row.sale_phone || '--' }}</template>
+      <el-table-column label="销售手机" min-width="130">
+        <template #default="{ row }">{{ cellText(row, 'sale_phone') }}</template>
       </el-table-column>
       <el-table-column label="部门" min-width="140">
         <template #default="{ row }">
@@ -181,6 +211,28 @@ onMounted(async () => {
         @size-change="handlePageSizeChange"
       />
     </div>
+    <p class="yk-staff__hint">点击任意一行查看员工全部字段。</p>
+
+    <!-- All-fields drawer -->
+    <el-drawer
+      v-model="drawerOpen"
+      :title="drawerStaff ? `员工详情 · ${drawerStaff.name ?? drawerStaff.user_id}` : '员工详情'"
+      direction="rtl"
+      size="520px"
+    >
+      <template v-if="drawerStaff">
+        <div v-for="section in drawerSections" :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.key" class="yk-drawer__kv-item">
+              <dt>{{ f.label }}</dt>
+              <dd v-if="f.render === 'empty'" class="yk-drawer__empty">—</dd>
+              <dd v-else>{{ f.text }}</dd>
+            </div>
+          </dl>
+        </div>
+      </template>
+    </el-drawer>
   </div>
 </template>
 
@@ -211,4 +263,39 @@ onMounted(async () => {
   display: flex;
   justify-content: flex-end;
 }
+
+.yk-staff__hint {
+  margin: 8px 2px 0;
+  font-size: 12px;
+  color: #c0c4cc;
+}
+
+.yk-drawer__kv {
+  margin: 0 0 8px;
+}
+
+.yk-drawer__kv-item {
+  display: grid;
+  grid-template-columns: 110px 1fr;
+  gap: 8px 12px;
+  padding: 3px 0;
+}
+
+.yk-drawer__kv dt {
+  color: #909399;
+  font-size: 13px;
+  word-break: break-all;
+}
+
+.yk-drawer__kv dd {
+  margin: 0;
+  font-size: 13px;
+  color: #303133;
+  word-break: break-all;
+  min-width: 0;
+}
+
+.yk-drawer__empty {
+  color: #c0c4cc;
+}
 </style>