求职

src/api/news.js

@@ -127,10 +127,54 @@ export function getWebsiteNavList(data) {
     })
   }
 
-//20250226  产品列表
-//20250306求职
+//20250226产品列表
 
 //20250306求职
+export function getJobHuntingList(params) {
+  return request({
+    url: '/news/getJobHuntingList',
+    method: 'post',
+    params
+  })
+}
+export function addJobHunting(data) {
+  return request({
+    url: '/news/addJobHunting',
+    method: 'post',
+    data
+  })
+}
+export function delJobHunting(data) {
+  return request({
+    url: '/news/delJobHunting',
+    method: 'post',
+    data
+  })
+}
+export function getJobHuntingInfo(data) {
+  return request({
+    url: '/news/getJobHuntingInfo',
+    method: 'post',
+    data
+  })
+}
+export function updateJobHunting(data) {
+  return request({
+    url: '/news/updateJobHunting',
+    method: 'post',
+    data
+  })
+}
+export function getJobHuntingData(data) {
+  return request({
+    url: '/news/getJobHuntingData',
+    method: 'post',
+    data
+  })
+}
+//20250306求职
+
+
 
 
 

src/router/modules/dangyunlong.js

@@ -427,5 +427,39 @@ const dangyunlongRouter= [
       }
     ]
   },
+  {
+    path: '/jobHuntingList',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/jobHuntingList'),
+        meta: {
+          title: '求职信息',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+
+  },
+  {
+    path: '/addJobHunting',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/addJobHunting'),
+        meta: {
+          title: '添加求职',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+
+  },
 ]
 export default dangyunlongRouter

src/store/modules/news.js

@@ -1,5 +1,6 @@
 import { getArticleList,addArticle,delArticle,getArticleInfo,updateArticle,upArticleStatus,
-  getSurveyList,getSurveyInfo, getGoodList,getGoodInfo,addGood,delGood,updateGood,websiteList,getWebsiteNavList
+  getSurveyList, getSurveyInfo, getGoodList, getGoodInfo, addGood, delGood, updateGood, websiteList, getWebsiteNavList,
+  getJobHuntingList, getJobHuntingInfo,addJobHunting,delJobHunting,updateJobHunting,getJobHuntingData
 } from '@/api/news'
 
 const state = {
@@ -148,6 +149,7 @@ const actions = {
       })
     })
   },
+   //20250226  产品列表
   websiteList({ commit }, data)  {
     return new Promise((resolve, reject) => {
       websiteList(data).then(response => {
@@ -166,7 +168,69 @@ const actions = {
       })
     })
   },
-   //20250226  产品列表
+
+  //20250306  求职信息
+  getJobHuntingList
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      getJobHuntingList(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getJobHuntingInfo
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      getJobHuntingInfo(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addJobHunting
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      addJobHunting(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  delJobHunting
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      delJobHunting(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateJobHunting
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      updateJobHunting(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getJobHuntingData
+  ({ commit }, data)  {
+    return new Promise((resolve, reject) => {
+      getJobHuntingData(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  //20250306  求职信息
 
 
 

src/views/news/GoodList.vue

@@ -82,7 +82,7 @@
               <template slot-scope="scope">
                 <div class="listBtnBox">
                   <div class="listDeleteBtn" @click="deleteRow(scope.row.id, tableData)"><i
-                      class="el-icon-delete"></i>移除</div>
+                      class="el-icon-delete"></i>删除</div>
                   <div class="listEditBtn" @click="goEdit(scope.row.id, tableData)"><i
                       class="el-icon-edit-outline"></i>编辑</div>
                 </div>

src/views/news/addJobHunting.vue

@@ -1,193 +1,1256 @@
 <template>
-  <div class="job-hunting-form">
-    <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-      <!-- 个人信息 -->
-      <el-form-item label="头像">
-        <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false"
-          :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
-          <img v-if="form.avatar" :src="form.avatar" class="avatar">
-          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-        </el-upload>
-      </el-form-item>
-      <el-form-item label="姓名" prop="name">
-        <el-input v-model="form.name"></el-input>
-      </el-form-item>
-      <el-form-item label="性别" prop="gender">
-        <el-radio-group v-model="form.gender">
-          <el-radio label="男">男</el-radio>
-          <el-radio label="女">女</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="出生日期" prop="birthDate">
-        <el-date-picker v-model="form.birthDate" type="date" placeholder="选择日期"></el-date-picker>
-      </el-form-item>
-
-      <!-- 求职意向 -->
-      <el-form-item label="期望职位" prop="expectedPosition">
-        <el-input v-model="form.expectedPosition"></el-input>
-      </el-form-item>
-      <el-form-item label="期望行业" prop="expectedIndustry">
-        <el-input v-model="form.expectedIndustry"></el-input>
-      </el-form-item>
-      <el-form-item label="期望薪资" prop="expectedSalary">
-        <el-input v-model="form.expectedSalary"></el-input>
-      </el-form-item>
-
-      <!-- 教育背景 -->
-      <el-form-item label="学校名称" prop="schoolName">
-        <el-input v-model="form.schoolName"></el-input>
-      </el-form-item>
-      <el-form-item label="专业" prop="major">
-        <el-input v-model="form.major"></el-input>
-      </el-form-item>
-      <el-form-item label="学历" prop="education">
-        <el-select v-model="form.education" placeholder="请选择">
-          <el-option label="本科" value="本科"></el-option>
-          <el-option label="硕士" value="硕士"></el-option>
-          <el-option label="博士" value="博士"></el-option>
-        </el-select>
-      </el-form-item>
-
-      <!-- 工作经历 -->
-      <el-form-item label="公司名称" prop="companyName">
-        <el-input v-model="form.companyName"></el-input>
-      </el-form-item>
-      <el-form-item label="职位" prop="position">
-        <el-input v-model="form.position"></el-input>
-      </el-form-item>
-      <el-form-item label="工作时间" prop="workTime">
-        <el-date-picker v-model="form.workTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-          end-placeholder="结束日期"></el-date-picker>
-      </el-form-item>
-
-      <!-- 项目经验 -->
-      <el-form-item label="项目名称" prop="projectName">
-        <el-input v-model="form.projectName"></el-input>
-      </el-form-item>
-      <el-form-item label="项目描述" prop="projectDescription">
-        <el-input v-model="form.projectDescription" type="textarea" :rows="4"></el-input>
-      </el-form-item>
-
-      <!-- 技能证书 -->
-      <el-form-item label="技能" prop="skills">
-        <el-input v-model="form.skills" type="textarea" :rows="4"></el-input>
-      </el-form-item>
-      <el-form-item label="证书" prop="certificates">
-        <el-input v-model="form.certificates" type="textarea" :rows="4"></el-input>
-      </el-form-item>
-
-      <el-form-item>
-        <el-button type="primary" @click="submitForm('form')">提交</el-button>
-        <el-button @click="resetForm('form')">重置</el-button>
-      </el-form-item>
-    </el-form>
+  <div class="mainBox">
+    <!-- 浮动目录 -->
+    <div class="floating-menu"
+      style="position: fixed; top: 20%; right: 130px; transform: translate(-50%, -50%); z-index: 222; opacity: 0.8;">
+      <div class="menu-item" @click="scrollToSection('personalInfo')">个人信息</div>
+      <div class="menu-item" @click="scrollToSection('jobIntentions')">求职意向</div>
+      <div class="menu-item" @click="scrollToSection('professionalSkills')">专业技能</div>
+      <div class="menu-item" @click="scrollToSection('workExperience')">工作经验</div>
+      <div class="menu-item" @click="scrollToSection('educationExperience')">教育经历</div>
+    </div>
+    <div class="layerBox">
+
+      <div id="personalInfo">
+        <tableTitle name="个人信息" />
+        <!-- 个人信息表单内容 -->
+      </div>
+      <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
+        <div class="formDiv">
+          <el-form-item label="头像：" class="custom-align-right" prop="imgUrl">
+            <div class="uploaderBox">
+              <el-upload class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
+                <!-- <img v-if="imgUrl" :src="imgUrl" class="avatar">
+                  <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
+                <!-- 预览图片 -->
+                <img v-if="imgUrl" :src="imgUrl" class="avatar">
+                <!-- 上传图标 -->
+                <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
+                <div v-else class="chooseImgDiv">
+                  <div>
+                    <img src="@/assets/public/upload/noImage.png">
+                    <div>选择图片</div>
+                  </div>
+                </div>
+
+              </el-upload>
+              <div class="imgBox" style="color:red;margin-left: 00px ;margin-bottom: 20px; padding-top: -20px;">
+                请添加图片，上传格式要求jpg、gif、png，不大于500 k</div>
+            </div>
+          </el-form-item>
+          <el-form-item label="姓名：" prop="name" class="custom-align-right">
+            <template #label>
+              <span class="askBox">
+                姓名：
+              </span>
+            </template>
+            <el-input v-model="form.name" autocomplete="off" placeholder="请输入姓名"></el-input>
+          </el-form-item>
+          <div v-if="creatNews_user_type != 10000">
+            <el-form-item label="导航池名称：" prop="cat_arr_id" class="custom-align-right">
+              <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的导航池名称" :props="parentData"
+                filterable clearable></el-cascader>
+            </el-form-item>
+          </div>
+          <div v-if="creatNews_user_type == 10000">
+
+            <el-form-item label="站点名称:" prop="cat_arr_id" class="custom-align-right">
+              <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称"
+                :options="creatNews_nav_pool_arr" @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable
+                clearable></el-cascader>
+            </el-form-item>
+
+
+            <el-form-item label="导航池名称：" prop="cat_arr_id" class="custom-align-right">
+              <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的父级导航" :props="parentData_2"
+                filterable clearable></el-cascader>
+            </el-form-item>
+
+          </div>
+          <el-form-item label="性别：" prop="sexy" class="custom-align-right">
+            <el-radio-group v-model="form.sexy">
+              <el-radio :label="1">男</el-radio>
+              <el-radio :label="2">女</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item label="参加工作时间：" prop="jobtime" class="custom-align-right">
+            <el-date-picker v-model="form.jobtime" type="date" placeholder="选择参加工作时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="手机号:" prop="phone" class="custom-align-right">
+            <el-input v-model="form.phone" autocomplete="off" placeholder="请输入手机号"></el-input>
+          </el-form-item>
+          <el-form-item label="微信号:" prop="phone" class="custom-align-right">
+            <el-input v-model="form.phone" autocomplete="off" placeholder="请输入微信号"></el-input>
+          </el-form-item>
+
+          <el-form-item label="出生年月：" prop="validity" class="custom-align-right">
+            <el-date-picker v-model="form.birth" type="date" placeholder="选择出生年月">
+            </el-date-picker>
+          </el-form-item>
+
+          <el-form-item label="最高学历：" class="custom-align-right" style="width: 100%;">
+            <el-select v-model="form.educational" placeholder="请选择最高学历">
+              <el-option v-for="item in educations" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="政治面貌：" class="custom-align-right" style="width: 100%;">
+            <el-select v-model="form.politic" placeholder="请选择政治面貌">
+              <el-option label="群众" :value="1"></el-option>
+              <el-option label="团员" :value="2"></el-option>
+              <el-option label="党员" :value="3"></el-option>
+              <el-option label="其他" :value="4"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="籍贯:" prop="origin" class="custom-align-right">
+            <el-input v-model="form.origin" autocomplete="off" placeholder="请输入籍贯"></el-input>
+          </el-form-item>
+
+          <el-form-item label="语言能力：" class="custom-align-right" style="width: 100%; display: inline;">
+            <el-select v-model="form.language" placeholder="请选择语种" style="width: 40%;">
+              <el-option v-for="item in languages" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+            </el-select>
+            <el-select v-model="form.level" placeholder="请选择掌握程度" style="width: 40%;">
+              <el-option v-for="item in languagetypes" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-divider content-position="right"> </el-divider>
+          <div id="jobIntentions">
+            <tableTitle name="求职意向" />
+            <!-- 求职意向表单内容 -->
+          </div>
+          <el-form-item label="发布地点：" prop="city_arr_id" class="custom-align-right">
+            <el-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="发布地区：" :props="cityData" filterable
+              clearable></el-cascader>
+          </el-form-item>
+
+          <el-form-item label="职位性质" class="custom-align-right" style="width: 100%;">
+            <el-select v-model="form.politic" placeholder="请选择职位性质">
+              <el-option v-for="item in natures" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="所属行业：" prop="industry" class="custom-align-right" style="width: 100%;">
+            <el-select v-model="form.industry" placeholder="请选择所属行业">
+              <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
+                :value="item.hyid"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="职位名称：" prop="job" class="custom-align-right">
+            <el-select v-model="form.job" placeholder="请选择职位名称">
+              <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
+                :value="item.zwid"></el-option>
+
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="公司性质：" prop="company_nature" class="custom-align-right">
+            <el-select v-model="form.company_nature" placeholder="请选择公司性质：">
+              <el-option v-for="item in jobNature" :key="item.id" :label="item.nature_name"
+                :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="薪资范围：" prop="salary" class="custom-align-right">
+            <el-select v-model="form.salary" placeholder="请选择薪资范围：">
+              <el-option v-for="item in incomes" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="个人评价:" prop="self_evaluation" class="custom-align-right">
+            <el-input v-model="form.self_evaluation" autocomplete="off" type="textarea" aria-rowspan="6"
+              placeholder="请输入个人评价"></el-input>
+          </el-form-item>
+          <el-divider content-position="right"> </el-divider>
+          <div id="professionalSkills">
+            <tableTitle name="专业技能" />
+            <!-- 专业技能表单内容 -->
+          </div>
+          <el-form-item style="margin: 0px;">
+            <el-button type="primary" @click="addSkill" style="display:inline-block;float: right;margin-bottom: 0px;">
+              +
+              添加</el-button>
+          </el-form-item>
+
+          <!-- <el-form-item v-for="(item, index) in form.skillsList" :key="index" :label="`专业技能 ${index + 1}:`"
+            prop="skills11" class="custom-align-right">
+
+            <el-input v-model="form.skillsList[index]" autocomplete="off" placeholder="请输入专业技能"> </el-input>
+          </el-form-item> -->
+
+          <el-form-item v-for="(item, index) in form.skillList" :key="index" :label="'技能' + (index + 1)"
+            prop="skillList" class="custom-align-right">
+            <el-input v-model="form.skillList[index].skill" autocomplete="off" placeholder="请输入专业技能"></el-input>
+
+          </el-form-item>
+          <el-divider content-position="right"> </el-divider>
+
+
+          <div id="workExperience">
+            <tableTitle name="工作经历" />
+          </div>
+          <el-form-item style="margin: 0px;">
+            <el-button type="primary" @click="addExperience"
+              style="display:inline-block  ;float: right;margin-bottom: 0px;">
+              +
+              添加</el-button>
+          </el-form-item>
+
+
+          <div v-for="(item, index) in form.job_experience" :key="index">
+
+            <el-form-item label="公司名称:" prop="company_name" class="custom-align-right">
+              <el-input v-model="form.job_experience[index].company_name" autocomplete="off"
+                placeholder="请输入公司名称"></el-input>
+            </el-form-item>
+
+
+            <el-form-item label="所属行业：" prop="job_industry" class="custom-align-right" style="width: 100%;">
+              <el-select v-model="form.job_experience[index].job_industry" placeholder="请选择所属行业">
+                <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
+                  :value="item.hyid"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="职位名称：" prop="job_name" class="custom-align-right">
+              <el-select v-model="form.job_experience[index].job_name" placeholder="请选择职位名称">
+                <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
+                  :value="item.zwid"></el-option>
+
+              </el-select>
+            </el-form-item>
+            <el-form-item label="所属部门:" prop="department" class="custom-align-right">
+              <el-input v-model="form.job_experience[index].department" autocomplete="off"
+                placeholder="请输入所属部门"></el-input>
+            </el-form-item>
+
+            <el-form-item label="在职时间：" prop="job_timeList" class="custom-align-right">
+              <el-date-picker v-model="form.job_experience[index].job_timeList" type="daterange" range-separator="至"
+                start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="工作内容:" prop="job_content" class="custom-align-right">
+              <el-input v-model="form.job_experience[index].job_content" autocomplete="off" type="textarea"
+                aria-rowspan="6" placeholder="请输入工作内容"></el-input>
+            </el-form-item>
+            <el-form-item label="工作业绩:" prop="performance" class="custom-align-right">
+              <el-input v-model="form.job_experience[index].performance" autocomplete="off" type="textarea"
+                aria-rowspan="6" placeholder="请输入工作业绩"></el-input>
+            </el-form-item>
+            <el-divider content-position="right">{{ index + 1 }}</el-divider>
+          </div>
+
+
+          <div id="educationExperience">
+            <tableTitle name="教育经历" />
+            <!-- 教育经历表单内容 -->
+          </div>
+          <el-form-item style="margin: 0px;">
+            <el-button type="primary" @click="addEducation"
+              style="display:inline-block  ;float: right;margin-bottom: 0px;">
+              +
+              添加</el-button>
+          </el-form-item>
+          <div v-for="(item, index) in form.education_experience" :key="index">
+            <el-form-item label="学校名称:" prop="school_name" class="custom-align-right">
+              <el-input v-model="form.education_experience[index].school_name" autocomplete="off"
+                placeholder="请输入学校名称"></el-input>
+            </el-form-item>
+            <el-form-item label="学历：" prop="school_education" class="custom-align-right" style="width: 100%;">
+              <el-select v-model="form.education_experience[index].school_education" placeholder="请选择学历">
+                <el-option v-for="item in educations" :key="item.id" :label="item.ename" :value="item.id"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="专业:" prop="school_major" class="custom-align-right">
+              <el-input v-model="form.education_experience[index].school_major" autocomplete="off"
+                placeholder="请输入专业"></el-input>
+            </el-form-item>
+
+
+            <el-form-item label="时间段：" prop="school_timeList" class="custom-align-right">
+              <el-date-picker v-model="form.education_experience[index].school_timeList" type="daterange"
+                range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="在校经历:" prop="school_experience" class="custom-align-right">
+              <el-input v-model="form.education_experience[index].school_experience" autocomplete="off" type="textarea"
+                aria-rowspan="6" placeholder="请输入在校经历"></el-input>
+            </el-form-item>
+            <el-divider content-position="right"> </el-divider>
+          </div>
+        </div>
+      </el-form>
+    </div>
+    <div class="bottomBtnBox">
+      <el-button type="info" @click="returnPage">返回</el-button>
+      <el-button type="primary" @click="editToServe" v-if="editStatus == true">确定</el-button>
+      <el-button type="primary" @click="addToServe" v-else>发布求职</el-button>
+    </div>
+
   </div>
+
 </template>
 
 <script>
+import { getWebSiteId, getUseType } from '@/utils/auth'
+//表格标题
+import tableTitle from './components/tableTitle';
+//引入公用样式
+import '@/styles/global.less';
+
+import { quillEditor } from 'vue-quill-editor';
+import 'quill/dist/quill.snow.css';
+import ImageResize from 'quill-image-resize-module';
+import Quill from 'quill';  // 引入 Quill
+import Delta from 'quill-delta'; // 引入 Delta，用于手动修改文档
+//格式化时间
+import { formatLocalDate } from '@/utils/public';
+
+// 注册 Image Resize 模块
+Quill.register('modules/imageResize', ImageResize);
+
+//解决富文本样式居中不显示
+import 'quill/dist/quill.core.css';
+
 export default {
+  components: {
+    quillEditor,
+    tableTitle
+  },
   data() {
+
+    //0.全局操作 start ------------------------------------------------------------>
+    //表单验证
+    const validateEmpty = (rule, value, callback) => {
+      console.log(rule, '-------------rule--------')
+      if (value == '') {
+        callback(new Error('该项不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    const validateArray = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value.length == 0) {
+        callback(new Error('该项不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    const validateArraySkill = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      //查看value中的skill是不是为空
+      let $values = value.filter(item => {
+        return item.skill == ''
+      })
+      if ($values.length > 0) {
+        callback(new Error('技能项不能有空！'))
+      } else {
+        callback()
+      }
+    }
+    const validateCompanyNameEmpty = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value.length == 0) {
+        callback(new Error('该项不能为空！'))
+      }
+      value.forEach(item => {
+        if (item == '') {
+          callback(new Error('公司名称不能为空！'))
+        }
+      })
+      callback()
+    }
+    const validateJobIndustryEmpty = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value == '') {
+        callback(new Error('该项不能为空！'))
+      }
+      value.forEach(item => {
+        if (item == '') {
+          callback(new Error('所属行业不能为空！'))
+        }
+      })
+      callback()
+    }
+    const validateJobContentEmpty = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value.length == 0) {
+        callback(new Error('该项不能为空！'))
+      }
+      value.forEach(item => {
+        if (item == '') {
+          callback(new Error('工作内容不能为空！'))
+        }
+      })
+      callback()
+    }
+    const validateJobNameEmpty = (rule, value, callback) => {
+      console.log(value, '--------1-----value--------')
+      if (value == '') {
+        callback(new Error('该项不能为空！'))
+      }
+      value.forEach(item => {
+        if (item == '') {
+          callback(new Error('职位名称不能为空！'))
+        }
+      })
+      callback()
+    }
+    const validateJobTimeListEmpty = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value == '') {
+        callback(new Error('该项不能为空！'))
+      }
+      value.forEach(item => {
+        if (item == '') {
+          callback(new Error('工作时间不能为空！'))
+        }
+      })
+      callback()
+    }
+
+    const validateNumber = (rule, value, callback) => {
+      console.log(value, '-------------value--------')
+      if (value == '') {
+        callback(new Error('该项不能为空！'))
+      } else if (isNaN(value)) {
+      }
+    }
+    let self = this;
+    //0.全局操作 end ------------------------------------------------------------>
     return {
+      jobIndustry: {},
+      jobNature: {},
+      jobPosition: {},
+      jobEnum: {},
+      educations: [],
+      languages: [],
+      languagetypes: [],
+      natures: [],
+      maritals: [],
+      incomes: [],
+
+
+      timeList: [],
+      // imgurl: "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+      imgurl: "",
+      websiteid: 0,
+      cascaderKey: 0,//弹窗用的key
+      creatNews_pid_num: "0",//请求子导航用的pid
+      creatNews_nav_pool_arr: [],//
+      creatNews_add_nav_pool_arr: [],//
+      creatNews_son_website_id_num: "",
+      checked: false,
+      formLabelWidth: '80px',//表单的长度
+      //1.表单项 start ------------------------------------------------------------>
+      editStatus: false,
+      tableDivTitle: "添加求职",
+      disclaimer: true,//免责声明
+      //提交表单
+      creatNews_user_type: 0,//判断用户类型'
       form: {
-        avatar: '',
-        name: '',
-        gender: '',
-        birthDate: '',
-        expectedPosition: '',
-        expectedIndustry: '',
-        expectedSalary: '',
-        schoolName: '',
-        major: '',
-        education: '',
-        companyName: '',
-        position: '',
-        workTime: '',
-        projectName: '',
-        projectDescription: '',
-        skills: '',
-        certificates: ''
+        industry: 1,//行业
+        job: 1,//职位
+        self_evaluation: '',//自我评价
+        city_arr_id: [],
+        skillList: [{ 'skill': '' }],
+        job_experience: [{
+          company_name: '',
+          job_industry: 1,
+          job_name: 1,
+          department: '',
+          // job_timeList: ['2025-02-21 00:00:00', '2025-02-29 00:00:00'],
+          job_timeList: [],
+          performance: '',
+          job_content: ''
+        }],//工作经验
+        education_experience: [{
+          school_name: '',
+          school_education: '',
+          school_major: '',
+          school_timeList: '',
+          school_experience: ''
+        }],//教育经历
+
+        // 用于存储所有专业技能
+        slelf_evaluation: '',//自我评价
+        cat_arr_id: [],//导航池名称
+        web_site_id: 0,
+        name: "",
+        sexy: 1,
+        // jobtime: "2025-02-21 00:00:00",//工作时间
+        jobtime: "",//工作时间
+        origin: "",
+        //校验专用
+        company_name: [],//公司名称
+        job_industry: [],//行业
+        job_name: [],//职位名称
+        department: [],//所属部门
+        job_timeList: [],//工作时间
+        job_content: [],//工作内容
+        imgUrl: "",
       },
-      rules: {
-        name: [
-          { required: true, message: '请输入姓名', trigger: 'blur' }
-        ],
-        gender: [
-          { required: true, message: '请选择性别', trigger: 'change' }
-        ],
-        birthDate: [
-          { required: true, message: '请选择出生日期', trigger: 'change' }
-        ],
-        expectedPosition: [
-          { required: true, message: '请输入期望职位', trigger: 'blur' }
-        ],
-        expectedIndustry: [
-          { required: true, message: '请输入期望行业', trigger: 'blur' }
-        ],
-        expectedSalary: [
-          { required: true, message: '请输入期望薪资', trigger: 'blur' }
-        ],
-        schoolName: [
-          { required: true, message: '请输入学校名称', trigger: 'blur' }
-        ],
-        major: [
-          { required: true, message: '请输入专业', trigger: 'blur' }
-        ],
-        education: [
-          { required: true, message: '请选择学历', trigger: 'change' }
-        ],
-        companyName: [
-          { required: true, message: '请输入公司名称', trigger: 'blur' }
-        ],
-        position: [
-          { required: true, message: '请输入职位', trigger: 'blur' }
-        ],
-        workTime: [
-          { required: true, message: '请选择工作时间', trigger: 'change' }
-        ],
-        projectName: [
-          { required: true, message: '请输入项目名称', trigger: 'blur' }
-        ],
-        projectDescription: [
-          { required: true, message: '请输入项目描述', trigger: 'blur' }
-        ],
-        skills: [
-          { required: true, message: '请输入技能', trigger: 'blur' }
-        ],
-        certificates: [
-          { required: true, message: '请输入证书', trigger: 'blur' }
-        ]
-      }
+      //1.2 表单验证规则
+      formRules: {
+        skillList: [{ required: true, trigger: 'blur', validator: validateArraySkill }],
+        //求职名称不能为空
+        name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        imgUrl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        sexy: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        jobtime: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        origin: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        city_arr_id: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        industry: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        job: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        slelf_evaluation: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        company_name: [{ required: true, trigger: 'blur', validator: validateCompanyNameEmpty }],
+        job_industry: [{ required: true, trigger: 'blur', validator: validateJobIndustryEmpty }],
+        job_name: [{ required: true, trigger: 'blur', validator: validateJobNameEmpty }],
+        job_timeList: [{ required: true, trigger: 'blur', validator: validateJobTimeListEmpty }],
+        job_content: [{ required: true, trigger: 'blur', validator: validateJobContentEmpty }],
+        cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
+      },
+      //1.3富文本编辑器配置
+      showHtml: false, //用于保存源码内容
+      editorHtml: '',
+      editorOptions: {
+        placeholder: '请输入内容...',
+        theme: 'snow',  // 主题样式
+        modules: {
+          toolbar: {
+            container: [
+              [{ 'font': [] }],                                // 字体
+              [{ 'header': [1, 2, 3, 4, 5, 6, false] }],       // 标题
+              [{ 'size': ['small', false, 'large', 'huge'] }],  // 字体大小
+              ['bold', 'italic', 'underline', 'strike'],        // 加粗、斜体、下划线、删除线
+              [{ 'color': [] }, { 'background': [] }],          // 文字颜色、背景颜色
+              [{ 'script': 'sub' }, { 'script': 'super' }],     // 上标、下标
+              [{ 'list': 'ordered' }, { 'list': 'bullet' }],     // 列表
+              [{ 'indent': '-1' }, { 'indent': '+1' }],          // 缩进
+              [{ 'align': [] }],                                // 对齐方式
+              ['blockquote', 'code-block'],                     // 引用、代码块
+              ['link', 'image', 'video'],                       // 链接、图片、视频
+              ['clean'],
+              [{ 'html': true }]  // 添加自定义按钮的占位符
+            ],
+            handlers: {
+              image: () => {
+                this.handleImageClick();
+              },
+              showHtml: function () {
+                this.$emit('toggleSourceMode');
+              }
+            }
+          },
+          imageResize: {
+            displayStyles: {
+              backgroundColor: 'black',
+              border: 'none',
+              color: 'white'
+            },
+            modules: ['Resize', 'DisplaySize', 'Toolbar']  // 启用不同的调整方式
+          }
+        }
+      },
+      //1.4图片上传
+      //获取父级导航池
+      parentKey: 0,//获取父级导航
+
+      parentData: {
+        checkStrictly: true,
+        lazy: true,
+        async lazyLoad(node, resolve) {
+          const { level, data } = node;
+          if (data && data.children && data.children.length !== 0) {
+            return resolve(node)
+          }
+          console.log(level)
+          let parentId = level == 0 ? 0 : data.value
+          let parames = {
+            'pid': parentId
+          }
+          self.$store.dispatch('pool/categoryList', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            }
+          })
+        }
+      },
+      //时间跨度
+      pickerOptions: {
+        selectableRange: '1900-01-01 to 2100-12-31', // 允许选择的日期范围
+        // disabledDate(time) {
+        //   return time.getTime() < Date.now() - 86400000; // 禁用今天之前的日期
+        // },
+      },
+
+      parentKey_2: 0,//获取父级导航
+      parentData_2: {
+        checkStrictly: true,
+        lazy: true,
+        async lazyLoad(node, resolve) {
+          const { level, data } = node;
+          if (data && data.children && data.children.length !== 0) {
+            return resolve(node)
+          }
+
+          let parentId;
+
+          if (data != undefined) {
+            parentId = data.value;
+          } else {
+            parentId = self.creatNews_pid_num.toString();
+          }
+
+          let parames = {
+            'website_id': self.form.web_site_id ? self.form.web_site_id : self.websiteid,
+            'pid': parentId
+
+          }
+
+          self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
+
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.category_id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            }
+          })
+        }
+      },
+
+      cityData: {
+        checkStrictly: true,
+        lazy: true,
+        async lazyLoad(node, resolve) {
+          const { level, data } = node;
+          if (data && data.children && data.children.length !== 0) {
+            return resolve(node)
+          }
+          console.log(level, '====level-----')
+          let parentId = level == 0 ? 0 : data.value
+          let parames = {
+            'pid': parentId
+          }
+          self.$store.dispatch('pool/getcityList', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            }
+          })
+        }
+      },
+      inputList: [
+        { value: '' }
+      ]
+      //表单项 end ------------------------------------------------------------>
     };
   },
   methods: {
-    submitForm(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          alert('提交成功!');
-        } else {
-          console.log('error submit!!');
-          return false;
+    getJobHuntingData() {
+      this.$store.dispatch('news/getJobHuntingData', {}).then(res => {
+        if (res.code == 200) {
+          this.jobEnum = res.data.jobEnum;
+          this.educations = this.jobEnum.filter(item => item.egroup === 'education');
+          this.languages = this.jobEnum.filter(item => item.egroup === 'language');
+          this.languagetypes = this.jobEnum.filter(item => item.egroup === 'languagetype');
+          this.natures = this.jobEnum.filter(item => item.egroup === 'nature');
+          this.maritals = this.jobEnum.filter(item => item.egroup === 'marital');
+          this.incomes = this.jobEnum.filter(item => item.egroup === 'income');
+
+          this.jobIndustry = res.data.jobIndustry;
+          this.jobNature = res.data.jobNature;
+          this.jobPosition = res.data.jobPosition;
+        }
+      })
+    },
+    // ... 其他方法
+    addSkill() {
+      //判断skill是不是为空，为空则不能添加
+      const hasEmptySkill = this.form.skillList.some(item => {
+        if (item.skill == '') {
+          this.$message.error('请先填写专业技能');
+          return true; // 返回 true 表示找到了空的 skill
         }
+        return false; // 返回 false 表示没有找到空的 skill
+      });
+      if (hasEmptySkill) {
+        return; // 如果有空的 skill，则提前结束 addSkill 方法
+      }
+      this.form.skillList.push({ skill: '' });
+    },
+    addExperience() {
+      const hasEmptyExperience = this.form.job_experience.some(item => {
+        if (item.company_name == '' || item.job_industry == '' || item.job_name == '' || item.job_timeList == '' || item.job_content == '') {
+          this.$message.error('请先填写工作经历');
+          return true; // 返回 true 表示找到了空的 skill
+        }
+        return false;
+      })
+      if (hasEmptyExperience) {
+        return; // 如果有空的 skill，则提前结束 addSkill 方法
+      }
+      this.form.job_experience.push({
+        company_name: '',
+        job_industry: '',
+        job_name: '',
+        department: '',
+        job_timeList: '',
+        performance: '',
+        job_content: ''
       });
     },
-    resetForm(formName) {
-      this.$refs[formName].resetFields();
+    addEducation() {
+      const hasEmptyEducation = this.form.education_experience.some(item => {
+
+        if (item.school_name == '') {
+          this.$message.error('请先填写学校名称');
+          return true; // 返回 true 表示找到了空的 skill
+        }
+      })
+      if (hasEmptyEducation) {
+        return; // 如果有空的 skill，则提前结束 addSkill 方法
+      }
+      this.form.education_experience.push({
+        school_name: '',
+        degree: '',
+        major: '',
+        graduation_time: ''
+      });
     },
-    handleAvatarSuccess(res, file) {
-      this.form.avatar = URL.createObjectURL(file.raw);
+    scrollToSection(id) {
+      const element = document.getElementById(id);
+      if (element) {
+        element.scrollIntoView({ behavior: 'smooth' });
+      }
     },
+
+    //1.提交表单 start ------------------------------------------------------------>
+    //1.1 直接上传图片
     beforeAvatarUpload(file) {
       const isJPG = file.type === 'image/jpeg';
+      const isPNG = file.type === 'image/png';
       const isLt2M = file.size / 1024 / 1024 < 2;
 
-      if (!isJPG) {
-        this.$message.error('上传头像图片只能是 JPG 格式!');
+      if (!isJPG && !isPNG) {
+        this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
+        return false;
       }
       if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!');
+        this.$message.error('上传缩略图大小不能超过 2MB!');
+        return false;
       }
-      return isJPG && isLt2M;
+
+      const formData = new FormData();
+      formData.append('file', file);
+      this.$store.dispatch('pool/uploadFile', formData).then(res => {
+        this.imgUrl = res.data.imgUrl;//显示缩略图
+        this.form.imgurl = res.data.imgUrl;//提供表单地址
+        console.log(res.data.imgUrl)
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+      // 阻止默认的上传行为
+      return false;
+    },
+    //1.2 提交表单
+    addToServe() {
+      //先进行验证
+      console.log(this.form, '-------------form--------');
+      this.$refs.form.validate(valid => {
+
+        if (valid) {
+          console.log(this.form)
+          this.form.job_experience = JSON.stringify(this.form.job_experience);
+          this.form.education_experience = JSON.stringify(this.form.education_experience);
+          this.form.skillList = JSON.stringify(this.form.skillList);
+          this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
+          this.form.cat_arr_id = JSON.stringify(this.form.cat_arr_id);
+          this.form.website_id = this.form.web_site_id == 0 ? this.websiteid : this.form.web_site_id;
+          //去掉this.form.web_site_id
+          delete this.form.web_site_id;
+          if (this.form.website_id == 0) {
+            this.$message.error('请选择站点名称');
+            return;
+          }
+
+          if (this.form.jobtime != '' || this.form.jobtime != null) {
+            this.form.jobtime = formatLocalDate(this.form.jobtime);
+          } else {
+            this.form.jobtime = null;
+          }
+          if (this.form.birth != '' || this.form.birth != null) {
+            this.form.birth = formatLocalDate(this.form.birth);
+          } else {
+            this.form.birth = null;
+          }
+          this.form.job_timeList.forEach(item => {
+            item = formatLocalDate(item);
+          });
+
+          this.$store.dispatch('news/addJobHunting', this.form).then(res => {
+            if (res.code == 200) {
+              //汇报结果
+              this.$message({
+                type: 'success',
+                message: '已成功添加求职！'
+              });
+              this.cleatForm(2);
+              //返回列表页
+              this.returnPage()
+            } else {
+              this.$message({
+                type: 'error',
+                message: "求职发布失败，请稍后再试！"
+              });
+            }
+          }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '网络错误，请重试！'
+            });
+          })
+        }
+      })
+    },
+    //1.3 清理表单
+    cleatForm(type) {
+      this.form = {
+        title: '',//求职标题
+        islink: 0,//是否使用外链 0非 1是
+        linkurl: "",//外链地址
+        //1.2没有使用外链
+        cat_arr_id: '',//导航池名称
+        level: "",//推荐等级
+        web_site_id: 0,
+        name: "",
+        sexy: 1,
+        jobtime: "",//工作时间
+        //校验专用
+        company_name: [],//公司名称
+        job_industry: [],//行业
+        job_name: [],//职位名称
+        department: [],//所属部门
+        job_timeList: [],//工作时间
+        job_content: [],//工作内容
+      };
+      this.imgUrl = "";
+    },
+    //提交表单 end ------------------------------------------------------------>
+
+    //2.跳转操作 start ------------------------------------------------------------>
+    returnPage() {
+      this.$router.push({
+        path: '/jobHuntingList',
+      });
+    },
+    //跳转操作 end ------------------------------------------------------------>
+
+    //3.回显操作 ------------------------------------------------------------>
+    //3.1回显数据
+    getMainData() {
+      let data = {
+        id: this.$route.query.id
+      };
+      this.$store.dispatch('news/getJobHuntingInfo', data).then(res => {
+        console.log(res);
+
+        this.form.web_site_id = res.data.web_site_id    //站点名称
+        this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
+        this.parentKey += 1; // 触发级联选择器重新加载
+        this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
+
+        this.form.name = res.data.name;
+        this.form.sexy = res.data.sexy;
+        this.form.age = res.data.age;
+        this.form.phone = res.data.phone;
+        this.form.email = res.data.email;
+        this.form.address = res.data.address;
+        this.form.content = res.data.content;
+        this.form.img = res.data.img;
+        this.imgUrl = res.data.img;
+        this.form.job_experience = JSON.parse(res.data.job_experience);
+        this.form.education_experience = JSON.parse(res.data.education_experience);
+        this.form.skillList = JSON.parse(res.data.skillList);
+
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+    },
+    async loadCascaderPath(path) {
+      for (let i = 0; i < path.length; i++) {
+        const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
+        const level = i; // 当前层级的索引
+        await this.$store.dispatch('pool/categoryList', { pid: parentId })
+          .then((res) => {
+            const nodes = res.data.map(item => ({
+              value: item.id,
+              label: item.name,
+              leaf: level >= 3, // 假设4层结构，设置叶子节点标记
+            }));
+            // 级联选择器加载数据
+            if (level === path.length - 1) {
+              this.form.cat_arr_id = path; // 确保最后一级路径正确设置
+              this.parentKey += 1; // 强制刷新 cascader
+            }
+          });
+      }
+    },
+    //1.3提交修改
+    editToServe() {
+      //提交之前先判断是否为外链
+      //如果使用了外链，清理掉除了外链以外的内容
+
+      //添加要修改的id
+      this.form.id = this.editId;
+      //先进行验证
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          console.log(this.form)
+          this.form.job_experience = JSON.stringify(this.form.job_experience);
+          this.form.education_experience = JSON.stringify(this.form.education_experience);
+          this.form.skillList = JSON.stringify(this.form.skillList);
+          this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
+          this.form.cat_arr_id = JSON.stringify(this.form.cat_arr_id);
+          this.form.website_id = this.form.web_site_id == 0 ? this.websiteid : this.form.web_site_id;
+          //去掉this.form.web_site_id
+          delete this.form.web_site_id;
+          if (this.form.website_id == 0) {
+            this.$message.error('请选择站点名称');
+            return;
+          }
+
+          if (this.form.jobtime != '' || this.form.jobtime != null) {
+            this.form.jobtime = formatLocalDate(this.form.jobtime);
+          } else {
+            this.form.jobtime = null;
+          }
+          if (this.form.birth != '' || this.form.birth != null) {
+            this.form.birth = formatLocalDate(this.form.birth);
+          } else {
+            this.form.birth = null;
+          }
+          this.form.job_timeList.forEach(item => {
+            item = formatLocalDate(item);
+          });
+
+          this.$store.dispatch('news/updateJobHunting', this.form).then(res => {
+            if (res.code != 200) {
+              this.$message.error("修改失败，请稍后再试！");
+            } else {
+              //汇报结果
+              this.$message({
+                type: 'success',
+                message: '已成功编辑求职！'
+              });
+              this.cleatForm(2);
+              //返回列表页
+              this.returnPage()
+            }
+          }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '网络错误，请重试！'
+            });
+          })
+        }
+      })
+    },
+    //跳转操作 end ------------------------------------------------------------>
+    get_creatNews_form_id_fun() {//判断用户类型ajax
+      this.$store.dispatch('public/getInfo').then(res => {
+        //     console.log("res======",res)
+        // this.form.user_type = res.data.type_id;
+
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+      // console.log("this.form.user_type==",this.form);
+      // console.log("this.form.user_type==2",this.form.user_type);
+
+    },
+    get_creatNews_nav_pool_arr_fun() {//xx
+      this.$store.dispatch('pool/get_creatNews_nav_actions', { page: 1, pageSize: 666666 }).then(res => {
+        res.data.rows.forEach((per_obj) => {
+          let new_per = {
+            label: per_obj.website_name,
+            value: per_obj.id,
+          }
+          this.creatNews_nav_pool_arr.push(new_per)
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+
+    },
+    creatNews_nav_pool_change_fun() {
+
+      //xx  导航池级
+      let that = this;
+
+      this.form.web_site_id = this.form.web_site_id[0]
+
+      that.parentKey_2 += 1;
+
+      this.$store.dispatch('pool/get_creatNews_nav_son_actions', { pid: String(this.creatNews_pid_num), website_id: String(this.form.web_site_id) }).then(res => {
+
+
+        if (res.data.length == 0) {//没有导航池子级
+          // alert("没有导航池子级");
+          return
+        }
+
+        this.creatNews_add_nav_pool_arr = res.data;
+
+        this.creatNews_add_nav_pool_arr.forEach((per_obj) => {
+          per_obj.label = per_obj.name,
+            per_obj.value = per_obj.id,
+
+            this.creatNews_pid_num = per_obj.category_id
+        })
+
+
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+
+
+    },
+
+
+
+  },
+
+  mounted() {
+
+
+    this.creatNews_user_type = getUseType()
+    this.websiteid = getWebSiteId()
+    this.get_creatNews_form_id_fun()//
+    this.get_creatNews_nav_pool_arr_fun()//
+    this.getJobHuntingData()
+    console.log(this.websiteid, '-------websiteid-------');
+    //1.判断是新建还是回显
+    if (this.$route.query.id != undefined) {
+      this.editId = this.$route.query.id;
+      this.editStatus = true;
+      console.log("编辑新闻！")
+      this.getMainData();
+    } else {
+      this.editStatus = false;
+      console.log("添加新闻！")
+    }
+    //复制内容到富文本 start ------------------------------------------------------------>
+    //复制富文本 end ------------------------------------------------------------>
+  },
+  watch: {
+    'form.job_experience': {
+      handler(newVal, oldVal) {
+        newVal.forEach((item, index) => {
+          // 确保每个对象都有默认值
+          // if (!item.company_name) item.job_industry = '';
+          // if (!item.job_name) item.job_name = '';
+          // if (!item.department) item.department = '';
+          // if (!item.job_timeList) item.job_timeList = '';
+          // if (!item.job_content) item.job_content = '';
+          // if (!item.performance) item.performance = '';
+          // 检查 company_name 是否发生变化
+          console.log(newVal[index].company_name, oldVal[index].company_name);
+          console.log(newVal[index].job_industry, '---job_industry---');
+          this.form.company_name[index] = item.company_name;
+          this.form.job_industry[index] = item.job_industry;
+          this.form.job_name[index] = item.job_name;
+          this.form.department[index] = item.department;
+          this.form.job_timeList[index] = item.job_timeList;
+          this.form.job_content[index] = item.job_content;
+
+          console.log(this.form.company_name[index], '-=-------company_name---------');
+          console.log(this.form.job_industry, '-=-------job_industry---------');
+          console.log(this.form.company_name, '-=-------job_name---------');
+          // if (oldVal[index] && oldVal[index].company_name !== item.company_name) {
+          //   // 如果发生变化，就修改this.form.company_name相应的值
+          // }
+        });
+      },
+      deep: true // 深度监听数组内部对象的变化
     }
   }
 };
 </script>
+
+<style scoped lang="less">
+.floating-menu {
+  position: fixed;
+  top: 50%;
+  right: 20px;
+  transform: translateY(-50%);
+  background-color: #f8f8f8;
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 4px;
+  z-index: 222;
+}
+
+.menu-item {
+  cursor: pointer;
+  margin-bottom: 5px;
+  font-size: 14px;
+}
+
+.menu-item:hover {
+  color: #409eff;
+}
+
+//文本编辑器
+.QuillTitle {
+  line-height: 36px;
+  font-size: 14px;
+  color: #606266;
+  font-weight: bold;
+  padding-left: 30px;
+
+  span {
+    color: #ff4949
+  }
+
+  .QuillModelBtn {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 12px;
+    color: #999;
+    cursor: pointer;
+  }
+}
+
+.editor-container {
+  height: 420px;
+  padding-bottom: 20px;
+}
+
+.my-quill-editor {
+  height: 320px;
+}
+
+.ql-editor {
+  height: 320px;
+}
+
+/* 富文本对齐方式 */
+.ql-align-center {
+  text-align: center;
+}
+
+.ql-align-right {
+  text-align: right;
+}
+
+.ql-indent-1 {
+  padding-left: 16px;
+}
+
+.ql-indent-2 {
+  padding-left: 32px;
+}
+
+.ql-indent-3 {
+  padding-left: 48px;
+}
+
+.ql-indent-4 {
+  padding-left: 64px;
+}
+
+.ql-indent-5 {
+  padding-left: 80px;
+}
+
+.ql-indent-6 {
+  padding-left: 96px;
+}
+
+.ql-indent-7 {
+  padding-left: 112px;
+}
+
+.ql-indent-8 {
+  padding-left: 128px;
+}
+
+
+//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
+::v-deep .custom-form-item>.el-form-item__label {
+  line-height: 140px !important;
+}
+
+::v-deep .custom-textarea .el-textarea__inner {
+  resize: none;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .custom-align-right .el-form-item__label {
+  text-align: right;
+  /* 设置标签文字右对齐 */
+}
+
+::v-deep .el-select {
+  width: 100%;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .el-input-group__prepend {
+  color: black !important;
+}
+
+.formLabelFloatBox {
+  margin-bottom: 10px;
+  position: relative;
+
+  .formLabeladdIcon {
+    position: absolute;
+    right: 45px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
+  }
+
+  .formLabelDelIcon {
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
+  }
+
+
+}
+
+//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>

src/views/news/creatNews.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mainBox">
     <div class="layerBox">
-      <tableTitle :name="tableDivTitle"/>
+      <tableTitle :name="tableDivTitle" />
       <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
         <div class="formDiv">
           <el-form-item label="资讯题目：" prop="title" class="custom-align-right">
@@ -17,9 +17,10 @@
             <el-checkbox v-model="form.islink">是否使用外链</el-checkbox>
           </el-form-item>
 
-          <div v-if="creatNews_user_type!=10000"> 
+          <div v-if="creatNews_user_type != 10000">
             <el-form-item label="导航池名称：" prop="cat_arr_id" class="custom-align-right">
-              <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的导航池名称" :props="parentData" filterable clearable></el-cascader>
+              <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的导航池名称" :props="parentData"
+                filterable clearable></el-cascader>
             </el-form-item>
             <el-form-item label="外链地址：" prop="linkurl" class="custom-align-right">
               <el-input v-model="form.linkurl" autocomplete="off" placeholder="请输入外链地址"></el-input>
@@ -32,20 +33,23 @@
 
 
           <div>
-            <div v-if="creatNews_user_type==10000">
-                  
-                  <el-form-item label="站点名称:" prop="cat_arr_id" class="custom-align-right">
-                        <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称" :options="creatNews_nav_pool_arr" @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable clearable></el-cascader>
-                  </el-form-item>  
-
-                   
-                   <el-form-item label="导航池名称：" prop="cat_arr_id" class="custom-align-right">
-                        <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的父级导航" :props="parentData_2" filterable clearable></el-cascader>
-                  </el-form-item>  
-                  
+            <div v-if="creatNews_user_type == 10000">
+
+              <el-form-item label="站点名称:" prop="cat_arr_id" class="custom-align-right">
+                <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称"
+                  :options="creatNews_nav_pool_arr" @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable
+                  clearable></el-cascader>
+              </el-form-item>
+
+
+              <el-form-item label="导航池名称：" prop="cat_arr_id" class="custom-align-right">
+                <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的父级导航"
+                  :props="parentData_2" filterable clearable></el-cascader>
+              </el-form-item>
+
             </div>
 
-            <el-form-item label="推荐等级：" class="custom-align-right" >
+            <el-form-item label="推荐等级：" class="custom-align-right">
               <el-select v-model="form.level" clearable placeholder="请选择推荐等级..">
                 <el-option label="头条" :value="1"></el-option>
                 <el-option label="轮播图" :value="2"></el-option>
@@ -54,9 +58,10 @@
                 <el-option label="资讯推荐" :value="5"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="缩略图：" class="custom-align-right" prop="imgUrl" v-if="form.level==2||form.level==3">
+            <el-form-item label="缩略图：" class="custom-align-right" prop="imgUrl" v-if="form.level == 2 || form.level == 3">
               <div class="uploaderBox">
-                <el-upload class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
+                <el-upload class="avatar-uploader" action="#" :show-file-list="false"
+                  :before-upload="beforeAvatarUpload">
                   <!-- <img v-if="imgUrl" :src="imgUrl" class="avatar">
                   <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
                   <!-- 预览图片 -->
@@ -74,7 +79,8 @@
             </el-form-item>
             <el-form-item label="缩略图：" class="custom-align-right" v-else>
               <div class="uploaderBox">
-                <el-upload class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
+                <el-upload class="avatar-uploader" action="#" :show-file-list="false"
+                  :before-upload="beforeAvatarUpload">
                   <!-- <img v-if="imgUrl" :src="imgUrl" class="avatar">
                   <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
                   <!-- 预览图片 -->
@@ -110,7 +116,8 @@
                   </el-tooltip>
                 </span>
               </template>
-              <el-input type="textarea" v-model="form.introduce" class="custom-textarea" placeholder="请输入资讯描述"></el-input>
+              <el-input type="textarea" v-model="form.introduce" class="custom-textarea"
+                placeholder="请输入资讯描述"></el-input>
             </el-form-item>
             <div class="QuillTitle">
               <span>* </span>资讯内容：
@@ -124,10 +131,12 @@
                   <textarea v-model="editorHtml" style="width: 100%; height: 400px;"></textarea>
                 </div>
                 <div v-else>
-                  <quill-editor ref="quillEditor" v-model="form.content" :options="editorOptions" class="my-quill-editor"/>
+                  <quill-editor ref="quillEditor" v-model="form.content" :options="editorOptions"
+                    class="my-quill-editor" />
                 </div>
                 <!-- 多图上传隐藏的input -->
-                <input type="file" ref="multiFileInput" @change="handleMultipleFiles" multiple hidden accept="image/jpeg, image/png" />
+                <input type="file" ref="multiFileInput" @change="handleMultipleFiles" multiple hidden
+                  accept="image/jpeg, image/png" />
               </div>
             </el-form-item>
             <el-form-item label="作者：" prop="author" class="custom-align-right">
@@ -142,7 +151,7 @@
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
-            <div v-if="form.is_original==0">
+            <div v-if="form.is_original == 0">
               <el-form-item label="来源名称：" prop="copyfrom" class="custom-align-right">
                 <el-input v-model="form.copyfrom" autocomplete="off" placeholder="请输入来源名称"></el-input>
               </el-form-item>
@@ -151,15 +160,17 @@
               </el-form-item>
               <div class="disclaimerBox">
                 <div class="disclaimerTitle">
-                  <img src="@/assets/public/check.png"/>同意《免责声明》：
+                  <img src="@/assets/public/check.png" />同意《免责声明》：
                   <!-- <el-checkbox v-model="disclaimer" disabled="disabled"></el-checkbox> -->
                 </div>
-                <div class="disclaimerText">本文来源于网络转载，仅供学习交流使用，不构成商业目的。版权归原作者所有，如涉及作品内容、版权和其他问题，请在30日内与本站联系，我们将在第一时间处理。</div>
+                <div class="disclaimerText">本文来源于网络转载，仅供学习交流使用，不构成商业目的。版权归原作者所有，如涉及作品内容、版权和其他问题，请在30日内与本站联系，我们将在第一时间处理。
+                </div>
               </div>
             </div>
-            <div v-if="form.is_original==1">
+            <div v-if="form.is_original == 1">
               <el-form-item label="来源名称：" prop="copyfrom" class="custom-align-right">
-                <el-input v-model="form.copyfrom" autocomplete="off" placeholder="请输入来源名称" disabled="disabled"></el-input>
+                <el-input v-model="form.copyfrom" autocomplete="off" placeholder="请输入来源名称"
+                  disabled="disabled"></el-input>
               </el-form-item>
             </div>
 
@@ -169,50 +180,53 @@
                 <el-option label="待发布" :value="0"></el-option>
               </el-select>
             </el-form-item>
-           
+
             <el-form-item label="是否开启投票：" prop="is_survey" class="custom-align-right">
-              <el-radio-group v-model="form.is_survey" >
+              <el-radio-group v-model="form.is_survey">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
               </el-radio-group>
             </el-form-item>
-            <div v-if="form.is_survey==1">
-            <el-form-item label="问卷标题：" prop="survey_name" class="custom-align-right">
-              <el-input v-model="form.survey_name" autocomplete="off" placeholder="请输入问卷标题"></el-input>
-            </el-form-item>
-            <el-form-item label="选项：" prop="survey_type" class="custom-align-right">
-              <el-radio-group v-model="form.survey_type" >
-                <el-radio :label="0">单选</el-radio>
-                <el-radio :label="1">多选</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label=""   class="custom-align-right">
-              <div v-for="(input, index) in inputList" :key="index">
-                 <div class="formLabelFloatBox">
-                  <el-input autocomplete="off" v-model="input.value" maxlength="150" :label-width="formLabelWidth"  placeholder="">  <template slot="prepend">{{ index+1 }}</template></el-input>
-                  <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addInput(index)" class="formLabeladdIcon"></el-button>
-                  <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteInput(index)"  class="formLabelDelIcon"></el-button>
-                </div>  
-            </div>
-          </el-form-item>
-          <el-form-item label=""  class="custom-align-right">
+            <div v-if="form.is_survey == 1">
+              <el-form-item label="问卷标题：" prop="survey_name" class="custom-align-right">
+                <el-input v-model="form.survey_name" autocomplete="off" placeholder="请输入问卷标题"></el-input>
+              </el-form-item>
+              <el-form-item label="选项：" prop="survey_type" class="custom-align-right">
+                <el-radio-group v-model="form.survey_type">
+                  <el-radio :label="0">单选</el-radio>
+                  <el-radio :label="1">多选</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="" class="custom-align-right">
+                <div v-for="(input, index) in inputList" :key="index">
+                  <div class="formLabelFloatBox">
+                    <el-input autocomplete="off" v-model="input.value" maxlength="150" :label-width="formLabelWidth"
+                      placeholder=""> <template slot="prepend">{{ index + 1 }}</template></el-input>
+                    <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addInput(index)"
+                      class="formLabeladdIcon"></el-button>
+                    <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteInput(index)"
+                      class="formLabelDelIcon"></el-button>
+                  </div>
+                </div>
+              </el-form-item>
+              <el-form-item label="" class="custom-align-right">
                 <el-checkbox v-model="checked">允许用户自己填写</el-checkbox>
-            </el-form-item>
-          </div>
+              </el-form-item>
+            </div>
           </div>
         </div>
       </el-form>
     </div>
     <div class="bottomBtnBox">
       <el-button type="info" @click="returnPage">返回</el-button>
-      <el-button type="primary" @click="editToServe" v-if="editStatus==true">确定</el-button>
+      <el-button type="primary" @click="editToServe" v-if="editStatus == true">确定</el-button>
       <el-button type="primary" @click="addToServe" v-else>发布资讯</el-button>
     </div>
   </div>
 </template>
 
 <script>
-import { getWebSiteId,getUseType} from '@/utils/auth'
+import { getWebSiteId, getUseType } from '@/utils/auth'
 //表格标题
 import tableTitle from './components/tableTitle';
 //引入公用样式
@@ -236,17 +250,17 @@ export default {
     tableTitle
   },
   data() {
-    
+
     //0.全局操作 start ------------------------------------------------------------>
     //表单验证
-    const validateEmpty = (rule,value,callback) => {
+    const validateEmpty = (rule, value, callback) => {
       if (value.length == 0) {
         callback(new Error('该项不能为空！'))
       } else {
         callback()
       }
     }
-    const validateArray = (rule,value,callback) => {
+    const validateArray = (rule, value, callback) => {
       if (value.length == 0) {
         callback(new Error('该项不能为空！'))
       } else {
@@ -256,90 +270,90 @@ export default {
     let self = this;
     //0.全局操作 end ------------------------------------------------------------>
     return {
-      websiteid:0,
-      creatNews_pid_num:"0",//请求子导航用的pid
-      creatNews_nav_pool_arr:[],//
-      creatNews_add_nav_pool_arr:[],//
-      creatNews_son_website_id_num:"",
-      checked:false,
+      websiteid: 0,
+      creatNews_pid_num: "0",//请求子导航用的pid
+      creatNews_nav_pool_arr: [],//
+      creatNews_add_nav_pool_arr: [],//
+      creatNews_son_website_id_num: "",
+      checked: false,
       formLabelWidth: '80px',//表单的长度
       //1.表单项 start ------------------------------------------------------------>
-      editStatus:false,
-      tableDivTitle:"添加资讯",
-      disclaimer:true,//免责声明
+      editStatus: false,
+      tableDivTitle: "添加资讯",
+      disclaimer: true,//免责声明
       //提交表单
 
-      creatNews_user_type:0,//判断用户类型'
+      creatNews_user_type: 0,//判断用户类型'
 
       form: {
 
-            user_type:"??",//判断用户类型'
-            cat_arr_id:0,//导航池名称
-            nav_add_pool_id:[],//导航池子级
+        user_type: "??",//判断用户类型'
+        cat_arr_id: 0,//导航池名称
+        nav_add_pool_id: [],//导航池子级
 
 
         //1.1使用了外链
         title: '',//资讯标题
-        islink:0,//是否使用外链 0非 1是
-        linkurl:"",//外链地址
+        islink: 0,//是否使用外链 0非 1是
+        linkurl: "",//外链地址
         //1.2没有使用外链
-        cat_arr_id:'',//导航池名称
-        level:"",//推荐等级
-        imgurl:"",//缩略图
-        keyword:"",//关键词
-        introduce:"",//描述
-        content:"",//内容
-        author:"",//作者
-        hits:"",//浏览量
-        is_original:0,//是否为原创 0非 1是
-        copyfrom:"",//来源名称
-        fromurl:"",//来源地址
-        status:0,//状态 0待发布 1已发布 404已删除
+        cat_arr_id: '',//导航池名称
+        level: "",//推荐等级
+        imgurl: "",//缩略图
+        keyword: "",//关键词
+        introduce: "",//描述
+        content: "",//内容
+        author: "",//作者
+        hits: "",//浏览量
+        is_original: 0,//是否为原创 0非 1是
+        copyfrom: "",//来源名称
+        fromurl: "",//来源地址
+        status: 0,//状态 0待发布 1已发布 404已删除
         web_site_id: 0,
-        is_survey:1,//调查问卷：0：否；1：是；
-        survey_name:"",//问卷名称
-        suvey_array:"",//选项名称集合 
-        survey_type:0 //0:单选 1：复选
+        is_survey: 1,//调查问卷：0：否；1：是；
+        survey_name: "",//问卷名称
+        suvey_array: "",//选项名称集合
+        survey_type: 0 //0:单选 1：复选
       },
       //1.2 表单验证规则
       formRules: {
 
 
 
-            //导航池名称不能为空
-            cat_arr_id:[{required:true,trigger:'blur',validator:validateArray}],
-            
+        //导航池名称不能为空
+        cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
+
 
         //资讯名称不能为空
-        title:[{required:true,trigger:'blur',validator:validateEmpty}],
+        title: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //如果使用了外链，外链地址不能为空
-        linkurl:[{required:true,trigger:'blur',validator:validateEmpty}],
+        linkurl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //导航池名称不能为空
-        cat_arr_id:[{required:true,trigger:'blur',validator:validateArray}],
+        cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
         //推荐等级不能为空
         //level:[{required:true,trigger:'blur',validator:validateEmpty}],
         //关键词不能为空
-        keyword:[{required:true,trigger:'blur',validator:validateEmpty}],
+        keyword: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //描述不能为空
-        introduce:[{required:true,trigger:'blur',validator:validateEmpty}],
+        introduce: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //内容不能为空
-        content:[{required:true,trigger:'blur',validator:validateEmpty}],
+        content: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //作者不能为空
-        author:[{required:true,trigger:'blur',validator:validateEmpty}],
+        author: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //是否原创不能为空
-        is_original:[{required:true,trigger:'blur',validator:validateEmpty}],
+        is_original: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //来源名称和地址不能为空
-        copyfrom:[{required:true,trigger:'blur',validator:validateEmpty}],
-        fromurl:[{required:true,trigger:'blur',validator:validateEmpty}],
+        copyfrom: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        fromurl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //缩略图不能为空
-        imgUrl:[{required:true,trigger:'blur',validator:validateEmpty}],
-        level:[{required:true,trigger:'blur',validator:validateEmpty}],
+        imgUrl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        level: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //是否开启投票
-        is_survey:[{required:true,trigger:'blur',validator:validateEmpty}],
+        is_survey: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //问卷标题
-        survey_name:[{required:true,trigger:'blur',validator:validateEmpty}],
+        survey_name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
         //选项
-        survey_type:[{required:true,trigger:'blur',validator:validateEmpty}],
+        survey_type: [{ required: true, trigger: 'blur', validator: validateEmpty }],
       },
       //1.3富文本编辑器配置
       showHtml: false, //用于保存源码内容
@@ -356,8 +370,8 @@ export default {
               ['bold', 'italic', 'underline', 'strike'],        // 加粗、斜体、下划线、删除线
               [{ 'color': [] }, { 'background': [] }],          // 文字颜色、背景颜色
               [{ 'script': 'sub' }, { 'script': 'super' }],     // 上标、下标
-              [{ 'list': 'ordered'}, { 'list': 'bullet' }],     // 列表
-              [{ 'indent': '-1'}, { 'indent': '+1' }],          // 缩进
+              [{ 'list': 'ordered' }, { 'list': 'bullet' }],     // 列表
+              [{ 'indent': '-1' }, { 'indent': '+1' }],          // 缩进
               [{ 'align': [] }],                                // 对齐方式
               ['blockquote', 'code-block'],                     // 引用、代码块
               ['link', 'image', 'video'],                       // 链接、图片、视频
@@ -368,7 +382,7 @@ export default {
               image: () => {
                 this.handleImageClick();
               },
-              showHtml: function() {
+              showHtml: function () {
                 this.$emit('toggleSourceMode');
               }
             }
@@ -384,14 +398,14 @@ export default {
         }
       },
       //1.4图片上传
-      imgUrl:"",//在页面上显示缩略图
+      imgUrl: "",//在页面上显示缩略图
       //获取父级导航池
-      parentKey:0,//获取父级导航
+      parentKey: 0,//获取父级导航
 
       parentData: {
         checkStrictly: true,
         lazy: true,
-        async lazyLoad (node, resolve) {
+        async lazyLoad(node, resolve) {
           const { level, data } = node;
           if (data && data.children && data.children.length !== 0) {
             return resolve(node)
@@ -399,9 +413,9 @@ export default {
           console.log(level)
           let parentId = level == 0 ? 0 : data.value
           let parames = {
-            'pid':parentId
+            'pid': parentId
           }
-          self.$store.dispatch('pool/categoryList',parames).then(res=> {
+          self.$store.dispatch('pool/categoryList', parames).then(res => {
             if (res.data) {
               const nodes = res.data.map(item => ({
                 value: item.id,
@@ -415,32 +429,32 @@ export default {
         }
       },
 
-      parentKey_2:0,//获取父级导航 
-      parentData_2: { 
+      parentKey_2: 0,//获取父级导航
+      parentData_2: {
         checkStrictly: true,
         lazy: true,
-        async lazyLoad (node, resolve) {
+        async lazyLoad(node, resolve) {
           const { level, data } = node;
           if (data && data.children && data.children.length !== 0) {
             return resolve(node)
           }
-         
+
           let parentId;
-         
-          if(data!=undefined){
+
+          if (data != undefined) {
             parentId = data.value;
-          }else{ 
+          } else {
             parentId = self.creatNews_pid_num.toString();
           }
-          
+
           let parames = {
-            'website_id':self.form.web_site_id ?self.form.web_site_id :self.websiteid,
-            'pid':parentId
-            
+            'website_id': self.form.web_site_id ? self.form.web_site_id : self.websiteid,
+            'pid': parentId
+
           }
-           
-          self.$store.dispatch('pool/get_creatNews_nav_son_actions',parames).then(res=> {
-             
+
+          self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
+
             if (res.data) {
               const nodes = res.data.map(item => ({
                 value: item.category_id,
@@ -459,7 +473,7 @@ export default {
       ]
       //表单项 end ------------------------------------------------------------>
     };
- 
+
   },
 
 
@@ -467,9 +481,9 @@ export default {
     //---------------------------
     addInput(index) {
       // 在当前索引后插入一个新的输入框对象
-      if(this.inputList.length>10){
-         this.$message.warning('最多只能添加10个文本框');
-         return false;
+      if (this.inputList.length > 10) {
+        this.$message.warning('最多只能添加10个文本框');
+        return false;
       }
       this.inputList.splice(index + 1, 0, { value: '' });
     },
@@ -500,7 +514,7 @@ export default {
       const formData = new FormData();
       formData.append('file', file);
 
-      this.$store.dispatch('pool/uploadFile',formData).then(res=> {
+      this.$store.dispatch('pool/uploadFile', formData).then(res => {
         this.imgUrl = res.data.imgUrl;//显示缩略图
         this.form.imgurl = res.data.imgUrl;//提供表单地址
         console.log(res.data.imgUrl)
@@ -515,8 +529,8 @@ export default {
       return false;
     },
     //1.2 提交表单
-    addToServe(){
-      if(this.form.is_survey==1){
+    addToServe() {
+      if (this.form.is_survey == 1) {
         const hasEmptyInput = this.inputList.some(input => input.value === '');
         if (hasEmptyInput) {
           // 如果有输入框为空，弹出提示信息
@@ -524,11 +538,11 @@ export default {
           return;
         }
         const inputLists = this.inputList.map(input => input.value);
-        const allowList = [this.checked?1:0,""];
-        if(this.checked){
+        const allowList = [this.checked ? 1 : 0, ""];
+        if (this.checked) {
           inputLists.push(allowList);
         }
-        if(inputLists.length<3){
+        if (inputLists.length < 3) {
           this.$message.error('投票答案必须大于2条');
           return;
         }
@@ -539,22 +553,22 @@ export default {
       // return false;
       //提交之前先判断是否为外链
       //如果使用了外链，清理掉除了外链以外的内容
-      if(this.form.islink==true){
+      if (this.form.islink == true) {
         this.form.islink = 1;
         this.cleatForm(1)
-      }else{
+      } else {
         this.form.islink = 0;
       }
       //如果推荐等级为空，则设置为0
-      if(this.form.level==""){
+      if (this.form.level == "") {
         this.form.level = 0;
       }
       //先进行验证
       this.$refs.form.validate(valid => {
         if (valid) {
           //console.log(this.form)
-          this.$store.dispatch('news/addArticle',this.form).then(res=> {
-            if(res.code==200){
+          this.$store.dispatch('news/addArticle', this.form).then(res => {
+            if (res.code == 200) {
               //汇报结果
               this.$message({
                 type: 'success',
@@ -563,7 +577,7 @@ export default {
               this.cleatForm(2);
               //返回列表页
               this.returnPage()
-            }else{
+            } else {
               this.$message({
                 type: 'error',
                 message: "资讯发布失败，请稍后再试！"
@@ -579,8 +593,8 @@ export default {
       })
     },
     //1.3 清理表单
-    cleatForm(type){
-      if(type==1){
+    cleatForm(type) {
+      if (type == 1) {
         //使用了外链，进行部分表单清理
         //this.form.cat_arr_id = "";
         this.form.level = "";
@@ -595,7 +609,7 @@ export default {
         this.form.fromurl = "";
         this.form.status = "";
       }
-      if(type==2){
+      if (type == 2) {
         //完全清理表单
         this.form.title = "";
         this.form.islink = "";
@@ -617,7 +631,7 @@ export default {
     //提交表单 end ------------------------------------------------------------>
 
     //2.跳转操作 start ------------------------------------------------------------>
-    returnPage(){
+    returnPage() {
       this.$router.push({
         path: '/articleList',
       });
@@ -634,17 +648,17 @@ export default {
         console.log(res);
         this.form.title = res.data.title;
         //判断是否使用了外链
-        if(res.data.islink==1){
+        if (res.data.islink == 1) {
           this.form.islink = true;
-        }else{  
+        } else {
           this.form.islink = false;
         }
 
         //不是原创的时候显示来源
-        if(res.data.is_original==1){
+        if (res.data.is_original == 1) {
           this.form.is_original = 1;
           this.form.copyfrom = "本网";
-        }else{
+        } else {
           this.form.is_original = 0;
           this.$nextTick(() => {
             this.form.is_original = 0;
@@ -658,10 +672,10 @@ export default {
 
 
 
-        this.form.web_site_id=res.data.web_site_id    //站点名称
- 
+        this.form.web_site_id = res.data.web_site_id    //站点名称
+
         this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
-         
+
         this.parentKey += 1; // 触发级联选择器重新加载
         this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
 
@@ -681,19 +695,19 @@ export default {
         this.form.is_survey = res.data.is_survey;
         this.form.survey_type = res.data.survey_type;
         this.inputList = [];
-        if(res.data.survey_array.length>0){
+        if (res.data.survey_array.length > 0) {
           res.data.survey_array.forEach(item => {
-            if(item.is_other==0){
-              this.inputList.push({"value":item.choice_name});
-            }else{
+            if (item.is_other == 0) {
+              this.inputList.push({ "value": item.choice_name });
+            } else {
               this.checked = true
             }
-          
+
           });
-        }else{
-          this.inputList.push({"value":""});
+        } else {
+          this.inputList.push({ "value": "" });
         }
-        console.log( this.inputList)
+        console.log(this.inputList)
       }).catch(() => {
         this.$message({
           type: 'info',
@@ -723,10 +737,10 @@ export default {
       }
     },
     //1.3提交修改
-    editToServe(){
+    editToServe() {
       //提交之前先判断是否为外链
       //如果使用了外链，清理掉除了外链以外的内容
-      if(this.form.is_survey==1){
+      if (this.form.is_survey == 1) {
         const hasEmptyInput = this.inputList.some(input => input.value === '');
         if (hasEmptyInput) {
           // 如果有输入框为空，弹出提示信息
@@ -734,23 +748,23 @@ export default {
           return;
         }
         const inputLists = this.inputList.map(input => input.value);
-        const allowList = [this.checked?1:0,""];
-        if(this.checked){
+        const allowList = [this.checked ? 1 : 0, ""];
+        if (this.checked) {
           inputLists.push(allowList);
         }
-        if(inputLists.length<3){
+        if (inputLists.length < 3) {
           this.$message.error('投票答案必须大于2条');
           return;
         }
         this.form.suvey_array = JSON.stringify(inputLists);
       }
-    
+
       console.log(this.form)
-      if(this.form.islink==1){
+      if (this.form.islink == 1) {
         this.cleatForm(1)
       }
       //如果推荐等级为空，则设置为0
-      if(this.form.level==""){
+      if (this.form.level == "") {
         this.form.level = 0;
       }
       //添加要修改的id
@@ -759,10 +773,10 @@ export default {
       this.$refs.form.validate(valid => {
         if (valid) {
           //console.log(this.form)
-          this.$store.dispatch('news/updateArticle',this.form).then(res=> {
-            if(res.code!=200){
+          this.$store.dispatch('news/updateArticle', this.form).then(res => {
+            if (res.code != 200) {
               this.$message.error("修改失败，请稍后再试！");
-            }else{
+            } else {
               //汇报结果
               this.$message({
                 type: 'success',
@@ -782,10 +796,10 @@ export default {
       })
     },
     //1.4 修改是否原创
-    changeIsOriginal(){
-      if(this.form.is_original==1){
+    changeIsOriginal() {
+      if (this.form.is_original == 1) {
         this.form.copyfrom = "本网";
-      }else{
+      } else {
         this.form.copyfrom = "";
         this.form.fromurl = "";
       }
@@ -898,91 +912,91 @@ export default {
     //富文本编辑器 end ------------------------------------------------------------>
 
 
-    get_creatNews_form_id_fun(){//判断用户类型ajax
-             
-             this.$store.dispatch('public/getInfo').then(res=> {
-                   //     console.log("res======",res)
-                   this.form.user_type = res.data.type_id;
-              
-                   }).catch(() => {
-                         this.$message({
-                               type: 'info',
-                               message: '网络错误，请重试！'
-                         });
-                   })
-             
-        
-                   // console.log("this.form.user_type==",this.form);
-                   // console.log("this.form.user_type==2",this.form.user_type);
-          
-       },
- 
-
-
-       get_creatNews_nav_pool_arr_fun(){//xx
-            this.$store.dispatch('pool/get_creatNews_nav_actions',{page:1,pageSize:666666}).then(res=> {
-                   
-                   
-                  res.data.rows.forEach(( per_obj ) => { 
-
-                        let new_per = {
-                              label: per_obj.website_name,
-                              value: per_obj.id,
-                        }
-
-                        this.creatNews_nav_pool_arr.push( new_per )
-
-                  })
-
-                  
-            }).catch(() => {
-              this.$message({
-                type: 'info',
-                message: '网络错误，请重试！'
-              });
-            })
+    get_creatNews_form_id_fun() {//判断用户类型ajax
 
-      },
+      this.$store.dispatch('public/getInfo').then(res => {
+        //     console.log("res======",res)
+        this.form.user_type = res.data.type_id;
 
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
 
-      creatNews_nav_pool_change_fun(){  
-            
-            //xx  导航池级
-            let that = this;
-               
-            this.form.web_site_id = this.form.web_site_id[0]
-             
-            that.parentKey_2 += 1;
 
+      // console.log("this.form.user_type==",this.form);
+      // console.log("this.form.user_type==2",this.form.user_type);
 
-            this.$store.dispatch('pool/get_creatNews_nav_son_actions',{pid:String(this.creatNews_pid_num),website_id:String(this.form.web_site_id)}).then(res=> {
-              
-                   
-                  if(res.data.length==0){//没有导航池子级
-                        // alert("没有导航池子级");
-                        return
-                  }
+    },
 
-                  this.creatNews_add_nav_pool_arr=res.data;
- 
-                  this.creatNews_add_nav_pool_arr.forEach(( per_obj ) => { 
-                    per_obj.label=per_obj.name, 
-                    per_obj.value=per_obj.id,
-                     
-                    this.creatNews_pid_num=per_obj.category_id      
-                  })
- 
-
-            }).catch(() => {
-              this.$message({
-                type: 'info',
-                message: '网络错误，请重试！'
-              });
-            })
 
 
-      },
- 
+    get_creatNews_nav_pool_arr_fun() {//xx
+      this.$store.dispatch('pool/get_creatNews_nav_actions', { page: 1, pageSize: 666666 }).then(res => {
+
+
+        res.data.rows.forEach((per_obj) => {
+
+          let new_per = {
+            label: per_obj.website_name,
+            value: per_obj.id,
+          }
+
+          this.creatNews_nav_pool_arr.push(new_per)
+
+        })
+
+
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+
+    },
+
+
+    creatNews_nav_pool_change_fun() {
+
+      //xx  导航池级
+      let that = this;
+
+      this.form.web_site_id = this.form.web_site_id[0]
+
+      that.parentKey_2 += 1;
+
+
+      this.$store.dispatch('pool/get_creatNews_nav_son_actions', { pid: String(this.creatNews_pid_num), website_id: String(this.form.web_site_id) }).then(res => {
+
+
+        if (res.data.length == 0) {//没有导航池子级
+          // alert("没有导航池子级");
+          return
+        }
+
+        this.creatNews_add_nav_pool_arr = res.data;
+
+        this.creatNews_add_nav_pool_arr.forEach((per_obj) => {
+          per_obj.label = per_obj.name,
+            per_obj.value = per_obj.id,
+
+            this.creatNews_pid_num = per_obj.category_id
+        })
+
+
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+
+
+    },
+
 
 
 
@@ -991,22 +1005,22 @@ export default {
 
   },
 
-  mounted(){
-      this.creatNews_user_type = getUseType()
-      this.websiteid= getWebSiteId()
+  mounted() {
+    this.creatNews_user_type = getUseType()
+    this.websiteid = getWebSiteId()
+
+    this.get_creatNews_form_id_fun()//
+    this.get_creatNews_nav_pool_arr_fun()//
 
-      this.get_creatNews_form_id_fun()//
-      this.get_creatNews_nav_pool_arr_fun()//
- 
 
 
     //1.判断是新建还是回显
-    if(this.$route.query.id!=undefined){
+    if (this.$route.query.id != undefined) {
       this.editId = this.$route.query.id;
       this.editStatus = true;
       console.log("编辑新闻！")
       this.getMainData();
-    }else{
+    } else {
       this.editStatus = false;
       console.log("添加新闻！")
     }
@@ -1052,101 +1066,125 @@ export default {
 </script>
 
 <style scoped lang="less">
-  //文本编辑器
-  .QuillTitle {
-    line-height: 36px;
-    font-size: 14px;
-    color: #606266;
-    font-weight:bold;
-    padding-left: 30px;
-    span{
-      color: #ff4949
-    }
-    .QuillModelBtn {
-      display: inline-block;
-      margin-left: 10px;
-      font-size: 12px;
-      color: #999;
-      cursor: pointer;
-    }
-  }
-  .editor-container {
-    height: 420px;
-    padding-bottom:20px;
-  }
-  .my-quill-editor {
-    height: 320px;
-  }
-  .ql-editor {
-    height: 320px;
+//文本编辑器
+.QuillTitle {
+  line-height: 36px;
+  font-size: 14px;
+  color: #606266;
+  font-weight: bold;
+  padding-left: 30px;
+
+  span {
+    color: #ff4949
   }
 
-  /* 富文本对齐方式 */
-	.ql-align-center{
-    text-align: center;
-  }
-  .ql-align-right{
-    text-align: right;
-  }
-  .ql-indent-1{
-    padding-left: 16px;
+  .QuillModelBtn {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 12px;
+    color: #999;
+    cursor: pointer;
   }
-  .ql-indent-2{
-    padding-left: 32px;
-  }
-  .ql-indent-3{
-    padding-left: 48px;
-  }
-  .ql-indent-4{
-    padding-left: 64px;
-  }
-  .ql-indent-5{
-    padding-left: 80px;
-  }
-  .ql-indent-6{
-    padding-left: 96px;
-  }
-  .ql-indent-7{
-    padding-left: 112px;
-  }
-  .ql-indent-8{
-    padding-left: 128px;
+}
+
+.editor-container {
+  height: 420px;
+  padding-bottom: 20px;
+}
+
+.my-quill-editor {
+  height: 320px;
+}
+
+.ql-editor {
+  height: 320px;
+}
+
+/* 富文本对齐方式 */
+.ql-align-center {
+  text-align: center;
+}
+
+.ql-align-right {
+  text-align: right;
+}
+
+.ql-indent-1 {
+  padding-left: 16px;
+}
+
+.ql-indent-2 {
+  padding-left: 32px;
+}
+
+.ql-indent-3 {
+  padding-left: 48px;
+}
+
+.ql-indent-4 {
+  padding-left: 64px;
+}
+
+.ql-indent-5 {
+  padding-left: 80px;
+}
+
+.ql-indent-6 {
+  padding-left: 96px;
+}
+
+.ql-indent-7 {
+  padding-left: 112px;
+}
+
+.ql-indent-8 {
+  padding-left: 128px;
+}
+
+
+//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
+::v-deep .custom-form-item>.el-form-item__label {
+  line-height: 140px !important;
+}
+
+::v-deep .custom-textarea .el-textarea__inner {
+  resize: none;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .custom-align-right .el-form-item__label {
+  text-align: right;
+  /* 设置标签文字右对齐 */
+}
+
+::v-deep .el-select {
+  width: 100%;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .el-input-group__prepend {
+  color: black !important;
+}
+
+.formLabelFloatBox {
+  margin-bottom: 10px;
+  position: relative;
+
+  .formLabeladdIcon {
+    position: absolute;
+    right: 45px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
   }
 
-
-  //执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
-  ::v-deep .custom-form-item > .el-form-item__label {
-    line-height: 140px !important;
-  }
-  ::v-deep .custom-textarea .el-textarea__inner {
-    resize: none; /* 禁止用户拖拽调整大小 */
+  .formLabelDelIcon {
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
   }
-  ::v-deep .custom-align-right .el-form-item__label {
-    text-align: right; /* 设置标签文字右对齐 */
-  }
-  ::v-deep .el-select {
-    width: 100%; /* 禁止用户拖拽调整大小 */
-  }
-  ::v-deep .el-input-group__prepend {
-    color: black !important;
-  }
-  .formLabelFloatBox {
-    margin-bottom: 10px;
-    position: relative;
-    .formLabeladdIcon {
-      position: absolute;
-      right:45px;
-      top:5px;
-      width:38px;
-      height:24px;
-    }
-    .formLabelDelIcon {
-      position: absolute;
-      right:5px;
-      top:5px;
-      width:38px;
-      height:24px;
-    }
-  }
-  //执行v-deep穿透scope选择器 end------------------------------------------------------------>*/
-</style>
+}
+
+//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>

src/views/news/jobHuntingList.vue

@@ -1,81 +1,205 @@
 <template>
-  <div class="job-hunting-list">
-    <el-row :gutter="20">
-      <el-col :span="24">
-        <el-input v-model="searchQuery" placeholder="请输入标签名称" style="width: 300px;"></el-input>
-        <el-button type="primary" @click="handleSearch">搜索</el-button>
-      </el-col>
-    </el-row>
+  <div class="mainBox">
+    <!--搜索功能 start------------------------------------------------------------>
+    <div class="layerBox_search">
+      <div class="layerBoxLine">
+        <el-row>
+          <el-col :span="8">
+            <div class="searchBox">
+              <div class="searchTitle">标签名称</div>
+              <el-input placeholder="请输入标签名称" autocomplete="off" v-model="getApiData.username" />
+            </div>
+          </el-col>
 
-    <el-row :gutter="20" style="margin-top: 20px;">
-      <el-col :span="24">
-        <el-button type="primary" @click="handleAdd">发布求职</el-button>
-      </el-col>
-    </el-row>
+        </el-row>
+      </div>
+    </div>
+    <div class="layerBoxNoBg">
+      <div>
+        <el-button type="primary" @click="goCreat">发布求职信息</el-button>
+      </div>
+      <div>
+        <el-button @click="clearSearchList">重置</el-button>
+        <el-button type="primary" @click="getData('search')">搜索</el-button>
+      </div>
+    </div>
+    <!--搜索功能 end------------------------------------------------------------>
 
-    <el-table :data="tableData" stripe style="width: 100%; margin-top: 20px;">
-      <el-table-column prop="id" label="编号" width="50"></el-table-column>
-      <el-table-column prop="title" label="标题名称"></el-table-column>
-      <el-table-column prop="category" label="分类"></el-table-column>
-      <el-table-column prop="website" label="网站名称"></el-table-column>
-      <el-table-column prop="updateTime" label="更新时间"></el-table-column>
-      <el-table-column prop="publisher" label="发布人"></el-table-column>
-      <el-table-column label="操作" width="180">
-        <template slot-scope="scope">
-          <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-          <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+    <!--表格内容 start------------------------------------------------------------>
+    <div class="layerBox">
+      <tableTitle :name="tableDivTitle" />
+      <el-row>
+        <template>
+          <el-table :data="tableData" style="width: 100%">
+            <el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
+            <el-table-column prop="username" label="标题名称" width=""></el-table-column>
+            <el-table-column prop="category_name" label="分类" width=""></el-table-column>
+            <el-table-column prop="website_name" label="网站名称" width=""></el-table-column>
+            <el-table-column prop="updated_at" label="更新时间" width=""></el-table-column>
 
-    <el-pagination background layout="total, prev, pager, next" :total="total" :current-page="currentPage"
-      @current-change="handlePageChange" style="margin-top: 20px; text-align: right;"></el-pagination>
+            <el-table-column fixed="right" label="操作" width="200" header-align="center">
+              <template slot-scope="scope">
+                <div class="listBtnBox">
+                  <div class="listDeleteBtn" @click="deleteRow(scope.row.id, tableData)"><i
+                      class="el-icon-delete"></i>删除</div>
+                  <div class="listEditBtn" @click="goEdit(scope.row.id, tableData)"><i
+                      class="el-icon-edit-outline"></i>编辑</div>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-row>
+    </div>
+    <!--分页 start------------------------------------------------------------>
+    <div class="alignBox">
+      <el-row>
+        <el-col :span="24">
+          <el-pagination @size-change="handleSizeChange" :current-page="getApiData.page"
+            @current-change="handleCurrentChange" :page-size="10" layout="total, prev, pager, next, jumper"
+            :total="allCount"></el-pagination>
+        </el-col>
+      </el-row>
+    </div>
+    <!--分页 end------------------------------------------------------------>
+    <!--表格内容 end------------------------------------------------------------>
   </div>
 </template>
 
 <script>
+//表格标题
+import tableTitle from './components/tableTitle';
+//引入公用样式
+import '@/styles/global.less';
+
 export default {
+  components: {
+    tableTitle,//表格标题
+  },
   data() {
     return {
-      searchQuery: '',
-      tableData: [
-        { id: 1, title: '13788321145 简历', category: '求职信息', website: '乡村网', updateTime: '2024-06-29 11:22:24', publisher: '13788321145' },
-        { id: 2, title: '13786322134 简历', category: '求职信息', website: '三农资讯网', updateTime: '2024-06-28 17:46:12', publisher: '13786322134' },
-        { id: 3, title: '13931116711 简历', category: '求职信息', website: '', updateTime: '2024-06-26 13:51:13', publisher: '13931116711' },
-        // 更多数据...
-      ],
-      total: 58,
-      currentPage: 1,
-    };
+      //1.列表和分页相关 start ------------------------------------------------------------>
+      tableDivTitle: "求职信息列表",
+      tableData: [],//内容
+      editId: 0,//要修改的网站id
+      getApiData: {
+        name: "",//标题
+        category_name: "",//导航池id
+        website_name: "",//网站名称
+        type_id: "",//发布类型
+
+        page: 1,//当前是第几页
+        page_size: 10,//一共多少条
+      },
+      allCount: 0,//总条数
+      //分页相关 end ------------------------------------------------------------>
+    }
   },
   methods: {
-    handleSearch() {
-      // 实现搜索功能
-      console.log('搜索:', this.searchQuery);
+    //1.列表和分页相关 start ------------------------------------------------------------>
+    //1.1 开始请求列表信息方法
+    getData(type) {
+      if (type == "search") {
+        this.getApiData.page = 1;
+      }
+      console.log(this.getApiData, '---1--')
+      this.$store.dispatch('news/getJobHuntingList', this.getApiData).then(res => {
+        //格式化：islink=0为不使用外面 islink=1为使用外链
+        //status=1为显示 status=2为不显示
+        console.log(res.data, '---2-')
+        let data = [];
+        for (let item of res.data.rows) {
+          item.username = item.username + '简历'
+          item.category_name = '求职信息'
+          // if(item.status==0){item.status="隐藏"}
+          // if(item.status==1){item.status="显示"}
+          // if(item.status==404){item.status="已删除"}
+          // if (item.islink == 0) { item.islink = "否" }
+          // if (item.islink == 1) { item.islink = "是" }
+          data.push(item)
+        }
+        this.tableData = res.data.rows; //给与内容
+        this.allCount = res.data.count; //给与总条数
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '网络错误，请重试！'
+        });
+      })
     },
-    handleAdd() {
-      // 实现添加功能
-      console.log('发布求职');
+    //1.2 删除内容
+    deleteRow(id) {
+      this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        console.log("当前删除：" + id)
+        this.$store.dispatch('news/delJobHunting', { id: id }).then(res => {
+          this.getData();
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'warning',
+            message: '网络错误，请重试！'
+          });
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
     },
-    handleEdit(index, row) {
-      // 实现编辑功能
-      console.log('编辑:', row);
+
+    //1.4 列表内容分页
+    //直接跳转
+    handleSizeChange(val) {
+      this.getApiData.page = val;
+      this.getData();
     },
-    handleDelete(index, row) {
-      // 实现删除功能
-      console.log('删除:', row);
+    //1.5 点击分页
+    handleCurrentChange(val) {
+      this.getApiData.page = val;
+      this.getData();
     },
-    handlePageChange(page) {
-      // 实现分页功能
-      this.currentPage = page;
-      console.log('当前页:', page);
+    //1.6 重置按钮
+    clearSearchList() {
+      this.tableData = [];
+      this.getApiData.username = "";
+
+      this.getApiData.page = 1;
+      this.getApiData.pageSize = 10;
+      this.getData();
+    },
+    //列表和分页相关 end ------------------------------------------------------------>
+
+    //2.添加求职信息start ------------------------------------------------------------>
+    //跳转到求职信息发布页面
+    goCreat() {
+      this.$router.push({
+        path: '/addJobHunting',
+      });
     },
+    goEdit(id) {
+      let data = {
+        id: id
+      }
+      this.$router.push({
+        path: '/addJobHunting',
+        query: data
+      });
+    }
+    //添加求职信息end ------------------------------------------------------------>
   },
-};
+  mounted() {
+    //1.获得初始数据
+    this.getData();
+  }
+}
 </script>
 
-<style scoped>
-.job-hunting-list {
-  padding: 20px;
-}
-</style>
+<style scoped lang="less"></style>