门墩儿新任命

src/layout/personal/navBar.vue

@@ -5,7 +5,7 @@
       density="compact"
       style="padding-left: 0px;height: 50px;font-size: 15px;"
     >
-      <div class="innerBox d-flex justify-space-between">
+      <div class="innerBox d-flex justify-space-between" style="min-width: 1240px;">
         <div>
           <div class="nav-logo mr-3 mt-1 cursor-pointer d-flex align-center" @click="router.push('/recruitHome')">
             <v-img src="../../assets/logo.png"  aspect-ratio="16/9" cover :width="97" style="height: 40px"></v-img>
@@ -188,7 +188,8 @@ const navList = [
   { title: '火苗儿校企' },
   // { title: '产业联合会' },
   // { title: '数据' },
-  { title: '了解门墩儿', path: '/about' }
+  { title: '了解门墩儿', path: '/about' },
+  // { title: '门墩儿新任命', path: '/dataService/newlyAppointed' }
 ]
 
 const handleClick = (e, status) => {

src/router/modules/common.js

@@ -8,13 +8,13 @@ const common = [
     redirect: '/recruitHome',
     children: [
       { path: '/', redirect: '/recruitHome' },
-      {
-        path: '/entrances',
-        component: () => import('@/views/entrances/index'),
-        meta: {
-          title: '门墩儿应用中心'
-        }
-      }
+      // {
+      //   path: '/entrances',
+      //   component: () => import('@/views/entrances/index'),
+      //   meta: {
+      //     title: '门墩儿应用中心'
+      //   }
+      // }
     ]
   },
   // { // 暂停维护
@@ -102,6 +102,14 @@ const common = [
       hideSide: true
     }
   },
+  {
+    path: '/dataService/newlyAppointed',
+    name: 'newlyAppointed',
+    component: () => import('@/views/dataService/newlyAppointed/index.vue'),
+    meta: {
+      title: '门墩儿新任命'
+    }
+  },
   ...headhunting
 ]
 

src/views/dataService/index.vue

@@ -0,0 +1,11 @@
+<template>
+	<div>数据服务</div>
+</template>
+
+<script setup>
+defineOptions({ name: 'data-service'})
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/dataService/newlyAppointed/index.vue

@@ -0,0 +1,23 @@
+<template>
+	<div class="resume-box container">
+		<div class="resume-header mb-2">
+      <div class="resume-title">门墩儿新任命</div>
+    </div>
+		<table-page v-if="showTable" />
+	</div>
+</template>
+
+<script setup>
+defineOptions({ name: 'data-service-newlyAppointed' })
+import { ref, onMounted } from 'vue'
+import TablePage from './table.vue'
+
+const showTable = ref(false)
+</script>
+
+<style scoped lang="scss">
+.container {
+	background-color: #f2f4f7;
+	height: 100vh;
+}
+</style>

src/views/dataService/newlyAppointed/table.vue

@@ -0,0 +1,108 @@
+<template>
+	<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>
+			</template>
+		</CtForm>
+	</v-card>
+
+	<v-card class="mt-3" elevation="5">
+		<CtTable
+			:items="items"
+			class="pa-3"
+			:headers="headers"
+			:loading="false"
+			:elevation="0"
+			:isTools="false"
+			:showPage="true"
+			:total="total"
+			:page-info="query"
+			itemKey="id"
+			@pageHandleChange="handleChangePage"
+		>
+			<template #actions="{ item }">
+				<v-btn variant="text" color="primary" @click.stop="handleDetail(item)">详 情</v-btn>
+			</template>
+		</CtTable>
+	</v-card>
+
+	<v-navigation-drawer v-model="showDetail" absolute location="left" rounded temporary width="500" class="pa-5">
+		详情
+	</v-navigation-drawer>
+</template>
+
+<script setup>
+defineOptions({ name: 'newlyAppointedTable'})
+import { ref } from 'vue'
+
+const total = ref(0)
+const query = ref({
+  pageSize: 10,
+	pageNo: 1
+})
+const items = ref([
+	{ id: 1, name: '张三', area: '北京', hotel: '北京王府半岛酒店' },
+	{ id: 2, name: '李四', area: '上海', hotel: '上海外滩茂悦大酒店' },
+	{ id: 3, name: '王五', area: '广州', hotel: '广州富力丽思卡尔顿酒店' },
+])
+const headers = [
+	{ title: '姓名', key: 'name', sortable: false },
+  { title: '地区', key: 'area', sortable: false },
+  { title: '酒店', key: 'hotel', sortable: false },
+  { title: '操作', key: 'actions', sortable: false, align: 'center' }
+]
+const CtFormRef = ref()
+const formItems = ref({
+  options: [
+		{
+      type: 'text',
+      key: 'name',
+      value: '',
+      label: '姓名',
+			hideDetails: true,
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'area',
+      value: '',
+      label: '地区',
+			hideDetails: true,
+			flexStyle: 'mx-3',
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'hotel',
+      value: '',
+      label: '酒店',
+			hideDetails: true,
+			col: 3
+    },
+		{
+			slotName: 'formBtn',
+			col: 3,
+			flexStyle: 'ml-3'
+		}
+  ]
+})
+
+const handleChangePage = (e) => {
+	query.value.pageNo = e
+}
+
+const handleSearch = () => {}
+const handleReset = () => {}
+
+const showDetail = ref(false)
+const handleDetail = (item) => {
+	console.log(item, 'detail')
+	showDetail.value = true
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>