feat(staff): 弹框客户微信/员工微信列改富单元格(头像+昵称+ID+真实姓名,对齐云客)

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

yunkes/src/components/YkStaffDetailModal.vue

@@ -79,7 +79,30 @@ watch(
         :formatter="c.formatter"
         show-overflow-tooltip
       >
-        <template v-if="c.onClick" #default="{ row }">
+        <template v-if="c.type === 'person'" #default="{ row }">
+          <div style="display: flex; align-items: center; gap: 8px; padding: 2px 0">
+            <el-avatar :size="28" :src="row[c.prop + '_avatar'] || undefined" shape="square" style="flex: none; border-radius: 6px;">
+              {{ (row[c.prop + '_name'] || '?').slice(0, 1) }}
+            </el-avatar>
+            <div style="min-width: 0; flex: 1">
+              <div v-if="c.onClick" >
+                <el-button link type="primary" size="small" @click="c.onClick?.(row)">
+                  {{ row[c.prop + '_name'] || row[c.prop] || '--' }}
+                </el-button>
+              </div>
+              <div v-else style="font-size: 13px; color: #2b3240; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                {{ row[c.prop + '_name'] || row[c.prop] || '--' }}
+              </div>
+              <div v-if="row[c.prop + '_sub']" style="font-size: 11px; color: #8a94a4; margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                {{ row[c.prop + '_sub'] }}
+              </div>
+              <div v-if="row[c.prop + '_real']" style="font-size: 11px; color: #5a6472; margin-top: 1px;">
+                {{ row[c.prop + '_real'] }}
+              </div>
+            </div>
+          </div>
+        </template>
+        <template v-else-if="c.onClick" #default="{ row }">
           <el-button link type="primary" size="small" @click="c.onClick?.(row)">
             {{ c.formatter ? c.formatter(row, c, row[c.prop], 0) : row[c.prop] }}
           </el-button>