完善

package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "@arco-design/web-vue": "^2.53.0",
     "@element-plus/icons-vue": "^2.1.0",
+    "@tinymce/tinymce-vue": "^4.0.1",
     "ant-design-vue": "4.x",
     "axios": "^1.5.1",
     "echarts": "^5.4.3",
@@ -20,6 +21,7 @@
     "element-plus": "^2.4.0",
     "less": "^4.2.0",
     "pinia": "^2.1.6",
+    "tinymce": "^5.6.2",
     "uuid": "^9.0.1",
     "uuidv1": "^1.6.14",
     "vue": "^3.3.4",

pnpm-lock.yaml

@@ -11,6 +11,9 @@ dependencies:
   '@element-plus/icons-vue':
     specifier: ^2.1.0
     version: registry.npmmirror.com/@element-plus/icons-vue@2.1.0(vue@3.3.4)
+  '@tinymce/tinymce-vue':
+    specifier: ^4.0.1
+    version: registry.npmmirror.com/@tinymce/tinymce-vue@4.0.7(vue@3.3.4)
   ant-design-vue:
     specifier: 4.x
     version: registry.npmmirror.com/ant-design-vue@4.0.7(vue@3.3.4)
@@ -32,6 +35,9 @@ dependencies:
   pinia:
     specifier: ^2.1.6
     version: registry.npmmirror.com/pinia@2.1.7(vue@3.3.4)
+  tinymce:
+    specifier: ^5.6.2
+    version: registry.npmmirror.com/tinymce@5.10.9
   uuid:
     specifier: ^9.0.1
     version: registry.npmmirror.com/uuid@9.0.1
@@ -651,6 +657,18 @@ packages:
     version: 2.11.7
     dev: false
 
+  registry.npmmirror.com/@tinymce/tinymce-vue@4.0.7(vue@3.3.4):
+    resolution: {integrity: sha512-1esB8wGWrjPCY+rK8vy3QB1cxwXo7HLJWuNrcyPl6LOVR+QJjub0OiV/C+TUEsLN6OpCtRv+QnIqMC5vXz783Q==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@tinymce/tinymce-vue/-/tinymce-vue-4.0.7.tgz}
+    id: registry.npmmirror.com/@tinymce/tinymce-vue/4.0.7
+    name: '@tinymce/tinymce-vue'
+    version: 4.0.7
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      tinymce: registry.npmmirror.com/tinymce@5.10.9
+      vue: registry.npmmirror.com/vue@3.3.4
+    dev: false
+
   registry.npmmirror.com/@types/estree@1.0.2:
     resolution: {integrity: sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@types/estree/-/estree-1.0.2.tgz}
     name: '@types/estree'
@@ -3135,6 +3153,12 @@ packages:
     engines: {node: '>=12.22'}
     dev: false
 
+  registry.npmmirror.com/tinymce@5.10.9:
+    resolution: {integrity: sha512-5bkrors87X9LhYX2xq8GgPHrIgJYHl87YNs+kBcjQ5I3CiUgzo/vFcGvT3MZQ9QHsEeYMhYO6a5CLGGffR8hMg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/tinymce/-/tinymce-5.10.9.tgz}
+    name: tinymce
+    version: 5.10.9
+    dev: false
+
   registry.npmmirror.com/titleize@3.0.0:
     resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/titleize/-/titleize-3.0.0.tgz}
     name: titleize

src/api/carouselChart.js

@@ -0,0 +1,7 @@
+import request from '@/utils/request'
+
+export const useGetCarouselChart = () =>
+  request.get('vx_interview/getCarouselChart')
+
+export const useUpdateCarouselChart = ({ submitImages }) =>
+  request.post('vx_interview/updateCarouselChart', { submitImages })

src/api/company.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export const useGetApplicationCount = (days, encoding) =>
+  request.get('company/getApplicationCount', {
+    params: {
+      days: days,
+      encoding: encoding
+    }
+  })

src/api/user.js

@@ -86,3 +86,19 @@ export const useUploadUserInfo = ({
 
 export const useAdminEditPassword = ({ userId, updateUserId, password }) =>
   request.post('admin/adminEditPassword', { userId, updateUserId, password })
+
+//获取反馈列表
+export const useGetFeedBackList = (status) =>
+  request.get('vxUser/getAllFeedBack', {
+    params: {
+      status: status
+    }
+  })
+//修改反馈的状态
+export const useChangeFeedBackStatus = (id, userId) =>
+  request.get('vxUser/changeFeedBackStatus', {
+    params: {
+      id: id,
+      userId: userId
+    }
+  })

src/router/index.js

@@ -35,6 +35,23 @@ const router = createRouter({
           path: '/manager',
           component: () => import('@/views/manager/ManagerPage.vue')
         },
+        {
+          path: '/adminManager',
+          component: () => import('@/views/manager/AdminMangePage.vue')
+        },
+        {
+          path: '/companyManager',
+          component: () => import('@/views/manager/CompanyManagePage.vue')
+        },
+        {
+          path: '/carouselChart',
+          component: () => import('@/views/carouselChart/CarouselChartPage.vue')
+        },
+        {
+          path: '/feedbackmanage',
+          component: () =>
+            import('@/views/feedbackmanage/FeedbackManagePage.vue')
+        },
         {
           path: '/interview/imageManagement',
           component: () => import('@/views/interview/ImageManagement.vue')

src/utils/request.js

@@ -2,7 +2,7 @@ import { useUserStore } from '@/stores'
 import axios from 'axios'
 import router from '@/router'
 
-const baseURL = 'http://localhost:5380'
+const baseURL = 'http://localhost:8080'
 
 const instance = axios.create({
   baseURL,

src/views/carouselChart/CarouselChartPage.vue

@@ -0,0 +1,141 @@
+<script setup>
+import {
+  useGetCarouselChart,
+  useUpdateCarouselChart
+} from '@/api/carouselChart'
+import { ref } from 'vue'
+import { useUploadPic, useDeletePic } from '@/api/upload'
+import { Plus } from '@element-plus/icons-vue'
+
+const submitForm = ref({
+  images: [],
+  submitImages: ''
+})
+
+const getCarouselChart = async () => {
+  const res = await useGetCarouselChart()
+  if (res.data.data) {
+    submitForm.value.images = [...JSON.parse(res.data.data)]
+    submitForm.value.submitImages = res.data.data
+  } else {
+    submitForm.value.images = []
+  }
+  console.log(res)
+  console.log(submitForm.value)
+}
+getCarouselChart()
+
+//移除图片功能
+const handleRemove = async (file, fileList) => {
+  console.log('删除')
+  await useDeletePic(file.name)
+  submitForm.value.images = fileList
+  handleEndit()
+}
+//预览图片功能
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+const handlePictureCardPreview = (file) => {
+  dialogVisible.value = true
+  dialogImageUrl.value = file.url
+}
+
+const handleExceed = (files, fileList) => {
+  ElMessage.warning(
+    `当前限制选择 5 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+      files.length + fileList.length
+    } 个文件`
+  )
+}
+const limit = ref(5)
+
+const hideUpload = ref(false)
+const OnChange = async (file, fileList) => {
+  console.log('改变')
+  console.log(fileList)
+  const isType = file.type === 'image/jpeg' || 'image/png'
+  const isLt5M = file.size / 1024 / 1024 < 5
+
+  if (!isType) {
+    ElMessage.error('上传头像图片只能是 JPG 格式!')
+    fileList.pop()
+  }
+  if (!isLt5M) {
+    ElMessage.error('上传头像图片大小不能超过 5MB!')
+    fileList.pop()
+  }
+  console.log(submitForm.value.images)
+
+  hideUpload.value = submitForm.value.images.length >= limit.value
+  let fd = new FormData()
+
+  fd.append('file', file.raw) //传给后台接收的名字 file
+
+  const res = await useUploadPic(fd)
+
+  var newImageObject = {
+    name: res.data.data.filename,
+    url: res.data.data.image
+  }
+  file.name = res.data.data.filename
+  file.url = res.data.data.image
+
+  submitForm.value.images.push(newImageObject)
+}
+const handleEndit = async () => {
+  console.log('修改')
+  submitForm.value.submitImages = JSON.stringify(
+    submitForm.value.images.map((item) => {
+      return {
+        name: item.name,
+        url: item.url
+      }
+    })
+  )
+  const res = await useUpdateCarouselChart(submitForm.value)
+
+  ElMessage.success(res.data.data)
+  getCarouselChart()
+}
+</script>
+
+<template>
+  <el-form
+    ref="form"
+    label-width="150px"
+    style="padding-right: 30px; padding-top: 5%"
+    :class="hideUpload ? 'hide' : 'display'"
+  >
+    <el-form-item label="轮播图图片">
+      <el-upload
+        ref="upload"
+        action="#"
+        multiple
+        :limit="limit"
+        :file-list="submitForm.images"
+        list-type="picture-card"
+        :on-preview="handlePictureCardPreview"
+        :on-change="OnChange"
+        :on-remove="handleRemove"
+        :on-exceed="handleExceed"
+        accept="image/jpeg,image/png"
+        :auto-upload="false"
+      >
+        <i class="el-icon-plus">
+          <el-icon><Plus /></el-icon
+        ></i>
+        <template #tip>
+          <div class="el-upload__tip">
+            只能上传jpg/png文件,最多上传5张且单张图片不超过5M
+          </div>
+        </template>
+      </el-upload>
+      <el-dialog v-model="dialogVisible" style="line-height: 0">
+        <img style="width: 100%; height: 100%" :src="dialogImageUrl" alt="" />
+      </el-dialog>
+    </el-form-item>
+    <div style="text-align: center; padding-top: 20%">
+      <el-button type="primary" @click="handleEndit">保存修改</el-button>
+    </div>
+  </el-form>
+</template>

src/views/feedbackmanage/FeedbackManagePage.vue

@@ -0,0 +1,97 @@
+<script setup>
+import { ref } from 'vue'
+import { useGetFeedBackList, useChangeFeedBackStatus } from '@/api/user'
+import { Check } from '@element-plus/icons-vue'
+import { useUserStore } from '@/stores'
+import ViewImagesDialog from './components/ViewImagesDialog.vue'
+const feedbackLoading = ref(false)
+const feedBackList = ref([])
+const status = ref('1')
+
+const getfeedBackList = async () => {
+  feedbackLoading.value = true
+  const res = await useGetFeedBackList(parseInt(status.value))
+  feedBackList.value = res.data.data
+  feedbackLoading.value = false
+  console.log(res.data.data)
+}
+getfeedBackList()
+const handleChangeStatus = async () => {
+  feedbackLoading.value = true
+  const res = await useGetFeedBackList(parseInt(status.value))
+  feedBackList.value = res.data.data
+  feedbackLoading.value = false
+}
+const userStore = useUserStore()
+const handleEdit = async (row) => {
+  const res = await useChangeFeedBackStatus(row.id, userStore.userInfo.id)
+
+  ElMessage.success(res.data.data)
+  getfeedBackList()
+}
+const viewImagesDialog = ref()
+const handleView = (row) => {
+  viewImagesDialog.value.open(row)
+}
+</script>
+
+<template>
+  <page-container title="反馈管理" v-loading="feedbackLoading">
+    <template #filter>
+      <el-select
+        v-model="status"
+        placeholder="筛选"
+        style="width: 115px"
+        @change="handleChangeStatus"
+      >
+        <el-option label="待处理" value="1" />
+        <el-option label="已处理" value="2" />
+      </el-select>
+    </template>
+    <el-table :data="feedBackList" stripe style="width: 100%">
+      <el-table-column type="index" label="序号" width="100" />
+      <el-table-column prop="content" label="描述" />
+      <el-table-column label="反馈图片">
+        <template #default="{ row }">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="查看图片"
+            placement="top-start"
+          >
+            <el-button type="warning" @click="handleView(row)" plain
+              >查看图片</el-button
+            >
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column prop="phone" label="联系电话" />
+      <el-table-column prop="createTime" label="反馈时间" />
+      <el-table-column prop="status" label="状态">
+        <template #default="{ row }"
+          >{{ row.status === 1 ? '待处理' : '已处理' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="150">
+        <template #default="{ row }">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="确认"
+            placement="top-start"
+            v-if="row.status === 1"
+          >
+            <el-button
+              type="primary"
+              :icon="Check"
+              @click="handleEdit(row)"
+              circle
+              plain
+            ></el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    <ViewImagesDialog ref="viewImagesDialog"></ViewImagesDialog>
+  </page-container>
+</template>

src/views/feedbackmanage/components/ViewImagesDialog.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { ref } from 'vue'
+const viewImagesDialogVisible = ref(false)
+const imgUrls = ref([])
+
+const open = (row) => {
+  viewImagesDialogVisible.value = true
+  imgUrls.value = JSON.parse(row.imgUrl)
+}
+defineExpose({
+  open
+})
+</script>
+<template>
+  <el-dialog
+    v-model="viewImagesDialogVisible"
+    title="反馈图片"
+    width="50%"
+    align-center
+  >
+    <el-carousel :interval="4000" type="card" height="200px">
+      <el-carousel-item v-for="item in imgUrls" :key="item">
+        <el-image
+          style="width: 100px; height: 100px"
+          :src="item"
+          :fit="contain"
+        />
+      </el-carousel-item>
+    </el-carousel>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">关闭</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<style scoped>
+.el-carousel__item h3 {
+  color: #475669;
+  opacity: 0.75;
+  line-height: 200px;
+  margin: 0;
+  text-align: center;
+}
+
+.el-carousel__item:nth-child(2n) {
+  background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n + 1) {
+  background-color: #d3dce6;
+}
+</style>

src/views/home/HomeindexPage.vue

@@ -5,7 +5,7 @@ import { BarChart } from 'echarts/charts'
 import { CanvasRenderer } from 'echarts/renderers'
 
 import VChart, { THEME_KEY } from 'vue-echarts'
-import { ref, provide } from 'vue'
+import { ref, provide, onBeforeMount } from 'vue'
 import { useCompanyStore, useUserStore } from '@/stores'
 import {
   Search,
@@ -14,6 +14,7 @@ import {
   ChatDotSquare,
   Tickets
 } from '@element-plus/icons-vue'
+import { useRouter } from 'vue-router'
 import {
   useGetJobList,
   getApplicationList,
@@ -24,12 +25,21 @@ import {
   getInterviewRecordList,
   agreeUsersPassInterview
 } from '@/api/interview'
+import { useGetApplicationCount } from '@/api/company'
 import { ElMessage } from 'element-plus'
 import DisagreeDialog from './components/DisagreeDialog.vue'
 import InviteDialog from './components/InviteDialog.vue'
 import ViewResume from './components/ViewResume.vue'
+import ViewInterviewRecord from './components/ViewInterviewRecord.vue'
 
 use([TooltipComponent, GridComponent, BarChart, CanvasRenderer])
+onBeforeMount(() => {
+  const router = useRouter()
+  const userStore = useUserStore()
+  if (userStore.userInfo.role === '1') {
+    router.replace('/adminManager')
+  }
+})
  
 const companyStore = useCompanyStore()
 const jobList = ref([])
@@ -62,63 +72,26 @@ getJobList()
 provide(THEME_KEY, 'white')
 // prettier-ignore
 const date = ref(Number)
+const data7 = ref([])
 
-const setDate = (day) => {
+const dataValues7 = ref([])
+
+const setDate = async (day) => {
   date.value = day
+
+  const resSeven = await useGetApplicationCount(day, companyStore.encoding)
+  resSeven.data.data.map((item) => {
+    data7.value.push(item.createTime)
+  })
+  console.log(data7.value)
+  resSeven.data.data.map((item) => {
+    dataValues7.value.push(item.count)
+  })
+  console.log(dataValues7.value)
 }
 setDate(7)
 
-const date30 = [
+const option = ref({
-  '2023-10-01',
-  '2023-10-02',
-  '2023-10-03',
-  '2023-10-04',
-  '2023-10-05',
-  '2023-10-06',
-  '2023-10-07',
-  '2023-10-08',
-  '2023-10-09',
-  '2023-10-10',
-  '2023-10-11',
-  '2023-10-12',
-  '2023-10-13',
-  '2023-10-14',
-  '2023-10-15',
-  '2023-10-16',
-  '2023-10-17',
-  '2023-10-18',
-  '2023-10-19',
-  '2023-10-20',
-  '2023-10-21',
-  '2023-10-22',
-  '2023-10-23',
-  '2023-10-24',
-  '2023-10-25',
-  '2023-10-26',
-  '2023-10-27',
-  '2023-10-28',
-  '2023-10-29',
-  '2023-10-30'
-]
-
-const data7 = [
-  '2023-10-24',
-  '2023-10-25',
-  '2023-10-26',
-  '2023-10-27',
-  '2023-10-28',
-  '2023-10-29',
-  '2023-10-30'
-]
-
-const dataValues7 = [10, 52, 200, 334, 390, 330, 220]
-const dataValue30 = [
-  10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200,
-  334, 390, 330, 220, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390,
-  330, 220, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390, 330, 220,
-  400, 500
-]
-const option1 = ref({
   tooltip: {
     trigger: 'axis',
     axisPointer: {
@@ -134,7 +107,7 @@ const option1 = ref({
   xAxis: [
     {
       type: 'category',
-      data: data7,
+      data: data7.value,
       axisTick: {
         alignWithLabel: true
       }
@@ -150,43 +123,7 @@ const option1 = ref({
       name: '投递人数',
       type: 'bar',
       barWidth: '50%',
-      data: dataValues7
+      data: dataValues7.value
-    }
-  ]
-})
-const option2 = ref({
-  tooltip: {
-    trigger: 'axis',
-    axisPointer: {
-      type: 'shadow'
-    }
-  },
-  grid: {
-    left: '3%',
-    right: '4%',
-    bottom: '3%',
-    containLabel: true
-  },
-  xAxis: [
-    {
-      type: 'category',
-      data: date30,
-      axisTick: {
-        alignWithLabel: true
-      }
-    }
-  ],
-  yAxis: [
-    {
-      type: 'value'
-    }
-  ],
-  series: [
-    {
-      name: '投递人数',
-      type: 'bar',
-      barWidth: '50%',
-      data: dataValue30
     }
   ]
 })
@@ -291,7 +228,7 @@ const handleSelectionChange = (val) => {
   }
   console.log(selectAgreeUsers.value)
 }
-const userStore = useUserStore()
+
 const PassInterview = async () => {
   if (filterRecored.value === '2') {
     ElMessage.error('所勾选的列表已经通过面试啦，请不要重复操作')
@@ -376,37 +313,18 @@ const handleDisagreeApplication = (row) => {
   console.log(row)
 }
 
+const viewInterviewRecord = ref()
 const handleViewRecordDetail = (row) => {
-  console.log(row)
+  viewInterviewRecord.value.open(row)
 }
 </script>
 
 <template>
-  <el-dropdown>
+  <h1 style="text-align: center">{{ '近7天' }}投递简历人数</h1>
-    <el-button type="warning" bg>
-      {{ date === 7 ? '近7天' : '近30天'
-      }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
-    </el-button>
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-dropdown-item @click="setDate(7)">近7天</el-dropdown-item>
-        <el-dropdown-item @click="setDate(30)">近30天</el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
-  <h1 style="text-align: center">
-    {{ date === 7 ? '近7天' : '近30天' }}投递简历人数
-  </h1>
   <v-chart
     class="chart"
     v-if="date === 7"
-    :option="option1"
+    :option="option"
-    style="width: 90%; height: 80%"
-  />
-  <v-chart
-    class="chart"
-    v-else
-    :option="option2"
     style="width: 90%; height: 80%"
   />
   <!-- 第一个页面 -->
@@ -683,6 +601,7 @@ const handleViewRecordDetail = (row) => {
   ></DisagreeDialog>
   <InviteDialog ref="inviteDialog" @getJobList="getJobList"></InviteDialog>
   <ViewResume ref="viewResume"></ViewResume>
+  <ViewInterviewRecord ref="viewInterviewRecord"></ViewInterviewRecord>
 </template>
 
 <style scoped></style>

src/views/home/components/ViewInterviewRecord.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { ref } from 'vue'
+
+const InterviewRecordDialog = ref(false)
+
+const interviewInfo = ref({})
+
+const open = (row) => {
+  interviewInfo.value = row
+  InterviewRecordDialog.value = true
+  console.log(interviewInfo.value)
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<template>
+  <el-drawer
+    v-model="InterviewRecordDialog"
+    :title="'面试详情'"
+    direction="rtl"
+    size="50%"
+  >
+    <el-form ref="form" label-width="150px">
+      <el-form-item label="面试详情">
+        <el-input
+          v-model="interviewInfo.detail"
+          :autosize="{ minRows: 2, maxRows: 6 }"
+          type="textarea"
+          placeholder="请输入面试详情"
+          id="detail"
+          disabled="false"
+        />
+      </el-form-item>
+      <el-form-item label="面试评语">
+        <el-input
+          v-model="interviewInfo.comments"
+          :autosize="{ minRows: 2, maxRows: 4 }"
+          type="textarea"
+          placeholder="请输入面试评语"
+          id="comments"
+          disabled="false"
+        />
+      </el-form-item>
+    </el-form>
+  </el-drawer>
+</template>

src/views/layout/LayoutContainer.vue

@@ -24,6 +24,7 @@ import { useAdminLogout } from '../../api/user'
 import { useRouter } from 'vue-router'
 import ChangeAvatarDialog from './components/ChangeAvatarDialog.vue'
 import RestPasswordDialog from './components/ResetPasswordDialog.vue'
+
 import { ref } from 'vue'
 import UserInfoDialog from './components/UserInfoDialog.vue'
 
@@ -66,16 +67,58 @@ const RestPassword = () => {
         text-color="#fff"
         router
       >
-        <el-menu-item index="/home">
+        <el-menu-item
+          index="/home"
+          v-if="
+            userStore.userInfo.role === '2' || userStore.userInfo.role === '3'
+          "
+        >
           <el-icon><House /></el-icon>
           <span>首页</span>
         </el-menu-item>
-        <el-menu-item index="/manager">
+        <el-menu-item
+          index="/manager"
+          v-if="
+            userStore.userInfo.role === '2' || userStore.userInfo.role === '3'
+          "
+        >
+          <el-icon><User /></el-icon>
+          <span>人员管理</span>
+        </el-menu-item>
+        <el-menu-item
+          index="/adminManager"
+          v-if="userStore.userInfo.role === '1'"
+        >
           <el-icon><User /></el-icon>
           <span>管理员管理</span>
         </el-menu-item>
-
+        <el-menu-item
-        <el-sub-menu index="/interview/imageManagement">
+          index="/companyManager"
+          v-if="userStore.userInfo.role === '1'"
+        >
+          <el-icon><User /></el-icon>
+          <span>公司管理</span>
+        </el-menu-item>
+        <el-menu-item
+          index="/carouselChart"
+          v-if="userStore.userInfo.role === '1'"
+        >
+          <el-icon><User /></el-icon>
+          <span>轮播图管理</span>
+        </el-menu-item>
+        <el-menu-item
+          index="/feedbackmanage"
+          v-if="userStore.userInfo.role === '1'"
+        >
+          <el-icon><User /></el-icon>
+          <span>反馈管理</span>
+        </el-menu-item>
+        <el-sub-menu
+          index="/interview/imageManagement"
+          v-if="
+            userStore.userInfo.role === '2' || userStore.userInfo.role === '3'
+          "
+        >
           <template #title>
             <el-icon><VideoCamera /></el-icon>
             <span>个性化面试</span>
@@ -95,7 +138,12 @@ const RestPassword = () => {
           </el-menu-item>
         </el-sub-menu>
 
-        <el-sub-menu index="/question/type">
+        <el-sub-menu
+          index="/question/type"
+          v-if="
+            userStore.userInfo.role === '2' || userStore.userInfo.role === '3'
+          "
+        >
           <template #title>
             <el-icon><Files /></el-icon>
             <span>题库设置</span>
@@ -113,7 +161,12 @@ const RestPassword = () => {
             <span>题目广场</span>
           </el-menu-item>
         </el-sub-menu>
-        <el-sub-menu index="/recruitment/publicManagement">
+        <el-sub-menu
+          index="/recruitment/publicManagement"
+          v-if="
+            userStore.userInfo.role === '2' || userStore.userInfo.role === '3'
+          "
+        >
           <template #title>
             <el-icon><Phone /></el-icon>
             <span>招聘</span>

src/views/layout/components/UserInfoDialog.vue

@@ -22,11 +22,11 @@ const open = () => {
   submitForm.value = userStore.userInfo
   userRole.value =
     userStore.userInfo.role === '1'
-      ? '超级管理员'
+      ? '系统管理员'
       : userStore.userInfo.role === '2'
-      ? 'HR'
+      ? '公司管理员'
       : userStore.userInfo.role === '3'
-      ? '员工'
+      ? 'HR'
       : '面试者'
 
   submitForm.value.userId = submitForm.value.id
@@ -38,7 +38,8 @@ const rules = ref({
   role: [{ required: true, message: '请输入权限', trigger: 'blur' }],
   username: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
   age: [{ required: true, message: '请输入年龄', trigger: 'blur' }],
-  email: [{ required: true, message: '请输入电子邮箱', trigger: 'blur' }]
+  email: [{ required: true, message: '请输入电子邮箱', trigger: 'blur' }],
+  sex: [{ required: true, message: '请输入选择性别', trigger: 'blur' }]
 })
 
 //上传图片的方法
@@ -146,7 +147,7 @@ defineExpose({
                 v-model="submitForm.email"
               ></el-input>
             </el-form-item>
-            <el-form-item label="性别">
+            <el-form-item label="性别" prop="sex">
               <el-radio-group v-model="submitForm.sex">
                 <el-radio label="男">男</el-radio>
                 <el-radio label="女">女</el-radio>

src/views/manager/AdminMangePage.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { Search, Edit, Delete } from '@element-plus/icons-vue'
+import { useCompanyStore } from '@/stores'
+import { useGetAdminList } from '@/api/user'
+import { ref } from 'vue'
+import AdminDelEndit from './components/AdminDelEndit.vue'
+import ResetPasswordDialog from './components/ResetPasswordDialog.vue'
+import AdminProAddDialog from './components/AdminProAddDialog.vue'
+
+const searchName = ref('')
+const loading = ref(false)
+const adminList = ref([])
+const searchUserName = () => {}
+const companyStore = useCompanyStore()
+const getAdminList = async () => {
+  const res = await useGetAdminList(companyStore.encoding)
+
+  adminList.value = res.data.data
+}
+getAdminList()
+const adminDelEndit = ref()
+const handleDelete = (row) => {
+  adminDelEndit.value.open(row)
+}
+const resetPasswordDialog = ref()
+const handleEdit = (row) => {
+  resetPasswordDialog.value.open(row)
+}
+const adminProAddDialog = ref()
+
+const onAddEdit = () => {
+  adminProAddDialog.value.open()
+}
+</script>
+<template>
+  <page-container title="管理员管理">
+    <template #filter>
+      <div class="mt-4">
+        <el-input
+          v-model="searchName"
+          placeholder="请输入姓名"
+          class="input-with-select"
+        >
+          <template #prepend>
+            <el-button :icon="Search" @click="searchUserName" />
+          </template>
+          <template #append>
+            <el-button @click="getAdminList">重置</el-button>
+          </template>
+        </el-input>
+      </div>
+    </template>
+    <template #extra>
+      <el-button type="primary" @click="onAddEdit">添加管理员 </el-button>
+    </template>
+    <el-table v-loading="loading" :data="adminList" stripe style="width: 100%">
+      <el-table-column type="index" label="序号" width="100" />
+      <el-table-column prop="username" label="姓名" />
+      <el-table-column prop="phone" label="账号" />
+      <el-table-column prop="email" label="电子邮箱" />
+      <el-table-column label="操作" width="200">
+        <template #default="{ row }">
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="修改密码"
+            placement="top-start"
+          >
+            <el-button
+              type="primary"
+              :icon="Edit"
+              @click="handleEdit(row)"
+              circle
+              plain
+            ></el-button>
+          </el-tooltip>
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="删除"
+            placement="top-start"
+          >
+            <el-button
+              type="danger"
+              :icon="Delete"
+              @click="handleDelete(row)"
+              circle
+              plain
+            ></el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <template #empty>
+        <el-empty description="没有数据" />
+      </template>
+    </el-table>
+    <AdminDelEndit ref="adminDelEndit" @getAdminList="getAdminList">
+    </AdminDelEndit>
+    <ResetPasswordDialog ref="resetPasswordDialog"></ResetPasswordDialog>
+    <AdminProAddDialog
+      ref="adminProAddDialog"
+      @getAdminList="getAdminList"
+    ></AdminProAddDialog>
+  </page-container>
+</template>

src/views/manager/CompanyManagePage.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { Search } from '@element-plus/icons-vue'
+import { ref } from 'vue'
+
+const getCompanyList = () => {}
+const searchName = ref('')
+const searchCompanyName = () => {}
+
+const onAddEdit = () => {}
+</script>
+<template>
+  <page-container title="公司管理">
+    <template #filter>
+      <div class="mt-4">
+        <el-input
+          v-model="searchName"
+          placeholder="请输入姓名"
+          class="input-with-select"
+        >
+          <template #prepend>
+            <el-button :icon="Search" @click="searchCompanyName" />
+          </template>
+          <template #append>
+            <el-button @click="getCompanyList">重置</el-button>
+          </template>
+        </el-input>
+      </div>
+    </template>
+    <template #extra>
+      <el-button type="primary" @click="onAddEdit">公司注册 </el-button>
+    </template>
+    <el-table :data="tableData" stripe style="width: 100%">
+      <el-table-column prop="date" label="Date" width="180" />
+      <el-table-column prop="name" label="Name" width="180" />
+      <el-table-column prop="address" label="Address" />
+    </el-table>
+  </page-container>
+</template>

src/views/manager/ManagerPage.vue

@@ -45,7 +45,7 @@ const handleEdit = (row) => {
 </script>
 
 <template>
-  <page-container title="管理员管理">
+  <page-container title="人员管理">
     <template #filter>
       <div class="mt-4">
         <el-input

src/views/manager/components/AdminProAddDialog.vue

@@ -0,0 +1,94 @@
+<script setup>
+import { ref } from 'vue'
+import { useAddAdmin } from '@/api/user'
+import { useUserStore, useCompanyStore } from '@/stores'
+
+const userStore = useUserStore()
+const companyStore = useCompanyStore()
+
+const addEnditDialog = ref(false)
+
+const form = ref()
+const FormModel = ref({
+  username: '',
+  phone: '',
+  role: '1'
+})
+
+const open = () => {
+  addEnditDialog.value = true
+}
+const rules = {
+  username: [{ required: true, message: '请输入姓名！', trigger: 'blur' }],
+  phone: [
+    { required: true, message: '请输入手机号码！', trigger: 'blur' },
+    {
+      pattern: /(^((\+86)|(86))?(1[3-9])\d{9}$)|(^(0\d{2,3})-?(\d{7,8})$)/,
+      message: '输入的手机号码格式不正确，请重新输入',
+      trigger: 'blur'
+    }
+  ]
+}
+
+const emit = defineEmits(['getAdminList'])
+const submitForm = async () => {
+  await form.value.validate()
+
+  await useAddAdmin(
+    companyStore.encoding,
+    userStore.userInfo.id,
+    FormModel.value.username,
+    FormModel.value.phone,
+    FormModel.value.role
+  )
+  ElMessage.success('添加成功！')
+  FormModel.value = {
+    username: '',
+    phone: '',
+    role: '1'
+  }
+
+  addEnditDialog.value = false
+
+  emit('getAdminList')
+}
+defineExpose({
+  open
+})
+</script>
+
+<template>
+  <el-dialog v-model="addEnditDialog" title="添加管理员" width="30%">
+    <el-form
+      ref="form"
+      label-width="150px"
+      style="padding-right: 30px"
+      :model="FormModel"
+      :rules="rules"
+    >
+      <el-form-item label="姓名" prop="username">
+        <el-input
+          v-model="FormModel.username"
+          placeholder="请输入管理员姓名"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="账号/手机号码" prop="phone">
+        <el-input v-model="FormModel.phone" placeholder="请输入账号/手机号码" />
+      </el-form-item>
+    </el-form>
+    <div><span class="fontstyle">注:初始化密码就是账号的后六位</span></div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm"> 确认 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style scoped>
+.fontstyle {
+  font-weight: bold;
+  color: red;
+}
+</style>

src/views/question/container/components/AddShareQuestionDialog.vue

@@ -124,7 +124,7 @@ defineExpose({
       <el-table-column property="title" label="标题" width="200" />
       <el-table-column property="typeName" label="题库名称" />
       <el-table-column property="details" label="内容" show-overflow-tooltip />
-      <el-table-column property="promote" label="promote" />
+      <el-table-column property="answer" label="题目预设答案" />
       <el-table-column property="createUserName" label="创建人" />
       <el-table-column property="updateTime" label="更新时间" />
     </el-table>

src/views/question/container/components/AddSharedQuestionTypeToMineDialog.vue

@@ -19,7 +19,9 @@ const open = (SharedBankIds) => {
   submitForm.value.userId = userStore.userInfo.id
 }
 const addEndit = async () => {
+  console.log(submitForm.value)
   const res = await useAddQuestionTypeFromShare(submitForm.value)
+
   ElMessage.success(res.data.data)
   submitForm.value = {
     SharedBankIds: [],

src/views/question/container/components/MySharedQuestionEditDialog.vue

@@ -31,7 +31,7 @@ const rules = {
   title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
   typeName: [{ required: true, message: '请选择题库类型', trigger: 'blur' }],
   details: [{ required: true, message: '请输入题目详情', trigger: 'blur' }],
-  promote: [{ required: true, message: '请输入题目的promote', trigger: 'blur' }]
+  answer: [{ required: true, message: '请输入题目的预设答案', trigger: 'blur' }]
 }
 const form = ref()
 const update = async () => {
@@ -91,9 +91,9 @@ defineExpose({
           placeholder="请输入题目详情"
         />
       </el-form-item>
-      <el-form-item label="题目promote" prop="promote">
+      <el-form-item label="题目预设答案" prop="answer">
         <el-input
-          v-model="updateForm.promote"
+          v-model="updateForm.answer"
           :autosize="{ minRows: 2, maxRows: 4 }"
           type="textarea"
           placeholder="请输入题目的promote"

src/views/recruitment/CompanyManagement.vue

@@ -68,13 +68,6 @@ const getCompanyDetail = async () => {
 
   submitForm.value.userId = userStore.userInfo.id
 
-  // submitForm.value.address = submitForm.value.address.slice(1, -1).split(', ')
-
-  // submitForm.value.treatment = submitForm.value.treatment
-  //   .slice(1, -1)
-  //   .split(', ')
-
-  // submitForm.value.images = submitForm.value.images.slice(1, -1).split(', ')
 
   if (res.data.data.images === '') {
     submitForm.value.images = []
@@ -140,10 +133,7 @@ const UploadImage = async (file) => {
 }
 //移除图片功能
 const handleRemove = async (file) => {
-  console.log('删除')
-  console.log(file.name)
   await useDeletePic(file.name)
-
   handleEndit()
 }
 //预览图片功能
@@ -204,7 +194,6 @@ const handleEndit = async () => {
       }
     })
   )
-  console.log(submitForm.value.companyLogo)
   submitForm.value.subLogo = JSON.stringify(
     submitForm.value.companyLogo.map((item) => {
       return {
@@ -214,7 +203,6 @@ const handleEndit = async () => {
     })
   )
   submitForm.value.treatment = JSON.stringify(submitForm.value.treatment)
-  console.log(submitForm.value)
   const res = await useUploadCompanyDetail(submitForm.value)
   ElMessage.success(res.data.data)
 

vite.config.js

@@ -26,7 +26,7 @@ export default defineConfig({
   
   //代理设置
   server: {
-    port: 5173,
+    port: 5174,
     host: '0.0.0.0',
     base: './',
     cors: true, // 默认启用并允许任何源