更新各项内容

backend/src/views/apps/crm/contact/index.vue

@@ -52,7 +52,7 @@
         <el-table-column label="姓名" min-width="140" show-overflow-tooltip>
           <template #default="{ row }">
             <div class="name-cell-wrapper">
-              <span class="name-cell">{{ row.contact_name }}</span>
+              <span class="name-cell name-link" @click="openDetail(row)">{{ row.contact_name }}</span>
               <el-tag v-if="Number(row.is_primary) === 1" type="danger" size="small" effect="plain">
                 主联系人
               </el-tag>
@@ -63,8 +63,6 @@
           <template #default="{ row }">{{ genderText(row.gender) }}</template>
         </el-table-column>
         <el-table-column prop="mobile" label="手机号" width="130" />
-        <el-table-column prop="phone" label="座机" width="130" show-overflow-tooltip />
-        <el-table-column prop="email" label="邮箱" min-width="170" show-overflow-tooltip />
         <el-table-column label="关联类型" width="100" align="center">
           <template #default="{ row }">
             <el-tag size="small" :type="Number(row.related_type) === 1 ? 'primary' : 'warning'">
@@ -118,6 +116,51 @@
       :edit-data="currentEditData"
       @success="fetchList"
     />
+
+    <!-- 联系人详情 -->
+    <el-drawer
+      v-model="detailVisible"
+      :title="detailData?.contact_name || '联系人详情'"
+      direction="rtl"
+      size="540px"
+    >
+      <div v-if="detailData">
+        <el-descriptions title="基本信息" :column="2" border size="small">
+          <el-descriptions-item label="姓名">{{ detailData.contact_name }}</el-descriptions-item>
+          <el-descriptions-item label="性别">{{ genderText(detailData.gender) }}</el-descriptions-item>
+          <el-descriptions-item label="关联类型">
+            <el-tag size="small" :type="Number(detailData.related_type) === 1 ? 'primary' : 'warning'">
+              {{ relatedTypeText(detailData.related_type) }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="关联对象">{{ detailData.related_name || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="部门">{{ detailData.department || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="职位">{{ detailData.position || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="手机号">{{ detailData.mobile || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="座机">{{ detailData.phone || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="邮箱">{{ detailData.email || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="微信">{{ detailData.wechat || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="QQ">{{ detailData.qq || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="钉钉">{{ detailData.dingtalk || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="主联系人">
+            <el-tag v-if="Number(detailData.is_primary) === 1" type="danger" size="small">是</el-tag>
+            <span v-else>否</span>
+          </el-descriptions-item>
+          <el-descriptions-item label="在职状态">
+            <el-tag :type="Number(detailData.status) === 1 ? 'success' : 'info'" size="small">
+              {{ Number(detailData.status) === 1 ? '在职' : '离职' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="家庭住址" :span="2">
+            {{ detailData.home_address || '-' }}
+          </el-descriptions-item>
+          <el-descriptions-item label="备注" :span="2">{{ detailData.remark || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="更新时间" :span="2">
+            {{ formatDateTime(detailData.update_time) }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </div>
+    </el-drawer>
   </div>
 </template>
 
@@ -139,6 +182,10 @@ const tableData = ref([]);
 const editVisible = ref(false);
 const currentEditData = ref(null);
 
+// 详情
+const detailVisible = ref(false);
+const detailData = ref(null);
+
 const filters = reactive({
   keyword: "",
   related_type: "",
@@ -193,6 +240,11 @@ function openCreate() {
   editVisible.value = true;
 }
 
+function openDetail(row) {
+  detailData.value = { ...row };
+  detailVisible.value = true;
+}
+
 function openEdit(row) {
   currentEditData.value = { ...row };
   editVisible.value = true;
@@ -277,6 +329,15 @@ async function handleDelete(row) {
   color: var(--el-text-color-primary);
 }
 
+.name-link {
+  cursor: pointer;
+  color: var(--el-color-primary);
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 .pagination {
   margin-top: 16px;
   display: flex;