招聘

src/api/news.js

@@ -1,8 +1,8 @@
 import request from '@/utils/request'
 
-//2.投票列表 start ------------------------------------->
+//2.投票列表 start  fr ------------------------------------->
 
-//1.1 获取投票列表
+//2.1 获取投票列表
 export function getSurveyList(params) {
   return request({
     url: '/news/getSurveyList',
@@ -11,7 +11,7 @@ export function getSurveyList(params) {
   })
 }
 
-//1.2 获取投票详情
+//2.2 获取投票详情
 export function getSurveyInfo(data) {
   return request({
     url: '/news/getSurveyInfo',
@@ -19,7 +19,27 @@ export function getSurveyInfo(data) {
     data
   })
 }
+// 2.投票列表 end  fr ------------------------------------->
 
+//3.招聘列表 start  fr ------------------------------------->
+
+//3.1 获取招聘列表
+export function getRecruitingList(params) {
+  return request({
+    url: '/news/getRecruitingList',
+    method: 'post',
+    params
+  })
+}
+//3.2 获取招聘详情
+export function getRecruitingInfo(data) {
+  return request({
+    url: '/news/getRecruitingInfo',
+    method: 'post',
+    data
+  })
+}
+// 3.招聘列表 end  fr ------------------------------------->
 
 //1.资讯中心 start ------------------------------------->
 

src/router/modules/dangyunlong.js

@@ -123,7 +123,7 @@ const dangyunlongRouter= [
       {
         name: '',
         path: '',
-        component: () => import('@/views/news/jobRecruitingList'),
+        component: () => import('@/views/job/jobRecruitingList'),
         meta: {
           title: '招聘列表',
           hidden: true,
@@ -139,7 +139,7 @@ const dangyunlongRouter= [
       {
         name: '',
         path: '',
-        component: () => import('@/views/news/creatJob'),
+        component: () => import('@/views/job/creatJob'),
         meta: {
           title: '发布职位',
           hidden: true,

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,
+  getJobRecruitingList,getJobRecruitingInfo
 } from '@/api/news'
 
 const state = {
@@ -12,8 +13,8 @@ const mutations = {
 
 const actions = {
 
-//2.投票列表 start ---------------------------------------->
-  //获取投票列表
+//1.投票列表 start   fr---------------------------------------->
+  //1.1获取投票列表
   getSurveyList({commit},data) {
     return new Promise((resolve, reject) => {
       getSurveyList(data).then(response => {
@@ -23,7 +24,7 @@ const actions = {
       })
     })
   },
-  //获取投票详情
+  //1.2获取投票详情
   getSurveyInfo({commit},data) {
     return new Promise((resolve, reject) => {
       getSurveyInfo(data).then(response => {
@@ -34,8 +35,32 @@ const actions = {
     })
   },
 
-  //投票列表 end ---------------------------------------->
+  //1投票列表 end ---------------------------------------->
 
+//2.招聘列表 start  fr ---------------------------------------->
+  //2.1获取招聘列表
+  getJobRecruitingList({commit},data) {
+    return new Promise((resolve, reject) => {
+      getJobRecruitingList(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  //2.1获取招聘详情
+  getJobRecruitingInfo({commit},data) {
+    return new Promise((resolve, reject) => {
+      getJobRecruitingInfo(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  //
+  // 招聘列表 end ---------------------------------------->
 
 
   //1.资讯中心 start ---------------------------------------->

src/views/job/components/tableTitle.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="tableTitle">
+    <span class="tableFloatLine"></span>
+    {{name}}
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    name: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      someData: '',
+    };
+  },
+};
+</script>
+
+<style scoped lang="less">
+  .tableTitle {
+    color:#333333;
+    position: relative;
+    padding-bottom: 20px;
+    .tableFloatLine {
+      width: 3px;
+      height:16px;
+      background:#5570F1;
+      display: block;
+      position: absolute;
+      left:-20px;
+      top:1px;
+    }
+  }
+</style>

src/views/news/creatJob.vue → src/views/job/creatJob.vue

@@ -2,203 +2,126 @@
   <div class="mainBox">
     <div class="layerBox">
       <tableTitle :name="tableDivTitle"/>
-      <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
-        <div class="formDiv">
-          <div  v-if="creatNews_user_type==10000">
-          <el-form-item label="站点名称" prop="title" class="custom-align-right">
-            <template #label>
-              <span class="askBox">
-                站点名称：
-              </span>
-            </template>
-            <el-input v-model="form.title" autocomplete="off" placeholder="请输入站点名称"></el-input>
-          </el-form-item>
-        </div>
-            <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>
-            <el-form-item label="招聘职位名称" prop="linkurl" class="custom-align-right">
-              <el-input v-model="form.linkurl" autocomplete="off" placeholder="请输入招聘职位名称"></el-input>
-            </el-form-item>
-            <el-form-item label="作者：" prop="author" class="custom-align-right">
-              <el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input>
-            </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="推荐等级：" 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>
-                <el-option label="推荐图" :value="3"></el-option>
-                <el-option label="热点资讯" :value="4"></el-option>
-                <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">
-              <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>
-            </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">
-                  <!-- <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>
-            </el-form-item>
-            <el-form-item label="资讯关键词：" prop="keyword" class="custom-align-right">
-              <template #label>
-                <span class="askBox">
-                  资讯关键词：
-                  <el-tooltip class="item" effect="dark" content="资讯关键词，如：三农市场网、全国三农、信息一体化。" placement="top">
-                    <i class="el-icon-question"></i>
-                  </el-tooltip>
-                </span>
-              </template>
-              <el-input v-model="form.keyword" autocomplete="off" placeholder="请输入资讯关键词"></el-input>
-            </el-form-item>
-            <el-form-item label="资讯描述：" prop="introduce" class="custom-align-right">
-              <template #label>
-                <span class="askBox">
-                  资讯描述：
-                  <el-tooltip class="item" effect="dark" content="资讯描述，如：中国三农市场网创建以来，社会效益和会员经济效益贡献。" placement="top">
-                    <i class="el-icon-question"></i>
-                  </el-tooltip>
-                </span>
-              </template>
-              <el-input type="textarea" v-model="form.introduce" class="custom-textarea" placeholder="请输入资讯描述"></el-input>
-            </el-form-item>
-            <div class="QuillTitle">
-              <span>* </span>资讯内容：
-              <div @click="toggleSourceMode" class="QuillModelBtn">
-                {{ showHtml ? '切换到编辑模式' : '切换到源码模式' }}
-              </div>
+        <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
+          <div class="formDiv">
+            <div  v-if="creatNews_user_type==10000">
+              <el-form-item label="站点名称" prop="title" class="custom-align-right">
+                <template #label>
+                  <span class="askBox">
+                    站点名称：
+                  </span>
+                </template>
+                <el-input v-model="form.title" autocomplete="off" placeholder="请输入站点名称"></el-input>
+              </el-form-item>
             </div>
-            <el-form-item label="" prop="content">
-              <div class="editor-container">
-                <div v-if="showHtml">
-                  <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"/>
-                </div>
-                <!-- 多图上传隐藏的input -->
-                <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">
-              <el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input>
+            <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>
-            <el-form-item label="浏览量：" class="custom-align-right">
-              <el-input v-model="form.hits" autocomplete="off" placeholder="请输入浏览量"></el-input>
+            <el-form-item label="职位名称" prop="title" class="custom-align-right">
+              <el-input v-model="form.title" autocomplete="off" placeholder="请输入职位名称"></el-input>
             </el-form-item>
-            <el-form-item label="是否为原创：" prop="is_original" class="custom-align-right">
-              <el-radio-group v-model="form.is_original" @change="changeIsOriginal">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
-              </el-radio-group>
+            <el-form-item label="地区：" prop="city_arr_id" class="custom-align-right">
+              <el-cascader :key="parentKey" v-model="form.pronvince_id" placeholder="请选择省名称" :props="parentData" filterable clearable style="width: 45%;"></el-cascader>
+              <el-cascader :key="parentKey" v-model="form.city_id" placeholder="请选择市名称" :props="parentData" filterable clearable style="width: 45%;margin-left:20px;"></el-cascader>
             </el-form-item>
-            <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>
-              <el-form-item label="来源链接：" prop="fromurl" class="custom-align-right">
-                <el-input v-model="form.fromurl" autocomplete="off" placeholder="请输入来源链接"></el-input>
-              </el-form-item>
-              <div class="disclaimerBox">
-                <div class="disclaimerTitle">
-                  <img src="@/assets/public/check.png"/>同意《免责声明》：
-                  <!-- <el-checkbox v-model="disclaimer" disabled="disabled"></el-checkbox> -->
-                </div>
-                <div class="disclaimerText">本文来源于网络转载，仅供学习交流使用，不构成商业目的。版权归原作者所有，如涉及作品内容、版权和其他问题，请在30日内与本站联系，我们将在第一时间处理。</div>
-              </div>
-            </div>
-            <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-form-item>
-            </div>
-
-            <el-form-item label="资讯状态：" class="custom-align-right" style="width: 100%;">
-              <el-select v-model="form.status" placeholder="请选择..">
-                <el-option label="已发布" :value="1"></el-option>
-                <el-option label="待发布" :value="0"></el-option>
-              </el-select>
+            <el-form-item label="行业分类：" prop="author" class="custom-align-right">
+              <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="is_survey" class="custom-align-right">
-              <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 label="职位类别：" prop="author" 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 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 label="具体职位：" prop="author" class="custom-align-right">
+              <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="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 label="职位性质：" prop="author" class="custom-align-right">
+              <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择职位性质" :props="parentData" filterable clearable></el-cascader>
             </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>
+          <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="截止日期：" class="custom-align-right" >
+              <el-date-picker v-model="value1" placeholder="选择日期"> </el-date-picker>
           </el-form-item>
-          <el-form-item label=""  class="custom-align-right">
-                <el-checkbox v-model="checked">允许用户自己填写</el-checkbox>
+          <el-form-item label="工作经验：" class="custom-align-right" >
+            <el-select v-model="form.level" clearable placeholder="请选择工作经验"></el-select>
+          </el-form-item>
+          <el-form-item label="学历：" class="custom-align-right" >
+            <el-select v-model="form.level" clearable placeholder="请选择学历"></el-select>
+          </el-form-item>
+          <el-form-item label="月薪：" class="custom-align-right" >
+            <el-select v-model="form.level" clearable placeholder="请选择月薪"></el-select>
+          </el-form-item>
+          <el-form-item label="工作经验：" class="custom-align-right" >
+            <el-select v-model="form.level" clearable placeholder="请选择工作经验"></el-select>
+          </el-form-item>
+          <el-form-item label="招聘人数：" prop="number" class="custom-align-right">
+            <el-input v-model="form.number" autocomplete="off" placeholder="请输入招聘人数"></el-input>
+          </el-form-item>
+          <div class="language">
+            <el-form-item label="语言能力：" class="custom-align-right" style="width: 45%;float: left;">
+              <el-select v-model="form.level" clearable placeholder="请选择语种"></el-select>
+            </el-form-item>
+            <el-form-item label="掌握程度：" class="custom-align-right" style="width: 45%;float: left;">
+              <el-select v-model="form.level" clearable placeholder="请选择掌握程度"></el-select>
             </el-form-item>
           </div>
-          </div>
+          <el-form-item label="职位描述：" prop="description" class="custom-align-right" style="display:block;">
+            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"> </el-input>
+          </el-form-item>
         </div>
-      </el-form>
+      </div>
+    </el-form>
+
+
+
+    <!--公司信息  -->
+ 
+
+    <el-form-item label="公司名称：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="所属行业：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="公司规模：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="公司性质：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="公司简介：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="联系人：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="联系电话：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="公司网址：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="地址：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
+    <el-form-item label="邮箱：" prop="number" class="custom-align-right">
+      <el-input v-model="form.number" autocomplete="off" :disabled="true"></el-input>
+    </el-form-item>
     </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>
+      <el-button type="primary" @click="addToServe" v-else>发布职位</el-button>
     </div>
   </div>
 </template>
@@ -257,7 +180,7 @@ export default {
       formLabelWidth: '80px',//表单的长度
       //1.表单项 start ------------------------------------------------------------>
       editStatus:false,
-      tableDivTitle:"添加资讯",
+      tableDivTitle:"添加职位",
       disclaimer:true,//免责声明
       //提交表单
 
@@ -333,6 +256,7 @@ export default {
         //选项
         survey_type:[{required:true,trigger:'blur',validator:validateEmpty}],
       },
+      value1: '',
       //1.3富文本编辑器配置
       showHtml: false, //用于保存源码内容
       editorHtml: '',
@@ -1044,6 +968,9 @@ export default {
 </script>
 
 <style scoped lang="less">
+  .language {
+    overflow: hidden;
+  }
   //文本编辑器
   .QuillTitle {
     line-height: 36px;

src/views/news/jobRecruitingList.vue → src/views/job/jobRecruitingList.vue

@@ -98,7 +98,7 @@
         if(type=="search"){
           this.getApiData.page = 1;
         }
-        this.$store.dispatch('news/getArticleList',this.getApiData).then(res=> {
+        this.$store.dispatch('news/getRecruitingList',this.getApiData).then(res=> {
           //格式化：islink=0为不使用外面 islink=1为使用外链
           //status=1为显示 status=2为不显示
           let data = [];