HR后台功能页面

package-lock.json

@@ -2741,9 +2741,9 @@
       },
       "dependencies": {
         "core-js": {
-          "version": "2.6.11",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
-          "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg=="
+          "version": "2.6.12",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+          "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
         },
         "regenerator-runtime": {
           "version": "0.11.1",
@@ -4911,9 +4911,9 @@
       "dev": true
     },
     "element-ui": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.12.0.tgz",
-      "integrity": "sha512-DapyT0PW4i/1ETPHk8K8Qbe8B6hj10+dXsRTrOTFryV9wAs6e9mCxbV65awokyR2/v/KuIHJmqX+mH3wUa4rOQ==",
+      "version": "2.15.6",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.6.tgz",
+      "integrity": "sha512-rcYXEKd/j2G0AgficAOk1Zd1AsnHRkhmrK4yLHmNOiimU2JfsywgfKUjMoFuT6pQx0luhovj8lFjpE4Fnt58Iw==",
       "requires": {
         "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",

package.json

@@ -12,7 +12,7 @@
     "axios": "^0.19.0",
     "core-js": "^3.6.5",
     "echarts": "^4.5.0",
-    "element-ui": "^2.4.5",
+    "element-ui": "^2.15.6",
     "hls.js": "^0.14.15",
     "js-cookie": "^2.2.1",
     "nprogress": "0.2.0",

src/api/job/jobUser.js

@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+import constant from '@/constant'
+
+function pageList(formData){
+  return request.post(constant.serverUrl + "/job/jobUser/pageList", formData);
+}
+
+function create(){
+    return request.get(constant.serverUrl + "/job/jobUser/create");
+  }
+  
+  function edit(id){
+    return request.get(constant.serverUrl + "/job/jobUser/edit/" + id);
+  }
+  
+  
+  function add(formModel){
+    return request.post(constant.serverUrl + "/job/jobUser/add", formModel,{
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+  }
+  
+  function update(formModel){  
+    return request.post(constant.serverUrl + "/job/jobUser/update", formModel,{
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+  }
+  
+  function remove(id){
+    return request.post(constant.serverUrl + "/job/jobUser/delete/" + id);
+  }
+  
+  function batchRemove(idList){
+    return request.post(constant.serverUrl + "/job/jobUser/batchDelete",idList,{
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+  }
+
+
+export default {
+  pageList,create,edit,add,update,remove,batchRemove
+}

src/api/job/recruitment.js

@@ -5,6 +5,10 @@ function pageList(formData){
   return request.post(constant.serverUrl + "/job/recruitment/pageList", formData);
 }
 
+function pageListHR(formData){
+  return request.post(constant.serverUrl + "/job/recruitment/pageListHR", formData);
+}
+
 function create(){
   return request.get(constant.serverUrl + "/job/recruitment/create");
 }
@@ -33,6 +37,11 @@ function remove(id){
   return request.post(constant.serverUrl + "/job/recruitment/delete/" + id);
 }
 
+function down(id){
+  return request.post(constant.serverUrl + "/job/recruitment/down/" + id);
+}
+
+
 function batchRemove(idList){
   return request.post(constant.serverUrl + "/job/recruitment/batchDelete",idList,{
     headers: {
@@ -42,5 +51,5 @@ function batchRemove(idList){
 }
 
 export default {
-  pageList,create,edit,add,update,remove,batchRemove
+  pageList,pageListHR,create,edit,add,update,remove,batchRemove,down
 }

src/routers/modules/job.js

@@ -34,7 +34,46 @@ var routers = [
                 roles: ["admin"],
                 title: '人力资源库管理'
         }
-    }
+    },
+    {
+        path: '/job/talentPool/list',
+        name: 'talentPoolList',
+        component: () => import('@/views/job/talentPool-list.vue'),
+        meta: {
+                roles: ["admin"],
+                title: '人才库管理'
+        }
+    },
+    {
+        path: '/job/talentPool/detail',
+        name: 'talentPoolDetail',
+        // route level code-splitting
+        // this generates a separate chunk (about.[hash].js) for this route
+        // which is lazy-loaded when the route is visited.
+        component: () => import('@/views/job/talentPool-detail.vue'),
+        meta: {
+                roles: ["admin"],
+                title: '简历详情'
+        }
+    },
+    {
+        path: '/job/recruitmentHR/list',
+        name: 'recruitmentHRList',
+        component: () => import('@/views/job/recruitmentHR-list.vue'),
+        meta: {
+                roles: ["admin"],
+                title: '招聘岗位管理'
+        }
+    },
+    {
+        path: '/job/recruitmentHR/lookUp',
+        name: 'recruitmentHRLookUp',
+        component: () => import('@/views/job/recruitmentHR-lookUp.vue'),
+        meta: {
+                roles: ["admin"],
+                title: '招聘岗位详情'
+        }
+    },
 ]
 
 export default routers;

src/views/job/recruitmentHR-detail.vue

@@ -0,0 +1,365 @@
+
+<style scoped>
+.user-panel {
+    margin: 10px auto;
+}
+.el-tag + .el-tag {
+    margin-left: 10px;
+}
+.button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+}
+.input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+}
+.radioGroup{
+    line-height: 50px;
+}
+</style>
+<template>
+    <el-dialog
+        :visible.sync="showDialog"
+        :title="title"
+        :modal-append-to-body="false"
+        style="text-align: left"
+        @close="closeDialog"
+        :close-on-click-modal="false"
+        width="1000px"
+    >
+        <div class="user-panel" v-loading="loading">
+            
+            <el-form
+                ref="form"
+                :model="formModel"
+                :rules="ruleValidate"
+                :label-width="'100px'"
+            >
+            <h3>职位信息</h3>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="职位名称" prop="title">
+                        <el-input v-model="formModel.title" placeholder="请输入职位名称" style="width: 300px"></el-input>
+                    </el-form-item>
+                </el-col>
+             </el-row>
+             <el-row>
+                <el-col :span="12">
+                    <el-form-item label="职位类型" prop="position">
+                        <el-select-tree :props="positionCategoryProps" :options="positionCategoryResult" v-model="formModel.position" style="width: 300px"></el-select-tree>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="招聘人数" prop="positionNumber">
+                        <el-input-number v-model="formModel.positionNumber" :min="1"  style="width: 310px"></el-input-number>&nbsp;&nbsp;人
+                    </el-form-item>
+                </el-col>
+             </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="每月薪资" prop="wageType">
+                        <el-select v-model="formModel.wageType" filterable placeholder="请选择" style="width: 300px" >
+                            <el-option
+                                v-for="result in wageTypeList"
+                                :key="result.id"
+                                :label="result.name"
+                                :value="result.id"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="福利待遇" prop="welfare">
+                        <el-checkbox-group v-model="checkboxGroup1" size="small">
+                            <el-checkbox-button v-for="city in cities" :label="city.id" :key="city.id">{{city.name}}</el-checkbox-button>
+                        </el-checkbox-group>
+                        <el-tag
+                            :key="tag"
+                            v-for="tag in dynamicTags"
+                            closable
+                            effect="dark"
+                            :disable-transitions="false"
+                            @close="handleClose(tag)">
+                            {{tag}}
+                        </el-tag>
+                        <el-input
+                            class="input-new-tag"
+                            v-if="inputVisible"
+                            v-model="inputValue"
+                            ref="saveTagInput"
+                            size="small"
+                            @keyup.enter.native="handleInputConfirm"
+                            @blur="handleInputConfirm"
+                        >
+                        </el-input>
+                        <el-button v-else class="button-new-tag" size="small" @click="showInput" >最多输入6个字</el-button>
+                    </el-form-item>
+                </el-col>
+             </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="学历要求" prop="education">
+                        <el-radio-group v-model="formModel.education" class="radioGroup">
+                            <el-radio label="-1">不限</el-radio>
+                            <el-radio v-for="(item,index) in eduList" v-bind:key="index" :label="item.id" >{{item.name}}</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="工作年限" prop="workYear">
+                        <el-radio-group v-model="formModel.workYear" class="radioGroup">
+                            <el-radio label="-1">不限</el-radio>
+                            <el-radio v-for="(item,index) in workYearList" v-bind:key="index" :label="item.id" >{{item.name}}</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+             </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="工作地址" prop="address">
+                        <el-input v-model="formModel.address" placeholder="请输入工作地址" style="width: 300px"></el-input>
+                    </el-form-item>
+                </el-col>
+             </el-row>
+             <h3>职位描述</h3>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="职位描述" prop="positionMessage">
+                        <el-input
+                            type="textarea"
+                            :rows="5"
+                            placeholder="请输入职位描述"
+                            style="width: 300px"
+                            v-model="formModel.positionMessage">
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+             </el-row>
+            </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="closeDialog">取 消</el-button>
+            <el-button type="primary" @click="handleSubmit" :loading="submitting">确 定</el-button>
+        </span>
+    </el-dialog>
+</template>
+<script>
+import recruitmentApi from "@/api/job/recruitment";
+import dataDictionaryApi from "@/api/sys/dataDictionary";
+import SelectTree from "@/components/SelectTree";
+import workCategoryApi from "@/api/job/workCategory";
+
+export default {
+    props: ["businessKey", "title"],
+    data() {
+        return {
+            formModel: {
+                wageType:"",
+                welfare:"",
+                checkboxGroup1:"",
+                dynamicTags:"",
+            },
+            ruleValidate: {
+                title: [{ required: true, message: "职位名称不能为空", trigger: "blur" }],
+                position: [{ required: true, message: "职位类型不能为空", trigger: "blur" }],
+                positionNumber: [{ required: true, message: "招聘人数不能为空", trigger: "blur" }],
+                wageType: [{ required: true, message: "每月薪资不能为空", trigger: "blur" }],
+                education: [{ required: true, message: "学历要求不能为空", trigger: "blur" }],
+                workYear: [{ required: true, message: "工作年限不能为空", trigger: "blur" }],
+                address: [{ required: true, message: "工作地址不能为空", trigger: "blur" }],
+                positionMessage: [{ required: true, message: "职位描述不能为空", trigger: "blur" }],
+            },
+            showDialog: true,
+            loading: false,
+            submitting: false,
+            dynamicTags: [],
+            inputVisible: false,
+            inputValue: '',
+            wageTypeList:[],
+            eduList:[],
+            workYearList:[],
+            positionCategoryResult: [],
+            positionCategoryProps: {
+                value: "id",
+                label: "name"
+            },
+            checkboxGroup1: [],
+            cities: []
+        }
+    },
+    created() {
+
+        dataDictionaryApi.findByCatalogName({
+            "catalogName" : "月薪范围"
+            }).then(response => {
+            var jsonData = response.data;
+            this.wageTypeList = jsonData.data;
+        });
+
+        dataDictionaryApi.findByCatalogName({
+            "catalogName" : "学历"
+            }).then(response => {
+            var jsonData = response.data;
+            this.eduList = jsonData.data;
+        });
+
+        dataDictionaryApi.findByCatalogName({
+            "catalogName" : "工作经验"
+            }).then(response => {
+            var jsonData = response.data;
+            this.workYearList = jsonData.data;
+        });
+
+        dataDictionaryApi.findByCatalogName({
+            "catalogName" : "福利待遇"
+            }).then(response => {
+            var jsonData = response.data;
+            this.cities = jsonData.data;
+        });
+
+        workCategoryApi.listSelectTree().then(response=>{
+            var jsonData = response.data;
+
+            if(jsonData.result){
+                this.positionCategoryResult = jsonData.data;
+            }
+            else{
+                this.$message.error(jsonData.message + "");
+            }
+        });
+    },
+    methods: {
+        closeDialog() {
+            this.$emit("close", false);
+        },
+        handleClose(tag) {
+        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+        },
+
+        showInput() {
+            this.inputVisible = true;
+            this.$nextTick(_ => {
+            this.$refs.saveTagInput.$refs.input.focus();
+            });
+        },
+
+        handleInputConfirm() {
+            let inputValue = this.inputValue;
+            if (inputValue) {
+            this.dynamicTags.push(inputValue);
+            }
+            this.inputVisible = false;
+            this.inputValue = '';
+        },
+        handleSubmit() {
+            var self = this;
+
+            this.$refs["form"].validate((valid) => {
+                if (valid) {
+                (function () {
+                    var id = self.formModel.id;
+
+                    var checkboxGroup1 = new Array();
+
+                    alert(JSON.stringify(self.checkboxGroup1));
+
+                    if(self.checkboxGroup1!=null&&self.checkboxGroup1.length!=0){
+                        self.checkboxGroup1.forEach(function(item,index){
+                            checkboxGroup1.push(item);
+                        })
+
+                        if(checkboxGroup1!=null&&checkboxGroup1!=""){
+                            self.formModel.checkboxGroup1 = checkboxGroup1.toString();
+                        }
+                    }
+                                     
+                    if(self.dynamicTags!=null&&self.dynamicTags!=""){
+                        self.formModel.dynamicTags = self.dynamicTags.toString();
+                    }
+
+                    
+                    if (id == null || id.length == 0) {
+                    return recruitmentApi.add(self.formModel);
+                    } else {
+                    return recruitmentApi.update(self.formModel);
+                    }
+                })().then(function (response) {
+                    var jsonData = response.data;
+
+                    if (jsonData.result) {
+                    self.$message({
+                        message: "保存成功!",
+                        type: "success",
+                    });
+
+                    self.$emit("close", true);
+                    } else {
+                    self.$message({
+                        message: jsonData.message + "",
+                        type: "warning",
+                    });
+
+                    self.$emit("close", false);
+                    }
+                });
+                }
+            });
+        },
+    },
+    mounted: function () {
+    var self = this;
+
+    (function () {
+      if (self.businessKey.length == 0) {
+        return recruitmentApi.create();
+      } else {
+        return recruitmentApi.edit(self.businessKey);
+      }
+    })()
+      .then((response) => {
+        var jsonData = response.data;
+        self.loading = false;
+
+        if (jsonData.result) {
+            self.formModel = jsonData.data;
+
+            if(self.formModel.checkboxGroup1!=null&&self.formModel.checkboxGroup1!=""){
+                var checkboxGroup1 = self.formModel.checkboxGroup1;
+                if(checkboxGroup1!=null&&checkboxGroup1!=""){
+                    var checkboxGroupArray = new Array();
+                    checkboxGroupArray = checkboxGroup1.split(",");
+                    var checkboxGroupList = []
+                    checkboxGroupArray.forEach(function(item){
+                        checkboxGroupList.push(item);
+                    })
+
+                    self.checkboxGroup1 = checkboxGroupList;
+                }
+                
+            }
+
+            if(self.formModel.dynamicTags!=null&&self.formModel.dynamicTags!=""){
+                var dynamicTags = self.formModel.dynamicTags;
+                var dynamicTagsArray = new Array();
+                dynamicTagsArray = dynamicTags.split(",");
+                self.dynamicTags = dynamicTagsArray;
+            }
+
+        } else {
+          self.$message.error(jsonData.message + "");
+        }
+      })
+      .catch((error) => {
+        self.$message.error(error + "");
+      });
+    },
+    components: {
+    "el-select-tree": SelectTree
+    },
+}
+</script>

src/views/job/recruitmentHR-list.vue

@@ -0,0 +1,694 @@
+<template>
+  <div>
+    <el-breadcrumb separator=">">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="#">系统管理</a>
+      </el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="/recruitmentHR">招聘岗位管理</a>
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+    <el-divider></el-divider>
+    <!--
+      要resetFields起作用，必须配置:model和prop
+    -->
+    <el-form
+      ref="queryForm"
+      :model="queryModel"
+      inline
+      class="demo-form-inline"
+    >
+      <el-form-item label="招聘岗位" prop="position">
+        <el-select-tree :props="positionCategoryProps" :options="positionCategoryResult" v-model="queryModel.position"></el-select-tree>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          size="mini"
+          icon="ios-search"
+          @click="handleSearch()"
+          :loading="loading"
+          >查询</el-button
+        >&nbsp;
+        <el-button
+          type="info"
+          size="mini"
+          style="margin-left: 8px"
+          @click="handleReset('queryForm')"
+          >重置</el-button
+        >&nbsp;
+      </el-form-item>
+    </el-form>
+    <el-divider></el-divider>
+    <el-row class="button-group">
+      <el-button
+        type="success"
+        icon="el-icon-circle-plus"
+        @click="handleAdd"
+        >发布岗位</el-button
+      >
+      <el-button
+        type="primary"
+        icon="el-icon-upload2"
+        @click="handleBatchDelete"
+        >批量导入</el-button
+      >
+    </el-row>
+
+    <el-tabs v-model="activeName" type="card">
+        <el-tab-pane label="招聘中" name="first">
+            <el-table
+            :data="tableData"
+            style="min-height: 400px"
+            v-loading="loading"
+            stripe
+            border
+            >
+                <el-table-column type="selection" width="55"></el-table-column>
+                <el-table-column prop="realName" label="职位信息">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv">
+                            <span class="nameSpan">{{row.title}}</span>
+                        </div>
+                        <div class="descDiv">
+                            <span>编号：100022223333445</span>
+                            <span v-if="row.updateTime" class="spiltSpan">|</span>
+                            <span v-if="row.updateTime">{{row.updateTime}}更新</span>
+                        </div>
+                        <div class="descDiv">
+                            <span v-if="row.area">{{row.area}}-</span><span>{{row.positionName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.wageTypeName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.educationName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.workYearName}}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="招聘情况" width="200px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2">浏览：{{row.readingTimes}}</div>
+                        <div class="descDiv2">收藏：{{row.collectionTimes}}</div>
+                        <div class="descDiv2">投递：{{row.deliveryTimes}}</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column label="招聘状态" width="250px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2" v-if="row.status">招聘中</div>
+                        <div class="descDiv2" v-else>已下架</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column width="200px">
+                <template slot-scope="{ row }">
+                    <el-row class="elRow">
+                        <el-col :span="12">
+                            <el-button plain type="success" @click="handleEdit(row)">编辑</el-button>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-button plain type="primary" @click="handleLookUp(row)">查看</el-button>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="12">
+                            <el-button plain type="warning" @click="handleDown(row)">下架</el-button>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-button plain type="danger" @click="handleDelete(row)">删除</el-button>
+                        </el-col>
+                    </el-row>
+                </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+            :current-page.sync="pageIndex"
+            :total="totalElements"
+            :page-sizes="pageSizeList"
+            @current-change="changePage"
+            @size-change="pageSizeChange"
+            layout="total, sizes, prev, pager, next, jumper"
+            ></el-pagination>
+        </el-tab-pane>
+        <el-tab-pane label="已下架" name="second">
+            <el-table
+            :data="tableData2"
+            style="min-height: 400px"
+            v-loading="loading2"
+            stripe
+            border
+            >
+                <el-table-column type="selection" width="55"></el-table-column>
+                <el-table-column prop="realName" label="职位信息">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv">
+                            <span class="nameSpan">{{row.title}}</span>
+                        </div>
+                        <div class="descDiv">
+                            <span>编号：100022223333445</span>
+                            <span v-if="row.updateTime" class="spiltSpan">|</span>
+                            <span v-if="row.updateTime">{{row.updateTime}}更新</span>
+                        </div>
+                        <div class="descDiv">
+                            <span v-if="row.area">{{row.area}}-</span><span>{{row.positionName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.wageTypeName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.educationName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.workYearName}}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="招聘情况" width="200px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2">浏览：{{row.readingTimes}}</div>
+                        <div class="descDiv2">收藏：{{row.collectionTimes}}</div>
+                        <div class="descDiv2">投递：{{row.deliveryTimes}}</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column label="招聘状态" width="250px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2" v-if="row.status=='1'">招聘中</div>
+                        <div class="descDiv2" v-else>已下架</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column width="200px">
+                <template slot-scope="{ row }">
+                    <el-row class="elRow">
+                        <el-col :span="12">
+                            <el-button plain type="success" @click="handleEdit(row)">编辑</el-button>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-button plain type="primary" @click="handleLookUp(row)">查看</el-button>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="12">
+                            <el-button plain type="danger" @click="handleDelete(row)">删除</el-button>
+                        </el-col>
+                    </el-row>
+                </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+            :current-page.sync="pageIndex2"
+            :total="totalElements2"
+            :page-sizes="pageSizeList2"
+            @current-change="changePage2"
+            @size-change="pageSizeChange2"
+            layout="total, sizes, prev, pager, next, jumper"
+            ></el-pagination>
+        </el-tab-pane>
+        <el-tab-pane label="审核中" name="third">
+            <el-table
+            :data="tableData3"
+            style="min-height: 400px"
+            v-loading="loading3"
+            stripe
+            border
+            >
+                <el-table-column type="selection" width="55"></el-table-column>
+                <el-table-column prop="realName" label="职位信息">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv">
+                            <span class="nameSpan">{{row.title}}</span>
+                        </div>
+                        <div class="descDiv">
+                            <span>编号：100022223333445</span>
+                            <span v-if="row.updateTime" class="spiltSpan">|</span>
+                            <span v-if="row.updateTime">{{row.updateTime}}更新</span>
+                        </div>
+                        <div class="descDiv">
+                            <span v-if="row.area">{{row.area}}-</span><span>{{row.positionName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.wageTypeName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.educationName}}</span>
+                            <span class="spiltSpan">|</span>
+                            <span>{{row.workYearName}}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="招聘情况" width="200px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2">浏览：{{row.readingTimes}}</div>
+                        <div class="descDiv2">收藏：{{row.collectionTimes}}</div>
+                        <div class="descDiv2">投递：{{row.deliveryTimes}}</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column label="招聘状态" width="250px">
+                    <template slot-scope="{ row }">
+                        <div class="descDiv2" v-if="row.status=='1'">招聘中</div>
+                        <div class="descDiv2" v-else>已下架</div>
+                    </template>
+                </el-table-column>  
+                <el-table-column width="200px">
+                <template slot-scope="{ row }">
+                    <el-row class="elRow">
+                        <el-col :span="12">
+                            <el-button plain type="success" @click="handleEdit(row)">编辑</el-button>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-button plain type="primary" @click="handleLookUp(row)">查看</el-button>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="12">
+                            <el-button plain type="warning" @click="handleDown(row)">下架</el-button>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-button plain type="danger" @click="handleDelete(row)">删除</el-button>
+                        </el-col>
+                    </el-row>
+                </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+            :current-page.sync="pageIndex3"
+            :total="totalElements3"
+            :page-sizes="pageSizeList3"
+            @current-change="changePage3"
+            @size-change="pageSizeChange3"
+            layout="total, sizes, prev, pager, next, jumper"
+            ></el-pagination>
+        </el-tab-pane>
+    </el-tabs>
+    <recruitmentHR-detail
+      v-if="showModal"
+      :businessKey="businessKey"
+      :title="modalTitle"
+      @close="onDetailModalClose"
+    ></recruitmentHR-detail>
+  </div>
+</template>
+<script>
+import recruitmentApi from "@/api/job/recruitment";
+import RecruitmentHRDetail from "./recruitmentHR-detail";
+import SelectTree from "@/components/SelectTree";
+import workCategoryApi from "@/api/job/workCategory";
+
+export default {
+  data() {
+    var self = this;
+
+    return {
+      queryModel: {
+        id: "",
+        type: "",
+        content: "",
+        status: "",
+        sortNo: "",
+        approvalStatus: "",
+        createBy: "",
+        createTime: "",
+        updateBy: "",
+        updateTime: "",
+        delFlag: "",
+        approvePersonId: "",
+        approveTime: "",
+        position:"",
+      },
+      loading: false,
+      tableData: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPages: 0,
+      totalElements: 0,
+      field: "",
+      direction: "",
+      pageSizeList: [10, 20, 30],
+      multipleSelection: [],
+
+      loading2: false,
+      tableData2: [],
+      pageIndex2: 1,
+      pageSize2: 10,
+      totalPages2: 0,
+      totalElements2: 0,
+      pageSizeList2: [10, 20, 30],
+      multipleSelection2: [],
+
+      loading3: false,
+      tableData3: [],
+      pageIndex3: 1,
+      pageSize3: 10,
+      totalPages3: 0,
+      totalElements3: 0,
+      pageSizeList3: [10, 20, 30],
+      multipleSelection3: [],
+
+      showModal: false,
+      modalTitle: "",
+      businessKey: "",
+      approveTimeRange:"",
+      approvalStatusList:[],
+      activeName: 'first',
+      positionCategoryResult: [],
+      positionCategoryProps: {
+          value: "id",
+          label: "name"
+      },
+    };
+  },
+  created() {
+    workCategoryApi.listSelectTree().then(response=>{
+        var jsonData = response.data;
+
+        if(jsonData.result){
+            this.positionCategoryResult = jsonData.data;
+        }
+        else{
+            this.$message.error(jsonData.message + "");
+        }
+    });
+  },
+  methods: {
+    changePage(pageIndex) {
+      var self = this;
+
+      self.loading = true;
+
+      self.pageIndex = pageIndex;
+      var formData = new FormData();
+
+      formData.append("pageIndex", self.pageIndex);
+      formData.append("pageSize", self.pageSize);
+      if(self.queryModel.position!=null&&self.queryModel.position!=""){
+        formData.append("position", self.queryModel.position);
+      }
+      else{
+        formData.append("position", "");
+      }
+      formData.append("status", "1");
+      formData.append("approveStatus", "3");
+
+      recruitmentApi
+        .pageListHR(formData)
+        .then(function (response) {
+          self.loading = false;
+
+          var jsonData = response.data.data;
+
+          self.tableData = jsonData.data;
+          self.totalPages = jsonData.totalPages;
+          self.totalElements = jsonData.recordsTotal;
+        })
+        .catch((error) => {
+          self.loading = false;
+          // self.$message.error(error + "");
+        });
+    },
+    changePage2(pageIndex2) {
+      var self = this;
+
+      self.loading2 = true;
+
+      self.pageIndex2 = pageIndex2;
+      var formData = new FormData();
+
+      formData.append("pageIndex", self.pageIndex2);
+      formData.append("pageSize", self.pageSize2);
+      if(self.queryModel.position!=null&&self.queryModel.position!=""){
+        formData.append("position", self.queryModel.position);
+      }
+      else{
+        formData.append("position", "");
+      }
+      formData.append("status", "0");
+      formData.append("approveStatus", "3");
+
+      recruitmentApi
+        .pageListHR(formData)
+        .then(function (response) {
+          self.loading2 = false;
+
+          var jsonData = response.data.data;
+
+          self.tableData2 = jsonData.data;
+          self.totalPages2 = jsonData.totalPages;
+          self.totalElements2 = jsonData.recordsTotal;
+        })
+        .catch((error) => {
+          self.loading2 = false;
+          // self.$message.error(error + "");
+        });
+    },
+    changePage3(pageIndex3) {
+      var self = this;
+
+      self.loading3 = true;
+
+      self.pageIndex3 = pageIndex3;
+      var formData = new FormData();
+
+      formData.append("pageIndex", self.pageIndex3);
+      formData.append("pageSize", self.pageSize3);
+      if(self.queryModel.position!=null&&self.queryModel.position!=""){
+        formData.append("position", self.queryModel.position);
+      }
+      else{
+        formData.append("position", "");
+      }
+      
+      formData.append("approveStatus", "2");
+
+      recruitmentApi
+        .pageListHR(formData)
+        .then(function (response) {
+          self.loading3 = false;
+
+          var jsonData = response.data.data;
+
+          self.tableData3 = jsonData.data;
+          self.totalPages3 = jsonData.totalPages;
+          self.totalElements3 = jsonData.recordsTotal;
+        })
+        .catch((error) => {
+          self.loading3 = false;
+          // self.$message.error(error + "");
+        });
+    },
+    pageSizeChange(pageSize) {
+      this.pageSize = pageSize;
+
+      this.$nextTick(() => {
+        this.changePage(this.pageIndex);
+      });
+    },
+    pageSizeChange2(pageSize) {
+      this.pageSize2 = pageSize;
+
+      this.$nextTick(() => {
+        this.changePage2(this.pageIndex2);
+      });
+    },
+    pageSizeChange3(pageSize) {
+      this.pageSize3 = pageSize;
+
+      this.$nextTick(() => {
+        this.changePage2(this.pageIndex3);
+      });
+    },
+    sortChange(data) {
+      this.field = data.column.field;
+      this.direction = data.order;
+
+      this.changePage(this.pageIndex);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    handleReset(name) {
+      this.$refs[name].resetFields();
+      this.approveTimeRange="";
+    },
+    handleAdd() {
+      this.modalTitle = "发布岗位";
+      this.businessKey = "";
+      this.showModal = true;
+    },
+    handleEdit(record) {
+      this.modalTitle = "编辑岗位";
+      this.businessKey = record.id;
+      this.showModal = true;
+    },
+    handleLookUp(row){
+      console.log(row);
+
+      window["listPage"] = this;
+
+      var path = "/job/recruitmentHR/lookUp";
+      
+      this.$store
+        .dispatch("tagsView/delView", {
+          name: "recruitmentHRLookUp",
+          path: path,
+        })
+        .then(({ visitedViews }) => {
+          this.$router.push({
+            path: path,
+            query: {
+              businessKey: row.id,
+            },
+          });
+        });
+    },
+    handleDelete(record) {
+      var self = this;
+
+      self
+        .$confirm("是否确认删除?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          recruitmentApi.remove(record.id).then(function (response) {
+            var jsonData = response.data;
+
+            if (jsonData.result) {
+              // var index = self.tableData.indexOf(record);
+              // self.tableData.splice(index, 1);
+              self.changePage(self.pageIndex);
+              self.changePage2(self.pageIndex2);
+              self.changePage3(self.pageIndex3);
+
+              self.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            }
+          });
+        });
+    },
+    handleDown(record){
+      var self = this;
+
+      self
+        .$confirm("是否确定下架招聘信息吗?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          recruitmentApi.down(record.id).then(function (response) {
+            var jsonData = response.data;
+
+            if (jsonData.result) {
+              // var index = self.tableData.indexOf(record);
+              // self.tableData.splice(index, 1);
+              self.changePage(self.pageIndex);
+              self.changePage2(self.pageIndex2);
+              self.changePage3(self.pageIndex3);
+
+              self.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            }
+          });
+        });
+    },
+    handleBatchDelete() {
+      var self = this;
+
+      var idList = this.multipleSelection.map((record) => {
+        return record.id;
+      });
+
+      this.$confirm("是否确认删除选中项？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        recruitmentApi.batchRemove(idList).then(function (response) {
+          var jsonData = response.data;
+
+          if (jsonData.result) {
+            self.changePage(self.pageIndex);
+
+            self.$message({
+              type: "success",
+              message: "删除成功!",
+            });
+          }
+        });
+      });
+    },
+    onDetailModalClose(refreshed) {
+      //保存成功后回调
+      this.showModal = false;
+
+      if (refreshed) {
+        this.changePage(this.pageIndex);
+        this.changePage2(this.pageIndex2);
+        this.changePage3(this.pageIndex3);
+      }
+    },
+    onDetailModalClose2(refreshed) {
+      //保存成功后回调
+      this.showModal2 = false;
+
+      if (refreshed) {
+        this.changePage(this.pageIndex);
+        this.changePage2(this.pageIndex2);
+        this.changePage3(this.pageIndex3);
+      }
+    },
+    handleSearch(){
+        this.changePage(1);
+        this.changePage2(1);
+        this.changePage3(1);
+    }
+  },
+  mounted: function () {
+    this.changePage(1);
+    this.changePage2(1);
+    this.changePage3(1);
+  },
+  components: {
+    "recruitmentHR-detail": RecruitmentHRDetail,
+    "el-select-tree": SelectTree
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-breadcrumb {
+  margin: 10px;
+  line-height: 20px;
+}
+
+.el-divider {
+  margin: 5px 0;
+}
+
+.demo-form-inline {
+  margin-left: 10px;
+  text-align: left;
+}
+
+.button-group {
+  margin-left: 10px;
+  text-align: right;
+}
+.descDiv{
+    line-height: 30px;
+    font-size: 12px;
+}
+.descDiv2{
+    line-height: 30px;
+    font-size: 14px;
+}
+.nameSpan{
+    font-size: 18px;
+    font-weight: bold;
+}
+.spiltSpan{
+    margin-left: 10px;
+    margin-right: 10px;
+}
+.elRow{
+    margin-bottom: 10px;
+}
+</style>

src/views/job/recruitmentHR-lookUp.vue

@@ -0,0 +1,343 @@
+<style lang="scss" scoped>
+.el-breadcrumb {
+  margin: 10px;
+  line-height: 20px;
+}
+
+.el-divider {
+  margin: 5px 0;
+}
+
+.demo-form-inline {
+  margin-left: 10px;
+  text-align: left;
+}
+
+.button-group {
+  margin-left: 10px;
+  text-align: left;
+}
+.user-panel{
+    margin-top: 50px;
+}
+
+
+.el-header, .el-footer {
+// background-color: #B3C0D1;
+// color: #333;
+text-align: center;
+line-height: 60px;
+}
+
+.el-aside {
+// background-color: #D3DCE6;
+// color: #333;
+    text-align: left;
+
+}
+
+.el-main {
+//background-color: #E9EEF3;
+//color: #333;
+text-align: left;
+padding: 0px;
+margin-left: 20px;
+margin-right: 20px;
+margin-top: 5px;
+}
+
+body > .el-container {
+margin-bottom: 40px;
+}
+
+.el-container:nth-child(5) .el-aside,
+.el-container:nth-child(6) .el-aside {
+line-height: 260px;
+}
+
+.el-container:nth-child(7) .el-aside {
+line-height: 320px;
+}
+.el-divider--vertical{
+    height: auto;
+}
+.leftMain{
+    margin-left: 50px;
+    margin-right: 30px;
+    margin-bottom: 50px;
+}
+.el-container i{
+    margin-right: 10px;
+}
+.leftTitle{
+    margin-bottom: 20px;
+}
+.leftTag{
+    margin-top: 30px;
+}
+.geSpan{
+    margin-left: 10px;
+    margin-right: 10px;
+}
+.geSpan2{
+    margin-left: 20px;
+    margin-right: 20px;
+}
+.tag1{
+    margin-right: 20px;
+}
+.div1{
+    margin-top: 50px;
+    margin-bottom: 20px;
+    font-size: 16px;
+}
+.div2{
+    font-size: 16px;
+}
+.div3{
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+.xinzi{
+    float:right;
+    font-size: 28px;
+    color:#FF8000;
+}
+.titleSpan{
+    font-size: 28px;
+}
+.leftMiddle{
+    margin-top: 30px;
+    margin-bottom: 20px;
+}
+.leftMiddle p{
+    font-size: 14px;
+}
+.rightTitle{
+    font-size: 20px;
+}
+.rightDiv1{
+    margin-top: 20px;
+    margin-bottom: 20px;
+    font-size: 14px;
+}
+.rightDiv2{
+    margin-top: 50px;
+}
+.companyLogoSpan{
+    float:right;
+}
+.companyCheckDiv{
+    margin-top: 20px;
+}
+.leftFoot{
+    margin-top: 50px;
+}
+.leftFoot span{
+    margin-right: 50px;
+    color: #7d90b5;
+    font-size: 14px;
+}
+.titleP{
+    font-weight: bold;
+}
+
+</style>
+<template>
+    <div>
+        <el-breadcrumb separator=">">
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item>
+            <a href="#">企业HR</a>
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+            <a href="/talentPoolDetail">简历详情</a>
+        </el-breadcrumb-item>
+        </el-breadcrumb>
+        <el-divider></el-divider>
+        <div class="user-panel">
+            <el-container>
+                <el-aside width="1000px">
+                    <div class="leftMain">
+                        <div class="leftTop">
+                            <div class="leftTitle">
+                                <span class="titleSpan">{{formModel.positionName}}<span class="geSpan">|</span>{{formModel.title}}</span>
+                                <span class="xinzi">{{formModel.wageTypeName}}</span>
+                            </div>
+                            <div class="leftTag">
+                                <el-tag class="tag1" type="info" v-for="(item,index) in formModel.tagList" v-bind:key="index">{{item}}</el-tag>
+                            </div>
+                            <div class="div1">
+                                <span>招{{formModel.positionNumber}}人</span>
+                                <span class="geSpan2">|</span>
+                                <span>{{formModel.positionSexN}}</span>
+                                <span class="geSpan2">|</span>
+                                <span>{{formModel.educationName}}</span>
+                                <span class="geSpan2">|</span>
+                                <span>{{formModel.workYearName}}</span>
+                            </div>
+                            <div class="div2">
+                                <i class="el-icon-location"></i>
+                                <span>{{formModel.address}}</span>
+                            </div>
+                            <div class="div3">
+                                <el-button type="primary" plain icon="el-icon-edit" @click="handleEdit(row)">编辑岗位</el-button>
+                                <el-button type="primary" icon="el-icon-download" v-if="formModel.status!='0'">下架岗位</el-button>
+                                <el-button type="danger" icon="el-icon-error">删除岗位</el-button>
+                            </div>
+                        </div>
+                        <el-divider></el-divider>
+                        <div class="leftMiddle">
+                            <div class="leftTitle">
+                                <span class="titleSpan">职位描述</span>
+                            </div>
+                            <div class="leftDesc">
+                                <p class="titleP">工作内容:</p>
+                                <p>{{formModel.positionMessage}}</p>
+                                <p class="titleP">职位要求:</p>
+                                <p>{{formModel.requirements}}</p>
+                                
+                            </div>
+                        </div>
+                         <div class="leftFoot">
+                             <span>更新：{{formModel.updateTime}}</span>
+                             <span>浏览：{{formModel.readingTimes}}</span>
+                             <span>收藏：{{formModel.collectionTimes}}</span>
+                             <span>投递：{{formModel.deliveryTimes}}</span>
+                         </div>
+                    </div>
+                   
+                </el-aside>
+                <el-divider direction="vertical" style="height:auto"></el-divider>
+                <el-main style="height:500px">
+                    <div class="rightMain">
+                        <div class="rightTitle">
+                            {{formModel.companyName}}
+                        </div>
+                        <div class="rightDiv1">
+                            <span>{{formModel.companyIndustryN}}</span>
+                            <span class="geSpan2">|</span>
+                            <span>{{formModel.companyScaleN}}</span>
+                            <div class="companyLogoSpan">
+                                <el-image
+                                style="width: 100px; height: 100px"
+                                :src="formModel.companyLogo" fit="fit"></el-image>
+                            </div>
+                            <div class="companyCheckDiv">
+                                <el-tag type="primary" v-if="formModel.isCertification">企业已认证</el-tag>
+                                <el-tag type="danger" v-else>企业未认证</el-tag>
+                            </div>
+                        </div>
+                         <div class="rightDiv2">
+                             <i class="el-icon-location"></i>
+                            <span>湖北省荆州市沙市区江津东路附155号荆鹏软件园</span>
+                         </div>
+                    </div>
+                </el-main>
+            </el-container>
+        </div>
+        <div style="background-color:#EFEFEF;padding:5px;">
+            <el-button @click="closeDialog">关闭</el-button>
+        </div>
+        <recruitmentHR-detail
+        v-if="showModal"
+        :businessKey="businessKey1"
+        :title="modalTitle"
+        @close="onDetailModalClose"
+        ></recruitmentHR-detail>
+    </div>
+</template>
+<script>
+import Constant from "@/constant";
+import recruitmentApi from "@/api/job/recruitment";
+import RecruitmentHRDetail from "./recruitmentHR-detail";
+
+export default {
+    name: "recruitmentHRLookUp",
+    props: ["businessKey", "title"],
+    data() {
+        return {
+            id:"",
+            formModel: {},
+            showDialog: true,
+            loading: false,
+            submitting: false,
+            showModal: false,
+            modalTitle: "",
+            businessKey1: "",
+        }
+    },
+    methods:{
+        closeDialog() {
+            //删除当前页面
+            this.$store.dispatch('tagsView/delView', {
+                path: '/job/recruitmentHR/lookUp',
+                name: 'recruitmentHRLookUp'
+            })
+            .then(({ visitedViews }) => {
+                this.$router.push({
+                    path: "/job/recruitmentHR/list"
+                })
+            });
+
+            this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)
+        },
+        handleEdit() {
+            this.modalTitle = "编辑岗位";
+            this.businessKey1 = this.id;
+            this.showModal = true;
+        },
+        onDetailModalClose(refreshed) {
+            //保存成功后回调
+            var self = this;
+            this.showModal = false;
+
+            if (refreshed) { 
+                (function () {
+                    return recruitmentApi.edit(self.id);
+                })()
+                .then((response) => {
+                    var jsonData = response.data;
+                    self.loading = false;
+
+                    if (jsonData.result) {
+                        self.formModel = jsonData.data;
+
+                    } else {
+                    self.$message.error(jsonData.message + "");
+                    }
+                })
+                .catch((error) => {
+                    self.$message.error(error + "");
+                });
+            }
+        },
+    },
+    mounted: function () {
+        var self = this;
+
+        self.id = this.$route.query.businessKey;
+        
+        (function () {
+            return recruitmentApi.edit(self.id);
+        })()
+        .then((response) => {
+            var jsonData = response.data;
+            self.loading = false;
+
+            if (jsonData.result) {
+                self.formModel = jsonData.data;
+
+            } else {
+            self.$message.error(jsonData.message + "");
+            }
+        })
+        .catch((error) => {
+            self.$message.error(error + "");
+        });
+    },
+    components: {
+        "recruitmentHR-detail": RecruitmentHRDetail,
+    },
+}
+</script>

src/views/job/talentPool-detail.vue

@@ -0,0 +1,211 @@
+<style lang="scss" scoped>
+.el-breadcrumb {
+  margin: 10px;
+  line-height: 20px;
+}
+
+.el-divider {
+  margin: 5px 0;
+}
+
+.demo-form-inline {
+  margin-left: 10px;
+  text-align: left;
+}
+
+.button-group {
+  margin-left: 10px;
+  text-align: left;
+}
+
+
+  .el-header, .el-footer {
+    //background-color: #B3C0D1;
+    //color: #333;
+    text-align: center;
+    line-height: 60px;
+  }
+  
+  .el-aside {
+    //background-color: #D3DCE6;
+    //color: #333;
+
+  }
+  
+  .el-main {
+    //background-color: #E9EEF3;
+    //color: #333;
+    text-align: left;
+  }
+  
+  body > .el-container {
+    margin-bottom: 40px;
+  }
+  
+  .el-container:nth-child(5) .el-aside,
+  .el-container:nth-child(6) .el-aside {
+    line-height: 260px;
+  }
+  
+  .el-container:nth-child(7) .el-aside {
+    line-height: 320px;
+  }
+
+  .avatarImg{
+      margin-top: 50px;
+  }
+  .divMain{
+      margin-top: 40px;
+  }
+  .descDiv{
+      margin-bottom: 20px;
+  }
+  .descDivBottom{
+      margin-bottom: 50px;
+  }
+  .divMain2{
+      margin-top: 50px;
+  }
+ .divMain3{
+      margin-top: 30px;
+  }
+
+</style>
+<template>
+    <div>
+        <el-breadcrumb separator=">">
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item>
+            <a href="#">企业HR</a>
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+            <a href="/talentPoolDetail">简历详情</a>
+        </el-breadcrumb-item>
+        </el-breadcrumb>
+        <el-divider></el-divider>
+        <div class="user-panel">
+            <el-container>
+                <el-aside width="230px">
+                    <el-avatar :size="150" shape="circle" class="avatarImg"
+                    :src="formModel.headImageUrl +'?x-oss-process=image/resize,m_fill,w_150,h_150'"
+                    ></el-avatar>
+                </el-aside>
+                <el-main>
+                    <div class="divMain">
+                        <H2>{{formModel.realName}}</H2>
+                        <div class="descDiv"> 
+                            <span v-if="formModel.sex=='0'">男</span>
+                            <span v-else>女</span>
+                            <span style="margin-left:20px;margin-right:20px">|</span>
+                            <span>{{formModel.age}}岁</span>
+                            <span style="margin-left:20px;margin-right:20px">|</span>
+                            <span>{{formModel.educationName}}</span>
+                            <span style="margin-left:20px;margin-right:20px">|</span>
+                            <span>{{formModel.workExpName}}</span>
+                        </div>
+                        <div class="descDiv">
+                            <span v-if="formModel.jobStatus=='1'">求职状态：在职</span>
+                            <span v-else>求职状态：已离职</span>
+                        </div>
+                        <div class="descDiv">
+                            <span>期望地点：{{formModel.dreamAdd}}</span>
+                        </div>
+                        <div class="descDiv">
+                            <span>期望薪资：{{formModel.dreamMoneyName}}</span>
+                        </div>
+                        <div class="descDivBottom">
+                            <el-button type="primary" plain icon="el-icon-star-off">收藏简历</el-button>
+                            <el-button type="primary" icon="el-icon-download">下载简历</el-button>
+                            <el-button type="warning" icon="el-icon-phone">立即沟通</el-button>
+                        </div>
+                    </div>
+                    <el-divider></el-divider>
+                    <div class="divMain2">
+                        <H2>个人介绍</H2>
+                        <div class="descDivBottom">
+                            {{formModel.introduction}}
+                        </div>
+                    </div>
+                    <el-divider></el-divider>
+                    <H2 style="margin-top:50px">工作经历</H2>
+                        <div class="divMain3" v-for="(item,index) in formModel.resumeWorkExperienceList" v-bind:key="index">
+                           
+                            <div class="descDiv" style="font-size:18px">
+                                {{item.companyName}}
+                            </div>
+                            <div class="descDiv">
+                                工作时间：{{item.startTime}}-{{item.endTime}}
+                            </div>
+                            <div class="descDiv">
+                                薪资水平：保密
+                            </div>
+                            <div class="descDiv">
+                                在职职位：{{item.job}}
+                            </div>
+                            <div class="descDivBottom">
+                                工作职责：{{item.content}}
+                            </div>
+                        </div>
+                        
+                </el-main>
+            </el-container>
+        </div> 
+        <div style="background-color:#EFEFEF;padding:5px;">
+            <el-button @click="closeDialog">关闭</el-button>
+        </div>
+    </div>
+</template>
+<script>
+import Constant from "@/constant";
+import jobUserApi from "@/api/job/jobUser";
+export default {
+    name: "talentPoolDetail",
+    props: ["businessKey", "title"],
+    data() {
+        return {
+            id:"",
+            formModel:{},
+            submitting: false
+        }
+    },
+    methods: {
+        closeDialog() {
+            //删除当前页面
+            this.$store.dispatch('tagsView/delView', {
+                path: '/job/talentPool/detail',
+                name: 'talentPoolDetail'
+            })
+            .then(({ visitedViews }) => {
+                this.$router.push({
+                    path: "/job/talentPool/list"
+                })
+            });
+            this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)
+        },
+    },
+    async mounted() {
+        var self = this;
+        self.loading = true;
+
+        self.id = this.$route.query.businessKey;
+
+        (function() {
+            return jobUserApi.edit(self.id);
+        })()
+        .then(response => {
+            var jsonData = response.data;
+            self.loading = false;
+
+            if (jsonData.result) {
+            self.formModel = jsonData.data;
+            self.formModel.id = this.businessKey;
+            } else {
+            self.$message.error(jsonData.message + "");
+            }
+        })
+        .catch(error => {
+            self.$message.error(error + "");
+        });
+    }
+}
+</script>

src/views/job/talentPool-list.vue

@@ -0,0 +1,357 @@
+<template>
+  <div>
+    <el-breadcrumb separator=">">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="#">系统管理</a>
+      </el-breadcrumb-item>
+      <el-breadcrumb-item>
+        <a href="/jobUser">人才库管理</a>
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+    <el-divider></el-divider>
+    <!--
+      要resetFields起作用，必须配置:model和prop
+    -->
+    <el-form
+      ref="queryForm"
+      :model="queryModel"
+      inline
+      class="demo-form-inline"
+    >
+      <el-form-item label="审批状态" prop="t">
+        <el-select v-model="queryModel.approvalStatus" filterable placeholder="请选择" size="mini">
+          <el-option
+            v-for="result in approvalStatusList"
+            :key="result.id"
+            :label="result.name"
+            :value="result.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="审批时间" prop="approveTime">
+        <el-date-picker
+          v-model="approveTimeRange"
+          type="daterange"
+          size="mini"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          size="mini"
+          icon="ios-search"
+          @click="changePage(1)"
+          :loading="loading"
+          >查询</el-button
+        >&nbsp;
+        <el-button
+          type="info"
+          size="mini"
+          style="margin-left: 8px"
+          @click="handleReset('queryForm')"
+          >重置</el-button
+        >&nbsp;
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :data="tableData"
+      style="min-height: 400px"
+      v-loading="loading"
+      stripe
+      @sort-change="sortChange"
+      @selection-change="handleSelectionChange"
+    >
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column prop="headImageUrl" label="实名认证" width="100px">
+            <template slot-scope="{ row }">
+                <a :href="row.headImageUrl" target="_blank">
+                    <el-avatar
+                    :size="80"
+                    shape="circle"
+                    :src="
+                        row.headImageUrl +
+                        '?x-oss-process=image/resize,m_fill,w_100,h_100'
+                    "
+                    :key="row.id"
+                    ></el-avatar>
+                </a>
+            </template>
+        </el-table-column>
+        <el-table-column prop="realName" >
+             <template slot-scope="{ row }">
+               <div @click="handleDetail(row)">
+                <div class="descDiv">
+                    <span class="nameSpan">{{row.realName}}</span>
+                    <span style="margin-left:20px">
+                        <el-tag v-if="row.jobStatus=='1'">在职</el-tag>
+                        <el-tag v-else>已离职</el-tag>
+                    </span>
+                </div>
+                <div class="descDiv">
+                    <span v-if="row.sex=='0'">男</span>
+                    <span v-else>女</span>
+                    ·
+                    <span>{{row.age}}岁</span>
+                    ·
+                    <span>{{row.educationName}}</span>
+                    ·
+                    <span>工作经验：{{row.workExpName}}</span>
+                </div>
+                <div class="descDiv">
+                    <span>想找：</span>
+                    <span>{{row.positionCategoryName}}</span>
+                    <span style="margin-left:10px;margin-right:10px">|</span>
+                    <span>{{row.dreamMoneyName}}</span>
+                </div>
+               </div>
+             </template>
+        </el-table-column>
+        <el-table-column width="150px">
+        <template slot-scope="{ row }">
+            <el-button type="primary" @click="handleEdit(row)"
+            >下载简历</el-button
+            >
+        </template>
+        </el-table-column>
+    </el-table>
+    <el-pagination
+      :current-page.sync="pageIndex"
+      :total="totalElements"
+      :page-sizes="pageSizeList"
+      @current-change="changePage"
+      @size-change="pageSizeChange"
+      layout="total, sizes, prev, pager, next, jumper"
+    ></el-pagination>
+  </div>
+</template>
+<script>
+import Constant from "@/constant";
+import jobUserApi from "@/api/job/jobUser";
+import NProgress from "nprogress"; // progress bar
+import "nprogress/nprogress.css"; // progress bar style
+import dataDictionaryApi from "@/api/sys/dataDictionary";
+
+export default {
+  data() {
+    var self = this;
+
+    return {
+      queryModel: {
+        id: "",
+        type: "",
+        content: "",
+        status: "",
+        sortNo: "",
+        approvalStatus: "",
+        createBy: "",
+        createTime: "",
+        updateBy: "",
+        updateTime: "",
+        delFlag: "",
+        approvePersonId: "",
+        approveTime: "",
+      },
+      loading: false,
+      tableData: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPages: 0,
+      totalElements: 0,
+      field: "",
+      direction: "",
+      pageSizeList: [10, 20, 30],
+      multipleSelection: [],
+      showModal: false,
+      modalTitle: "",
+      businessKey: "",
+      approveTimeRange:"",
+      approvalStatusList:[],
+    };
+  },
+  created() {
+
+    dataDictionaryApi.findByCatalogName({
+      "catalogName" : "劳务对接审批状态"
+    }).then(response => {
+      var jsonData = response.data;
+      this.approvalStatusList = jsonData.data;
+    });
+  },
+  methods: {
+    changePage(pageIndex) {
+      var self = this;
+
+      self.loading = true;
+
+      self.pageIndex = pageIndex;
+      var formData = new FormData();
+
+      formData.append("pageIndex", self.pageIndex);
+      formData.append("pageSize", self.pageSize);
+
+      jobUserApi
+        .pageList(formData)
+        .then(function (response) {
+          self.loading = false;
+
+          var jsonData = response.data.data;
+
+          self.tableData = jsonData.data;
+          self.totalPages = jsonData.totalPages;
+          self.totalElements = jsonData.recordsTotal;
+        })
+        .catch((error) => {
+          self.loading = false;
+          // self.$message.error(error + "");
+        });
+    },
+    pageSizeChange(pageSize) {
+      this.pageSize = pageSize;
+
+      this.$nextTick(() => {
+        this.changePage(this.pageIndex);
+      });
+    },
+    sortChange(data) {
+      this.field = data.column.field;
+      this.direction = data.order;
+
+      this.changePage(this.pageIndex);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    handleReset(name) {
+      this.$refs[name].resetFields();
+      this.approveTimeRange="";
+    },
+    handleAdd() {
+      this.modalTitle = "新增";
+      this.businessKey = "";
+      this.showModal = true;
+    },
+    handleEdit(record) {
+      this.modalTitle = "编辑";
+      this.businessKey = record.id;
+      this.showModal = true;
+    },
+    handleDetail(row){
+      console.log(row);
+
+      window["listPage"] = this;
+
+      var path = "/job/talentPool/detail";
+      
+      this.$store
+        .dispatch("tagsView/delView", {
+          name: "talentPoolDetail",
+          path: path,
+        })
+        .then(({ visitedViews }) => {
+          this.$router.push({
+            path: path,
+            query: {
+              businessKey: row.id,
+            },
+          });
+        });
+    },
+    handleDelete(record) {
+      var self = this;
+
+      self
+        .$confirm("是否确认删除?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          jobUserApi.remove(record.id).then(function (response) {
+            var jsonData = response.data;
+
+            if (jsonData.result) {
+              // var index = self.tableData.indexOf(record);
+              // self.tableData.splice(index, 1);
+              self.changePage(self.pageIndex);
+
+              self.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            }
+          });
+        });
+    },
+    handleBatchDelete() {
+      var self = this;
+
+      var idList = this.multipleSelection.map((record) => {
+        return record.id;
+      });
+
+      this.$confirm("是否确认删除选中项？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        jobUserApi.batchRemove(idList).then(function (response) {
+          var jsonData = response.data;
+
+          if (jsonData.result) {
+            self.changePage(self.pageIndex);
+
+            self.$message({
+              type: "success",
+              message: "删除成功!",
+            });
+          }
+        });
+      });
+    },
+    onDetailModalClose(refreshed) {
+      //保存成功后回调
+      this.showModal = false;
+
+      if (refreshed) {
+        this.changePage(this.pageIndex);
+      }
+    },
+  },
+  mounted: function () {
+    this.changePage(1);
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-breadcrumb {
+  margin: 10px;
+  line-height: 20px;
+}
+
+.el-divider {
+  margin: 5px 0;
+}
+
+.demo-form-inline {
+  margin-left: 10px;
+  text-align: left;
+}
+
+.button-group {
+  margin-left: 10px;
+  text-align: left;
+}
+.descDiv{
+    line-height: 30px;
+}
+.nameSpan{
+    font-size: 18px;
+}
+</style>