门墩儿新任命

src/api/recruit/enterprise/newlyAppointed/index.js

@@ -6,4 +6,12 @@ export const getNewAppointmentsPage = async (params) => {
 		url: '/app-api/menduner/system/new-appointments/page',
 		params
 	})
+}
+
+// 获得新任命详情
+export const getNewAppointmentsDetail = async (id) => {
+	return await request.get({
+		url: '/app-api/menduner/system/new-appointments/get',
+		params: { id }
+	})
 }

src/router/modules/components/recruit/enterprise.js

@@ -371,22 +371,22 @@ const enterprise = [
       }
     ]
   },
-  // {
-  //   path: '/recruit/enterprise/newlyAppointed',
-  //   component: Layout,
-  //   name: 'Newly Appointed',
-  //   meta: {
-  //     title: '门墩儿新任命',
-  //     enName: 'Newly Appointed',
-  //     icon: 'mdi-new-box'
-  //   },
-  //   children: [
-  //     {
-  //       path: '/recruit/enterprise/newlyAppointed',
-  //       show: true,
-  //       component: () => import('@/views/recruit/enterprise/newlyAppointed/index.vue')
-  //     }
-  //   ]
-  // },
+  {
+    path: '/recruit/enterprise/newlyAppointed',
+    component: Layout,
+    name: 'Newly Appointed',
+    meta: {
+      title: '门墩儿新任命',
+      enName: 'Newly Appointed',
+      icon: 'mdi-new-box'
+    },
+    children: [
+      {
+        path: '/recruit/enterprise/newlyAppointed',
+        show: true,
+        component: () => import('@/views/recruit/enterprise/newlyAppointed/index.vue')
+      }
+    ]
+  }
 ]
 export default enterprise

src/views/recruit/enterprise/newlyAppointed/index.vue

@@ -2,8 +2,8 @@
 	<v-card class="pa-3" elevation="5">
 		<CtForm ref="CtFormRef" :items="formItems" class="mt-3">
 			<template #formBtn>
-				<v-btn color="primary" class="elevation-5" @click.stop="handleSearch">搜 索</v-btn>
-				<v-btn variant="outlined" color="primary" class="elevation-5 ml-3" @click.stop="handleReset">重 置</v-btn>
+				<v-btn color="primary" class="elevation-5" width="90" @click.stop="handleSearch">搜 索</v-btn>
+				<v-btn variant="outlined" color="primary" width="90" class="elevation-5 ml-3" @click.stop="handleReset">重 置</v-btn>
 			</template>
 		</CtForm>
 	</v-card>
@@ -29,8 +29,11 @@
 		</CtTable>
 	</v-card>
 
-	<v-navigation-drawer v-model="showDetail" absolute location="left" rounded temporary width="500" class="pa-5">
-		详情
+	<v-navigation-drawer v-model="showDetail" absolute location="right" rounded temporary width="500" class="pa-5">
+		<div style="width: 300px; height: 300px; margin: 0 auto;">
+			<v-img :src="detail?.picUrl" width="300" height="300" />
+		</div>
+		<div class="mt-10" v-html="detail?.detailIntroduction"></div>
 	</v-navigation-drawer>
 
 	<!-- 无权限提示 -->
@@ -38,22 +41,21 @@
 		<div class="d-flex align-center flex-column">
 			<div class="color-warning">
 				<p>您没有权限查看门墩儿新任命信息</p>
-				<p>请用微信扫描下方二维码联系门墩儿管理员开通权限</p>
+				<p>请用微信扫描下方企业微信联系门墩儿管理员开通权限</p>
 			</div>
 			<div style="width: 150px; height: 150px;">
-				<v-img src="https://minio.citupro.com/dev/menduner/official-account-code4.jpg"></v-img>
+				<v-img src="https://minio.menduner.com/dev/menduner/contact.png"></v-img>
 			</div>
+			<div class="text-center ml-5">潘青海先生（Peter Pan）</div>
 		</div>
-			
   </CtDialog>
 </template>
 
 <script setup>
 defineOptions({ name: 'newlyAppointedTable'})
 import { ref } from 'vue'
-import { getNewAppointmentsPage } from '@/api/recruit/enterprise/newlyAppointed'
+import { getNewAppointmentsPage, getNewAppointmentsDetail } from '@/api/recruit/enterprise/newlyAppointed'
 import { useUserStore } from '@/store/user'
-// import Snackbar from '@/plugins/snackbar'
 
 const store = useUserStore()
 const loading = ref(false)
@@ -62,22 +64,12 @@ const query = ref({
   pageSize: 10,
 	pageNo: 1
 })
-const items = ref([
-	{ id: 1, nameChinese: '张三', workTerritory: '北京', inaugurationHotel: '北京王府半岛酒店' },
-	{ id: 2, nameChinese: '李四', workTerritory: '上海', inaugurationHotel: '上海外滩茂悦大酒店' },
-	{ id: 3, nameChinese: '王五', workTerritory: '广州', inaugurationHotel: '广州富力丽思卡尔顿酒店' },
-	{ id: 4, nameChinese: '赵六', workTerritory: '深圳', inaugurationHotel: '深圳华侨城洲际酒店' },
-	{ id: 5, nameChinese: '钱七', workTerritory: '杭州', inaugurationHotel: '杭州西溪喜来登酒店' },
-	{ id: 6, nameChinese: '孙八', workTerritory: '南京', inaugurationHotel: '南京金鹰国际酒店' },
-	{ id: 7, nameChinese: '周九', workTerritory: '武汉', inaugurationHotel: '武汉光谷希尔顿酒店' },
-	{ id: 8, nameChinese: '吴十', workTerritory: '成都', inaugurationHotel: '成都茂业万豪酒店' },
-	{ id: 9, nameChinese: '郑十一', workTerritory: '重庆', inaugurationHotel: '重庆富力丽思卡尔顿酒店' },
-	{ id: 10, nameChinese: '王十二', workTerritory: '西安', inaugurationHotel: '西安希尔顿酒店' },
-])
+const items = ref([])
 const headers = [
 	{ title: '宣布日期', key: 'announceTime', sortable: false },
   { title: '中文名', key: 'nameChinese', sortable: false },
   { title: '英文名', key: 'nameEnglish', sortable: false },
+  { title: '性别', key: 'gender', sortable: false },
   { title: '职位', key: 'position', sortable: false },
   { title: '任职酒店', key: 'inaugurationHotel', sortable: false },
   { title: '酒店品牌', key: 'hotelBrand', sortable: false },
@@ -93,6 +85,7 @@ const formItems = ref({
       key: 'nameChinese',
       value: '',
       label: '中文名',
+			clearable: true,
 			hideDetails: true,
 			col: 3
     },
@@ -101,6 +94,7 @@ const formItems = ref({
       key: 'nameEnglish',
       value: '',
       label: '英文名',
+			clearable: true,
 			hideDetails: true,
 			flexStyle: 'mx-3',
 			col: 3
@@ -110,6 +104,7 @@ const formItems = ref({
       key: 'position',
       value: '',
       label: '职位',
+			clearable: true,
 			hideDetails: true,
 			col: 3
     },
@@ -118,6 +113,7 @@ const formItems = ref({
       key: 'inaugurationHotel',
       value: '',
       label: '任职酒店',
+			clearable: true,
 			hideDetails: true,
 			flexStyle: 'ml-3',
 			col: 3
@@ -127,6 +123,7 @@ const formItems = ref({
       key: 'hotelBrand',
       value: '',
       label: '酒店品牌',
+			clearable: true,
 			hideDetails: true,
 			col: 3
     },
@@ -136,6 +133,7 @@ const formItems = ref({
       value: '',
       label: '工作地域',
 			flexStyle: 'mx-3',
+			clearable: true,
 			hideDetails: true,
 			col: 3
     },
@@ -144,6 +142,7 @@ const formItems = ref({
       key: 'workHistory',
       value: '',
       label: '过往工作酒店品牌',
+			clearable: true,
 			hideDetails: true,
 			col: 3
     },
@@ -163,11 +162,18 @@ store.$subscribe((mutation, state) => {
   if (Object.keys(state.entBaseInfo).length) info.value = state.entBaseInfo
 })
 
+// 获取新任命分页
 const getList = async () => {
-	const result = await getNewAppointmentsPage(query.value)
-	items.value = result.list
-	total.value = result.total
+	loading.value = true
+	try {
+		const result = await getNewAppointmentsPage(query.value)
+		items.value = result.list
+		total.value = result.total
+	} finally {
+		loading.value = false
+	}
 }
+getList()
 
 // 分页切换
 const handleChangePage = async (e) => {
@@ -189,30 +195,34 @@ const handleSearch = async () => {
 		showDialog.value = true
 		return
 	}
-	const param = {}
 	formItems.value.options.forEach(item => {
 	  if (item.noParam) return
-		param[item.key] = item.value
+		query.value[item.key] = item.value
 	})
-	console.log(param, 'search')
+	getList()
 }
 // 重置
 const handleReset = () => {
 	formItems.value.options.forEach(item => {
-		if (!item.noParam) item.value = ''
+		if (item.noParam) return
+		item.value = ''
+		query.value[item.key] = ''
 	})
+	getList()
 }
 
 // 查看详情
 const showDetail = ref(false)
+const detail = ref({})
 const handleDetail = async (item) => {
-	console.log(item, 'detail')
 	await store.getEnterpriseInfo(true)
 	// 没有权限提示联系门墩儿
 	if (!info.value?.entitlement?.newAppointment) {
 		showDialog.value = true
 		return
 	}
+	const result = await getNewAppointmentsDetail(item.id)
+	detail.value = result
 	showDetail.value = true
 }
 </script>