企业-门墩儿新任命

src/layout/personal/navBar.vue

@@ -188,8 +188,7 @@ const navList = [
   { title: '火苗儿校企' },
   // { title: '产业联合会' },
   // { title: '数据' },
-  { title: '了解门墩儿', path: '/about' },
-  // { title: '门墩儿新任命', path: '/dataService/newlyAppointed' }
+  { title: '了解门墩儿', path: '/about' }
 ]
 
 const handleClick = (e, status) => {

src/router/modules/common.js

@@ -102,14 +102,6 @@ const common = [
       hideSide: true
     }
   },
-  {
-    path: '/dataService/newlyAppointed',
-    name: 'newlyAppointed',
-    component: () => import('@/views/dataService/newlyAppointed/index.vue'),
-    meta: {
-      title: '门墩儿新任命'
-    }
-  },
   ...headhunting
 ]
 

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

@@ -370,6 +370,23 @@ const enterprise = [
         component: () => import('@/views/recruit/enterprise/membershipPackage/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/dataService/index.vue

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

src/views/dataService/newlyAppointed/index.vue

@@ -1,23 +0,0 @@
-<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

@@ -1,108 +0,0 @@
-<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>

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

@@ -0,0 +1,174 @@
+<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="loading"
+			:disable-sort="true"
+			:elevation="0"
+			:isTools="false"
+			:showPage="true"
+			:total="total"
+			:pageInfo="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'
+// import { timesTampChange } from '@/utils/date'
+
+const loading = ref(false)
+const total = ref(11)
+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: '西安希尔顿酒店' },
+	{ id: 11, nameChinese: '冯十三', workTerritory: '长沙', inaugurationHotel: '长沙万达文华东方酒店' },
+])
+const headers = [
+	{ title: '宣布日期', key: 'announceTime', sortable: false },
+  { title: '中文名', key: 'nameChinese', sortable: false },
+  { title: '英文名', key: 'nameEnglish', sortable: false },
+  { title: '职位', key: 'position', sortable: false },
+  { title: '任职酒店', key: 'inaugurationHotel', sortable: false },
+  { title: '酒店品牌', key: 'hotelBrand', sortable: false },
+  { title: '工作地域', key: 'workTerritory', sortable: false },
+  { title: '过往工作酒店品牌', key: 'workHistory', sortable: false },
+  { title: '操作', key: 'actions', sortable: false, align: 'center' }
+]
+const CtFormRef = ref()
+const formItems = ref({
+  options: [
+		{
+      type: 'text',
+      key: 'nameChinese',
+      value: '',
+      label: '中文名',
+			hideDetails: true,
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'nameEnglish',
+      value: '',
+      label: '英文名',
+			hideDetails: true,
+			flexStyle: 'mx-3',
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'position',
+      value: '',
+      label: '职位',
+			hideDetails: true,
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'inaugurationHotel',
+      value: '',
+      label: '任职酒店',
+			hideDetails: true,
+			flexStyle: 'ml-3',
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'hotelBrand',
+      value: '',
+      label: '酒店品牌',
+			hideDetails: true,
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'workTerritory',
+      value: '',
+      label: '工作地域',
+			flexStyle: 'mx-3',
+			hideDetails: true,
+			col: 3
+    },
+		{
+      type: 'text',
+      key: 'workHistory',
+      value: '',
+      label: '过往工作酒店品牌',
+			hideDetails: true,
+			col: 3
+    },
+		{
+			slotName: 'formBtn',
+			col: 3,
+			noParam: true,
+			flexStyle: 'ml-3'
+		}
+  ]
+})
+
+// 分页切换
+const handleChangePage = (e) => {
+	query.value.pageNo = e
+}
+
+// 搜索
+const handleSearch = () => {
+	const param = {}
+	formItems.value.options.forEach(item => {
+	  if (item.noParam) return
+		param[item.key] = item.value
+	})
+	console.log(param, 'search')
+}
+// 重置
+const handleReset = () => {
+	formItems.value.options.forEach(item => {
+		if (!item.noParam) item.value = ''
+	})
+}
+
+// 查看详情
+const showDetail = ref(false)
+const handleDetail = (item) => {
+	console.log(item, 'detail')
+	showDetail.value = true
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>