人才地图管理

src/router/modules/remaining.ts

@@ -503,6 +503,24 @@ const remainingRouter: AppRouteRecordRaw[] = [
       }
     ]
   },
+  {
+    path: '/talentMap',
+    component: Layout,
+    name: 'talentMap',
+    meta: { hidden: true },
+    children: [
+      {
+        path: 'talentMap/detail',
+        name: 'TalentMapDetail',
+        meta: {
+          title: '人才详情',
+          noCache: true,
+          hidden: true
+        },
+        component: () => import('@/views/menduner/system/talentMap/details/index.vue')
+      }
+    ]
+  },
   {
     path: '/order',
     component: Layout,

src/views/menduner/system/talentMap/details/components/info.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" :column="2" border>
+      <el-descriptions-item label="用户头像">
+        <el-image v-if="info.avatar" class="h-100px w-100px" :src="info.avatar" fit="contain" hide-on-click-modal :preview-src-list="[info.avatar]"/>
+      </el-descriptions-item>
+      <el-descriptions-item label="性别">
+        <dict-tag v-if="info.sex !== '0'" :type="DICT_TYPE.MENDUNER_SEX" :value="info.sex" />
+      </el-descriptions-item>
+      <el-descriptions-item label="用户名">{{ info.name }}</el-descriptions-item>
+      <el-descriptions-item label="英文名">{{ info.foreignName }}</el-descriptions-item>
+      <el-descriptions-item label="联系电话">{{ info.phone || user.phone }}</el-descriptions-item>
+      <el-descriptions-item label="邮箱">{{ info.email }}</el-descriptions-item>
+      <el-descriptions-item label="出生日期">{{ formatDate(info.birthday, 'YYYY-MM-DD') }}</el-descriptions-item>
+      <el-descriptions-item label="首次工作时间">{{ formatDate(info.firstWorkTime, 'YYYY-MM-DD') }}</el-descriptions-item>
+      <el-descriptions-item label="婚姻状况">
+        <dict-tag :type="DICT_TYPE.MENDUNER_MARITAL_STATUS" :value="info.maritalStatus" />
+      </el-descriptions-item>
+      <el-descriptions-item label="学历">
+        <dict-tag :type="DICT_TYPE.MENDUNER_EDUCATION_TYPE" :value="info.eduType" />
+      </el-descriptions-item>
+      <el-descriptions-item label="	工作经验">
+        <dict-tag :type="DICT_TYPE.MENDUNER_EXP_TYPE" :value="info.expType" />
+      </el-descriptions-item>
+      <el-descriptions-item label="求职类型">
+        <dict-tag :type="DICT_TYPE.MENDUNER_JOB_TYPE" :value="info.jobType" />
+      </el-descriptions-item>
+      <el-descriptions-item label="求职状态">
+        <dict-tag :type="DICT_TYPE.MENDUNER_JOB_SEEK_STATUS" :value="info.jobStatus" />
+      </el-descriptions-item>
+      <el-descriptions-item label="账号状态">
+        <dict-tag :type="DICT_TYPE.MENDUNER_STATUS" :value="user.status" />
+      </el-descriptions-item>
+      <el-descriptions-item label="会员套餐">
+        {{ user.vipFlag ? packageList.find(e => e.id === Number(user.vipFlag))?.name : '' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="会员到期时间">
+        {{ formatDate(user.vipExpireDate, 'YYYY-MM-DD HH:mm:ss') }}
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script setup>
+defineOptions({ name: 'EnterpriseDetailsInfo'})
+import { DICT_TYPE } from '@/utils/dict'
+import { formatDate } from '@/utils/formatTime'
+import { PersonInfoApi } from '@/api/menduner/system/person'
+
+const props = defineProps({
+  id: String,
+  userId: String
+})
+
+// 获取人才详情
+const info = ref({})
+const getInfo = async () => {
+  const data = await PersonInfoApi.getPersonDetails(props.id)
+  info.value = data
+}
+if (props.id) getInfo()
+
+// 会员套餐列表
+const packageList = ref([])
+const getPackageList = async () => {
+  const data = await PersonInfoApi.getPersonPackageList()
+  packageList.value = data
+}
+getPackageList()
+
+// 获取用户详情
+const user = ref({})
+const getUserDetails = async () => {
+  const data = await PersonInfoApi.getUserDetails(props.userId)
+  user.value = data
+}
+getUserDetails()
+</script>

src/views/menduner/system/talentMap/details/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div> 123</div>
+</template>
+
+<script setup>
+defineOptions({ name: 'TalentMapDetail'})
+// import Info from './components/info.vue'
+
+/** 初始化 */
+// const { currentRoute } = useRouter() // 路由
+// const { delView } = useTagsViewStore() // 视图操作
+// const route = useRoute()
+// const { id, userId } = route.query
+// onMounted(() => {
+//   if (!userId) {
+//     ElMessage.warning('参数错误，用户编号不能为空！')
+//     delView(unref(currentRoute))
+//     return
+//   }
+// })
+</script>

src/views/menduner/system/talentMap/index.vue

@@ -0,0 +1,169 @@
+<template>
+  <ContentWrap>
+    <!-- 搜索工作栏 -->
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="姓名" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入姓名"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button
+          type="primary"
+          plain
+          @click="null"
+        >
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+        <el-button
+          type="success"
+          plain
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true">
+      <!-- <el-table-column label="id" align="center" prop="id" :show-overflow-tooltip="true" /> -->
+      <el-table-column label="姓名" align="center" prop="name" />
+      <el-table-column label="标签个数" align="center" prop="num" />
+      <el-table-column label="操作" align="center">
+        <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            @click="openDetail(scope.row)"
+          >
+            查看
+          </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handleDelete(scope.row.id)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+
+  <!-- 表单弹窗：添加/修改 -->
+  <!-- <formPage ref="formRef" @success="getList" /> -->
+</template>
+
+<script setup>
+// import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
+import download from '@/utils/download'
+// import { HuntApi, HuntVO } from '@/api/menduner/system/hunt'
+// import formPage from './form.vue'
+
+/** 猎寻服务 列表 */
+defineOptions({ name: 'TalentMap' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  name: undefined,
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  list.value = [{id: '1843909421273563137', userId: '800018973600124928', name: '测试', num: '23'}]
+  loading.value = false
+  
+  // loading.value = true
+  // try {
+  //   const data = await HuntApi.getHuntPage(queryParams)
+  //   // list.value = data.list
+  //   list.value = [{name: '测试'}]
+  //   total.value = data.total
+  // } finally {
+  //   loading.value = false
+  // }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 打开用户详情 */
+const { push } = useRouter()
+const openDetail = ({ id, userId }) => {
+  push({ name: 'TalentMapDetail', query: { id, userId } })
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    // await HuntApi.deleteHunt(id)
+    // message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    // const data = await HuntApi.exportHunt(queryParams)
+    // download.excel(data, '猎寻服务.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>