diff --git a/src/views/manage/works/count/index.vue b/src/views/manage/works/count/index.vue
new file mode 100644
index 0000000..83e3a20
--- /dev/null
+++ b/src/views/manage/works/count/index.vue
@@ -0,0 +1,303 @@
+<template>
+  <div>
+    <basic-container>
+      <el-radio-group v-model="search.status" size="small" @change="radioGroup">
+        <el-radio-button
+          v-for="(item,key,index) in missionTypes"
+          :key="index"
+          :label="item.value"
+        >{{item.label}}</el-radio-button>
+      </el-radio-group>
+    </basic-container>
+
+    <basic-container >
+      <div class="taskTip">
+        <p class="title">{{search.status | searchStatus}}</p>
+        <div style="height: 30px;"></div>
+        <div v-if="search.status === 1" style="display: flex;flex-wrap: wrap;">
+          <span class="name">任务总数&nbsp;&nbsp;&nbsp;{{taskGather.totalCount}}</span>
+          <span class="name" style="margin-left: 30px;">
+            任务阶段
+            <span class="smallTitle">招聘中</span>{{taskGather.recruitCount}}
+            <span class="smallTitle">任务中</span>{{taskGather.startCount}}
+            <span class="smallTitle">已完成</span>{{taskGather.completCount}}
+            <span class="smallTitle">已失效</span>{{taskGather.invalidCount}}
+            <span class="smallTitle">审核未通过</span>{{taskGather.rejectCount}}
+          </span>
+        </div>
+
+        <div v-if="search.status === 2" style="display: flex;flex-wrap: wrap;">
+          <span class="name" style="margin-right: 40px;">任务总数&nbsp;&nbsp;&nbsp;{{taskDetail.totalCount}}</span>
+          <span class="name">
+            人员情况
+            <span class="smallTitle">招聘总人数</span>{{taskDetail.enListCount}}
+            <span class="smallTitle">申请总人数</span>{{taskDetail.applyCount}}
+            <span class="smallTitle">录用总人数</span>{{taskDetail.employedCount}}
+          </span>
+        </div>
+      </div>
+    </basic-container>
+
+    <basic-container>
+      <!-- 搜索栏 -->
+      <el-form
+        size="small"
+        label-position="right"
+        :inline="true"
+      >
+        <el-row :span="24" v-if="search.status === 1">
+
+          <el-form-item label="公司名称:">
+            <el-input v-model="search.companyName" placeholder="公司名称"></el-input>
+          </el-form-item>
+
+          <el-form-item label="联系电话:">
+            <el-input v-model="search.callTel" placeholder="联系电话"></el-input>
+          </el-form-item>
+
+<!--          <el-form-item label="距离最后发任务时间:">-->
+<!--            <el-radio-group v-model="search.status" size="small" @change="radioGroup">-->
+<!--              <el-radio-button-->
+<!--                v-for="(item,key,index) in missionTypes"-->
+<!--                :key="index"-->
+<!--                :label="item.value"-->
+<!--              >{{item.label}}</el-radio-button>-->
+<!--            </el-radio-group>-->
+<!--          </el-form-item>-->
+
+          <div class="searchBtn">
+            <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
+          </div>
+        </el-row>
+        <el-row :span="24" v-if="search.status === 2">
+
+          <el-form-item label="公司名称:">
+            <el-input v-model="search.companyName" placeholder="公司名称"></el-input>
+          </el-form-item>
+
+          <el-form-item label="任务编号:">
+            <el-input v-model="search.missionNo" placeholder="任务编号" ></el-input>
+          </el-form-item>
+
+          <el-form-item label="任务标题:">
+            <el-input v-model="search.missionTitle" placeholder="任务标题" ></el-input>
+          </el-form-item>
+          <br>
+          <el-form-item>
+            <el-select v-model="search.reviewState" placeholder="请选择搜索时间类型" style="width:100%">
+              <el-option
+                v-for="(item,key,index) in timeStatus"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-date-picker
+            :disabled="search.reviewState === ''"
+              v-model="search.taskTime"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="完成时间"
+              format="yyyy 年 MM 月 dd 日"
+            value-format="yyyy-MM-dd"
+            @change="dateChangeSubTime">
+            </el-date-picker>
+          </el-form-item>
+
+          <tool-tip></tool-tip>
+
+          <el-form-item label="任务状态:">
+            <el-select v-model="search.jobStatus" placeholder="任务状态" style="width:100%">
+              <el-option
+                v-for="(item,key,index) in jobStatus"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+
+          <div class="searchBtn">
+            <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="taskOut">导 出</el-button>
+          </div>
+        </el-row>
+
+      </el-form>
+      <!-- table -->
+      <gather v-if="search.status === 1" ref="gather" @searchCompanyName="searchCompanyName"></gather>
+      <detail v-if="search.status === 2" ref="detail"></detail>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+  import { taskState, jobStatus, timeStatus } from '@/common/dic'
+  import {gatherInfo, detailInfo} from '@/api/workstation/task'
+  import gather from "./table/gather";
+  import detail from "./table/detail";
+  import {setStore, getStore} from '@/util/store'
+export default {
+  name: "index",
+  components: {gather, detail},
+  data() {
+    return {
+      disabled: true,
+      missionTypes: taskState,
+      jobStatus: jobStatus,
+      timeStatus: timeStatus,
+      activeName: 'first',
+      taskTime: '',
+      taskGather: {},
+      taskDetail: {},
+      search: {
+        status: 1,
+      },
+    };
+  },
+  filters: {
+    searchStatus (v) {
+      switch (v) {
+        case 1:
+          return '任务概况';
+        case 2:
+          return '任务概况';
+      }
+    }
+  },
+  created() {
+    const status = getStore({name: 'taskStatus'})
+    if (status) {
+      this.search.status = Number(status)
+    }
+  },
+  mounted() {
+    this.handleSearch()
+  },
+  methods: {
+    searchCompanyName (companyName) {
+      this.search.status = 2
+      setStore({name: 'taskStatus', content: 2, type: 'session'})
+      this.search.companyName = companyName
+      this.handleSearch()
+    },
+    dateChangeSubTime(val){
+      if(val){
+        this.search.stime = val[0]+" 00:00:00";
+        this.search.etime = val[1]+" 23:59:59";
+      } else{
+        this.search.stime = '';
+        this.search.etime = '';
+      }
+    },
+    gatherInfoInit () {
+      gatherInfo().then(res => {
+        this.taskGather = res.data.data
+      })
+    },
+    detailInfoInit () {
+      detailInfo().then(res => {
+        this.taskDetail = res.data.data
+      })
+    },
+    radioGroup(v) {
+      setStore({name: 'taskStatus', content: v, type: 'session'})
+      this.handleClear()
+    },
+    handleSearch () {
+      if (this.search.status === 1) {
+        this.gatherInfoInit()
+        var gatherObj = {
+          companyName: this.search.companyName,
+          callTel: this.search.callTel
+        }
+        this.$refs.gather.init(gatherObj)
+      } else if (this.search.status === 2) {
+        this.detailInfoInit()
+        var detailObj = {
+          status: this.search.jobStatus ? this.search.jobStatus : '',
+          companyName: this.search.companyName ? this.search.companyName : '',
+          missionNo: this.search.missionNo ? this.search.missionNo : '',
+          missionTitle: this.search.missionTitle ? this.search.missionTitle : '',
+          reviewState: this.search.reviewState ? this.search.reviewState : 0,
+          stime: this.search.stime ? this.search.stime : '',
+          etime: this.search.etime ? this.search.etime : ''
+        }
+        this.$nextTick(() => {
+          this.$refs.detail.init(detailObj)
+        })
+      }
+    },
+    handleClear(){
+      this.search = {
+        status: this.search.status,
+        companyName: '',
+        callTel: '',
+        missionNo:'',
+        missionTitle: '',
+        reviewState: '',
+        jobStatus: '',
+      };
+      this.handleSearch()
+    },
+    taskOut(){
+      var detailObj = {
+        status: this.search.jobStatus ? this.search.jobStatus : '',
+        companyName: this.search.companyName ? this.search.companyName : '',
+        missionNo: this.search.missionNo ? this.search.missionNo : '',
+        missionTitle: this.search.missionTitle ? this.search.missionTitle : '',
+        reviewState: this.search.reviewState ? this.search.reviewState : '',
+        stime: this.search.stime ? this.search.stime : '',
+        etime: this.search.etime ? this.search.etime : ''
+      }
+      this.$refs.detail.taskOut(detailObj)
+    }
+  }
+}
+</script>
+
+<style scoped>
+  p{
+    margin: 0 !important;
+  }
+  .el-form-item {
+    margin-right: 18px !important;
+    /*margin-bottom: 0 !important;*/
+  }
+  .searchBtn {
+    display: inline-block;
+    margin-bottom: 18px;
+  }
+  .taskTip{
+    border-radius: 0px 4px 5px 4px;
+    /*padding: 14px;*/
+  }
+  .taskTip .name{
+    font-size: 18px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 25px;
+  }
+  .taskTip .smallTitle{
+    width: 36px;
+    height: 25px;
+    font-size: 18px;
+    font-weight: 400;
+    color: #999999;
+    line-height: 25px;
+    margin-right: 15px;
+    margin-left: 40px;
+  }
+  .taskTip .title{
+    height: 30px;
+    font-size: 22px;
+    font-weight: 800;
+    color: #333333;
+    line-height: 30px;
+  }
+</style>
diff --git a/src/views/manage/works/count/table/detail.vue b/src/views/manage/works/count/table/detail.vue
new file mode 100644
index 0000000..0a740c4
--- /dev/null
+++ b/src/views/manage/works/count/table/detail.vue
@@ -0,0 +1,248 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <template slot="status" slot-scope="{ row }">
+        <div>{{ row.status | jobStatus}}</div>
+      </template>
+      <template slot="wage" slot-scope="{ row }">
+        <div>{{ row.wage}}元/人/天</div>
+      </template>
+      <template slot="etimePub" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.etimePub), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="etime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.etime), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="stime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.stime), "yyyy/MM/dd")}}</div>
+      </template>
+      <template slot="expiryTime" slot-scope="{ row }">
+        <div>{{ dateFormat(new Date(row.expiryTime), "yyyy/MM/dd")}}</div>
+      </template>
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+        <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click.stop="rowView(row)"
+        >查看</el-button>
+      </div>
+    </avue-crud>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <mission-view :model="view"></mission-view>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+  import {
+    getDetail,
+  } from "@/api/manage/mission";
+  import missionView from "@/views/util/mission-view";
+  import {detailList, stationExport} from '@/api/workstation/task'
+  import {dateFormat} from '@/util/date'
+  // import {download} from '@/util/util'
+
+export default {
+  name: "task",
+  components: {missionView},
+  filters: {
+    jobStatus (v) {
+      switch (v) {
+        case 1:
+          return '招聘中'
+        case 2:
+          return '任务中'
+        case 3:
+          return '已完成'
+        case 4:
+          return '已失效'
+        case 9:
+          return '审核未通过'
+      }
+    }
+  },
+  data () {
+    return {
+      viewDrawer: false,
+      loading: false,
+      view: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+      query: {},
+      data: [],
+      option: {
+        height: "400",
+        calcHeight: 40,
+        menuWidth: 120,
+        align: "center",
+        menuAlign: "center",
+        indexLabel: "序号",
+        menu:true,
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        border: true,
+        index: true,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "任务标题",
+            prop: "missionTitle",
+          },
+          {
+            label: "任务编码",
+            prop: "missionNo",
+            display: false,
+          },
+          {
+            label: "公司名称",
+            prop: "companyName",
+          },
+          {
+            label: "任务状态",
+            prop: "status",
+            slot: true
+          },
+          {
+            label: "招聘人数",
+            prop: "peopleNum",
+            display: false,
+          },
+          {
+            label: "申请人数",
+            prop: "applyCount",
+            display: false,
+          },
+          {
+            label: "录用人数",
+            prop: "employedCount",
+          },
+          {
+            label: "发工资人数",
+            prop: "userPayCount",
+          },
+
+          {
+            label: "工资",
+            prop: "wage",
+            slot: true
+          },
+          {
+            label: "报名截止日期",
+            prop: "etimePub",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "开始时间",
+            prop: "stime",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "结束时间",
+            prop: "etime",
+            slot: true,
+            display: false,
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    dateFormat,
+    rowView(row) {
+      getDetail(row.missionNo).then((resp) => {
+        this.viewDrawer = true;
+        this.view = resp.data.data;
+      });
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.listInit(this.query)
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.listInit(this.query)
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.init(this.query)
+    },
+    init(search){
+      this.page.currentPage = 1
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      detailList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    listInit(search){
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      detailList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    // 导出
+    taskOut(search){
+      this.query = search
+      var query = this.query
+      window.open(
+        stationExport(
+          query.status,
+          query.companyName,
+          query.missionNo,
+          query.missionTitle,
+          query.reviewState,
+          query.stime,
+          query.etime,
+          this.page.currentPage,
+          this.page.pageSize
+        )
+      )
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/manage/works/count/table/gather.vue b/src/views/manage/works/count/table/gather.vue
new file mode 100644
index 0000000..86c6206
--- /dev/null
+++ b/src/views/manage/works/count/table/gather.vue
@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <template slot="openTime" slot-scope="{ row }">
+        <div :style="{'color': (row.isExpiry===1?'red':'')}">{{ row.openTime ? dateFormat(new Date(row.openTime), "yyyy-MM-dd") : ''}}</div>
+      </template>
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+
+        <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click.stop="rowView(row)"
+        >查看</el-button>
+      </div>
+    </avue-crud>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <mission-view :model="view"></mission-view>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+  import missionView from "@/views/util/mission-view";
+  import {gatherList} from '@/api/workstation/task'
+  import {dateFormat} from '@/util/date'
+
+
+export default {
+  name: "task",
+  components: {missionView},
+  data () {
+    return {
+      viewDrawer: false,
+      loading: false,
+      view: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 100,
+      },
+      query: {},
+      data: [],
+      option: {
+        height: "400",
+        calcHeight: 40,
+        menuWidth: 120,
+        align: "center",
+        menuAlign: "center",
+        indexLabel: "序号",
+        menu:true,
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        border: true,
+        index: true,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "公司名称",
+            prop: "companyName",
+          },
+          {
+            label: "联系人",
+            prop: "callName",
+          },
+          {
+            label: "联系电话",
+            prop: "callTel",
+            display: false,
+          },
+          {
+            label: "招聘中",
+            prop: "recruitCount",
+            display: false,
+          },
+          {
+            label: "任务中",
+            prop: "startCount",
+            display: false,
+          },
+          {
+            label: "已完成",
+            prop: "completCount",
+            display: false,
+          },
+          {
+            label: "已失效",
+            prop: "invalidCount",
+          },
+          {
+            label: "审核未通过",
+            prop: "rejectCount",
+            display: false,
+          },
+
+          // {
+          //   label: "待支付（人）",
+          //   prop: "nonPaycount",
+          //   display: false,
+          // },
+          // {
+          //   label: "已支付",
+          //   prop: "payCount",
+          //   display: false,
+          // },
+          // {
+          //   label: "已发放",
+          //   prop: "userPayCount",
+          //   display: false,
+          // },
+          // {
+          //   label: "工资发放逾期",
+          //   prop: "expiryCount",
+          //   display: false,
+          // },
+          {
+            label: "最新发布任务时间",
+            prop: "openTime",
+            slot: true,
+            display: false
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    dateFormat,
+    rowView(row) {
+      this.$emit('searchCompanyName', row.companyName)
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.listInit(this.query)
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.listInit(this.query)
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.init(this.query)
+    },
+    init(search){
+      this.page.currentPage = 1
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      gatherList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    },
+    listInit(search){
+      this.query = search
+      var params = {
+        ...search,
+        current: this.page.currentPage,
+        size: this.page.pageSize
+      }
+      this.loading = true
+      gatherList(params).then(res => {
+        this.data = res.data.data.records
+        this.page.total = res.data.data.total
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/manage/works/delayDialog.vue b/src/views/manage/works/delayDialog.vue
new file mode 100644
index 0000000..bfcd78d
--- /dev/null
+++ b/src/views/manage/works/delayDialog.vue
@@ -0,0 +1,89 @@
+<template>
+  <el-dialog title="发工资延期" :visible.sync="dialogVisible" append-to-body @closed="handleClose">
+    <avue-form ref="form" v-model="form" :option="option" @submit="submit"></avue-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">取 消</el-button>
+      <el-button type="primary" @click="confirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  import { delay } from "@/api/manage/mission";
+
+  export default {
+    props: {},
+    data() {
+      return {
+        form: {},
+        id: null,
+        dialogVisible: false,
+        option: {
+          menuBtn: false,
+          column: [
+            {
+              type: "date",
+              label: "延期到",
+              span: 24,
+              display: true,
+              format: "yyyy-MM-dd",
+              valueFormat: "yyyy-MM-dd",
+              size: "small",
+              prop: "expiryTime",
+              pickerOptions: {
+                disabledDate(time) {
+                  const now = new Date().getTime();
+                  return time.getTime() < now
+                }
+              },
+              rules: [
+                {
+                  required: true,
+                  message: "延期到必须填写",
+                },
+              ],
+              
+            },
+            {
+              type: "textarea",
+              label: "备注",
+              span: 24,
+              display: true,
+              size: "small",
+              prop: "remarks",
+            },
+          ],
+        },
+      };
+    },
+    methods: {
+      confirm() {
+        this.$refs.form.submit();
+      },
+      submit(row, done) {
+        delay(this.id, `${row.expiryTime} 23:59:59`, row.remarks)
+          .then(() => {
+            done();
+            this.$message({ type: "success", message: "操作成功" });
+            this.dialogVisible = false;
+            this.$emit("success");
+          })
+          .catch(() => {
+            done();
+          });
+      },
+      handleClose() {
+        this.$refs.form.resetForm();
+        this.dialogVisible = false;
+      },
+      open(id) {
+        this.id = id;
+        this.dialogVisible = true;
+      },
+    },
+    computed: {},
+  };
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/manage/works/index.vue b/src/views/manage/works/index.vue
new file mode 100644
index 0000000..1d99f95
--- /dev/null
+++ b/src/views/manage/works/index.vue
@@ -0,0 +1,568 @@
+<template>
+  <basic-container>
+    <!--搜索栏-->
+    <el-form
+      size="small"
+      label-position="right"
+      style="padding-left: 10px; padding-right: 10px"
+      :inline="true"
+    >
+      <el-row :span="24">
+        <el-form-item label="公司名称:">
+          <el-input
+            v-model="query.companyName"
+            placeholder="公司名称"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="任务编码:">
+          <el-input
+            v-model="query.missionNo"
+            placeholder="任务编码"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="任务标题:">
+          <el-input
+            v-model="query.missionTitle"
+            placeholder="任务标题"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select v-model="query.type" placeholder="请选择搜索时间类型">
+            <el-option label="任务开始日期" :value="0"></el-option>
+            <el-option label="任务结束日期" :value="2"></el-option>
+            <el-option label="报名截止日期" :value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker
+            v-model="query.time"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <tool-tip></tool-tip>
+        <br>
+        <el-form-item label="任务状态：">
+          <el-select v-model="query.status">
+            <el-option
+              v-for="(item, index) in mStatusList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <div class="searchBtn">
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-search"
+            @click="searchChange1"
+            >搜 索</el-button
+          >
+          <el-button size="small" icon="el-icon-delete" @click="searchReset1"
+            >清 空</el-button
+          >
+        </div>
+      </el-row>
+    </el-form>
+    <!--搜索-->
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      :before-close="beforeClose"
+      :page.sync="page"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <template slot="menuLeft">
+        <el-button
+          v-if="vaildData(permission.manage_mission_check, false)"
+          size="small"
+          @click.stop="handleCheck"
+          type="primary"
+          >任务审核</el-button
+        >
+      </template>
+      <template slot="menuRight">
+        <el-button size="small" @click.stop="downRecords" type="primary"
+          >导出</el-button
+        >
+      </template>
+      <template slot-scope="{ row }" slot="menu">
+        <el-button
+          v-if="vaildData(permission.manage_mission_delay, false) && row.status==3"
+          size="small"
+          @click.stop="handleDelay(row)"
+          type="text"
+          >发工资延期</el-button
+        >
+        <el-button
+          type="text"
+          size="small"
+          @click.stop="rowView(row)"
+          v-if="vaildData(permission.manage_mission_view, false)"
+          >详情</el-button
+        >
+        <el-button
+          type="text"
+          size="small"
+          @click.stop="rowZPView(row)"
+          v-if="vaildData(permission.manage_mission_zpview, false)"
+          >招聘情况</el-button
+        >
+        <el-button
+          v-if="row.status==2"
+          size="small"
+          @click.stop="handleFinish(row)"
+          type="text"
+          >完成任务</el-button
+        >
+      </template>
+    </avue-crud>
+    <delay-dialog
+      ref="delay"
+      :ids="ids"
+      @success="onLoad(page, query)"
+    ></delay-dialog>
+    <el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
+      <mission-view :model="view"></mission-view>
+    </el-drawer>
+    <zp-view ref="zpView"></zp-view>
+    <wage-view ref="wageView"></wage-view>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getList,
+  review,
+  complet,
+  getDetail,
+  download,
+} from "@/api/manage/mission";
+import { mapGetters } from "vuex";
+import delayDialog from "./delayDialog";
+import missionView from "@/views/util/mission-view";
+import zpView from "./zpView";
+import wageView from "./wageView";
+import { missionState, wageUnitCategoryState } from "@/common/dic";
+import { calcDate } from "@/util/date";
+import { Message } from "element-ui";
+import lodash from "lodash";
+
+const message = lodash.throttle(
+  function (options) {
+    Message(options);
+  },
+  3000,
+  { trailing: false }
+);
+
+export default {
+  components: { delayDialog, missionView, zpView, wageView },
+  name: "manage_mission",
+  data() {
+    return {
+      view: {},
+      form: {},
+      selectionList: [],
+      query: { type: '' },
+      loading: false,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      checkDialog: false,
+      finishDialog: false,
+      viewDrawer: false,
+      mStatusList: [
+        { value: 1, label: "招聘中" },
+        { value: 2, label: "任务中" },
+        { value: 3, label: "已完成" },
+        { value: 4, label: "已失效" },
+        {
+          label: "审核未通过",
+          value: 9,
+        },
+      ],
+      option: {
+        height: "auto",
+        tip: false,
+        columnBtn: false,
+        searchShow: true,
+        searchMenuSpan: 5,
+        menuWidth: 270,
+        border: true,
+        selection: true,
+        viewBtn: false,
+        addBtn: false,
+        editBtn: false,
+        delBtn: false,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        mStatusList: missionState,
+        column: [
+          {
+            label: "公司名称",
+            prop: "companyName",
+            display: false,
+          },
+          {
+            label: "任务编码",
+            prop: "missionNo",
+            display: false,
+          },
+          {
+            label: "任务标题",
+            prop: "missionTitle",
+            display: false,
+          },
+          {
+            label: "招聘人数",
+            prop: "peopleNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "申请人数",
+            prop: "applyNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "确认人数",
+            prop: "applyPassNum",
+            search: false,
+            searchSpan: 1,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "任务时长",
+            prop: "missionDuration",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            minWidth: 70,
+          },
+          {
+            label: "",
+            prop: "time",
+            type: "date",
+            hide: true,
+            valueFormat: "yyyy-MM-dd",
+          },
+          {
+            label: "任务开始日期",
+            prop: "stime",
+            type: "date",
+            display: false,
+            minWidth: 100,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "任务结束日期",
+            prop: "etime",
+            type: "date",
+            display: false,
+            minWidth: 100,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "报名截止日期",
+            prop: "etimePub",
+            type: "date",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            minWidth: 100,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "工资",
+            prop: "wage",
+            search: false,
+            searchSpan: 5,
+            display: false,
+            width: 80,
+          },
+          {
+            label: "工资单位",
+            prop: "wageUnitCategory",
+            search: false,
+            dicData: wageUnitCategoryState,
+            searchSpan: 5,
+            display: false,
+          },
+          {
+            label: "任务状态",
+            prop: "status",
+            type: "select",
+            dicData: missionState,
+            display: false,
+            span: 24,
+            width: 80,
+          },
+          {
+            label:"备注",
+            prop:"remarks"
+          }
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    permissionList() {
+      return {
+        viewBtn: this.vaildData(
+          this.permission.manage_station_mainList_view,
+          false
+        ),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids;
+    },
+  },
+  methods: {
+    initData() {
+      this.onLoad(this.page, this.query);
+    },
+    rowView(row) {
+      getDetail(row.missionNo).then((resp) => {
+        this.viewDrawer = true;
+        this.view = resp.data.data;
+      });
+    },
+    rowZPView(row) {
+      this.$refs.zpView.open(row.missionNo);
+    },
+    handleWageView(row) {
+      this.$refs.wageView.open(row.missionNo);
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      if (params.time) {
+        params.stime = params.time[0];
+        params.etime = params.time[1];
+        delete params.time;
+      }
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    searchChange1() {
+      if (this.query.time) {
+        this.query.stime = this.query.time[0];
+        this.query.etime = this.query.time[1];
+       // delete this.query.time;
+      }
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+    },
+    searchReset1() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    beforeOpen(done, type) {
+      if (["add", "edit"].includes(type)) {
+        this.initData();
+        done();
+      }
+      if (["edit", "view"].includes(type)) {
+        this.loading = true;
+      }
+    },
+    beforeClose(done) {
+      done();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      params = Object.assign(this.query, params);
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.data.map((val) => {
+          val.missionDuration =
+            calcDate(
+              new Date(val.stime).getTime(),
+              new Date(val.etime).getTime()
+            ).days + "天";
+          val.payStatus =
+            (val.payPersonTotal && val.payPersonTotal) > 0
+              ? "已支付"
+              : "未支付";
+        });
+      });
+    },
+    handleDelay(row) {
+      this.$refs.delay.open(row.missionNo);
+    },
+    handleCheck() {
+      if (this.ids.length < 1) {
+        message({
+          type: "warning",
+          message: "请至少选择一条数据",
+        });
+        return;
+      }
+      let idList = [];
+      for (let i = 0; i < this.ids.length; i++) {
+        this.data.forEach((ele) => {
+          if (ele.status == 1 && ele.id == this.ids[i]) {
+            idList.push(ele.id);
+          }
+        });
+      }
+
+      if (idList.length == 0) {
+        this.$message.error("只能驳回【招聘中】的任务");
+      } else {
+        let h = this.$createElement;
+        this.$prompt(
+          h("p", { style: "color: #F56C6C" }, "一旦驳回无法进行后续操作"),
+          "您确定要驳回此任务吗？",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            inputType: "textarea",
+            inputPlaceholder: "备注驳回原因",
+          }
+        )
+          .then(({ value }) => {
+            this.loading = true;
+            review(idList.join(","), value)
+              .then(() => {
+                this.loading = false;
+                this.onLoad(this.page, this.params);
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+              })
+              .catch(() => {
+                this.loading = false;
+              });
+          })
+          .catch(() => {});
+      }
+    },
+    handleFinish(row) {
+        if (row.status!=2) {
+            this.$message.error('只能提前完成【任务中】的任务')
+        }
+        /*只能提前完成【任务中】的任务*/
+        else{
+          let h = this.$createElement;
+        this.$confirm(
+          h("p", { style: "color: #F56C6C" }, "一旦确定无法修改"),
+          "您确定要提前此任务吗？",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+            center: true,
+            inputType: "textarea",
+            inputPlaceholder: "备注原因",
+          }
+        )
+          .then(() => {
+            this.loading = true;
+            complet(row.id)
+              .then(() => {
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.loading = false;
+                this.onLoad(this.page, this.query);
+              })
+              .catch(() => {
+                this.loading = false;
+              });
+          })
+          .catch(() => { });
+        }
+    },
+    downRecords() {
+      if (this.query.time) {
+        this.query.stime = this.query.time[0];
+        this.query.etime = this.query.time[1];
+       // delete this.query.time;
+      }
+      window.open(download(this.query));
+
+    },
+
+  },
+};
+</script>
+
+<style>
+  .el-form-item {
+    margin-right: 18px !important;
+  }
+.searchBtn{
+  display: inline-block;
+}
+</style>
diff --git a/src/views/manage/works/wageView.vue b/src/views/manage/works/wageView.vue
new file mode 100644
index 0000000..fac27be
--- /dev/null
+++ b/src/views/manage/works/wageView.vue
@@ -0,0 +1,177 @@
+<template>
+  <el-drawer title="工资情况" :visible.sync="visible" size="60%" append-to-body>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :page.sync="page"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    ></avue-crud>
+  </el-drawer>
+</template>
+
+<script>
+import { getWageView } from "@/api/manage/mission";
+import { mapGetters } from "vuex";
+
+export default {
+  props: {},
+  data() {
+    return {
+      missionNo: null,
+      form: {},
+      selectionList: [],
+      query: {},
+      loading: true,
+      parentId: 0,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      visible: false,
+      checkDialog: false,
+      delayDialog: false,
+      zpviewDialog: false,
+      finishDialog: false,
+      option: {
+        height: "auto",
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: false,
+        selection: false,
+        viewBtn: false,
+        addBtn: false,
+        menu: false,
+        menuWidth: 300,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        column: [
+          {
+            label: "姓名",
+            prop: "realName",
+            search: true,
+            searchSpan: 4,
+            searchLabelWidth: 50,
+            display: false,
+          },
+          {
+            label: "身份证号码",
+            prop: "cardNumber",
+            search: true,
+            display: false,
+            searchLabelWidth: 86,
+            searchSpan: 7,
+          },
+          {
+            type: "select",
+            label: "发工资情况",
+            prop: "status",
+            display: false,
+            search: true,
+            searchLabelWidth: 86,
+            searchSpan: 7,
+            dicData: [
+              { label: "处理中", value: 0 },
+              { label: "发放成功", value: 1 },
+              { label: "未发放", value: 6 },
+              { label: "发放中", value: 7 },
+              { label: "发放失败", value: 8 },
+              { label: "异常", value: 9 },
+            ],
+          },
+          {
+            label: "发放时间",
+            prop: "accountTime",
+            display: false,
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    permissionList() {
+      return {
+        viewBtn: this.vaildData(
+          this.permission.manage_station_mainList_view,
+          false
+        ),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids;
+    },
+  },
+  methods: {
+    initData() {
+      this.onLoad(this.page, this.query);
+    },
+    open(missionNo) {
+      this.missionNo = missionNo;
+      this.initData();
+      this.visible = true;
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getWageView(
+        page.currentPage,
+        page.pageSize,
+        this.missionNo,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+      });
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/src/views/manage/works/zpView.vue b/src/views/manage/works/zpView.vue
new file mode 100644
index 0000000..9e4a6f2
--- /dev/null
+++ b/src/views/manage/works/zpView.vue
@@ -0,0 +1,170 @@
+<template>
+  <el-drawer title="招聘情况" :visible.sync="visible" size="60%" append-to-body>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :page.sync="page"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    ></avue-crud>
+  </el-drawer>
+</template>
+
+<script>
+import { getZPView } from "@/api/manage/mission";
+import { mapGetters } from "vuex";
+
+export default {
+  props: {},
+  data() {
+    return {
+      missionNo: null,
+      form: {},
+      selectionList: [],
+      query: {},
+      loading: true,
+      parentId: 0,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      visible: false,
+      checkDialog: false,
+      delayDialog: false,
+      zpviewDialog: false,
+      finishDialog: false,
+      option: {
+        height: "auto",
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: false,
+        selection: false,
+        viewBtn: false,
+        addBtn: false,
+        menu: false,
+        menuWidth: 300,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        column: [
+          {
+            label: "姓名",
+            prop: "realName",
+            search: true,
+            searchSpan: 4,
+            searchLabelWidth: 50,
+            display: false,
+          },
+          {
+            label: "身份证号码",
+            prop: "cardNumber",
+            search: true,
+            display: false,
+            searchLabelWidth: 86,
+            searchSpan: 7,
+          },
+          {
+            type: "select",
+            label: "招聘情况",
+            prop: "status",
+            display: false,
+            search: true,
+            searchSpan: 7,
+            dicData: [
+              { label: "申请中", value: 1 },
+              { label: "申请通过", value: 2 },
+              { label: "申请未通过", value: 3 },
+              { label: "已完成", value: 4 },
+              { label: "申请无效（其他）", value: 9 },
+            ],
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    permissionList() {
+      return {
+        viewBtn: this.vaildData(
+          this.permission.manage_station_mainList_view,
+          false
+        ),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids;
+    },
+  },
+  methods: {
+    initData() {
+      this.onLoad(this.page, this.query);
+    },
+    open(missionNo) {
+      this.missionNo = missionNo;
+      this.initData();
+      this.visible = true;
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getZPView(
+        page.currentPage,
+        page.pageSize,
+        this.missionNo,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+      });
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/src/views/tenant/talents/Dialog/addGroups.vue b/src/views/tenant/main/policy/Dialog/addGroups.vue
similarity index 100%
rename from src/views/tenant/talents/Dialog/addGroups.vue
rename to src/views/tenant/main/policy/Dialog/addGroups.vue
diff --git a/src/views/tenant/talents/Dialog/transferGroups.vue b/src/views/tenant/main/policy/Dialog/transferGroups.vue
similarity index 100%
rename from src/views/tenant/talents/Dialog/transferGroups.vue
rename to src/views/tenant/main/policy/Dialog/transferGroups.vue
diff --git a/src/views/tenant/talents/index.vue b/src/views/tenant/main/policy/index.vue
similarity index 100%
rename from src/views/tenant/talents/index.vue
rename to src/views/tenant/main/policy/index.vue
diff --git a/src/views/tenant/main/talents/Dialog/addGroups.vue b/src/views/tenant/main/talents/Dialog/addGroups.vue
new file mode 100644
index 0000000..4598053
--- /dev/null
+++ b/src/views/tenant/main/talents/Dialog/addGroups.vue
@@ -0,0 +1,146 @@
+<template>
+  <!-- 新建分组模板 -->
+  <el-dialog
+    :title="title"
+    append-to-body
+    :visible.sync="box"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @closed="closed"
+    width="555px"
+  >
+    <el-form
+      :model="form"
+      @submit.native.prevent
+      :rules="rules"
+      ref="groups"
+      label-position="right"
+      label-width="100px"
+    >
+      <el-form-item label="分组名称" prop="groupName">
+        <el-input v-model="form.groupName" placeholder="请输入 分组名称" size="small" :disabled="loading" maxlength="40" show-word-limit></el-input>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" style="text-align:right">
+      <el-button
+        type="primary"
+        size="mini"
+        icon="el-icon-check"
+        @click="handleSubmit"
+        :loading="loading"
+      >提交</el-button>
+      <el-button size="mini" icon="el-icon-circle-close" @click=" box = false" :loading="loading">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addDept, updateDept } from "@/api/tenant/talents";
+export default {
+  data() {
+    return {
+      type: "",
+      title: "",
+      groupId: "",
+      loading: false,
+      box: false,
+      form: {
+        groupName: "",
+      },
+      rules: {
+        groupName: [
+          {
+            required: true,
+            whitespace: true,
+            message: "请填写分组名称",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {},
+  computed: {},
+  methods: {
+    closed() {
+      this.form = {
+        groupName: "",
+      };
+      if (this.$refs.groups) {
+        this.$refs.groups.resetFields();
+      }
+      this.loading = false;
+    },
+    openDialog(type, data) {
+      this.type = type;
+      if (this.type === "add") {
+        this.title = "新建分组";
+        this.box = true;
+      } else if (this.type === "edit") {
+        this.title = "编辑分组";
+        this.groupId = data.id;
+        this.form.groupName = data.groupName;
+        this.box = true;
+      }
+    },
+    handleSubmit() {
+      if(this.form.groupName){
+        this.$refs.groups.validate(valid=>{
+          if(valid){
+            if (this.type === "add") {
+          //提交新建分组接口
+          this.loading = true;
+          addDept({
+            groupName: this.form.groupName,
+          }).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.box = false;
+              this.$emit("refresh");
+              this.loading = false;
+            },
+            (error) => {
+              window.console.log(error);
+              this.loading = false;
+            }
+          );
+        } else if (this.type == "edit") {
+          //提交编辑分组接口
+          this.loading = true;
+          updateDept({
+            id: this.groupId,
+            groupName: this.form.groupName,
+          }).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.box = false;
+              this.$emit("refresh");
+              this.loading = false;
+            },
+            (error) => {
+              window.console.log(error);
+              this.loading = false;
+            }
+          );
+        }
+          }
+          else{
+            this.$message.error('请输入分组名称');
+          }
+        })
+      }
+      
+    
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/tenant/main/talents/Dialog/transferGroups.vue b/src/views/tenant/main/talents/Dialog/transferGroups.vue
new file mode 100644
index 0000000..0b60c78
--- /dev/null
+++ b/src/views/tenant/main/talents/Dialog/transferGroups.vue
@@ -0,0 +1,110 @@
+<template>
+  <!-- 转移分组模板 -->
+  <el-dialog
+    :title="title"
+    append-to-body
+    :visible.sync="box"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @closed="closed"
+    width="555px"
+  >
+    <avue-form ref="groups" :option="option" v-model="form" @submit="handleSubmit">
+      <template slot="menuForm" slot-scope="{disabled}">
+        <!-- <el-button type="primary" icon="el-icon-check" @click="copy" :disabled="formLoading">提交</el-button> -->
+        <el-button icon="el-icon-circle-close" @click="box = false" :loading="disabled">取消</el-button>
+      </template>
+    </avue-form>
+  </el-dialog>
+</template>
+
+<script>
+import { transferDept } from "@/api/tenant/talents";
+export default {
+  props: {
+    ids: String,
+  },
+  data() {
+    return {
+      title: "",
+      groupId: "",
+      box: false,
+      form: {},
+      option: {
+        menuPosition: "right",
+        menuBtn: true,
+        submitBtn: true,
+        emptyBtn: false,
+        column: [
+          {
+            label: "所属分组",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            display: true,
+            dicUrl: `/api/jobslink-api/tenant/talents/group/listAll`,
+            dicMethod: "get",
+            dicFormatter: (res) => {
+              return res.data.list; //返回字典的层级结构
+            },
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            rules: [
+              {
+                required: true,
+                whitespace: true,
+                message: "请选择分组",
+                trigger: "change",
+              },
+            ],
+            placeholder: "请选择分组",
+          },
+        ],
+      },
+    };
+  },
+  computed: {},
+  methods: {
+    closed() {
+      this.form = {};
+      if (this.$refs.groups) {
+        this.$refs.groups.init();
+        this.$refs.groups.clearValidate();
+        this.$refs.groups.resetForm();
+      }
+    },
+    openDialog() {
+      this.title = "转移分组";
+      this.box = true;
+      if (this.$refs.groups) {
+        this.$refs.groups.init();
+        this.$refs.groups.clearValidate();
+        this.$refs.groups.resetForm();
+      }
+    },
+    handleSubmit(form, done) {
+      //提交转移分组接口
+      transferDept(this.form.groupId, this.ids).then(
+        () => {
+          this.box = false;
+          this.$message({
+            type: "success",
+            message: "操作成功!",
+          });
+          this.$emit("refresh");
+          done();
+        },
+        (error) => {
+          window.console.log(error);
+          done();
+        }
+      );
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/src/views/tenant/main/talents/index.vue b/src/views/tenant/main/talents/index.vue
new file mode 100644
index 0000000..85f8bf8
--- /dev/null
+++ b/src/views/tenant/main/talents/index.vue
@@ -0,0 +1,908 @@
+<template>
+  <el-row>
+    <el-col :span="5">
+      <basic-container>
+        <!-- <el-collapse v-model="activeNames">
+          <el-collapse-item name="1" disabled="true">
+        <template slot="title">-->
+        <!-- <p>全部（{{ personTotal }}人）</p> -->
+        <p>分组管理</p>
+        <!-- </template> -->
+        <div class="box" :style="{ height: leftHeight }">
+          <el-scrollbar style="height: 100%">
+            <el-tree ref="tree" node-key="id" highlight-current :expand-on-click-node="false" @node-click="nodeClick"
+              :data="treeData" :props="props">
+              <span class="custom-tree-node" slot-scope="{ node, data }" style="width: 80%">
+                <!-- <el-tooltip class="item" effect="dark" :content="node.label" placement="top"> -->
+                <span style="
+                    flex-basis: 80%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    flex-shrink: 1;
+                  ">
+                  {{ node.label }}
+                  （{{ data.sumNum }}人）
+                </span>
+                <!-- </el-tooltip> -->
+                <span v-show="data.id && data.id !== '0'" style="flex-basis: 20%">
+                  <el-button type="text" icon="el-icon-edit" size="mini" @click="() => updateGroups('edit', data)">
+                  </el-button>
+                  <el-button icon="el-icon-delete" type="text" size="mini" @click="() => removeGroups(data)">
+                  </el-button>
+                </span>
+              </span>
+            </el-tree>
+            <div class="footer" style="padding-left: 6px">
+              <el-button type="text" icon="el-icon-plus" @click="updateGroups('add')"
+                v-show="vaildData(permission.tenant_wage_payroll_view, false)">新建分组</el-button>
+            </div>
+          </el-scrollbar>
+        </div>
+        <!-- </el-collapse-item>
+        </el-collapse>-->
+      </basic-container>
+      <!-- <div>
+            <el-button type="text" icon="el-icon-setting" @click="drawer = true">分组管理</el-button>
+      </div>-->
+    </el-col>
+    <el-col :span="19">
+      <basic-container>
+        <!--搜索栏-->
+        <el-form size="small" label-position="right" :inline="true" style="padding-left: 10px; padding-right: 10px">
+          <el-row :span="24">
+            <el-form-item label="姓名:">
+              <el-input v-model="query.name" placeholder="姓名" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="工种:">
+              <el-select v-model="query.worktypes" placeholder="工种" style="width: 100%" filterable clearable>
+                <el-option v-for="(item, key, index) in worktypeData" :key="index" :label="item.name"
+                  :value="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <div class="searchBtn">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="searchChange1">搜 索</el-button>
+              <el-button size="small" icon="el-icon-delete" @click="searchReset1">清 空</el-button>
+            </div>
+          </el-row>
+        </el-form>
+        <!--/搜索栏-->
+        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="obj"
+          :permission="permissionList" :before-open="beforeOpen" @row-del="rowDel" @row-update="rowUpdate"
+          @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
+          @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+          @refresh-change="refreshChange" class="customPage">
+          <!--自定义列-->
+          <template slot="worktypes" slot-scope="{ row }">
+            <el-tooltip effect="dark" :content="row.worktypes" placement="top">
+              <div>{{ row.worktypes | ellipsis }}</div>
+            </el-tooltip>
+          </template>
+          <template slot="resume" slot-scope="{ row }">
+            <div>
+              <el-button type="text" size="mini" @click="$refs.resume.openDialog(row)"
+                v-if="row.userId && row.userId !== '0'">查看简历</el-button>
+              <div v-else>暂无简历</div>
+            </div>
+          </template>
+          <!--/自定义列-->
+          <template slot="worktypesForm">
+            <tag-select v-model="selectedWorkTypes" :prop="{ label: 'name', value: 'name' }" :data="worktypeData">
+            </tag-select>
+          </template>
+          <!--自定义按钮-->
+          <template slot="menuLeft">
+            <el-button type="success" size="small" plain icon="el-icon-plus" @click="handleImport"
+              v-show="vaildData(permission.tenant_talents_groupadd, false)">导入</el-button>
+            <el-button type="warning" size="small" plain :disabled="!selectionList.length" icon="el-icon-sort"
+              @click="handleTransfer">转移分组</el-button>
+            <el-button type="danger" size="small" icon="el-icon-delete" @click="handleDelete"
+              :disabled="!selectionList.length" plain v-show="vaildData(permission.tenant_talents_groupdelete, false)">
+              删除</el-button>
+          </template>
+          <template slot="name" slot-scope="{row}">
+            <span v-if="row.status==1">{{row.name}}</span>
+            <span v-else>{{row.name}}（<span style="color: red;">未实名</span>）</span>
+
+          </template>
+          <!--/自定义按钮-->
+        </avue-crud>
+
+        <!--批量导入-->
+        <el-dialog title="导入" append-to-body :visible.sync="excelBox" :close-on-click-modal="false" width="555px">
+          <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter"
+            :upload-before="beforeAvatarUpload" :upload-error="uploadError">
+            <template slot="excelTemplate">
+              <el-button type="primary" @click="handleTemplate()" :loading="templateLoading">
+                点击下载
+                <i class="el-icon-download el-icon--right"></i>
+              </el-button>
+            </template>
+          </avue-form>
+        </el-dialog>
+        <!--/批量导入-->
+        <!--新建 编辑分组dialog-->
+        <add-groups ref="addGroups" @refresh="refresh" :treeData="treeData"></add-groups>
+        <!--/新建 编辑分组dialog-->
+        <!--转移分组dialog-->
+        <transfer-groups ref="transferGroups" @refresh="refresh" :ids="ids"></transfer-groups>
+        <!--/转移分组dialog-->
+        <resume ref="resume" v-show="false"></resume>
+      </basic-container>
+      <ied ref="ied"></ied>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+  import {
+    getList,
+    remove,
+    update,
+    add,
+    detail,
+    getDept,
+    removeDept,
+    upload,
+  } from "@/api/tenant/talents";
+  import { getWorkTypes } from "@/api/tenant/common";
+  import { mapGetters } from "vuex";
+  import addGroups from "./Dialog/addGroups";
+  import transferGroups from "./Dialog/transferGroups";
+  import Resume from "@/components/resume/index";
+  import { check18IdCardNo, isvalidatemobile, isExcel } from "@/util/validate";
+  import { getTemplate } from "@/api/resource/template";
+  import ied from "@/views/util/import-error-dialog";
+  import { excelAccept } from "@/common/accept";
+
+  export default {
+    filters: {
+      ellipsis(value) {
+        if (!value) return "";
+        if (value.length > 15) {
+          return value.slice(0, 14) + "...";
+        }
+        return value;
+      },
+    },
+    name: "tenant_talents",
+    data() {
+      return {
+        activeNames: "1",
+        isIndeterminate: false,
+        checkAll: false,
+        checked: false,
+        selectionList: [],
+        loading: true,
+        templateLoading: false,
+        query: {},
+        props: {
+          label: "groupName",
+          id: "id",
+        },
+        personTotal: 0,
+        treeData: [],
+        tenantId: "",
+        page: {
+          pageSize: 10,
+          currentPage: 1,
+          total: 0,
+        },
+        tempWorkType: [],
+        worktypeDic: {},
+        arr:[],//////
+        excelOption: {
+          submitBtn: false,
+          emptyBtn: false,
+          column: [
+            {
+              label: "文件上传",
+              prop: "excelFile",
+              type: "upload",
+              drag: true,
+              loadText: "文件上传中，请稍等",
+              span: 24,
+              propsHttp: {
+                res: "data",
+              },
+              tip: "请上传 .xls,.xlsx 标准格式文件",
+              accept: excelAccept,
+              showFileList: false,
+              action: upload(),
+            },
+            {
+              label: "模板下载",
+              prop: "excelTemplate",
+              formslot: true,
+              span: 24,
+            },
+          ],
+        },
+        excelBox: false,
+        data: [],
+        obj: {},
+        excelForm: { isCovered: 1 },
+      };
+    },
+    components: { addGroups, transferGroups, Resume, ied },
+    watch: {},
+    computed: {
+      ...mapGetters(["permission"]),
+      permissionList() {
+        return {
+          addBtn: this.vaildData(this.permission.tenant_talents_groupadd, false),
+          viewBtn: false,
+          delBtn: this.vaildData(
+            this.permission.tenant_talents_groupdelete,
+            false
+          ),
+          editBtn: this.vaildData(
+            this.permission.tenant_talents_groupedit,
+            false
+          ),
+        };
+      },
+      ids() {
+        let ids = [];
+        this.selectionList.forEach((ele) => {
+          ids.push(ele.id);
+        });
+        return ids.join(",");
+      },
+      leftHeight: function () {
+        //获取高度值
+        if (document.getElementsByClassName("avue-crud__pagination")[0]) {
+          let pageHeight = document.getElementsByClassName(
+            "avue-crud__pagination"
+          )[0].offsetTop;
+          return pageHeight - 105 + "px";
+        } else {
+          return 725 + "px";
+        }
+      },
+      option() {
+        const self = this;
+        const IdCardNo = (rule, value, callback) => {
+          if (check18IdCardNo(value)) {
+            callback();
+          } else {
+            callback(new Error("身份证格式不正确"));
+          }
+        };
+        const validateTel = (rule, value, callback) => {
+          if (isvalidatemobile(value)[0]) {
+            callback(new Error(isvalidatemobile(value)[1]));
+          } else {
+            callback();
+          }
+        };
+        return {
+          height: "auto",
+          dialogWidth: "30%",
+          calcHeight: 180,
+          align: "center",
+          menuAlign: "center",
+          tip: false,
+          columnBtn: false,
+          searchBtn: true,
+          searchShow: true,
+          searchMenuSpan: 6,
+          border: true,
+          index: true,
+          indexLabel: "序号",
+          selection: true,
+          dialogType: "dialog",
+          dialogClickModal: false,
+          column: [
+            {
+              label: "姓名",
+              prop: "name",
+              // search: true,
+              span: 24,
+              rules: [
+                {
+                  required: true,
+                  whitespace: true,
+                  message: "请输入姓名",
+                  trigger: "blur",
+                },
+              ],
+              slot:true
+            },
+            {
+              label: "身份证",
+              prop: "idNumber",
+              hide: true,
+              span: 24,
+              rules: [
+                { required: true, message: "请输入身份证号", trigger: "blur" },
+                { trigger: "blur", validator: IdCardNo },
+              ],
+            },
+            {
+              label: "手机号",
+              prop: "telphone",
+              span: 24,
+              hide: true,
+              rules: [
+                {
+                  required: true,
+                  validator: validateTel,
+                  trigger: "blur",
+                },
+              ],
+            },
+            {
+              label: "用户类型",
+              prop: "userId",
+              type: "select",
+              dicData: [
+                {
+                  value: "0",
+                  label: "未注册用户",
+                },
+                {
+                  value: "1",
+                  label: "已注册用户",
+                },
+              ],
+              display: false,
+              hide: true,
+              // search: true
+            },
+            {
+              label: "分组",
+              prop: "groupId",
+              type: "tree",
+              span: 24,
+              display: true,
+              dicData: self.treeData,
+              props: {
+                label: "groupName",
+                value: "id",
+              },
+              rules: [
+                {
+                  required: true,
+                  message: "请选择分组",
+                  trigger: "change",
+                },
+              ],
+              placeholder: "请选择 分组",
+            },
+            {
+              label: "工种",
+              prop: "worktypes",
+              rules: [
+                {
+                  required: true,
+                  message: "请选择工种",
+                  trigger: ["blur"],
+                },
+              ],
+              slot: true,
+              formslot: true,
+              span: 24,
+            },
+            // {
+            //   label: "简历",
+            //   prop: "resume",
+            //   slot: true,
+            //   display: false
+            // },
+            {
+              label: "备注",
+              prop: "remarks",
+              type: "textarea",
+              slot: true,
+              hide: true,
+              span: 24,
+              maxlength: 100,
+              showWordLimit: true,
+            },
+          ],
+        };
+      },
+      selectedWorkTypes: {
+        get() {
+          if (!this.obj.worktypes) {
+            return [];
+          }
+          const result = [];
+          const wt = this.obj.worktypes.split(",");
+          wt.forEach((item) => {
+            result.push({ name: item });
+          });
+          return result;
+        },
+        set(val) {
+          const arr = [];
+          val.forEach((item) => {
+            arr.push(item.name);
+          });
+          this.obj.worktypes = arr.join(",");
+        },
+      },
+      worktypeData() {
+        let rel = [];
+        for(let j=0;j<this.arr.length;j++){
+          const key=this.arr[j];
+          if(this.worktypeDic.hasOwnProperty(key)){
+            rel.push({name:key})
+          }
+        }
+       /* for (const key in this.worktypeDic) {
+          if (this.worktypeDic.hasOwnProperty(key)) {
+            rel.push({ name: key });
+          }
+        }*/
+        for (let i = 0; i < this.tempWorkType.length; i++) {
+          const key = this.tempWorkType[i];
+          if (key && !this.worktypeDic.hasOwnProperty(key)) {
+            rel.push({ name: key });
+          }
+        }
+        return rel;
+      },
+    },
+    created() {
+      this.initDept();
+      this.getWorkTypes();
+    },
+    methods: {
+      getWorkTypes() {
+
+        getWorkTypes().then((res) => {
+
+          for (let i = 0; i < res.data.data.length; i++) {
+            const element = res.data.data[i];
+            this.worktypeDic[element.name] = 1;
+            this.arr.push(element.name)
+
+          }
+        });
+      },
+      /*加载分组*/
+      initDept(groupId) {
+        getDept().then((res) => {
+          const data = res.data.data.list;
+          this.treeData = data;
+          let treeDataOne = {
+              companyId: "",
+              createTime: "",
+              groupName: "全部",
+              id: "",
+              remarks: "",
+              sort: '',
+              sumNum: res.data.data.sum,
+              type: '',
+          };
+          this.treeData.unshift(treeDataOne);
+          const column = this.findObject(this.option.column, "groupId");
+          column.dicData = this.treeData;
+          if (groupId) {
+            this.$nextTick(function () {
+              this.$refs.tree.setCurrentKey(groupId);
+            }); //默认高亮
+            this.nodeClick({ id: groupId });
+          } else {
+            if (this.treeData.length) {
+              this.$nextTick(function () {
+                this.$refs.tree.setCurrentKey(this.treeData[0].id);
+              }); //默认高亮第一个
+              this.nodeClick({ id: this.treeData[0].id });
+            }
+          }
+          this.personTotal = res.data.data.sum;
+          // this.onLoad();
+          //this.treeData.push(treeDataOne);
+          this.loading = false;
+        });
+      },
+      /*新建 编辑分组*/
+      updateGroups(type, data) {
+        this.$refs.addGroups.openDialog(type, data);
+      },
+      /*删除分组*/
+      removeGroups(data) {
+        //检验该分组是否存在人员,存在提示无法删除，不存在泽提示确定要删除此分组吗
+        const h = this.$createElement;
+        this.$confirm(
+          h("div", null, [
+            h("p", { style: "font-size: 16px" }, "您确定要删除此分组吗? "),
+            h("p", { style: "color: red" }, "一旦删除则无法找回"),
+          ]),
+          {
+            type: "warning",
+            showClose: false,
+            showCancelButton: true,
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            beforeClose: (action, instance, done) => {
+              if (action === "confirm") {
+                instance.confirmButtonLoading = true;
+                instance.cancelButtonLoading = true;
+                instance.closeOnPressEscape = false;
+                instance.closeOnClickModal = false;
+                setTimeout(() => {
+                  done();
+                  setTimeout(() => {
+                    instance.confirmButtonLoading = false;
+                    instance.cancelButtonLoading = false;
+                  }, 300);
+                }, 1000);
+              } else {
+                done();
+              }
+            },
+          }
+        )
+          .then(() => {
+            removeDept(data.id).then(
+              () => {
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.refresh("del");
+              },
+              (error) => {
+                window.console.log(error);
+              }
+            );
+          })
+          .catch(() => {
+            // this.$message({
+            //   type: 'info',
+            //   message: '已取消'
+            // });
+          });
+      },
+      /*批量转移分组 */
+      handleTransfer() {
+        if (this.selectionList.length === 0) {
+          this.$message.warning("请选择至少一条数据");
+          return;
+        }
+        this.$refs.transferGroups.openDialog();
+      },
+      /*点击分组加载相应人才列表*/
+      nodeClick(data) {
+        this.tenantId = data.id ? data.id : "";
+        this.page.currentPage = 1;
+        this.onLoad(this.page, this.query);
+        // if (this.tenantId !== data.id) {
+
+        // } else {
+        //   return;
+        // }
+      },
+      /*新增 编辑 转移  删除分组 更新人才后*/
+      refresh(type) {
+        this.page.currentPage = 1;
+        this.query = {};
+        if (type === "del") {
+          //删除分组后重新选中分组为未分组
+          this.initDept();
+          this.onLoad(this.page, this.query);
+        } else {
+          this.initDept(this.tenantId);
+          this.onLoad(this.page, this.query);
+        }
+      },
+      /*获取人才详情 */
+      beforeOpen(done, type) {
+        if (["edit", "view", "add"].includes(type)) {
+          if (type === "edit" || type === "view") {
+            setTimeout(() => {
+              detail(this.obj.id).then(
+                (res) => {
+                  this.obj = res.data.data;
+                  this.tempWorkType = this.obj.worktypes.split(",");
+                  done();
+                },
+                (error) => {
+                  window.console.log(error);
+                }
+              );
+            }, 0);
+          } else {
+            this.tempWorkType = [];
+            done();
+          }
+        }
+      },
+      /*新增人才*/
+      rowSave(row, done) {
+        add({
+          groupId: row.groupId,
+          name: row.name,
+          idNumber: row.idNumber,
+          telphone: row.telphone,
+          worktypes: row.worktypes,
+          remarks: row.remarks,
+        }).then(
+          () => {
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            done();
+            this.refresh();
+          },
+          (error) => {
+            window.console.log(error);
+            done();
+          }
+        );
+      },
+      /*编辑人才*/
+      rowUpdate(row, index, done) {
+        update({
+          id: row.id,
+          groupId: row.groupId,
+          name: row.name,
+          idNumber: row.idNumber,
+          telphone: row.telphone,
+          worktypes: row.worktypes,
+          remarks: row.remarks,
+        }).then(
+          () => {
+            done();
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            this.refresh();
+          },
+          (error) => {
+            window.console.log(error);
+            done();
+          }
+        );
+      },
+      /*删除人才 */
+      rowDel(row) {
+        const h = this.$createElement;
+        this.$confirm(
+          h("div", null, [
+            h("p", { style: "font-size: 16px" }, "您确定要删除此人才吗? "),
+            h("p", { style: "color: red" }, "一旦删除则无法找回"),
+          ]),
+          {
+            type: "warning",
+            showClose: false,
+            showCancelButton: true,
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            beforeClose: (action, instance, done) => {
+              if (action === "confirm") {
+                instance.confirmButtonLoading = true;
+                instance.cancelButtonLoading = true;
+                instance.closeOnPressEscape = false;
+                instance.closeOnClickModal = false;
+                setTimeout(() => {
+                  done();
+                  setTimeout(() => {
+                    instance.confirmButtonLoading = false;
+                    instance.cancelButtonLoading = false;
+                  }, 300);
+                }, 1000);
+              } else {
+                done();
+              }
+            },
+          }
+        )
+          .then(() => {
+            remove(row.id).then(
+              () => {
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.refresh();
+              },
+              (error) => {
+                window.console.log(error);
+              }
+            );
+          })
+          .catch(() => {
+            // this.$message({
+            //   type: 'info',
+            //   message: '已取消'
+            // });
+          });
+      },
+      /*批量删除人才*/
+      handleDelete() {
+        if (this.selectionList.length === 0) {
+          this.$message.warning("请选择至少一条数据");
+          return;
+        }
+        const h = this.$createElement;
+        this.$confirm(
+          h("div", null, [
+            h("p", { style: "font-size: 16px" }, "您确定要批量删除选中人才吗? "),
+          ]),
+          {
+            type: "warning",
+            showClose: false,
+            showCancelButton: true,
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            beforeClose: (action, instance, done) => {
+              if (action === "confirm") {
+                instance.confirmButtonLoading = true;
+                instance.cancelButtonLoading = true;
+                instance.closeOnPressEscape = false;
+                instance.closeOnClickModal = false;
+                setTimeout(() => {
+                  done();
+                  setTimeout(() => {
+                    instance.confirmButtonLoading = false;
+                    instance.cancelButtonLoading = false;
+                  }, 300);
+                }, 1000);
+              } else {
+                done();
+              }
+            },
+          }
+        )
+          .then(() => {
+            remove(this.ids).then(
+              () => {
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.onLoad(this.page);
+                this.$refs.crud.toggleSelection();
+              },
+              (error) => {
+                window.console.log(error);
+              }
+            );
+          })
+          .catch(() => {
+            // this.$message({
+            //   type: 'info',
+            //   message: '已取消'
+            // });
+          });
+      },
+      /*导入人才库*/
+      beforeAvatarUpload(file, done, loading) {
+        if (!isExcel(file)) {
+          loading();
+          this.$message.error("上传人才库信息只能是 .xls,.xlsx 标准格式文件!");
+        } else {
+          done();
+        }
+      },
+      uploadAfter(res, done) {
+        if (!(res instanceof Error) && !res.data) {
+          this.excelBox = false;
+        } else if (res.data && res.data.code === 900) {
+          const arr = [];
+          const data = res.data.data;
+          data.error &&
+            data.error.errorList.forEach((item) => {
+              arr.push(`${item.name} ${item.remarks}`);
+            });
+          data.auth &&
+            data.auth.authList.forEach((item) => {
+              arr.push(`${item.name} ${item.remarks}`);
+            });
+          this.$refs.ied.show(arr);
+        }
+        this.refreshChange();
+        this.initDept(this.tenantId);
+        done();
+      },
+      uploadError(error) {
+        if (error) {
+          this.$message.error(error);
+        }
+      },
+      handleImport() {
+        this.excelBox = true;
+      },
+      /*下载人才库模板 */
+      handleTemplate() {
+        this.templateLoading = true;
+        getTemplate("trc")
+          .then((rep) => {
+            this.templateLoading = false;
+            window.open(rep.data.data);
+          })
+          .catch(() => {
+            this.templateLoading = false;
+          });
+      },
+      /*人才列表切换页码 */
+      currentChange(currentPage) {
+        this.page.currentPage = currentPage;
+        this.refreshChange();
+      },
+      sizeChange(pageSize) {
+        this.page.pageSize = pageSize;
+        this.refreshChange();
+      },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
+      /*搜索 */
+      searchReset() {
+        this.query = {};
+        this.onLoad(this.page);
+      },
+      searchChange(params, done) {
+        this.query = params;
+        this.page.currentPage = 1;
+        this.onLoad(this.page, params);
+        done();
+      },
+      searchReset1() {
+        this.query = {};
+        this.onLoad(this.page);
+      },
+      searchChange1() {
+        this.page.currentPage = 1;
+        this.onLoad(this.page, this.query);
+      },
+      /*人才列表多选 */
+      selectionChange(list) {
+        this.selectionList = list;
+      },
+      selectionClear() {
+        this.selectionList = [];
+        this.$refs.crud.toggleSelection();
+      },
+      /*加载人才列表 */
+      onLoad(page, params = {}) {
+        this.loading = true;
+        getList(
+          page.currentPage,
+          page.pageSize,
+          Object.assign(params, this.query),
+          this.tenantId
+        ).then((res) => {
+          const data = res.data.data;
+          this.page.total = data.total;
+          this.data = data.records;
+          this.loading = false;
+          this.selectionClear();
+        });
+      },
+    },
+  };
+</script>
+
+<style scoped>
+  .el-tree {
+    font-size: 14px;
+  }
+
+  .custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 8px;
+  }
+
+  .el-form-item {
+    margin-bottom: 18px;
+    padding: 0 10px;
+  }
+
+  .searchBtn {
+    display: inline-block;
+    margin-bottom: 18px;
+  }
+</style>
diff --git a/src/views/tenant/mission/Dialog/Employ.vue b/src/views/tenant/mission/Dialog/Employ.vue
index 2d0922f..8b21d7a 100644
--- a/src/views/tenant/mission/Dialog/Employ.vue
+++ b/src/views/tenant/mission/Dialog/Employ.vue
@@ -327,11 +327,11 @@ export default {
       personType: [
         {
           value: 1,
-          label: "待录用",
+          label: "待登记",
         },
         {
           value: 2,
-          label: "已录用",
+          label: "已录用登记",
         },
       ],
       drawer: false,
@@ -435,40 +435,6 @@ export default {
             slot: true,
             width: 110
           },
-          {
-            label: "最新保期",
-            prop: "period",
-            searchSpan: 5,
-            display: false,
-            slot: true,
-            width: 190
-          },
-          {
-            label: "商保状态",
-            prop: "serviceStatus",
-            searchSpan: 5,
-            display: false,
-            type: 'select',
-            dicData: [
-              {
-                label: '未生效',
-                value: 0
-              },
-              {
-                label: '生效中',
-                value: 1
-              },
-              {
-                label: '即将失效',
-                value: 2
-              },
-              {
-                label: '已失效',
-                value: 3
-              },
-            ],
-            slot: true,
-          },
           {
             label: "工种",
             prop: "workTypes",
diff --git a/src/views/tenant/mission/Dialog/EmployInformation.vue b/src/views/tenant/mission/Dialog/EmployInformation.vue
index 8b6f5e3..a137f9b 100644
--- a/src/views/tenant/mission/Dialog/EmployInformation.vue
+++ b/src/views/tenant/mission/Dialog/EmployInformation.vue
@@ -7,7 +7,7 @@
   :before-close="drawerClose"
   class="createOrderTable">
     <div class="taskInformation">
-      <p><label>任务名称：{{selectTaskInfo.missionTitle | ellipsis }}</label><label>任务编号：{{selectTaskInfo.missionNo}}</label><label>录用人员：<font style="color:#409eff">{{selectionList.length == 0 ? 1 :selectionList.length}} </font> 人</label></p>
+      <p><label>任务名称：{{selectTaskInfo.missionTitle | ellipsis }}</label><label>任务编号：{{selectTaskInfo.missionNo}}</label><label>录用登记：<font style="color:#409eff">{{selectionList.length == 0 ? 1 :selectionList.length}} </font> 人</label></p>
     </div>
     <div class="create-order-box">
       <div class="create-order-bill">
diff --git a/src/views/tenant/mission/Dialog/EmployNumber.vue b/src/views/tenant/mission/Dialog/EmployNumber.vue
index 572c760..8558871 100644
--- a/src/views/tenant/mission/Dialog/EmployNumber.vue
+++ b/src/views/tenant/mission/Dialog/EmployNumber.vue
@@ -1,14 +1,13 @@
 <template>
   <basic-container>
     <el-drawer
-      title="已录用人员"
+      title="已录用登记"
       append-to-body
       :visible.sync="drawer"
       size="80%"
       class="drawer"
       :before-close="drawerClose"
     >
-    <!-- <div class="tipsWrap" v-show="getUserConfig.insuranceOn == 1">录用人员说明：不在保期的人员，不可以录用，请先到 “商保管理" 模块申请投保</div> -->
       <avue-crud
         :option="option"
         :table-loading="loading"
diff --git a/src/views/tenant/mission/Dialog/Recommend.vue b/src/views/tenant/mission/Dialog/Recommend.vue
index aa7f4ff..e44b7c9 100644
--- a/src/views/tenant/mission/Dialog/Recommend.vue
+++ b/src/views/tenant/mission/Dialog/Recommend.vue
@@ -1,7 +1,7 @@
 <template>
   <basic-container>
     <el-drawer
-      title="专属人才推荐"
+      title="重点人群推荐"
       append-to-body
       :visible.sync="drawer"
       size="60%"
@@ -71,7 +71,7 @@
             :disabled="!selectionList.length"
             icon="el-icon-plus"
             @click="handleRecommend"
-            >批量邀请</el-button
+            >批量推送</el-button
           >
         </template>
         <template slot="menuRight">
diff --git a/src/views/tenant/mission/Table/ExpiredMission.vue b/src/views/tenant/mission/Table/ExpiredMission.vue
index 24b374b..81f40cf 100644
--- a/src/views/tenant/mission/Table/ExpiredMission.vue
+++ b/src/views/tenant/mission/Table/ExpiredMission.vue
@@ -227,7 +227,7 @@ export default {
           //   width: 200,
           // },
           {
-            label: "报名人数",
+            label: "申请人数",
             prop: "signUpCount",
             slot: true,
             display: false,
@@ -357,4 +357,4 @@ export default {
 .el-form-item {
   margin-bottom: 0px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/tenant/mission/Table/WaitingMission.vue b/src/views/tenant/mission/Table/WaitingMission.vue
index 29bd49a..4856a27 100644
--- a/src/views/tenant/mission/Table/WaitingMission.vue
+++ b/src/views/tenant/mission/Table/WaitingMission.vue
@@ -52,8 +52,8 @@
       <!--/自定义列-->
       <!--自定义操作栏-->
       <div slot="menu" slot-scope="{ size, type, row }">
-        <el-button type="text" size="mini" @click="recommend(row)">人才推荐</el-button>
-        <el-button type="text" size="mini" @click="employ(row, 1)">录用人员</el-button>
+        <el-button type="text" size="mini" @click="recommend(row)">重点人群推送</el-button>
+        <el-button type="text" size="mini" @click="employ(row, 1)">录用登记</el-button>
         <el-button icon="el-icon-view" :size="size" :type="type" @click.stop="rowView(row)"
           v-show="vaildData(permission.tenant_mission_view, false)">查看</el-button>
         <save-button icon="el-icon-check" :size="size" :type="type" @click="rowCopy(row, 'copy')">复制</save-button>
@@ -61,8 +61,6 @@
           :disabled="row.signUpCount !== 0" v-show="vaildData(permission.tenant_mission_edit, false)">编辑</el-button>
         <el-button icon="el-icon-delete" :size="size" :type="type" @click="$refs.crud.rowDel(row)"
           :disabled="row.signUpCount !== 0" v-show="vaildData(permission.tenant_mission_cancel, false)">取消</el-button>
-        <!-- <el-button type="text" size="mini" @click="contrast(row)"
-          >比对人才库</el-button> -->
       </div>
     </avue-crud>
     <!--发布 复制 编辑dialog-->
@@ -251,7 +249,7 @@ export default {
             slot: true,
           },
           {
-            label: "报名人数",
+            label: "申请人数",
             prop: "signUpCount",
             slot: true,
             display: false,
@@ -458,4 +456,4 @@ export default {
 .slotForm {
   font-size: 12px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/tenant/mission/index.vue b/src/views/tenant/mission/index.vue
index a9407e8..56d0a8a 100644
--- a/src/views/tenant/mission/index.vue
+++ b/src/views/tenant/mission/index.vue
@@ -51,23 +51,6 @@
         </el-form-item>
         <tool-tip ></tool-tip>
 
-
-        <!--        <el-form-item label="报名截止时间:">-->
-<!--          <el-date-picker v-model="endDateRange" type="daterange" range-separator="至" start-placeholder="开始日期"-->
-<!--            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="endDateChange">-->
-<!--          </el-date-picker>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="开始时间:">-->
-<!--          <el-date-picker v-model="beginTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"-->
-<!--            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="beginDateChange">-->
-<!--          </el-date-picker>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="完成时间:">-->
-<!--          <el-date-picker v-model="successTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"-->
-<!--            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="successDateChange">-->
-<!--          </el-date-picker>-->
-<!--        </el-form-item>-->
-
         <div class="searchBtn">
           <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
           <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
diff --git a/src/views/tenant/postzp/Table/ExpiredMission.vue b/src/views/tenant/postzp/Table/ExpiredMission.vue
index 9af70d5..ca64803 100644
--- a/src/views/tenant/postzp/Table/ExpiredMission.vue
+++ b/src/views/tenant/postzp/Table/ExpiredMission.vue
@@ -227,7 +227,7 @@ export default {
           //   width: 200,
           // },
           {
-            label: "报名人数",
+            label: "申请人数",
             prop: "signUpCount",
             slot: true,
             display: false,
@@ -357,4 +357,4 @@ export default {
 .el-form-item {
   margin-bottom: 0px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/tenant/postzp/Table/WaitingMission.vue b/src/views/tenant/postzp/Table/WaitingMission.vue
index 0f31d64..3959303 100644
--- a/src/views/tenant/postzp/Table/WaitingMission.vue
+++ b/src/views/tenant/postzp/Table/WaitingMission.vue
@@ -251,7 +251,7 @@ export default {
             slot: true,
           },
           {
-            label: "报名人数",
+            label: "申请人数",
             prop: "peopleNum",
             slot: true,
             display: false,
@@ -495,4 +495,4 @@ export default {
 .slotForm {
   font-size: 12px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/tenant/works/Dialog/Appraise.vue b/src/views/tenant/works/Dialog/Appraise.vue
new file mode 100644
index 0000000..620fd6e
--- /dev/null
+++ b/src/views/tenant/works/Dialog/Appraise.vue
@@ -0,0 +1,419 @@
+<template>
+  <basic-container>
+    <el-drawer title="评价" append-to-body :visible.sync="drawer" size="60%">
+      <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="obj"
+        :permission="permissionList" @search-change="searchChange" @search-reset="searchReset"
+        @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+        @refresh-change="refreshChange" class="customPage" @on-load="getList">
+        <!--自定义列-->
+        <template slot="resume" slot-scope="{ row }">
+          <div>
+            <el-button type="text" size="mini" @click="$refs.resume.openDialog(row)"
+              v-if="row.userId && row.userId !== '0'">查看简历</el-button>
+            <div v-else>暂无简历</div>
+          </div>
+        </template>
+        <template slot="scoreAll" slot-scope="{ row }">
+          <div @click="rowAppraise(row)">
+            <el-rate v-model="row.scoreAll" disabled></el-rate>
+          </div>
+        </template>
+        <!--/自定义列-->
+        <!--自定义按钮-->
+        <template slot="menuLeft">
+          <el-button type="primary" icon="el-icon-plus" @click="handleImport" size="small"
+            :disabled="!selectionList.length">导入人才库</el-button>
+        </template>
+        <!--/自定义按钮-->
+      </avue-crud>
+      <!--评价dialog-->
+      <el-dialog title :close-on-click-modal="false" :close-on-press-escape="false" :append-to-body="true" width="500px"
+        :visible.sync="box" @closed="closed">
+        <el-form :model="form" :rules="rules" ref="appraiseForm">
+          <el-form-item prop="scoreAll">
+            评价：
+            <el-rate :disabled="!isCanRate && !rateLoading" v-model="form.scoreAll"
+              style="display: inline-block; vertical-align: text-bottom"></el-rate>
+          </el-form-item>
+          <el-form-item prop="remarks">
+            <el-input type="textarea" placeholder="请输入您的评价" v-model="form.remarks" minlength="0" maxlength="50"
+              show-word-limit :disabled="!isCanRate && !rateLoading" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button icon="el-icon-check" type="primary" size="small" :loading="rateLoading" @click="submit"
+            v-show="isCanRate === true">提 交</el-button>
+          <el-button icon="el-icon-circle-close" :loading="rateLoading" size="small" @click="box = false"
+            v-show="isCanRate === true">取 消</el-button>
+        </span>
+      </el-dialog>
+      <!--/评价dialog-->
+      <!--导入人才库dialog-->
+      <el-dialog title="导入人才库" append-to-body :visible.sync="importBox" :close-on-click-modal="false"
+        :close-on-press-escape="false" @closed="closedGorups" width="555px">
+        <avue-form ref="groups" :option="importOption" v-model="importForm" @submit="submitImport">
+          <template slot-scope="{ disabled }" slot="menuForm">
+            <!-- <el-button type="primary" icon="el-icon-check" @click="copy" :disabled="formLoading">提交</el-button> -->
+            <el-button icon="el-icon-circle-close" @click="importBox = false" :loading="disabled">取消</el-button>
+          </template>
+        </avue-form>
+      </el-dialog>
+      <!--/导入dialog-->
+    </el-drawer>
+    <Resume ref="resume"></Resume>
+    <!--导入人才库提示错误信息-->
+    <el-dialog title="提示" :visible.sync="errorDialogVisible" width="30%" :before-close="handleClose" append-to-body>
+      <span style="margin-top: -10px;display: block;"><p v-for="(item,index) in errorTipList" :key="index">{{item}}</p></span>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+  import {
+    getRateList,
+    getRateDetail,
+    submitRate,
+    importTalents,
+  } from "@/api/tenant/postzp";
+  import Resume from "@/components/resume/index";
+  // import { isExcel } from "@/util/validate";
+  //   import {mapGetters} from "vuex";
+
+  export default {
+    comments: {},
+    components: {
+      Resume,
+    },
+    data() {
+      const validateRate = (rule, value, callback) => {
+        if (value > 0) {
+          callback();
+        } else {
+          callback(new Error("请选择评分"));
+        }
+      };
+      return {
+        errorDialogVisible:false,
+        errorTipList:[],
+        missionId: "",
+        worktypeNames: "",
+        userId: "",
+        loading: false,
+        rateLoading: false,
+        isIndeterminate: false,
+        checkAll: false,
+        checked: false,
+        isCanRate: false,
+        form: {},
+        rules: {
+          scoreAll: [
+            { required: true, validator: validateRate, trigger: "change" },
+          ],
+          remarks: [
+            {
+              min: 0,
+              max: 50,
+              message: "长度在 0 到 50 个字符",
+              trigger: "blur",
+            },
+          ],
+        },
+        selectionList: [],
+        page: {
+          pageSize: 20,
+          currentPage: 1,
+          total: 0,
+        },
+        query: {},
+        drawer: false,
+        box: false,
+        data: [],
+        obj: {},
+        option: {
+          height: "auto",
+          calcHeight: 30,
+          align: "center",
+          menuAlign: "center",
+          menu: false,
+          tip: false,
+          addBtn: false,
+          viewBtn: false,
+          delBtn: false,
+          editBtn: false,
+          excelBtn: false,
+          columnBtn: false,
+          searchBtn: true,
+          searchShow: true,
+          searchMenuSpan: 7,
+          border: true,
+          index: true,
+          indexLabel: "序号",
+          selection: true,
+          dialogType: "drawer",
+          dialogWidth: "60%",
+          dialogClickModal: false,
+          column: [
+            {
+              label: "姓名",
+              prop: "realName",
+              search: true,
+              searchLabelWidth: 45,
+              searchSpan: 7
+            },
+            {
+              label: "性别",
+              prop: "sex",
+              type: "select",
+              dicData: [
+                {
+                  label: "男",
+                  value: 1,
+                },
+                {
+                  label: "女",
+                  value: 2,
+                },
+              ],
+            },
+            {
+              label: "年龄",
+              prop: "age",
+            },
+            // {
+            //   label: "简历",
+            //   prop: "resume",
+            //   slot: true
+            // },
+            {
+              label: "评价",
+              prop: "scoreAll",
+              slot: true,
+              width: 180,
+            },
+          ],
+        },
+        importForm: {},
+        importOption: {
+          menuPosition: "right",
+          menuBtn: true,
+          submitBtn: true,
+          submitText: "导入",
+          emptyBtn: false,
+          column: [
+            {
+              label: "所属分组",
+              prop: "groupId",
+              type: "tree",
+              span: 24,
+              display: true,
+              dicUrl: `/api/jobslink-api/tenant/talents/group/listAll`,
+              dicMethod: "get",
+              dicFormatter: (res) => {
+                return res.data.list; //返回字典的层级结构
+              },
+              props: {
+                label: "groupName",
+                value: "id",
+              },
+              rules: [
+                {
+                  required: true,
+                  message: "请选择分组",
+                  trigger: "change",
+                },
+              ],
+              placeholder: "请选择分组",
+            },
+          ],
+        },
+        importBox: false,
+      };
+    },
+    computed: {
+      //   ...mapGetters(["permission"]),
+      //   permissionList() {
+      //     return {
+      //       addBtn: this.vaildData(this.permission.topmenu_add, false),
+      //       viewBtn: this.vaildData(this.permission.topmenu_view, false),
+      //       delBtn: this.vaildData(this.permission.topmenu_delete, false),
+      //       editBtn: this.vaildData(this.permission.topmenu_edit, false)
+      //     };
+      //   },
+      ids() {
+        let ids = [];
+        this.selectionList.forEach((ele) => {
+          ids.push(ele.id);
+        });
+        return ids.join(",");
+      },
+    },
+    watch: {},
+    methods: {
+      /*打开drawer*/
+      openDialog(row) {
+        this.missionId = row.missionNo;
+        this.worktypeNames = row.worktypeNames;
+        if (this.$refs.crud) {
+          this.$refs.crud.searchReset();
+        } else {
+          this.query = {};
+          this.getList(this.page, this.query);
+        }
+        this.drawer = true;
+      },
+      /*关闭评分dialog*/
+      closed() {
+        if (this.$refs.appraiseForm) {
+          this.$refs.appraiseForm.resetFields();
+        }
+      },
+      /*关闭导入人才库dialog*/
+      closedGorups() {
+        this.importForm = {};
+        this.$refs.groups.init();
+        this.$refs.groups.clearValidate();
+        this.$refs.groups.resetForm();
+      },
+      /*评价人员*/
+      rowAppraise(row) {
+        this.userId = row.userId;
+        if (row.id === "0") {
+          this.isCanRate = true;
+          this.box = true;
+          this.form = {};
+        } else {
+          //打开评价弹框
+          this.isCanRate = false;
+          this.rateLoading = true;
+          getRateDetail(row.id).then((res) => {
+            this.form = res.data.data;
+            this.rateLoading = false;
+            this.box = true;
+          });
+        }
+      },
+      /*提交评价*/
+      submit() {
+        this.rateLoading = true;
+        this.$refs.appraiseForm.validate((valid) => {
+          if (valid) {
+            submitRate(
+              {
+                scoreAll: this.form.scoreAll,
+                remarks: this.form.remarks,
+              },
+              this.missionId,
+              this.userId
+            ).then(
+              () => {
+                this.box = false;
+                this.rateLoading = true;
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.rateLoading = false;
+                this.getList(this.page, this.query);
+              },
+              (error) => {
+                window.console.log(error);
+                this.rateLoading = false;
+              }
+            );
+          } else {
+            return false;
+          }
+        });
+      },
+      /*导入人才库 */
+      handleImport() {
+        if (this.selectionList.length === 0) {
+          this.$message.warning("请选择至少一条数据");
+          return;
+        }
+        this.importBox = true;
+      },
+      /*提交导入人才库 */
+      submitImport(form, done) {
+        var arr = [];
+        this.selectionList.forEach((ele) => {
+          arr.push({
+            userId: ele.userId,
+            name: ele.realName,
+            idNumber: ele.cardNumber,
+            telphone: ele.telphone,
+          });
+        });
+        //导入分组接口
+        importTalents(form.groupId, this.worktypeNames, arr).then(
+          (res) => {
+            this.importBox = false;
+            const data=res.data.data;
+            this.errorTipList=[];
+            if(Object.getOwnPropertyNames(data).length!=0 && data.length!=0){
+              for(var i=0;i<data.length;i++){
+                this.errorTipList[i]=data[i];
+              }
+              this.errorDialogVisible=true;
+            }
+            else{
+              this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            }
+            this.getList(this.page, this.query);
+            done();
+          },
+          (error) => {
+            window.console.log(error);
+            done();
+          }
+        );
+      },
+      searchReset() {
+        this.query = {};
+        this.getList(this.page);
+      },
+      searchChange(params, done) {
+        this.query = params;
+        this.page.currentPage = 1;
+        this.getList(this.page, params);
+        done();
+      },
+      selectionChange(list) {
+        this.selectionList = list;
+      },
+      selectionClear() {
+        this.selectionList = [];
+        this.$refs.crud.toggleSelection();
+      },
+      currentChange(currentPage) {
+        this.page.currentPage = currentPage;
+      },
+      sizeChange(pageSize) {
+        this.page.pageSize = pageSize;
+      },
+      /*刷新本页 带搜索参数*/
+      refreshChange() {
+        this.getList(this.page);
+      },
+      /*加载数据*/
+      getList(page, params = {}) {
+        this.loading = true;
+        getRateList(
+          page.currentPage,
+          page.pageSize,
+          Object.assign(params, this.query),
+          this.missionId
+        ).then((res) => {
+          const data = res.data.data;
+          this.page.total = data.total;
+          this.data = data.records;
+          this.loading = false;
+          this.selectionClear();
+        });
+      },
+    },
+  };
+</script>
diff --git a/src/views/tenant/works/Dialog/Contrast.vue b/src/views/tenant/works/Dialog/Contrast.vue
new file mode 100644
index 0000000..168a54c
--- /dev/null
+++ b/src/views/tenant/works/Dialog/Contrast.vue
@@ -0,0 +1,188 @@
+<template>
+  <basic-container>
+    <el-drawer
+      title="比对人才库"
+      append-to-body
+      :visible.sync="drawer"
+      size="65%"
+      class="drawer"
+    >
+      <avue-crud
+        :option="personListOption"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        ref="crud"
+        :permission="permissionList"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        class="customPage"
+        
+      >
+        <!--/自定义按钮-->
+      </avue-crud>
+      <!-- <Resume ref="resume"></Resume> -->
+      <div style="float:right;font-size:18px;">
+        <el-button type="primary" size="small" @click="submitContrastBtn()">提交比对</el-button>
+        <el-button size="small" @click="resetBtn">重置</el-button>
+      </div>
+    </el-drawer>
+     <NoEmployed ref="noEmployed" v-show="false"></NoEmployed>
+  </basic-container>
+</template>
+
+<script>
+import {personCountList} from "@/api/tenant/postzp";
+import { mapGetters } from "vuex";
+import NoEmployed from "../Dialog/noEmployed"
+export default {
+  data () {
+    return {
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      missionId: "",
+      missionTitle: "",
+      stime: "",
+      drawer: false,
+      selectionList: [],
+      loading: false,
+      query: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      personListOption: {
+        dialogWidth: "50%",
+        align: "center",
+        menuAlign: "center",
+        rowKey: "id",
+        tip: false,
+        menu: false,
+        addBtn: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchLabelWidth: 45,
+        menuPosition: "center",
+        labelPosition: "right",
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        selection: true,
+        viewBtn: false,
+        dialogType: "dialog",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "分组名称",
+            prop: "groupName",
+            search: false,
+            span: 24,
+          },
+          {
+            label: "人数",
+            prop: "sumNum",
+            search: false,
+            span: 24,
+          },
+        ],
+      },
+      excelBox: false,
+      data: [],
+    };
+  },
+  components: {
+    // Resume,
+    NoEmployed
+  },
+  watch: {
+    
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    ids () {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    }
+  },
+  methods: {
+    //提交对比
+    submitContrastBtn(){
+      if(this.selectionList.length > 0){
+        this.$refs.noEmployed.openDialog(this.missionId,this.ids);
+      }else{
+        this.$message({
+            type: "error",
+            message: "请选择要比对的人才库!",
+          });
+      }
+      
+    },
+    //重置
+    resetBtn(){
+      this.onLoad();
+    },
+    /*打开drawer*/
+    openDialog (row) {
+      this.missionId = row.missionNo;
+      this.missionTitle = row.missionTitle;
+      this.stime = row.stime;
+      if (this.$refs.crud) {
+        this.$refs.crud.searchReset();
+      } else {
+        this.query = {};
+        this.onLoad();
+      }
+      this.drawer = true;
+    },
+    searchReset () {
+      this.query = {};
+      this.onLoad();
+    },
+    searchChange (params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad();
+      done();
+    },
+    selectionChange (list) {
+      this.selectionList = list;
+    },
+    selectionClear () {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange (currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad();
+    },
+    sizeChange (pageSize) {
+      this.page.currentPage = 1;
+      this.page.pageSize = pageSize;
+      this.onLoad();
+    },
+    refreshChange () {
+      this.onLoad();
+    },
+    onLoad () {
+      this.loading = true;
+      personCountList().then((res) => {
+        const data = res.data.data;
+        this.data = data;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/tenant/works/Dialog/CopyMission.vue b/src/views/tenant/works/Dialog/CopyMission.vue
new file mode 100644
index 0000000..87ac880
--- /dev/null
+++ b/src/views/tenant/works/Dialog/CopyMission.vue
@@ -0,0 +1,1412 @@
+<template>
+  <el-drawer
+    size="70%"
+    append-to-body
+    :title="title"
+    :visible.sync="drawer"
+    :wrapperClosable="false"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+
+    @closed="closed"
+  >
+    <avue-form
+      class="copy-form"
+      :option="option"
+      v-model="obj"
+      ref="form"
+      @submit="submit"
+    >
+    <!-- <template slot="userNature">
+      <el-select v-model="obj.userNature">
+        <el-option v-for="(item,index) in userNatureList" :key="index" :label="item.label" :value="item.value">{{item.label}}</el-option>
+      </el-select>
+    </template> -->
+      <template slot-scope="{ disabled }" slot="wage">
+        <el-input
+          placeholder="请输入 参考工资"
+          v-model="obj.wage"
+          :disabled="disabled"
+          class="input-with-select"
+        >
+          <el-select
+            v-model="obj.wageUnitCategory"
+            slot="append"
+            placeholder="请选择单位"
+            style="width: 100%"
+            :disabled="disabled"
+          >
+            <template v-for="(item, key) in wageUnitCategory">
+              <el-option
+                v-if="!item.disable"
+                :key="key"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </template>
+          </el-select>
+        </el-input>
+      </template>
+
+      <template slot="cityId" slot-scope="{ disabled }">
+        <jl-city-cascader
+          :disabled="disabled"
+          filterable
+          v-model="obj.cityId"
+          placeholder="请选择 工作地址"
+        ></jl-city-cascader>
+      </template>
+
+      <template slot-scope="{ disabled }" slot="skillIds">
+        <skill-select
+          ref="skillSelect"
+          :canSelect="!disabled"
+          :selectedSkills="selectedSkills"
+          :id="obj.worktypeIds"
+          @add-skill="addSkill"
+          @clear-validator="clearValidator('skillIds')"
+        ></skill-select>
+      </template>
+
+      <template slot-scope="{ disabled }" slot="address">
+        <select-map
+          ref="selectMap"
+          @addAddress="addAddress"
+          @addressDel = "addressDel"
+          :isCanEdit="!disabled"
+          :lng="obj.lon"
+          :lat="obj.lat"
+          :address="obj.address"
+          :type="type"
+        ></select-map>
+      </template>
+      <!-- 行业类型 -->
+      <template slot="tradeId">
+        <div class="tradeId">
+            <el-autocomplete
+              popper-class="my-autocomplete"
+              v-model.trim="tradeState"
+              :fetch-suggestions="querySearchAsync"
+              placeholder="请选择行业类型"
+              @select="handleSelect"
+              maxlength="15"
+              show-word-limit
+              ref="selectTradeId"
+              >
+              <!-- <el-button
+              type="primary"
+              :disabled = "tradeBtnState"
+              slot="suffix"
+              @click="handleIconClick"
+              size="mini"
+              >+添加</el-button> -->
+              <!-- <i class="el-icon-arrow-down" slot="suffix" @click="handleIconClickArrowDown"></i> -->
+              <template slot-scope="{ item }">
+                <div class="name">{{item.value}}</div>
+              </template>
+            </el-autocomplete>
+        </div>
+      </template>
+      <!-- 工种 -->
+      <template slot="worktypeIds">
+        <div class="tradeId">
+            <el-autocomplete
+              popper-class="my-autocomplete"
+              v-model.trim="workTypeState"
+              :fetch-suggestions="querySearchAsyncWorkType"
+              placeholder="请选择工种"
+              @select="handleSelectWorkType"
+              maxlength="15"
+              show-word-limit
+              :disabled = "worktypeDisabled"
+              >
+              <!-- <el-button
+              type="primary"
+              :disabled = "workTypeBtnState"
+              slot="suffix"
+              @click="handleIconClickWorkType"
+              size="mini"
+              >+添加</el-button> -->
+              <!-- <i class="el-icon-arrow-down" slot="suffix" @click="handleIconClickArrowDown"></i> -->
+              <template slot-scope="{ item }">
+                <div class="name">{{item.value}}</div>
+              </template>
+            </el-autocomplete>
+        </div>
+      </template>
+      <!--/自定义表单-->
+      <template slot-scope="{ disabled }" slot="menuForm">
+        <!-- <el-button type="primary" icon="el-icon-check" @click="copy" :disabled="formLoading">提交</el-button> -->
+        <el-button
+          icon="el-icon-circle-close"
+          @click="drawer = false"
+          :loading="disabled"
+          >取消</el-button
+        >
+      </template>
+    </avue-form>
+  </el-drawer>
+</template>
+
+<script>
+import { add, detail, update, tradeListAdd, workListAdd,getLastTaskInfo,getMounthDays} from "@/api/tenant/postzp";
+import { getTrade, getWork, getSkillList} from "@/api/tenant/common";
+import SkillSelect from "../Dialog/Skill";
+import SelectMap from "@/components/map/selectLocation";
+import { isvalidatemobile } from "@/util/validate";
+import { mapGetters } from "vuex";
+import {
+  wageUnitCategoryState,
+  educationState,
+  // genderState,
+} from "@/common/dic";
+// import { toCent } from "@/util/money";
+
+const validateTel = (rule, value, callback) => {
+  if (isvalidatemobile(value)[0]) {
+    callback(new Error(isvalidatemobile(value)[1]));
+  } else {
+    callback();
+  }
+};
+
+export default {
+  data() {
+    return {
+      id: "",
+      title: "",
+      type: "",
+      tradeBtnState:true,
+      workTypeBtnState:true,
+      worktypeDisabled:true,
+      selectedSkillIds: [],
+      selectedName: [],
+      selectedSkills: [],
+      tradeData: [],
+      tradeNameAttr:[],
+      tradeIdAttr:[],
+      workData: [],
+      workDataNameAttr:[],
+      workDataIdAttr:[],
+      skillIdAttr:[],
+      obj: {
+        wageUnitCategory: null,
+        sex: 0,
+        ageDesc: "不限年龄",
+        education: 7,
+        experienceDesc: "不限经验",
+        tradeId:null,
+        userNature:"灵活用工",
+      },
+      loading: false,
+      drawer: false,
+      wageUnitCategory: wageUnitCategoryState,
+      restaurants: [],
+      tradeState: '',
+      workTypeState:'',
+      timeout:  null,
+      days:null,//某个月份的天数
+      endTimeFlag:true,
+      stimeDate:null,
+    };
+  },
+  components: {
+    SkillSelect,
+    SelectMap,
+  },
+  created() {
+    this.$store.dispatch("InitArea");
+    this.initData();
+
+  },
+  watch: {
+    "obj.tradeId": function (val, oldval) {
+      if (val) {
+        getWork(val).then((res) => {
+          this.workData = res;
+           this.workDataNameAttr = res.map((ele)=>{
+              return ele.name
+            })
+            this.workDataIdAttr = res.map((ele)=>{
+                return ele.id
+            })
+          this.worktypeDisabled = false;
+          if (val !== oldval && oldval) {
+            this.obj.worktypeIds = "";
+          }
+        });
+      } else {
+        this.obj.worktypeIds = "";
+      }
+    },
+    "obj.wageUnitCategory": function () {
+      if (this.$refs.form) this.$refs.form.$refs.form.validateField("wage");
+    },
+    "stimeDate":function(n){
+      if(n){
+        getMounthDays(n).then(res=>{
+                      this.days=res.data.data;
+                    })
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(["area", "userInfo"]),
+    /*计算时间*/
+    startDate() {
+      const self = this;
+      if (self.obj.stime) {
+        return new Date(self.obj.stime);
+      } else {
+        return null;
+      }
+    },
+    endDate() {
+      const self = this;
+      if (self.obj.etime) {
+        return new Date(self.obj.etime);
+      } else {
+        return null;
+      }
+    },
+    siginDate() {
+      const self = this;
+      if (self.obj.etimePub) {
+        return new Date(self.obj.etimePub);
+      } else {
+        return null;
+      }
+    },
+    startTime() {
+      const self = this;
+      if (self.startDate) {
+        return self.startDate.getTime();
+      } else {
+        return null;
+      }
+
+    },
+    endTime() {
+      const self = this;
+      if (self.endDate) {
+        return self.endDate.getTime();
+      } else {
+        return null;
+      }
+    },
+    siginTime() {
+      const self = this;
+      if (self.siginDate) {
+        return self.siginDate.getTime();
+      } else {
+        return null;
+      }
+    },
+    option() {
+      const self = this;
+      // var skill = function (rule, value, callback) {
+      //   if (self.selectedSkills.length <= 0) {
+      //     callback(new Error("请选择技能标签"));
+      //   } else {
+      //     callback();
+      //   }
+      // };
+      const wage = (rule, value, callback) => {
+        if(value == ""){
+          callback(
+            new Error(
+              "请填写参考工资"
+            )
+          );
+        }else if (
+          !/^([1-9]\d*|0)(\.\d{0,2})?$/.test(value) ||
+          value <= 0 ||
+          value > 99999
+        ) {
+          callback(
+            new Error(
+              "请输入大于0且小于99999 之间的数字，小数点后最多保留两位"
+            )
+          );
+        } else if (
+          this.obj.wageUnitCategory === null ||
+          this.obj.wageUnitCategory === undefined
+        ) {
+          callback(new Error("请选择单位"));
+        } else {
+          callback();
+        }
+      };
+      const tradeId = (rule, value, callback) => {
+        if(this.tradeState == null || this.tradeState == undefined || this.tradeState == ""){
+          callback(
+            new Error(
+              "请选择行业类型"
+            )
+          )
+        }else{
+          if(!this.tradeBtnState){
+            callback(
+              new Error(
+                "新增行业要添加后才能使用"
+              )
+            )
+          }else{
+              callback();
+          }
+
+        }
+      };
+      const workType = (rule, value, callback) => {
+        if(this.workTypeState == null || this.workTypeState == undefined || this.workTypeState == ""){
+          callback(
+            new Error(
+              "请选择工种"
+            )
+          )
+        }else{
+          if(!this.workTypeBtnState){
+            callback(
+              new Error(
+                "新增工种要添加后才能使用"
+              )
+            )
+          }else{
+            callback();
+          }
+        }
+      }
+      const validatePass = (rule, value, callback)=>{
+        let specialKey = "[`~#$^&*()=|{}\\[\\]<>/~#￥……&*（）——|{}【】《》%@‘”“']‘'";
+        let flagValue = true;
+        for (var i = 0; i < value.length; i++) {
+          if (specialKey.indexOf(value.substr(i, 1)) != -1) {
+            flagValue = false;
+          }
+        }
+        if( flagValue){
+          callback();
+        }else{
+          callback(new Error('岗位名称不能输入特殊字符'));
+        }
+
+
+    };
+      return {
+        emptyBtn: false,
+        menuPosition: "right",
+        group: [
+          {
+            label: "岗位信息",
+            prop: "missionInfo",
+            arrow: false,
+            column: [
+              {
+                label: "岗位名称",
+                prop: "missionTitle",
+                search: true,
+                span: 24,
+                rules: [
+                  {
+                    required: true,
+                    whitespace: true,
+                    message: "请输入岗位名称",
+                    trigger: "blur",
+                  },
+                  {
+                    min: 3,
+                    max: 30,
+                    message: "长度在 3到 30 个字",
+                    trigger: "blur",
+                  },
+                  { validator: validatePass, trigger: 'blur' }
+                ],
+              },
+              {
+                label: "岗位时间",
+                prop: "etimePub",
+                type: "date",
+                placeholder: "请选择报名截止日期",
+                format: "yyyy-MM-dd",
+                valueFormat: "yyyy-MM-dd 23:59:59",
+                pickerOptions: {
+                  disabledDate(time) {
+                    return !(
+                      time.getTime() > Date.now() - 8.64e7&&
+                      (!self.startTime || time.getTime() < self.startTime) &&
+                      (!self.endTime || time.getTime() < self.endTime)
+                    );
+                  },
+                },
+                rules: [
+                  {
+                    required: true,
+                    message: "请选择报名截止日期",
+                    trigger: "blur",
+                  },
+                ],
+                span: 10,
+              },
+              {
+                label: "",
+                labelWidth: 0,
+                prop: "stime",
+                type: "date",
+                placeholder: "请选择岗位开始日期",
+                format: "yyyy-MM-dd",
+                valueFormat: "yyyy-MM-dd 00:00:00",
+                pickerOptions: {
+                  disabledDate(time) {
+                    return !(
+                      time.getTime() > Date.now() &&
+                      (!self.endTime ||
+                        (time.getTime() < self.endTime &&
+                          time.getTime() > self.endTime - 2678400000)) &&
+                      (!self.siginTime || time.getTime() > self.siginTime)
+                    );
+                  },
+                },
+                change:({value})=>{
+                  self.obj.etime='';
+                  if(value){
+                    self.stimeDate=value.split(' ')[0]
+                    self.endTimeFlag=false
+                    // let date=value.split(' ')[0]
+                    // getMounthDays(date).then(res=>{
+                    //   self.days=res.data.data;
+                    // })
+                  }
+                  else{
+                    self.endTimeFlag=true
+                  }
+                },
+
+                rules: [
+                  {
+                    required: true,
+                    message: "请选择岗位开始日期",
+                    trigger: "blur",
+                  },
+                ],
+                span: 7,
+              },
+              {
+                label: "",
+                labelWidth: 0,
+                prop: "etime",
+                type: "date",
+                placeholder: "请选择岗位结束日期",
+                format: "yyyy-MM-dd",
+                valueFormat: "yyyy-MM-dd 23:59:59",
+                disabled:self.endTimeFlag,
+                pickerOptions: {
+                  disabledDate(time) {
+                    if(!self.obj.stime){
+                      return true
+                    }
+                    if(self.days){
+                      let mutiply=1000*60*60*24;
+                      return !(
+                      time.getTime() > Date.now() &&
+                      (!self.startTime ||
+                        (time.getTime() > self.startTime &&
+                          time.getTime() < self.startTime + self.days*mutiply))
+                    );
+                    }
+
+                  },
+                },
+                rules: [
+                  {
+                    required: true,
+                    message: "请选择岗位结束日期",
+                    trigger: "blur",
+                  },
+                ],
+                span: 7,
+              },
+            ],
+          },
+          {
+            label: "岗位要求",
+            prop: "missionRequire",
+            arrow: false,
+            column: [
+              {
+                label: "招聘人数",
+                prop: "peopleNum",
+                type: "number",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入招聘人数",
+                    trigger: "blur",
+                  },
+                  {
+                    type: "number",
+                    min: 1,
+                    message: "招聘人数最少为1",
+                    trigger: "blur",
+                  },
+                ],
+                span: 12,
+              },
+              {
+                label: "参考工资",
+                prop: "wage",
+                formslot: true,
+                labelslot: false,
+                errorslot: false,
+                rules: [
+                  {
+                    required: true,
+                    whitespace: true,
+                    validator: wage,
+                    trigger: "blur",
+                  },
+                ],
+                span: 12,
+              },
+              {
+                label: "行业类型",
+                prop: "tradeId",
+                formslot: true,
+                labelslot: false,
+                errorslot: false,
+                // type: "tree",
+                // dicData: self.tradeData,
+                // props: {
+                //   label: "name",
+                //   value: "id",
+                // },
+                rules: [
+                  {
+                    required: true,
+                    validator: tradeId,
+                    trigger: ["change", "blur"],
+                  },
+                ],
+                span: 12,
+              },
+              {
+                label: "工种",
+                // type: "tree",
+                prop: "worktypeIds",
+                formslot: true,
+                labelslot: false,
+                rules: [
+                  {
+                    required: true,
+                    validator: workType,
+                    trigger: ["change", "blur"],
+                  },
+                ],
+                // dicData: self.workData,
+                // props: {
+                //   label: "name",
+                //   value: "id",
+                // },
+                // rules: [
+                //   {
+                //     required: true,
+                //     message: "请选择工种",
+                //     trigger: ["change"],
+                //   },
+                // ],
+                span: 12,
+              },
+              // {
+              //   label: "技能要求",
+              //   prop: "skillIds",
+              //   formslot: true,
+              //   labelslot: false,
+              //   errorslot: false,
+              //   rules: [
+              //     { required: true, validator: skill, trigger: "change" },
+              //   ],
+              //   span: 24,
+              // },
+              {
+                label: "岗位描述",
+                prop: "missionDesc",
+                type: "textarea",
+                rules: [
+                  {
+                    required: true,
+                    whitespace: true,
+                    message: "请输入岗位描述",
+                    trigger: "blur",
+                  },
+                  {
+                    min: 30,
+                    max: 200,
+                    message: "长度在 30 到 200 个字",
+                    trigger: "blur",
+                  },
+                ],
+                placeholder: "请输入岗位描述，字数30-200字以内",
+                span: 24,
+                maxlength: 200,
+                showWordLimit: true,
+              },
+            ],
+          },
+          {
+            label: "人员要求",
+            prop: "personRequire",
+            arrow: false,
+            column: [
+              {
+                label: "人员属性",
+                type: "select",
+                prop: "userNature",
+                dicData: [
+                  {
+                    value: "灵活用工",
+                    label: "灵活用工",
+                  },
+                ],
+                rules: [
+                  {
+                    required: true,
+                    message: "请选择人员属性",
+                    trigger: ["change", "blur"],
+                  },
+                ],
+                span: 8,
+              },
+              // {
+              //   label: "性别要求",
+              //   type: "radio",
+              //   prop: "sex",
+              //   dicData: genderState,
+              //   span: 10,
+              //   offset: 6,
+              //   clearable: false,
+              // },
+              {
+                label: "年龄要求",
+                type: "select",
+                prop: "ageDesc",
+                dicData: [
+                  {
+                    label: "不限年龄",
+                    value: "不限年龄",
+                  },
+                  {
+                    label: "30以下",
+                    value: "30以下",
+                  },
+                  {
+                    label: "35以下",
+                    value: "35以下",
+                  },
+                  {
+                    label: "40以下",
+                    value: "40以下",
+                  },
+                  {
+                    label: "45以下",
+                    value: "45以下",
+                  },
+                  {
+                    label: "50以下",
+                    value: "50以下",
+                  },
+                  {
+                    label: "55以下",
+                    value: "55以下",
+                  },
+                  {
+                    label: "60以下",
+                    value: "60以下",
+                  },
+                ],
+                span: 8,
+                clearable: false,
+              },
+              {
+                label: "学历要求",
+                type: "select",
+                prop: "education",
+                dicData: educationState,
+                span: 8,
+                clearable: false,
+              },
+              {
+                label: "经验要求",
+                type: "select",
+                prop: "experienceDesc",
+                dicData: [
+                  {
+                    label: "不限经验",
+                    value: "不限经验",
+                  },
+                  {
+                    label: "1年以下",
+                    value: "1年以下",
+                  },
+                  {
+                    label: "1~3年",
+                    value: "1~3年",
+                  },
+                  {
+                    label: "3~5年",
+                    value: "3~5年",
+                  },
+                  {
+                    label: "5~10年",
+                    value: "5~10年",
+                  },
+                  {
+                    label: "10年以上",
+                    value: "10年以上",
+                  },
+                ],
+                span: 8,
+                clearable: false,
+              },
+            ],
+          },
+          {
+            label: "企业信息",
+            prop: "contactsRequire",
+            arrow: false,
+            column: [
+              {
+                label: "企业名称",
+                prop: "jobCompanyName",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入企业名称",
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "企业规模",
+                prop: "jobCompanyScale",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入企业规模",
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "所属行业",
+                prop: "jobCompanyIndustry",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入所属行业",
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "企业性质",
+                prop: "jobCompanyNature",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入企业性质",
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "企业介绍",
+                prop: "jobCompanyDescription",
+                rules: [
+                  {
+                    required: true,
+                    message: "请输入企业介绍",
+                    trigger: "blur",
+                  },
+                ],
+                span: 16,
+              },
+              {
+                label: "联系人",
+                prop: "callName",
+                rules: [
+                  {
+                    required: true,
+                    whitespace: true,
+                    message: "请输入联系人",
+                    trigger: "blur",
+                  },
+                  {
+                    min: 1,
+                    max: 5,
+                    message: "长度在 1 到 5 个字",
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "手机号",
+                prop: "callTel",
+                rules: [
+                  {
+                    required: true,
+                    validator: validateTel,
+                    trigger: "blur",
+                  },
+                ],
+                span: 8,
+              },
+              {
+                label: "座机",
+                prop: "callNumber",
+                span: 8,
+              },
+              {
+                label: "工作地址",
+                type: "input",
+                prop: "cityId",
+                rules: [
+                  {
+                    required: true,
+                    message: "请选择工作地址",
+                  },
+                ],
+                formslot: true,
+                labelslot: false,
+                errorslot: false,
+                span: 24,
+              },
+              {
+                label: "详细地址",
+                prop: "address",
+                formslot: true,
+                labelslot: false,
+                errorslot: false,
+                rules: [
+                  {
+                    required: true,
+                    whitespace: true,
+                    message: "请输入详细地址",
+                    trigger: "blur",
+                  },
+                ],
+                span: 24,
+              },
+            ],
+          },
+        ],
+      };
+    },
+  },
+  methods: {
+    //过滤行业类型
+    querySearchAsync(queryString, cb) {
+      let results = [];
+      let tradeNameState = this.tradeNameAttr.indexOf(queryString);
+      if(tradeNameState == -1){
+        this.tradeBtnState = false;
+      }else{
+        this.tradeBtnState = true;
+      }
+        for(let i of this.tradeData){
+            i.value = i.name;
+        }
+        results = queryString ? this.tradeData.filter(this.createStateFilter(queryString)) : this.tradeData;
+        cb(results);
+      },
+      //工种筛选
+      querySearchAsyncWorkType(queryString, cb){
+
+        let results = [];
+        let workDataNameState = this.workDataNameAttr.indexOf(queryString);
+        if(workDataNameState == -1){
+          this.workTypeBtnState = false;
+        }else{
+          this.workTypeBtnState = true;
+        }
+          for(let i of this.workData){
+              i.value = i.name;
+          }
+          results = queryString ? this.workData.filter(this.createStateFilter(queryString)) : this.workData;
+          cb(results);
+      },
+      createStateFilter(queryString) {
+        return (state) => {
+          return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+        };
+      },
+      //行业类型
+      handleSelect(item) {
+        this.tradeBtnState = true;
+        this.obj.tradeId = item.id
+      },
+      //工种
+      handleSelectWorkType(item){
+        this.workTypeBtnState = true;
+        this.obj.worktypeIds = item.id;
+      },
+      //点击行业类型添加按钮
+      handleIconClick() {
+        this.$message.closeAll();
+        let nameState = this.tradeNameAttr.indexOf(this.tradeState)
+        if(this.tradeState == ""){
+          this.$message({
+            type: "error",
+            message: "请输入要添加的行业类型！",
+          })
+        }else if(nameState != -1){
+            this.$message({
+              type: "error",
+              message: "此行业类型已存在，请在列表中选择！",
+          })
+        }else{
+          tradeListAdd(this.tradeState).then((res) =>{
+            if(res.data.code == 200){
+              this.obj.tradeId = res.data.data;
+              this.$message({
+                type: "success",
+                message: res.data.msg,
+              })
+              this.tradeBtnState = true;
+              this.initData();
+              //this.$refs.form.clearValidate('tradeId');
+              this.clearValidator('tradeId');
+                        }else{
+              this.$message({
+                type: "error",
+                message: res.data.msg,
+              })
+            }
+        });
+        }
+
+      },
+      //点击工种添加按钮
+      handleIconClickWorkType() {
+        this.$message.closeAll();
+        let nameState = this.workDataNameAttr.indexOf(this.workTypeState)
+        if(this.workTypeState == ""){
+          this.$message({
+            type: "error",
+            message: "请输入要添加的工种！",
+          })
+        }else if(nameState != -1){
+            this.$message({
+              type: "error",
+              message: "此工种已存在，请在列表中选择！",
+          })
+        }else{
+          workListAdd(this.obj.tradeId,this.workTypeState).then((res) =>{
+            if(res.data.code == 200){
+              this.obj.worktypeIds = res.data.data;
+              this.$message({
+                type: "success",
+                message: res.data.msg,
+              })
+              this.workTypeBtnState = true;
+              this.clearValidator('worktypeIds');
+              getWork(this.obj.tradeId).then((res) => {
+                this.workData = res;
+                this.workDataNameAttr = res.map((ele)=>{
+                  return ele.name
+                })
+              })
+            }else{
+              this.$message({
+                type: "error",
+                message: res.data.msg,
+              })
+            }
+        });
+        }
+
+      },
+    //
+    addressDel(){
+      this.obj.address = "";
+    },
+    initData() {
+      /*获取行业类型*/
+      this.loading = true;
+      getTrade(this.userInfo.company_id).then((res) => {
+        this.tradeData = res;
+        this.tradeNameAttr = res.map((ele)=>{
+          return ele.name
+        })
+        this.tradeIdAttr = res.map((ele)=>{
+          return ele.id
+        })
+        this.loading = false;
+      });
+    },
+    closed() {
+      this.tradeState = "";
+      this.workTypeState = "";
+      this.$refs.form.init();
+      this.$refs.form.resetForm();
+      this.$refs.form.clearValidate();
+      this.obj = {
+        wageUnitCategory: null,
+        sex: 0,
+        ageDesc: "不限年龄",
+        education: 7,
+        experienceDesc: "不限经验",
+        userNature:"灵活用工",
+
+      };
+    },
+    /*地图*/
+    addAddress(form) {
+      this.obj.address = form.address + (form.title || "");
+      this.obj.lat = form.lat;
+      this.obj.lon = form.lng;
+    },
+    /*技能*/
+    addSkill(arr) {
+      if (arr.length) {
+        this.selectedSkills = arr;
+      } else {
+        this.selectedSkills = [];
+      }
+    },
+    submit(row, done) {
+      if(this.$refs.selectMap.addressLocation == ""){
+        this.$message({
+          type: "error",
+          message: "请选择详细地址!",
+        });
+      }else{
+        row.address = this.$refs.selectMap.addressLocation;
+      let ids = [];
+      let name = [];
+      this.selectedSkills.forEach((ele) => {
+        ids.push(ele.id);
+        name.push(ele.name);
+      });
+      let skillIds = ids.join(",");
+      let skillNames = name.join(",");
+      if (this.type === "add" || this.type === "copy") {
+        this.$jlEvent("trialCheck")
+          .then(() => {
+            add({
+
+              missionTitle: row.missionTitle,
+              stime: row.stime,
+              etime: row.etime,
+              etimePub: row.etimePub,
+              peopleNum: row.peopleNum,
+              wage: row.wage,
+              wageUnitCategory: row.wageUnitCategory,
+              tradeId: row.tradeId,
+              worktypeIds: row.worktypeIds,
+              skillIds: skillIds,
+              skillNames: skillNames,
+              missionDesc: row.missionDesc,
+              userNature: row.userNature,
+              sex: row.sex,
+              ageDesc: row.ageDesc,
+              education: row.education,
+              experienceDesc: row.experienceDesc,
+              callName: row.callName,
+              callTel: row.callTel,
+              callNumber: row.callNumber,
+              cityId: row.cityId,
+              address: row.address,
+              lat: row.lat,
+              lon: row.lon,
+            }).then(
+              () => {
+                this.drawer = false;
+                done();
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.$emit("back");
+              },
+              (error) => {
+                window.console.log(error);
+                done();
+              }
+            );
+          })
+          .catch(() => {
+            done();
+          });
+      } else if (this.type === "edit") {
+        update({
+          id: this.id,
+          missionTitle: row.missionTitle,
+          stime: row.stime,
+          etime: row.etime,
+          etimePub: row.etimePub,
+          peopleNum: row.peopleNum,
+          wage: row.wage,
+          wageUnitCategory: row.wageUnitCategory,
+          tradeId: row.tradeId,
+          worktypeIds: row.worktypeIds,
+          skillIds: skillIds,
+          skillNames: skillNames,
+          missionDesc: row.missionDesc,
+          userNature: row.userNature,
+          sex: row.sex,
+          ageDesc: row.ageDesc,
+          education: row.education,
+          experienceDesc: row.experienceDesc,
+          callName: row.callName,
+          callTel: row.callTel,
+          callNumber: row.callNumber,
+          cityId: row.cityId,
+          address: row.address,
+          lat: row.lat,
+          lon: row.lon,
+        }).then(
+          () => {
+            this.drawer = false;
+            done();
+            this.$message({
+              type: "success",
+              message: "操作成功!",
+            });
+            this.$emit("back");
+          },
+          (error) => {
+            window.console.log(error);
+            done();
+          }
+        );
+      }
+      }
+
+    },
+    clearValidator(val){
+      this.$refs.form.clearValidate(val);
+    },
+    onLoad(row, type) {
+      this.type = type;
+      this.id = row.id;
+      this.$nextTick(() => {
+        if(type!='edit'){
+          getLastTaskInfo().then(res=>{
+            const data=res.data.data;
+            this.obj.callName=data.callName;
+            this.obj.callTel=data.callTel;
+          })
+        }
+
+        if (type === "copy") {
+          this.title = "复制岗位";
+          detail(row.missionNo).then((res) => {
+            if (![1, 2].includes(res.wageUnitCategory)) {
+              res.wageUnitCategory = null;
+            }
+            this.obj = res;
+            this.obj.etimePub = "";
+            this.obj.stime = "";
+            this.obj.etime = "";
+            this.drawer = true;
+            let tradeIdState = this.tradeIdAttr.indexOf(this.obj.tradeId);
+            //判断有无此行业
+            if(tradeIdState == -1){
+              this.obj.tradeId = "";
+              setTimeout(()=>{
+                this.$message({
+                  type: "error",
+                  message: "此岗位所包含行业已经不存在，请重新选择！",
+                })
+              },1000);
+            }else{
+              this.tradeState = this.obj.tradeNames;
+              //判断有无此工种
+              getWork(this.obj.tradeId).then((res) => {
+                this.workData = res;
+                this.workDataIdAttr = res.map((ele)=>{
+                  return ele.id
+                })
+                let workDataIdState = this.workDataIdAttr.indexOf(this.obj.worktypeIds);
+                //判断有无此工种
+                if(workDataIdState == -1){
+                  this.obj.worktypeIds = "";
+                  setTimeout(()=>{
+                    this.$message({
+                      type: "error",
+                      message: "此岗位所包含工种已经不存在，请重新选择！",
+                    })
+                  },1000);
+                }else{
+                  this.workTypeState = this.obj.worktypeNames;
+                  getSkillList(this.obj.worktypeIds).then((res) => {
+                    this.skillIdAttr = res.data.data.records.map((ele)=>{
+                      return ele;
+                    });
+                    let newSelectedSkills = [];
+                    this.skillIdAttr.forEach((val) => {
+                      let selectedSkillsState = this.obj.selectedSkills.find(v => v.id == val.id);
+                      if(selectedSkillsState){
+                        newSelectedSkills.push(val);
+                      }
+                    })
+                    // 判断有无此技能
+                    if(newSelectedSkills.length == 0){
+                      setTimeout(()=>{
+                      this.$message({
+                          type: "error",
+                          message: "此岗位所包含技能已经不存在，请重新选择！",
+                        })
+                      },1000);
+                    }else{
+                      this.selectedSkills = newSelectedSkills;
+                    }
+                  });
+                  }
+              })
+            }
+          });
+        } else if (type === "add") {
+          this.title = "发布岗位";
+          this.obj = {
+            wageUnitCategory: 2,
+            sex: 0,
+            ageDesc: "不限年龄",
+            education: 7,
+            experienceDesc: "不限经验",
+            userNature:"灵活用工"
+          };
+          this.selectedSkills = [];
+          this.drawer = true;
+          this.$nextTick(() =>{
+            this.$refs.form.clearValidate();
+          })
+          if (this.$refs.selectMap) {
+            this.$refs.selectMap.geolocation();
+          }
+        } else if (type === "edit") {
+          this.title = "编辑岗位";
+          detail(row.id).then((res) => {
+            this.obj = res;
+            this.drawer = true;
+            let tradeIdState = this.tradeIdAttr.indexOf(this.obj.tradeId);
+            //判断有无此行业
+            if(tradeIdState == -1){
+              this.$message.closeAll();
+              this.obj.tradeId = "";
+              setTimeout(()=>{
+                this.$message({
+                  type: "error",
+                  message: "此岗位所包含行业已经不存在，请重新选择！",
+                })
+              },1000);
+            }else{
+              this.tradeState = this.obj.tradeNames;
+              //判断有无此工种
+              getWork(this.obj.tradeId).then((res) => {
+                this.workData = res;
+                this.workDataIdAttr = res.map((ele)=>{
+                  return ele.id
+                })
+                let workDataIdState = this.workDataIdAttr.indexOf(this.obj.worktypeIds);
+                //判断有无此工种
+                if(workDataIdState == -1){
+                  this.$message.closeAll();
+                  this.obj.worktypeIds = "";
+                  setTimeout(()=>{
+                    this.$message({
+                      type: "error",
+                      message: "此岗位所包含工种已经不存在，请重新选择！",
+                    })
+                  },1000);
+                }else{
+                  this.workTypeState = this.obj.worktypeNames;
+                  getSkillList(this.obj.worktypeIds).then((res) => {
+                    this.skillIdAttr = res.data.data.records.map((ele)=>{
+                      return ele;
+                    });
+                    let newSelectedSkills = [];
+                    this.skillIdAttr.forEach((val) => {
+                      let selectedSkillsState = this.obj.selectedSkills.find(v => v.id == val.id);
+                      if(selectedSkillsState){
+                        newSelectedSkills.push(val);
+                      }
+                    })
+                    // 判断有无此技能
+                    if(newSelectedSkills.length == 0){
+                      setTimeout(()=>{
+                        this.$message.closeAll();
+                      this.$message({
+                          type: "error",
+                          message: "此岗位所包含技能已经不存在，请重新选择！",
+                        })
+                      },1000);
+                    }else{
+                      this.selectedSkills = newSelectedSkills;
+                    }
+                  });
+                  }
+              })
+            }
+          });
+        }
+      });
+    },
+  },
+  mounted() {
+
+    }
+};
+</script>
+<style scoped>
+.el-col,
+.el-form-item {
+  margin-bottom: 0px;
+}
+</style>
+<style>
+.input-with-select {
+  width: 100%;
+}
+.copy-form .el-input-group__append {
+  background-color: #fff;
+}
+.input-with-select .el-input-group__append .el-input__icon {
+  display: none;
+}
+.input-with-select .el-input-group__append input {
+  width: 105px;
+  padding: 0;
+  text-align: center;
+}
+
+.my-autocomplete li{
+  line-height: normal;
+    padding: 7px;
+}
+.my-autocomplete li .name{
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+.my-autocomplete li .addr{
+    font-size: 12px;
+    color: #b4b4b4;
+}
+.my-autocomplete li .highlighted .addr{
+    color: #ddd;
+}
+.tradeId .el-autocomplete{
+  width:100%;
+}
+.tradeId .el-icon-plus:before{
+    content: "\e6d9 添加行业类型";
+    color: #606266;
+}
+.tradeId .el-input--small input{
+  padding-right: 150px;
+}
+</style>
diff --git a/src/views/tenant/works/Dialog/Employ.vue b/src/views/tenant/works/Dialog/Employ.vue
new file mode 100644
index 0000000..4c4423e
--- /dev/null
+++ b/src/views/tenant/works/Dialog/Employ.vue
@@ -0,0 +1,1078 @@
+<template>
+  <basic-container>
+    <el-drawer
+      title="录用登记"
+      append-to-body
+      :visible.sync="drawer"
+      size="80%"
+      class="drawer"
+      :before-close="drawerClose"
+    >
+     <div class="tipsWrap1" v-show="getUserConfig.insuranceOn == 1 && employState == 1">说明：录用成功后，平台自动计算保期，岗位开始前一天自动投保，确保录用人员岗位期内均有商保。</div>
+     <div class="tipsWrap2" v-show="getUserConfig.insuranceOn == 1 && employState == 2">说明：录用人员取消后，投保可自动取消（岗位开始前一天20:00以后，不再支持取消操作）。</div>
+      <avue-crud
+        :option="option"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        ref="crud"
+        v-model="obj"
+        :permission="permissionList"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        class="customPage"
+        @on-load="onLoad"
+      >
+        <!--自定义列-->
+        <template slot="period" slot-scope="{row}">
+        <span v-if="row.startTime && row.endTime">
+            <el-tag type="warning" v-if="row.serviceStatus==0">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="success" v-if="row.serviceStatus==1">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="danger" v-if="row.serviceStatus==2">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="info" v-if="row.serviceStatus==3">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+        </span>
+    </template>
+    <template slot="serviceStatus" slot-scope="{row}" >
+      <span>
+          <el-tag type="warning" v-if="row.serviceStatus==0">未生效</el-tag>
+          <el-tag type="success" v-if="row.serviceStatus==1">生效中</el-tag>
+          <el-tag type="danger" v-if="row.serviceStatus==2">即将失效</el-tag>
+          <el-tag type="info" v-if="row.serviceStatus==3">已失效</el-tag>
+      </span>
+
+    </template>
+        <template slot="missionDate" slot-scope="{ row }">
+          <div>{{ row.startDate }}至{{ row.endDate }}</div>
+        </template>
+        <template slot="resume" slot-scope="{ row }">
+          <div>
+            <el-button
+              type="text"
+              size="mini"
+              @click="$refs.resume.openDialog(row)"
+              v-if="row.userId && row.userId !== '0'"
+              >查看简历</el-button
+            >
+            <div v-else>暂无简历</div>
+          </div>
+        </template>
+        <template slot="canBao" slot-scope="{ row }">
+          <div>
+            <el-button type="text" size="mini">{{ row.canBao }}</el-button>
+          </div>
+        </template>
+        <!--/自定义列-->
+        <!--自定义搜索-->
+        <template slot-scope slot="statusSearch">
+          <!-- <el-select v-model="query.status" placeholder="请选择录用状态">
+            <el-option
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              v-for="item in personType"
+            ></el-option>
+          </el-select>-->
+          <el-radio-group v-model="query.status" @change="radioButtonChange()">
+            <el-radio-button
+              v-for="(item, key, index) in personType"
+              :key="index"
+              :label="item.value"
+              :disabled="personTypeDisabledFlag"
+              >{{ item.label }}</el-radio-button
+            >
+          </el-radio-group>
+        </template>
+        <!--/自定义搜索-->
+        <div slot="menu" slot-scope="{ row }">
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowEmploy(row)"
+            v-show="employState === 1 && status === 1"
+            >录用</el-button
+          >
+          <!-- <el-popover v-show="employState === 1 && status === 1 && row.effect"
+            placement="top-start"
+            title="提示："
+            width="260"
+            trigger="click"
+            content="您选择的人员当前未在保期内，请您前去”商保管理”投保之后再次录用“"
+            v-show="employState === 1 && status === 1 && !row.effect"
+            >
+            <el-button type="text" size="mini" slot="reference" class="selectBtn">录用</el-button>
+          </el-popover> -->
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowDel(row)"
+            v-show="employState === 2 && status === 1"
+            >取消</el-button
+          >
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowCheck(row)"
+            v-show="employState === 2 && status === 1 && companyContractOn==1"
+            >查看合同</el-button
+          >
+        </div>
+        <!-- <div slot="menu" slot-scope="{ row }" v-else-if="getUserConfig.insuranceOn == 0">
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowEmploy(row)"
+            v-show="employState === 1 && status === 1"
+            >录用</el-button
+          >
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowDel(row)"
+            v-show="employState === 2 && status === 1"
+            >取消</el-button
+          >
+          <el-button
+            type="text"
+            size="mini"
+            @click="rowCheck(row)"
+            v-show="employState === 2 && status === 1 && companyContractOn==1"
+            >查看合同</el-button
+          >
+        </div> -->
+        <!--/自定义操作栏-->
+        <!--自定义按钮-->
+        <template slot="menuLeft">
+          <el-button
+            type="primary"
+            size="small"
+            :disabled="!selectionList.length"
+            icon="el-icon-plus"
+            @click="handleEmploy"
+            v-show="employState === 1 && status === 1"
+            >批量录用</el-button
+          >
+          <!-- <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-delete"
+            :disabled="!selectionList.length"
+            @click="handleDelete"
+            v-show="employState === 2 && status === 1"
+            >批量取消</el-button
+          > -->
+        </template>
+        <template v-slot:cardNumber="{row}">
+          <span>{{idNumberDDesensitization(row.cardNumber)}}</span>
+        </template>
+
+      </avue-crud>
+      <el-dialog
+        title=""
+        :visible.sync="dialogVisible"
+        width="35%"
+        :modal=false
+        >
+        <div>
+          <img class="" :src="'data:image/png;base64,'+imgStr" width="100%"/>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="downLoadContract">下载合同</el-button>
+        </span>
+      </el-dialog>
+      <el-dialog
+        title=""
+        :visible.sync="dialogVisible1"
+        width="30%"
+        :modal=false
+        >
+        <div>
+         <p style="text-align:center; font-size:16px">您选择<span class="employ-employNum-count">{{employNum}}</span>人准备录用，请输入密码并确定录用</p>
+         <el-form :model="pwdForm" ref="pwdForm" :rules="pwdFormRules">
+         <el-form-item
+          label="输入密码："
+          prop="pwd"
+          :label-position="labelPosition"
+          label-width="100px"
+
+        >
+          <el-col :span="16">
+            <el-input type="number" v-model="pwdForm.pwd" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))"  show-password placeholder="请输入六位数字密码"></el-input>
+          </el-col>
+         </el-form-item>
+         <el-form-item class="employ-forgetPwd">
+           <el-button type="text" @click="forgetPwd">忘记密码？</el-button>
+         </el-form-item>
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="PWDOk" :loading="loadingbut">{{loadingbuttext}}</el-button>
+          <el-button @click="dialogVisible1 = false">取 消</el-button>
+        </span>
+      </el-dialog>
+
+      <!--忘记密码dialog-->
+      <el-dialog title="重置密码" :visible.sync="resetPwdDialogVisible" append-to-body width="30%">
+        <el-form class="econtract-resetForm" label-position="right" :model="resetPwdForm" :rules="resetPwdRules" ref="resetPwdForm">
+          <el-form-item label="手机号码：" :label-width="formLabelWidth" prop="account" >
+            <span>{{phone}}</span>
+          </el-form-item>
+          <el-form-item label="请输入验证码：" :label-width="formLabelWidth" prop="code">
+            <el-input v-model="resetPwdForm.code" autocomplete="off" style="width: 50%;"></el-input>
+            <el-button :disabled="msgKey" style="margin-left: 15px;"  type="primary" @click="getCode">{{msgText}}</el-button>
+          </el-form-item>
+          <el-form-item label="请设置新密码：" :label-width="formLabelWidth" prop="pwd">
+            <el-input type="number" v-model="resetPwdForm.pwd" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))" autocomplete="off" show-password placeholder="请输入六位数字密码"></el-input>
+          </el-form-item>
+          <el-form-item label="请再次输入新密码：" :label-width="formLabelWidth" prop="pwd2">
+            <el-input type="number" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))" v-model="resetPwdForm.pwd2" autocomplete="off" show-password placeholder="请再次输入六位数字密码"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="resetPwdDialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="submitResetPwd">确 认</el-button>
+        </div>
+      </el-dialog>
+
+    </el-drawer>
+    <Resume ref="resume"></Resume>
+    <employ-information
+       ref="order"
+      :checkDisplayVisible="checkDisplayVisible"
+      :fpData="fpData"
+      :fpTitleId='fpTitleId'
+      :usersInfo = "userInfo"
+      @checkDisplayVisibleClose = "checkDisplayVisibleClose"
+      @refresh="refreshChange"
+      ></employ-information>
+  </basic-container>
+</template>
+
+<script>
+import { employList, cancelEmploy, employ } from "@/api/tenant/postzp";
+import {viewContractImg,certCheckPass,getCode,resetPwd} from "@/api/manage/econtract.js";//api
+import {contractDownload} from "@/api/manage/esignature.js";//api
+import Resume from "@/components/resume/index";
+import { idNumberDDesensitization } from "@/util/util";
+import {applyStatus} from '@/api/manage/econtract'
+import {mapGetters} from 'vuex'
+import { dateFormat } from "@/util/date";
+import {getConfig} from '@/api/tenant/config'
+import EmployInformation from "./EmployInformation";
+import { validatenull } from "@/util/validate";
+import { getFpDetail, getAddressAll } from "@/api/tenant/fp";
+export default {
+  comments: {},
+  components: {
+    Resume,
+    EmployInformation
+  },
+  props: {
+    status: Number,
+  },
+
+  data() {
+    const validatePwdLength=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+
+      const validatePwd = (rule, value, callback) => {
+        if (value != this.resetPwdForm.pwd) {
+          callback(new Error('两次输入密码不一致'));
+        }
+        else {
+          callback();
+        }
+      };
+      const validPwdNums=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+
+    return {
+      selectTaskInfo:{},
+      getUserConfig:{},
+      checkDisplayVisible: false,
+      fpTitleId:'',
+      fpData: {},
+      pwdFormRules:{
+        pwd:[
+          {
+            required:true,message:'请输入密码',trigger:'blur'
+          },
+          {
+            validator:validatePwdLength,trigger:'blur'
+          },
+
+        ]
+      },
+      companyContractOn:'',//电子合同状态
+      conpanySealOn:'',//签章状态
+      selectionFlag:true,
+      /*忘记密码*/
+      resetPwdDialogVisible:false,
+      resetPwdForm:{},
+      formLabelWidth:'150px',
+      msgText: '获取验证码',
+      msgTime:120,
+      cancel:'',
+      //重置密码校验
+      resetPwdRules: {
+          code: [
+            {
+              required: true, message: '请输入验证码', trigger: 'blur'
+            }
+          ],
+          pwd: [
+            {
+              required: true, message: '请输入密码', trigger: 'blur'
+            },
+            {
+              validator: validPwdNums, trigger: 'blur'
+            }
+          ],
+          pwd2: [
+            {
+              required: true, message: '请输入确认密码', trigger: 'blur'
+            },
+            {
+              validator: validatePwd, trigger: 'blur'
+            }
+          ]
+
+        },
+
+      loadingbut:false,
+      loadingbuttext:'确定',
+      downLoadRow:{},
+      dataCurClick:{},
+      employDataIds:1,
+      employNum:1,
+      imgStr:'',
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      missionId: "",
+      loading: false,
+      selectionList: [],
+      dialogVisible: false,
+      dialogVisible1: false,
+      contractId:'',
+      labelPosition: 'right',
+      pwdForm: {
+          pwd: ''
+        },
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {
+        status: 1,
+      },
+      personType: [
+        {
+          value: 1,
+          label: "待录用",
+        },
+        {
+          value: 2,
+          label: "已录用",
+        },
+      ],
+      drawer: false,
+      data: [],
+      personTypeDisabledFlag:true,
+      obj: {},
+
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo']),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+    employState() {
+      return this.query.status;
+    },
+    option() {
+      //const self = this;
+      return {
+        height: "auto",
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchLabelWidth: 60,
+        menuPosition: "center",
+        labelPosition: "right",
+        border: true,
+        index: false,
+        // index: true,
+        // indexLabel: "序号",
+        selection: this.selectionFlag,
+        selectable: function (row) {
+          return !row.noSelection;
+        },
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "",
+            prop: "status",
+            search: true,
+            searchSpan: 5,
+            searchLabelWidth: 1,
+            hide: true,
+            searchslot: true,
+          },
+          {
+            label: "姓名",
+            prop: "realName",
+            search: true,
+            searchSpan: 4,
+            width:70,
+          },
+          {
+            label: "性别",
+            prop: "sex",
+            search: false,
+            width:50,
+            dicData: [
+              {
+                label: "男",
+                value: 1,
+              },
+              {
+                label: "女",
+                value: 2,
+              },
+            ],
+          },
+          {
+            label: "年龄",
+            prop: "age",
+            search: false,
+            width:50,
+          },
+          {
+            label: "手机号",
+            prop: "telphone",
+            search: false,
+            width:100,
+          },
+          {
+            label: "身份证",
+            prop: "cardNumber",
+            search: false,
+            slot: true,
+            width:110
+          },
+          {
+            label: "最新保期",
+            prop: "period",
+            searchSpan: 5,
+            display: false,
+            slot:true,
+            width:190
+          },
+          {
+            label: "商保状态",
+            prop: "serviceStatus",
+            searchSpan: 5,
+            display: false,
+            type: 'select',
+            dicData: [
+                {
+                    label: '未生效',
+                    value: 0
+                },
+                {
+                    label: '生效中',
+                    value: 1
+                },
+                {
+                    label: '即将失效',
+                    value: 2
+                },
+                {
+                    label: '已失效',
+                    value: 3
+                },
+            ],
+            slot:true,
+          },
+          {
+            label: "工种",
+            prop: "workTypes",
+          },
+          {
+            label: "来源",
+            prop: "src",
+            search: false,
+            width:70,
+          },
+          {
+            label: "人才库",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            search: true,
+            display: true,
+            width: '150',
+            dicUrl: `/api/jobslink-api/tenant/talents/group/listAll`,
+            dicFormatter: (res) => {
+              return res.data.list; //返回字典的层级结构
+            },
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            placeholder: "请选择分组",
+          },
+        ],
+      };
+    },
+  },
+  watch: {
+    "query.status": function (val, oldVal) {
+      if(val == 1){
+        this.selectionFlag = true;
+      }else{
+        this.selectionFlag = false;
+      }
+      this.query.realName = '';
+      this.query.groupId = '';
+      if (val !== oldVal) {
+        this.query.status = val;
+        this.page.currentPage = 1;
+        this.onLoad(this.page, this.query);
+      }
+    },
+  },
+  mounted(){
+    this.checkStatus();
+  },
+  methods: {
+    checkDisplayVisibleClose(){
+      this.checkDisplayVisible = false;
+    },
+    /*获取发票数据*/
+    async getData() {
+      this.usersInfo = this.data;
+      const self = this;
+      self.drawerLoading = true;
+      await getFpDetail().then((res) => {
+        self.fpData = res.data.data;
+        self.fpTitleId = self.fpData.id;
+        self.drawerLoading = false;
+      });
+      self.drawerLoading = true;
+      await getAddressAll().then((res) => {
+        const data = res.data.data;
+        self.addresses = data;
+        self.drawerLoading = false;
+      });
+
+      if (validatenull(self.fpData)) {
+        self.$message.warning("请完善您的发票抬头信息");
+      } else if (validatenull(self.addresses)) {
+        self.$message.warning("请完善您的发票收件地址");
+      } else {
+        self.checkDisplayVisible = true;
+        self.$refs.order.openDialog(this.selectTaskInfo,this.employDataIds,this.selectionList);
+        self.$refs.order.getData(self.addresses);
+      }
+    },
+    rowEmployDisabled(){
+    },
+     dateFormat(date){
+      return dateFormat(new Date(date),'yyyy/MM/dd')
+    },
+    checkStatus(){
+      this.companyContractOn = 0;//电子合同是否启用，0=未启用
+      this.conpanySealOn = 0;//电子签章是否设置，0=未设置,1=等待审核，2=已设置
+      // applyStatus().then(res=>{
+      //   this.companyContractOn=res.data.data.contractOn;//电子合同是否启用，0=未启用
+      //   this.conpanySealOn=res.data.data.sealOn;//电子签章是否设置，0=未设置,1=等待审核，2=已设置
+      // })
+    },
+    idNumberDDesensitization,
+      //输入密码点击确定
+      PWDOk(){
+        this.$refs.pwdForm.validate(valid=>{
+          if(valid){
+            this.loadingbut = true;
+				this.loadingbuttext = '提交中...';
+        certCheckPass(this.pwdForm.pwd).then((res)=>{
+            if(res.data.data == true){//输入签章密码正确走录用流程
+              this.employApi(this.employDataIds);
+            }else{
+              this.$message.closeAll();
+               this.$message({
+                type: "error",
+                message: "密码输入错误!",
+              });
+              this.loadingbut=false;
+              this.loadingbuttext='确定';
+           }
+        })
+          }
+
+        })
+
+      },
+    /*录用人员*/
+    rowEmploy(row) {
+      this.dataCurClick = row;
+      this.employDataIds = row.id;
+      this.employNum = 1;
+      this.pwdForm.pwd = '';
+      if(this.getUserConfig.insuranceOn == 1){
+        this.getData();
+      }else{
+
+        if(this.companyContractOn!=0){
+          this.dialogVisible1 = true;
+        }
+        else{
+          this.employApi(this.employDataIds);
+        }
+      }
+
+
+    },
+    drawerClose(){
+     this.$emit('refresh');
+     this.drawer = false;
+    },
+    radioButtonChange(){
+      this.query.realName = '';
+      this.query.groupId = '';
+      this.personTypeDisabledFlag = true;
+      this.page.total = 0;
+      this.data = [];
+      if(this.query.status == 2){
+        this.selectionFlag = false;
+        this.data = this.employedData;
+
+      }else{
+        this.selectionFlag = true;
+        this.data = this.waitEmployedData;
+      }
+    },
+    /*打开drawer*/
+    openDialog(row, status) {
+      this.selectTaskInfo  = row;
+      this.missionId = row.missionNo;
+      this.query = {
+        status: status,
+      };
+      if (this.$refs.crud) {
+        this.$refs.crud.searchReset();
+      } else {
+        this.onLoad(this.page, this.query);
+      }
+      this.drawer = true;
+    },
+    //查看合同
+    rowCheck(row){
+      this.downLoadRow = row;
+      if(row.contractStatus==true){
+        viewContractImg(row.userId,row.missionNo).then((res) => {
+          window.open(res.data.data.url)
+        // this.imgStr = res.data.data.url;
+        // this.contractId = res.data.data.id;
+        // this.dialogVisible = true;
+      })
+      }
+      else{
+        this.$message.closeAll();
+        this.$message.warning('合同生成中，请稍后查看');
+      }
+
+
+    },
+    //下载合同
+    downLoadContract(){
+      window.open(contractDownload(this.contractId))
+    },
+    /*单行取消*/
+    rowDel(row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要取消录用该人员吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          cancelEmploy(this.missionId, row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+              this.$emit("refresh");
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+        });
+    },
+    /*批量录用*/
+    handleEmploy() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要批量录用选中人员吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          this.employNum = this.selectionList.length;
+          this.pwdForm.pwd = '';
+          //未开通合同，不显示输入密码框
+          this.employDataIds = this.ids;
+          if(this.getUserConfig.insuranceOn == 1){
+            this.getData();
+          }else{
+
+            if(this.companyContractOn!=0){
+              this.dialogVisible1 = true;
+            }
+            else{
+              this.employApi(this.employDataIds);
+            }
+          }
+        })
+        .catch(() => {
+        });
+    },
+    employApi(ids){
+      employ(this.missionId, ids,0,0).then(
+              () => {
+                this.loadingbut = false;
+                this.loadingbuttext = '确定';
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.dialogVisible1 = false;
+                this.onLoad(this.page, this.query);
+                this.$emit("refresh");
+              },
+              (error) => {
+                this.loadingbut = false;
+                this.loadingbuttext = '确定';
+                window.console.log(error);
+                this.dialogVisible1 = false;
+              }
+            );
+    },
+    /*批量取消*/
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要批量取消选中人员吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          cancelEmploy(this.missionId, this.ids).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+              this.$emit("refresh");
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+        });
+    },
+    searchReset() {
+      this.query = {
+        status: this.query.status,
+      };
+      this.onLoad(this.page, this.query);
+    },
+    searchChange(params, done) {
+      this.page.currentPage = 1;
+      this.query = {
+        realName: params.realName,
+        groupId: params.groupId,
+        status: this.query.status,
+        worktypes: params.worktypes,
+      };
+      this.onLoad(this.page, this.query);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.onLoad(this.page);
+    },
+    /*加载数据*/
+    onLoad(page, params) {
+      this.data = [];
+      getConfig().then((res)=>{
+          this.getUserConfig = res.data.data;
+      });
+      this.loading = true;
+      let paramscur = params ? Object.assign(params, this.query) : this.query;
+      employList(
+        page.currentPage,
+        page.pageSize,
+        paramscur,
+        this.missionId,
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.personTypeDisabledFlag = false;
+        // if(this.query.status == 2){
+        //   this.employedData = data.records;
+        //   console.log(this.employedData);
+        //   console.log()
+        // }
+        // if(this.query.status == 1){
+        //   this.waitEmployedData = data.records;
+        //   console.log(this.waitEmployedData);
+        //   console.log(this.data)
+        // }
+
+        // if(this.getUserConfig.insuranceOn == 1){
+        //     this.data.forEach((ele)=>{
+        //       if(!ele.effect){
+        //         ele.noSelection = 1;
+        //       }
+        //     })
+        // }
+
+        this.loading = false;
+        /*let datas = data.records;
+        datas.forEach((ele,index)=>{
+          isGenerateContract(ele.userId,ele.missionNo).then((res) => {
+            datas[index].successFlag = res.data.data;
+          })
+        })
+        setTimeout(()=>{
+          this.data = datas;
+          this.loading = false;
+        },1000)
+        */
+        this.selectionClear();
+      });
+
+    },
+    /*返回首页*/
+    backIndex() {
+      this.$emit("refresh");
+    },
+    forgetPwd(){
+      this.phone=this.userInfo.account;
+      var pat=/(\d{3})\d*(\d{4})/;
+      this.phone=this.phone.replace(pat,'$1****$2');
+      this.resetPwdDialogVisible=true;
+      this.resetPwdForm={};
+    },
+    /*获取验证码*/
+    getCode() {
+        this.msgKey = true;
+        this.msgText = "发送中...";
+        getCode(this.userInfo.account)
+          .then(() => {
+            this.msgText = "剩余" + 120 + "s";
+            this.msgKey = true;
+            const time = setInterval(() => {
+              this.msgTime--;
+              this.msgText = "剩余" + this.msgTime + "s";
+              if (this.msgTime <= 0) {
+                this.msgTime = 120;
+                this.msgText = "重新获取";
+                this.msgKey = false;
+                clearInterval(time);
+              }
+            }, 1000);
+          })
+          .catch(() => {
+            this.msgText = "重新获取";
+            this.msgKey = false;
+          });
+
+      },
+      /*重置密码*/
+      submitResetPwd() {
+        this.$refs.resetPwdForm.validate(valid => {
+          if (valid) {
+            resetPwd(this.userInfo.account,this.resetPwdForm.pwd,this.resetPwdForm.code).then(()=>{
+              this.$message.success('密码重置成功');
+              this.resetPwdDialogVisible=false;
+            })
+            .catch((err)=>{
+              this.$message.error(err);
+            })
+          }
+        })
+      },
+  },
+};
+</script>
+
+<style>
+.selectBtn{
+    color: #787879 !important;
+  }
+  .selectBtn:hover{
+    color: #787879 !important;
+  }
+.tipsWrap1{
+  font-size: 14px;
+  color: #ff0000;
+  position: absolute;
+  margin-top: 75px;
+  margin-left: 130px;
+  /* top: 165px;
+  left: 130px; */
+}
+.tipsWrap2{
+  font-size: 14px;
+  color: #ff0000;
+  position: absolute;
+  margin-top: 75px;
+  margin-left: 30px;
+}
+  .employ-employNum-count{
+    color: #2098ee;
+  }
+  .employ-forgetPwd{
+    float: right;
+    margin-top: -33px;
+  }
+</style>
diff --git a/src/views/tenant/works/Dialog/EmployInformation.vue b/src/views/tenant/works/Dialog/EmployInformation.vue
new file mode 100644
index 0000000..96eba2d
--- /dev/null
+++ b/src/views/tenant/works/Dialog/EmployInformation.vue
@@ -0,0 +1,526 @@
+<template>
+  <el-drawer
+  title="确定录用信息"
+  :visible.sync="checkDisplayVisible"
+  size="60%"
+  modal-append-to-body
+  :before-close="drawerClose"
+  class="createOrderTable">
+    <div class="taskInformation">
+      <p><label>岗位名称：{{selectTaskInfo.missionTitle | ellipsis }}</label><label>岗位编号：{{selectTaskInfo.missionNo}}</label><label>录用登记：<font style="color:#409eff">{{selectionList.length == 0 ? 1 :selectionList.length}} </font> 人</label></p>
+    </div>
+    <div class="create-order-box">
+      <div class="create-order-bill">
+        <div class="create-order-box-title">
+          <span>发票信息</span>
+          <!-- <el-button @click="goSetting" type="text">编辑发票信息</el-button> -->
+        </div>
+        <div class="create-order-box-body">
+          <p>发票抬头：{{fpData.titleName}}</p>
+          <p v-if="fpData.type===0">发票类型：增值税普通发票</p>
+          <p v-if="fpData.type===1">发票类型：增值税专用发票</p>
+          <p>纳税人识别号： {{fpData.regNumber}}</p>
+          <p>注册地址&电话：{{fpData.regAddress}} {{fpData.regTelphone}}</p>
+          <p>开户行及账号：{{fpData.bankName}} {{fpData.bankNumber}}</p>
+        </div>
+      </div>
+      <div class="create-order-address">
+        <div class="create-order-box-title">
+          <span>收件信息</span>
+          <!-- <el-button type="text">添加收件地址</el-button> -->
+        </div>
+        <div class="create-order-box-body">
+          <el-table class="seventy_table_m_height" :data="addresses" max-height="400" @row-click="rowClick" ref="table">
+            <el-table-column width="55">
+              <template slot-scope="scope">
+                <el-radio v-model="addressId" :label="scope.row.id">&nbsp;</el-radio>
+              </template>
+            </el-table-column>
+            <el-table-column prop="contacts" min-width="60"></el-table-column>
+            <el-table-column prop="telphone" min-width="100"></el-table-column>
+            <el-table-column min-width="180" :show-overflow-tooltip="true">
+              <template slot-scope="scope">
+                <div>{{getCity(scope.row.cityId)}}{{scope.row.address}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="email" min-width="100"></el-table-column>
+          </el-table>
+        </div>
+      </div>
+      <div class="create-order-pwd">
+        <div>
+         <!-- <p style="text-align:center; font-size:16px">您选择<span class="employ-employNum-count">{{employNum}}</span>人准备录用，请输入密码并确定录用</p> -->
+         <el-form :model="pwdForm" ref="pwdForm" :rules="pwdFormRules" v-if="companyContractOn == 1">
+         <el-form-item
+          label="输入密码："
+          prop="pwd"
+          :label-position="labelPosition"
+          label-width="100px"
+        >
+          <el-col :span="16">
+            <el-input type="number" v-model="pwdForm.pwd" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))"  show-password placeholder="请输入签章密码"></el-input>
+          </el-col>
+         </el-form-item>
+         <el-form-item class="employ-forgetPwd">
+           <el-button type="text" @click="forgetPwd">忘记密码？</el-button>
+         </el-form-item>
+          </el-form>
+          <p>
+            <el-checkbox v-model="read"></el-checkbox>
+            <span @click="read = !read" class="insure-confirm-agreement">
+              我已阅读
+              <a
+                @click.stop
+                href="/blackboard/insure/insureagreement.html"
+                target="blank"
+                style="color:#409eff"
+                >《投保须知》</a
+              >
+            </span>
+          </p>
+          <p style="color:#ff0000;font-size:13px">提示：系统将按照投保规则，在岗位开始前一天自动为录用人员投保，投保成功后，请前往“订单管理”模块支付，超过15天未支付则不可以再次发布岗位。</p>
+        </div>
+        <!-- <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="PWDOk" :loading="loadingbut">{{loadingbuttext}}</el-button>
+          <el-button @click="dialogVisible1 = false">取 消</el-button>
+        </span> -->
+      </div>
+      <el-row class="create-order-footer">
+        <el-col :span="24">
+          <el-button
+            @click="confirm"
+            type="primary"
+            size="small"
+            :loading="confirmBtnLoading"
+            :disabled="confirmDisabled"
+          >确定录用</el-button>
+          <el-button
+            @click="closeConfirm"
+            type="info"
+            size="small"
+          >取消</el-button>
+
+        </el-col>
+      </el-row>
+    </div>
+    <!--忘记密码dialog-->
+      <el-dialog title="重置密码" :visible.sync="resetPwdDialogVisible" append-to-body width="30%">
+        <el-form class="econtract-resetForm" label-position="right" :model="resetPwdForm" :rules="resetPwdRules" ref="resetPwdForm">
+          <el-form-item label="手机号码：" :label-width="formLabelWidth" prop="account" >
+            <span>{{phone}}</span>
+          </el-form-item>
+          <el-form-item label="请输入验证码：" :label-width="formLabelWidth" prop="code">
+            <el-input v-model="resetPwdForm.code" autocomplete="off" style="width: 50%;"></el-input>
+            <el-button :disabled="msgKey" style="margin-left: 15px;"  type="primary" @click="getCode">{{msgText}}</el-button>
+          </el-form-item>
+          <el-form-item label="请设置新密码：" :label-width="formLabelWidth" prop="pwd">
+            <el-input type="number" v-model="resetPwdForm.pwd" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))" autocomplete="off" show-password placeholder="请输入六位数字密码"></el-input>
+          </el-form-item>
+          <el-form-item label="请再次输入新密码：" :label-width="formLabelWidth" prop="pwd2">
+            <el-input type="number" maxlength="6" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))" v-model="resetPwdForm.pwd2" autocomplete="off" show-password placeholder="请再次输入六位数字密码"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="resetPwdDialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="submitResetPwd">确 认</el-button>
+        </div>
+      </el-dialog>
+  </el-drawer>
+</template>
+
+<script>
+import { dateFormat } from "@/util/date";
+import {applyStatus} from '@/api/manage/econtract'
+import { employ } from "@/api/tenant/postzp";
+import {certCheckPass,getCode,resetPwd} from "@/api/manage/econtract.js";//api
+export default {
+  props: { fpData: Object,fpTitleId:Number, checkDisplayVisible: Boolean ,usersInfo:Array},
+  data () {
+    const validatePwdLength=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          this.loading = false;
+          this.confirmBtnLoading = false;
+          this.confirmDisabled = false;
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+      const validatePwd = (rule, value, callback) => {
+        if (value != this.resetPwdForm.pwd) {
+          callback(new Error('两次输入密码不一致'));
+        }
+        else {
+          callback();
+        }
+      };
+      const validPwdNums=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+    return {
+      read: false,
+      confirmDisabled:false,
+      selectTaskInfo:{},
+      selectionList:[],
+      addresses: [],
+      addressId: '',
+      insureNum:0,
+      pwdForm: {
+          pwd: ''
+      },
+      confirmFormData:[],
+      confirmBtnLoading:false,
+      employDataIds:1,
+      pwdFormRules:{
+        pwd:[
+          {
+            required:true,message:'请输入密码',trigger:'blur'
+          },
+          {
+            validator:validatePwdLength,trigger:'blur'
+          },
+
+        ]
+      },
+      loadingbuttext:'确定',
+      loadingbut:false,
+      companyContractOn:'',//电子合同状态
+      conpanySealOn:'',//签章状态
+      /*忘记密码*/
+      resetPwdDialogVisible:false,
+      resetPwdForm:{},
+      formLabelWidth:'150px',
+      msgText: '获取验证码',
+      msgTime:120,
+      //重置密码校验
+      resetPwdRules: {
+          code: [
+            {
+              required: true, message: '请输入验证码', trigger: 'blur'
+            }
+          ],
+          pwd: [
+            {
+              required: true, message: '请输入密码', trigger: 'blur'
+            },
+            {
+              validator: validPwdNums, trigger: 'blur'
+            }
+          ],
+          pwd2: [
+            {
+              required: true, message: '请输入确认密码', trigger: 'blur'
+            },
+            {
+              validator: validatePwd, trigger: 'blur'
+            }
+          ]
+
+        },
+    }
+  },
+  filters: {
+    ellipsis(value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  computed: {
+  },
+  mounted(){
+    this.checkStatus();
+  },
+  methods: {
+    //输入密码点击确定
+      PWDOk(){
+        this.loading = true;
+        this.confirmBtnLoading = true;
+        this.confirmDisabled = true;
+        this.$refs.pwdForm.validate(valid=>{
+          if(valid){
+        //     this.loadingbut = true;
+				// this.loadingbuttext = '提交中...';
+        certCheckPass(this.pwdForm.pwd).then((res)=>{
+            if(res.data.data == true){//输入签章密码正确走录用流程
+              if(this.addressId){
+                this.employApi(this.employDataIds,this.fpTitleId,this.addressId);
+              }else{
+                this.$message.warning("请选择收件地址");
+              }
+            }else{
+              this.$message.closeAll();
+              this.loading = false;
+              this.confirmBtnLoading = false;
+              this.confirmDisabled = false;
+               this.$message({
+                type: "error",
+                message: "签章密码输入错误!",
+              });
+              // this.loadingbut=false;
+              // this.loadingbuttext='确定';
+           }
+        })
+          }
+
+        })
+
+      },
+      /*获取验证码*/
+    getCode() {
+        this.msgKey = true;
+        this.msgText = "发送中...";
+        getCode(this.usersInfo.account)
+          .then(() => {
+            this.msgText = "剩余" + 120 + "s";
+            this.msgKey = true;
+            const time = setInterval(() => {
+              this.msgTime--;
+              this.msgText = "剩余" + this.msgTime + "s";
+              if (this.msgTime <= 0) {
+                this.msgTime = 120;
+                this.msgText = "重新获取";
+                this.msgKey = false;
+                clearInterval(time);
+              }
+            }, 1000);
+          })
+          .catch(() => {
+            this.msgText = "重新获取";
+            this.msgKey = false;
+          });
+
+      },
+    forgetPwd(){
+      this.phone=this.usersInfo.account;
+        var pat=/(\d{3})\d*(\d{4})/;
+        this.phone=this.phone.replace(pat,'$1****$2');
+      this.resetPwdDialogVisible=true;
+      this.resetPwdForm={};
+    },
+    //录用确定
+    employApi(ids,fpTitleId,fpAddressId){
+      this.loading = true;
+      this.confirmBtnLoading = true;
+      this.confirmDisabled = true;
+      employ(this.selectTaskInfo.missionNo, ids,fpTitleId,fpAddressId).then(
+              () => {
+                // this.loadingbut = false;
+                // this.loadingbuttext = '确定';
+                this.$message({
+                  type: "success",
+                  message: "操作成功!",
+                });
+                this.checkDisplayVisible = false;
+                this.$emit('checkDisplayVisibleClose');
+                this.$emit("refresh");
+                this.loading = false;
+                this.confirmBtnLoading = false;
+                this.confirmDisabled = false;
+              },
+              (error) => {
+                // this.loadingbut = false;
+                // this.loadingbuttext = '确定';
+                window.console.log(error);
+                this.dialogVisible1 = false;
+              }
+            );
+    },
+    checkStatus(){
+      this.companyContractOn = 0;//电子合同是否启用，0=未启用
+      this.conpanySealOn = 0;//电子签章是否设置，0=未设置,1=等待审核，2=已设置
+      // applyStatus().then(res=>{
+      //   this.companyContractOn=res.data.data.contractOn;//电子合同是否启用，0=未启用 1=已启用
+      //   this.conpanySealOn=res.data.data.sealOn;//电子签章是否设置，0=未设置,1=等待审核，2=已设置
+      // })
+    },
+    drawerClose(){
+     this.$emit('refresh');
+     this.$emit('checkDisplayVisibleClose');
+    },
+    openDialog (selectTaskInfo,employDataIds,selectionList) {
+      this.read = false;
+      this.selectionList = selectionList;
+      this.pwdForm.pwd = "";
+      this.employDataIds = employDataIds;
+      this.selectTaskInfo = selectTaskInfo;
+      // this.insureNum = this.usersInfo.length;
+      this.confirmBtnLoading = false;
+      this.confirmDisabled = false;
+    },
+    format (date) {
+      if (date) {
+        return dateFormat(new Date(date), "yyyy-MM-dd");
+      }
+    },
+    confirm () {
+      this.loading = true;
+      this.confirmBtnLoading = true;
+      this.confirmDisabled = true;
+      if (!this.read) {
+        this.$message.closeAll();
+        this.$message({ type: "error", message: "请阅读并同意《投保须知》" });
+        this.loading = false;
+        this.confirmBtnLoading = false;
+        this.confirmDisabled = false;
+        return;
+      }
+      if(this.companyContractOn == 1 && !this.pwdForm.pwd){
+        this.$message.closeAll();
+        this.$message({ type: "error", message: "请输入签章密码" });
+        this.loading = false;
+        this.confirmBtnLoading = false;
+        this.confirmDisabled = false;
+        return;
+      }
+      if(this.companyContractOn == 1 && this.pwdForm.pwd){
+        this.PWDOk()
+      }else{
+        if(this.addressId){
+          this.employApi(this.employDataIds,this.fpTitleId,this.addressId);
+        }else{
+          this.$message.warning("请选择收件地址");
+          this.loading = false;
+          this.confirmBtnLoading = false;
+          this.confirmDisabled = false;
+        }
+      }
+    },
+    rowClick (row) {
+      this.addressId = row.id;
+    },
+    closeConfirm(){
+      this.$emit('refresh');
+      this.$emit('checkDisplayVisibleClose');
+    },
+    /*重置密码*/
+      submitResetPwd() {
+        this.$refs.resetPwdForm.validate(valid => {
+          if (valid) {
+            resetPwd(this.usersInfo.account,this.resetPwdForm.pwd,this.resetPwdForm.code).then(()=>{
+              this.$message.success('密码重置成功');
+              this.resetPwdDialogVisible=false;
+            })
+            .catch((err)=>{
+              this.$message.error(err);
+            })
+          }
+        })
+      },
+    //接受收件地址列表 并设置默认勾选
+    getData (addresses) {
+      this.addresses = addresses;
+      this.addresses.forEach(ele => {
+        if (ele.isDefault === 1) {
+          this.addressId = ele.id;
+        }
+      });
+    },
+    getCity (val) {
+      return this.$store.getters.getAreaParents(val)[0].label + this.$store.getters.getAreaParents(val)[1].label + this.$store.getters.getAreaParents(val)[2].label
+    }
+  },
+};
+</script>
+
+<style>
+.createOrderTable .el-drawer__header{
+  margin-bottom: 0;
+}
+.createOrderTable .el-drawer__body{
+  padding-top: 0;
+}
+.tipsBox {
+  padding-left:20px;
+  padding-bottom: 20px;
+}
+.tipsBox .insureNum{
+  color: #000;
+  padding: 10px 0;
+  margin: 0;
+}
+.tipsBox .buttonR{
+  float: right;
+  margin-right: 130px;
+  margin-top: -20px;
+}
+.tipsBox .insureNum font{
+  color: #ff0000;
+  font-weight: 700;
+}
+.tipsBox .tipsSpan{
+  color: #ff0000;
+  font-size: 14px;
+}
+.create-order-box {
+  height: 85% !important;
+  position: relative;
+}
+
+.create-order-bill,
+.create-order-address {
+  border: 1px solid #ebeef5;
+  margin-bottom: 10px;
+  position: relative;
+  padding-top: 52px;
+  box-sizing: border-box;
+}
+.create-order-box-title {
+  font-size: 18px;
+  padding: 10px;
+  border-bottom: 1px solid #ebeef5;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.create-order-box-body {
+  margin: 10px;
+  height: 100%;
+}
+
+.create-order-footer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  text-align: center;
+}
+.create-order-box .el-table__header {
+  display: none;
+}
+.create-order-pwd{
+  background-color: #fafafa;
+  padding: 30px 20px;
+}
+.taskInformation label {
+  margin-right: 80px;
+}
+ .create-order-pwd .employ-forgetPwd{
+   margin-top: -72px;
+   margin-left: 400px;
+   float: left;
+ }
+ .create-order-pwd .el-input--suffix .el-input__inner{
+   width: 280px;
+ }
+  .create-order-pwd .el-input{
+    width: 280px;
+  }
+  .create-order-pwd .el-form-item__content{
+   width: 300px;
+ }
+</style>
diff --git a/src/views/tenant/works/Dialog/EmployNumber.vue b/src/views/tenant/works/Dialog/EmployNumber.vue
new file mode 100644
index 0000000..4defa21
--- /dev/null
+++ b/src/views/tenant/works/Dialog/EmployNumber.vue
@@ -0,0 +1,606 @@
+<template>
+  <basic-container>
+    <el-drawer
+      title="已录用登记"
+      append-to-body
+      :visible.sync="drawer"
+      size="80%"
+      class="drawer"
+      :before-close="drawerClose"
+    >
+      <avue-crud
+        :option="option"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        ref="crud"
+        v-model="obj"
+        :permission="permissionList"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        class="customPage"
+        @on-load="onLoad"
+      >
+        <!--自定义列-->
+        <template slot="period" slot-scope="{row}">
+        <span v-if="row.startTime && row.endTime">
+            <el-tag type="warning" v-if="row.serviceStatus==0">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="success" v-if="row.serviceStatus==1">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="danger" v-if="row.serviceStatus==2">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+            <el-tag type="info" v-if="row.serviceStatus==3">{{dateFormat(row.startTime)}}-{{dateFormat(row.endTime)}}</el-tag>
+        </span>
+    </template>
+    <template slot="serviceStatus" slot-scope="{row}" >
+      <span>
+          <el-tag type="warning" v-if="row.serviceStatus==0">未生效</el-tag>
+          <el-tag type="success" v-if="row.serviceStatus==1">生效中</el-tag>
+          <el-tag type="danger" v-if="row.serviceStatus==2">即将失效</el-tag>
+          <el-tag type="info" v-if="row.serviceStatus==3">已失效</el-tag>
+      </span>
+
+    </template>
+        <template slot="missionDate" slot-scope="{ row }">
+          <div>{{ row.startDate }}至{{ row.endDate }}</div>
+        </template>
+        <template slot="resume" slot-scope="{ row }">
+          <div>
+            <el-button
+              type="text"
+              size="mini"
+              @click="$refs.resume.openDialog(row)"
+              v-if="row.userId && row.userId !== '0'"
+              >查看简历</el-button
+            >
+            <div v-else>暂无简历</div>
+          </div>
+        </template>
+        <template slot="canBao" slot-scope="{ row }">
+          <div>
+            <el-button type="text" size="mini">{{ row.canBao }}</el-button>
+          </div>
+        </template>
+        <!--/自定义列-->
+        <template v-slot:cardNumber="{row}">
+          <span>{{idNumberDDesensitization(row.cardNumber)}}</span>
+        </template>
+
+      </avue-crud>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import { employList, cancelEmploy, } from "@/api/tenant/postzp";
+import {getCode,resetPwd} from "@/api/manage/econtract.js";//api
+import Resume from "@/components/resume/index";
+import { idNumberDDesensitization } from "@/util/util";
+import {mapGetters} from 'vuex'
+import { dateFormat } from "@/util/date";
+import {getConfig} from '@/api/tenant/config'
+import EmployInformation from "./EmployInformation";
+export default {
+  comments: {},
+  components: {
+    Resume,
+    EmployInformation
+  },
+  props: {
+    status: Number,
+  },
+
+  data() {
+    const validatePwdLength=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+
+      const validatePwd = (rule, value, callback) => {
+        if (value != this.resetPwdForm.pwd) {
+          callback(new Error('两次输入密码不一致'));
+        }
+        else {
+          callback();
+        }
+      };
+      const validPwdNums=(rule,value,callback)=>{
+        if(value.length!=6 || isNaN(Number(value))){
+          callback(new Error('请输入6位数的数字密码'));
+        }
+        else{
+          callback();
+        }
+      }
+
+    return {
+      selectTaskInfo:{},
+      getUserConfig:{},
+      checkDisplayVisible: false,
+      fpTitleId:'',
+      fpData: {},
+      pwdFormRules:{
+        pwd:[
+          {
+            required:true,message:'请输入密码',trigger:'blur'
+          },
+          {
+            validator:validatePwdLength,trigger:'blur'
+          },
+
+        ]
+      },
+      selectionFlag:true,
+      /*忘记密码*/
+      resetPwdDialogVisible:false,
+      resetPwdForm:{},
+      formLabelWidth:'150px',
+      msgText: '获取验证码',
+      msgTime:120,
+      //重置密码校验
+      resetPwdRules: {
+          code: [
+            {
+              required: true, message: '请输入验证码', trigger: 'blur'
+            }
+          ],
+          pwd: [
+            {
+              required: true, message: '请输入密码', trigger: 'blur'
+            },
+            {
+              validator: validPwdNums, trigger: 'blur'
+            }
+          ],
+          pwd2: [
+            {
+              required: true, message: '请输入确认密码', trigger: 'blur'
+            },
+            {
+              validator: validatePwd, trigger: 'blur'
+            }
+          ]
+
+        },
+
+      loadingbut:false,
+      loadingbuttext:'确定',
+      downLoadRow:{},
+      dataCurClick:{},
+      employDataIds:1,
+      employNum:1,
+      imgStr:'',
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      missionId: "",
+      loading: false,
+      selectionList: [],
+      dialogVisible: false,
+      dialogVisible1: false,
+      contractId:'',
+      labelPosition: 'right',
+      pwdForm: {
+          pwd: ''
+        },
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {
+        status: 1,
+      },
+      drawer: false,
+      data: [],
+      obj: {},
+
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo']),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+    employState() {
+      return this.query.status;
+    },
+    option() {
+      //const self = this;
+      return {
+        height: "auto",
+        align: "center",
+        // menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchLabelWidth: 60,
+         menu:false,
+        // menuPosition: "center",
+        labelPosition: "right",
+        border: true,
+        index: false,
+        // index: true,
+        // indexLabel: "序号",
+        // selection: this.selectionFlag,
+        // selectable: function (row) {
+        //   return !row.noSelection;
+        // },
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "",
+            prop: "status",
+            search: true,
+            searchSpan: 5,
+            searchLabelWidth: 1,
+            hide: true,
+            searchslot: true,
+          },
+          {
+            label: "姓名",
+            prop: "realName",
+            search: true,
+            searchSpan: 4,
+            width:70,
+          },
+          {
+            label: "性别",
+            prop: "sex",
+            search: false,
+            width:50,
+            dicData: [
+              {
+                label: "男",
+                value: 1,
+              },
+              {
+                label: "女",
+                value: 2,
+              },
+            ],
+          },
+          {
+            label: "年龄",
+            prop: "age",
+            search: false,
+            width:50,
+          },
+          {
+            label: "手机号",
+            prop: "telphone",
+            search: false,
+            width:100,
+          },
+          {
+            label: "身份证",
+            prop: "cardNumber",
+            search: false,
+            slot: true,
+            width:110
+          },
+          {
+            label: "最新保期",
+            prop: "period",
+            searchSpan: 5,
+            display: false,
+            slot:true,
+            width:190
+          },
+          {
+            label: "商保状态",
+            prop: "serviceStatus",
+            searchSpan: 5,
+            display: false,
+            type: 'select',
+            dicData: [
+                {
+                    label: '未生效',
+                    value: 0
+                },
+                {
+                    label: '生效中',
+                    value: 1
+                },
+                {
+                    label: '即将失效',
+                    value: 2
+                },
+                {
+                    label: '已失效',
+                    value: 3
+                },
+            ],
+            slot:true,
+          },
+          {
+            label: "工种",
+            prop: "workTypes",
+          },
+          {
+            label: "来源",
+            prop: "src",
+            search: false,
+            width:70,
+          },
+          {
+            label: "人才库",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            search: true,
+            display: true,
+            width: '150',
+            dicUrl: `/api/jobslink-api/tenant/talents/group/listAll`,
+            dicFormatter: (res) => {
+              return res.data.list; //返回字典的层级结构
+            },
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            placeholder: "请选择分组",
+          },
+        ],
+      };
+    },
+  },
+  watch: {
+    "query.status": function (val, oldVal) {
+      this.query.realName = '';
+      this.query.groupId = '';
+      if (val !== oldVal) {
+        this.query.status = val;
+        this.page.currentPage = 1;
+        this.onLoad(this.page, this.query);
+      }
+    },
+  },
+  methods: {
+    checkDisplayVisibleClose(){
+      this.checkDisplayVisible = false;
+    },
+    rowEmployDisabled(){
+    },
+     dateFormat(date){
+      return dateFormat(new Date(date),'yyyy/MM/dd')
+    },
+    idNumberDDesensitization,
+    drawerClose(){
+     this.$emit('refresh');
+     this.drawer = false;
+    },
+    radioButtonChange(){
+      this.query.realName = '';
+      this.query.groupId = '';
+      if(this.query.status == 2){
+        this.selectionFlag = false;
+      }else{
+        this.selectionFlag = true;
+      }
+    },
+    /*打开drawer*/
+    openDialog(row, status) {
+      this.selectTaskInfo  = row;
+      this.missionId = row.missionNo;
+      this.query = {
+        status: status,
+      };
+      if (this.$refs.crud) {
+        this.$refs.crud.searchReset();
+      } else {
+        this.onLoad(this.page, this.query);
+      }
+      this.drawer = true;
+    },
+    /*单行取消*/
+    rowDel(row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要取消录用该人员吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          cancelEmploy(this.missionId, row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+              this.$emit("refresh");
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+        });
+    },
+    searchReset() {
+      this.query = {
+        status: this.query.status,
+      };
+      this.onLoad(this.page, this.query);
+    },
+    searchChange(params, done) {
+      this.page.currentPage = 1;
+      this.query = {
+        realName: params.realName,
+        groupId: params.groupId,
+        status: this.query.status,
+        worktypes: params.worktypes,
+      };
+      this.onLoad(this.page, this.query);
+      done();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.onLoad(this.page);
+    },
+    /*加载数据*/
+    onLoad(page, params) {
+      getConfig().then((res)=>{
+          this.getUserConfig = res.data.data;
+      });
+      this.loading = true;
+      let paramscur = params ? Object.assign(params, this.query) : this.query;
+      employList(
+        page.currentPage,
+        page.pageSize,
+        paramscur,
+        this.missionId
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data=data.records;
+        // if(this.getUserConfig.insuranceOn == 1){
+        //     this.data.forEach((ele)=>{
+        //       if(!ele.effect){
+        //         ele.noSelection = 1;
+        //       }
+        //     })
+        // }
+
+        this.loading = false;
+        /*let datas = data.records;
+        datas.forEach((ele,index)=>{
+          isGenerateContract(ele.userId,ele.missionNo).then((res) => {
+            datas[index].successFlag = res.data.data;
+          })
+        })
+        setTimeout(()=>{
+          this.data = datas;
+          this.loading = false;
+        },1000)
+        */
+        //this.selectionClear();
+      });
+
+    },
+    /*返回首页*/
+    backIndex() {
+      this.$emit("refresh");
+    },
+    forgetPwd(){
+      this.phone=this.userInfo.account;
+      var pat=/(\d{3})\d*(\d{4})/;
+      this.phone=this.phone.replace(pat,'$1****$2');
+      this.resetPwdDialogVisible=true;
+      this.resetPwdForm={};
+    },
+    /*获取验证码*/
+    getCode() {
+        this.msgKey = true;
+        this.msgText = "发送中...";
+        getCode(this.userInfo.account)
+          .then(() => {
+            this.msgText = "剩余" + 120 + "s";
+            this.msgKey = true;
+            const time = setInterval(() => {
+              this.msgTime--;
+              this.msgText = "剩余" + this.msgTime + "s";
+              if (this.msgTime <= 0) {
+                this.msgTime = 120;
+                this.msgText = "重新获取";
+                this.msgKey = false;
+                clearInterval(time);
+              }
+            }, 1000);
+          })
+          .catch(() => {
+            this.msgText = "重新获取";
+            this.msgKey = false;
+          });
+
+      },
+      /*重置密码*/
+      submitResetPwd() {
+        this.$refs.resetPwdForm.validate(valid => {
+          if (valid) {
+            resetPwd(this.userInfo.account,this.resetPwdForm.pwd,this.resetPwdForm.code).then(()=>{
+              this.$message.success('密码重置成功');
+              this.resetPwdDialogVisible=false;
+            })
+            .catch((err)=>{
+              this.$message.error(err);
+            })
+          }
+        })
+      },
+  },
+};
+</script>
+
+<style>
+.selectBtn{
+    color: #787879 !important;
+  }
+  .selectBtn:hover{
+    color: #787879 !important;
+  }
+.tipsWrap{
+  font-size: 14px;
+  color: #ff0000;
+  position: absolute;
+  top: 26px;
+  left: 120px;
+}
+  .employ-employNum-count{
+    color: #2098ee;
+  }
+  .employ-forgetPwd{
+    float: right;
+    margin-top: -33px;
+  }
+</style>
diff --git a/src/views/tenant/works/Dialog/Recommend.vue b/src/views/tenant/works/Dialog/Recommend.vue
new file mode 100644
index 0000000..e8e3404
--- /dev/null
+++ b/src/views/tenant/works/Dialog/Recommend.vue
@@ -0,0 +1,495 @@
+<template>
+  <basic-container>
+    <el-drawer
+      title="重点人群推送"
+      append-to-body
+      :visible.sync="drawer"
+      size="60%"
+      class="drawer"
+    >
+      <avue-crud
+        :option="personListOption"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        ref="crud"
+        :permission="permissionList"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        class="customPage"
+        @on-load="onLoad"
+      >
+        <!--自定义列-->
+        <template slot="resume" slot-scope="{ row }">
+          <div>
+            <el-button
+              type="text"
+              @click="$refs.resume.openDialog(row)"
+              v-if="row.userId && row.userId !== '0'"
+              >查看简历</el-button
+            >
+            <div v-else>暂无简历</div>
+          </div>
+        </template>
+        <template slot="recommend" slot-scope="{ row }">
+          <div>
+            <el-button
+              type="primary"
+              size="mini"
+              icon="el-icon-plus"
+              @click="rowRecommend(row)"
+              v-if="row.isApply === 0 && row.telphone != ''"
+              >邀请</el-button
+            >
+            <!-- v-show="row.isApply === 1 && row.telphone == ''" -->
+            <el-button
+              type="info"
+              disabled
+              size="mini"
+              icon="el-icon-plus"
+
+              v-else
+              style="margin-left: 0px"
+              >邀请</el-button
+            >
+
+            <!-- <el-button type="primary" size="mini" disabled v-show="row.count>=2">已邀请</el-button> -->
+          </div>
+        </template>
+        <template slot="count" slot-scope="{ row }">{{
+          2 - row.count
+        }}</template>
+        <!--自定义按钮-->
+        <template slot="menuLeft">
+          <el-button
+            type="primary"
+            size="small"
+            :disabled="!selectionList.length"
+            icon="el-icon-plus"
+            @click="handleRecommend"
+            >批量邀请</el-button
+          >
+        </template>
+        <template slot="menuRight">
+          <el-button
+            type="primary"
+            size="small"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </template>
+        <template v-slot:idNumber="{row}">
+          <span>{{idNumberDDesensitization(row.idNumber)}}</span>
+        </template>
+        <template slot="name" slot-scope="{row}">
+          <span v-if="row.status==1">{{row.name}}</span>
+            <span v-else>{{row.name}}（<span style="color: red;">未实名</span>）</span>
+
+        </template>
+        <!--/自定义按钮-->
+      </avue-crud>
+      <Resume ref="resume"></Resume>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import { getCommendList, inviteCount,inviteUser,recommendExportList } from "@/api/tenant/postzp";
+import Resume from "@/components/resume/index";
+import { mapGetters } from "vuex";
+import { idNumberDDesensitization } from "@/util/util";
+
+export default {
+  data () {
+    return {
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      missionId: "",
+      missionTitle: "",
+      stime: "",
+      drawer: false,
+      selectionList: [],
+      loading: false,
+      query: {},
+      page: {
+        pageSize: 100,
+        currentPage: 1,
+        total: 0,
+      },
+      personListOption: {
+        height: "auto",
+        dialogWidth: "30%",
+        align: "center",
+        menuAlign: "center",
+        rowKey: "id",
+        tip: false,
+        menu: false,
+        addBtn: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchLabelWidth: 60,
+        menuPosition: "center",
+        labelPosition: "right",
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        selection: true,
+        selectable: function (row) {
+          return row.isApply === 0;
+        },
+        viewBtn: false,
+        dialogType: "dialog",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "姓名",
+            prop: "name",
+            search: true,
+            span: 24,
+            width:155,
+            rules: [
+              {
+                required: true,
+                whitespace: true,
+                message: "请输入姓名",
+                trigger: "blur",
+              },
+            ],
+            slot:true,
+          },
+          {
+            label: "性别",
+            prop: "sex",
+            search: false,
+            span: 24,
+            dicData: [
+              {
+                label: "男",
+                value: 1,
+              },
+              {
+                label: "女",
+                value: 2,
+              },
+            ],
+          },
+          {
+            label: "年龄",
+            prop: "age",
+            search: false,
+            span: 24,
+          },
+          {
+            label: "身份证",
+            prop: "idNumber",
+            search: false,
+            span: 24,
+            width:150,
+            slot: true
+          },
+          {
+            label: "工种",
+            type: "tree",
+            prop: "worktypes",
+            multiple: true,
+            dicUrl: `/api/jobslink-api/tenant/worktypes/base/list`,
+            dicFormatter: (res) => {
+              return res.data; //返回字典的层级结构
+            },
+            props: {
+              label: "name",
+              value: "name",
+            },
+            search: true,
+            span: 24,
+          },
+          {
+            label: "人才库",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            search: true,
+            display: true,
+            width: '150',
+            dicUrl: `/api/jobslink-api/tenant/talents/group/listAll`,
+            dicFormatter: (res) => {
+              return res.data.list; //返回字典的层级结构
+            },
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            placeholder: "请选择分组",
+          },
+          // {
+          //   label: "简历",
+          //   prop: "resume",
+          //   slot: true,
+          //   display: false
+          // },
+          {
+            label: "剩余邀请次数",
+            prop: "count",
+            slot: true,
+            width: 150,
+          },
+          {
+            label: "操作",
+            prop: "recommend",
+            slot: true,
+          },
+
+        ],
+      },
+      excelBox: false,
+      data: [],
+    };
+  },
+  components: {
+    Resume,
+  },
+  watch: {},
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    // permissionList() {
+    //   return {
+    //     addBtn: this.vaildData(this.permission.user_add, false),
+    //     viewBtn: this.vaildData(this.permission.user_view, false),
+    //     delBtn: this.vaildData(this.permission.user_delete, false),
+    //     editBtn: this.vaildData(this.permission.user_edit, false)
+    //   };
+    // },
+    ids () {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.userId);
+      });
+      return ids.join(",");
+    },
+    phones () {
+      let phones = [];
+      this.selectionList.forEach((ele) => {
+        phones.push(ele.telphone);
+      });
+      return phones.join(",");
+    },
+  },
+  methods: {
+    idNumberDDesensitization,
+    //导出
+    handleExport(){
+      window.open(recommendExportList(this.missionId,this.query.name?this.query.name:"",this.query.worktypes?this.query.worktypes:"",this.query.groupId?this.query.groupId:""));
+    },
+    /*打开drawer*/
+    openDialog (row) {
+      this.missionId = row.missionNo;
+      this.missionTitle = row.missionTitle;
+      this.stime = row.stime;
+      if (this.$refs.crud) {
+        this.$refs.crud.searchReset();
+      } else {
+        this.query = {};
+        this.onLoad(this.page, this.query);
+      }
+      this.drawer = true;
+    },
+    /*邀请人才 */
+    rowRecommend (row) {
+      const h = this.$createElement;
+      let count = 2 - row.count;
+      this.$confirm(
+        h("div", null, [
+          h(
+            "p",
+            { style: "font-size: 16px" },
+            "您确定要向" + row.name + "发送邀请吗? "
+          ),
+          h(
+            "p",
+            { style: "color: red" },
+            "每个人最多邀请2次，还剩" + count + "次"
+          ),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          let rows = [];
+          rows.push({
+            idNumber: row.idNumber,
+            missionNo: this.missionId,
+            missionTitle: this.missionTitle,
+            telphone: row.telphone,
+          });
+          inviteUser(rows).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    /*批量邀请人才*/
+    handleRecommend () {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要批量发送邀请吗? "),
+          h("p", { style: "color: red" }, "每个人最多邀请2次"),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          let rows = [];
+          this.selectionList.forEach((ele) => {
+            rows.push({
+              idNumber: ele.idNumber,
+              missionNo: this.missionId,
+              missionTitle: this.missionTitle,
+              telphone: ele.telphone,
+            });
+          });
+          inviteUser(rows).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    searchReset () {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange (params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+      done();
+    },
+    selectionChange (list) {
+      this.selectionList = list;
+    },
+    selectionClear () {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange (currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad(this.page);
+    },
+    sizeChange (pageSize) {
+      this.page.currentPage = 1;
+      this.page.pageSize = pageSize;
+      this.onLoad(this.page);
+    },
+    refreshChange () {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad (page, params = {}) {
+      this.loading = true;
+      getCommendList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(params, this.query),
+        this.missionId
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        if (this.data.length > 0) {
+          for (let i = 0; i < this.data.length; i++) {
+            inviteCount(this.data[i].idNumber, this.missionId).then((res) => {
+              this.$set(this.data[i], "count", res.data.data.count); //count为已邀请次数 2-count为剩余邀请次数
+              this.$set(this.data[i], "isApply", res.data.data.isApply); //isApply===0 可邀请，===1不可邀请
+            });
+          }
+        }
+
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
diff --git a/src/views/tenant/works/Dialog/Skill.vue b/src/views/tenant/works/Dialog/Skill.vue
new file mode 100644
index 0000000..ee7c489
--- /dev/null
+++ b/src/views/tenant/works/Dialog/Skill.vue
@@ -0,0 +1,293 @@
+<template>
+  <div>
+    <el-tag
+      class="skill-select-tag"
+      :key="tag.id"
+      v-for="tag in selectedSkills"
+      :disable-transitions="true"
+      size="medium"
+      >{{ tag.name }}</el-tag
+    >
+    <el-button
+      v-if="canSelect"
+      class="button-new-tag"
+      size="small"
+      @click="showSelect"
+      :disabled="!this.id"
+      >+ 选择技能</el-button
+    >
+    <el-dialog
+      title="技能标签"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :append-to-body="true"
+      v-loading="loading"
+    >
+      <el-row>
+        <el-col :span="24">
+          <div>
+            <el-tag
+              class="skill-select-tag"
+              :key="tag.id"
+              v-for="(tag, index) in tobeSelectedSkills"
+              closable
+              type="primary"
+              :disable-transitions="true"
+              @close="removeSkill(index)"
+              size="medium"
+              >{{ tag.name }}</el-tag
+            >
+          </div>
+        </el-col>
+      </el-row>
+
+      <div>请选择或者添加您所需的技能标签（最多5个）</div>
+      <el-row>
+        <el-col :span="24">
+          <div class="autocompleteBox">
+            <el-autocomplete
+            popper-class="my-autocomplete"
+            v-model.trim="search"
+            :fetch-suggestions="querySearch"
+            placeholder="请选择行业类型"
+            @select="handleSelect"
+            maxlength="15"
+            show-word-limit
+            >
+            <el-button 
+            type="primary"
+            :disabled = "addBtnState"
+            slot="suffix"
+            @click="handleIconClick"
+            size="mini"
+            >+添加</el-button>
+            <!-- <i class="el-icon-arrow-down" slot="suffix" @click="handleIconClickArrowDown"></i> -->
+            <template slot-scope="{ item }">
+              <div class="name">{{item.value}}</div>
+            </template>
+          </el-autocomplete> 
+
+          </div>
+          
+          <!-- <el-autocomplete
+            v-model="search"
+            :fetch-suggestions="querySearch"
+            :trigger-on-focus="false"
+            placeholder="搜索您想要的标签"
+            @select="editSkill"
+            style="width: 100%"
+            :validate-event="false"
+          >
+            <template slot-scope="{ item }">
+              <div>{{ item.name }}</div>
+            </template>
+          </el-autocomplete> -->
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <div>
+            <a
+              class="skill-select-tag"
+              href="javascript:void(0)"
+              v-for="tag in allSkill"
+              :key="tag.id"
+              @click="editSkill(tag)"
+            >
+              <el-tag
+                type="info"
+                :disable-transitions="true"
+                size="medium"
+                effect="plain"
+                >{{ tag.name }}</el-tag
+              >
+            </a>
+          </div>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          icon="el-icon-circle-plus-outline"
+          type="primary"
+          @click="submit"
+          >保 存</el-button
+        >
+        <el-button icon="el-icon-circle-close" @click="dialogVisible = false"
+          >取 消</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getSkillList } from "@/api/tenant/common";
+import {skillListAdd} from "@/api/tenant/postzp";
+import _ from "lodash";
+
+export default {
+  name: "skillSelect",
+  props: {
+    selectedSkills: Array,
+    canSelect: Boolean,
+    id: String,
+  },
+  data() {
+    return {
+      search: "",
+      loading: false,
+      dialogVisible: false,
+      tobeSelectedSkills: [],
+      allSkill: [],
+      flags:true,
+      addBtnState:true,
+      nameAttr:[]
+    };
+  },
+  created() {
+  },
+  computed: {},
+  watch: {
+    id: function (val, oldVal) {
+      if (val !== oldVal && oldVal) {
+        this.$emit("add-skill", []);
+      }
+    },
+    search:function(n,o){
+      if((n || o!='') && this.tobeSelectedSkills.length != 0){
+        this.$emit('clear-validator');
+      }
+    }
+  },
+  methods: {
+    //获取技能列表
+    getData() {
+      if (this.id) {
+        this.loading = true;
+        getSkillList(this.id).then((res) => {
+          this.allSkill = res.data.data.records;
+          this.nameAttr =  this.allSkill.map((ele)=>{
+            return ele.name
+          })
+          this.loading = false;
+        });
+      }
+    },
+    handleSelect(item) {
+        this.addBtnState = true;
+        // console(item);
+        this.editSkill(item);
+      },
+    querySearch(queryString, cb) {
+      let results = [];
+      let nameState = this.nameAttr.indexOf(queryString);
+      if(nameState == -1){
+        this.addBtnState = false;
+      }else{
+        this.addBtnState = true;
+      }
+        for(let i of this.allSkill){
+            i.value = i.name;
+        }
+        results = queryString ? this.allSkill.filter(this.createStateFilter(queryString)) : this.allSkill;
+        cb(results); 
+    },
+    createStateFilter(queryString) {
+        return (state) => {
+          return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+        };
+      },
+      handleIconClick() {
+        let nameState = this.nameAttr.indexOf(this.search)
+        if(this.search == ""){
+          this.$message.closeAll()
+          this.$message({
+            type: "error",
+            message: "请输入要添加的技能！",
+          })
+        }else if(nameState != -1){
+            this.$message({
+              type: "error",
+              message: "此技能已存在，请在列表中选择！",
+          })
+        }else{
+          skillListAdd(this.id,this.search).then((res) =>{
+            if(res.data.code == 200){
+              //this.search = res.data.data;
+              this.$message({
+                type: "success",
+                message: res.data.msg,
+              })
+              this.addBtnState = true;
+              this.getData();
+            }else{
+              this.$message({
+                type: "error",
+                message: res.data.msg,
+              })
+            }
+        });
+        }
+      },
+    /*技能*/
+    editSkill(tag) {
+      if (this.tobeSelectedSkills.length < 5) {
+        if (
+          this.tobeSelectedSkills.find((item) => {
+            return item.id === tag.id;
+          })
+        ) {
+          if(!this.flags){
+            this.$message({
+            message: "您已添加该技能标签",
+            type: "warning",
+          }); 
+          this.flags=true;
+          }
+                   
+        } else {          
+            this.tobeSelectedSkills.push(tag); 
+            this.$emit('clear-validator');
+            this.flags=false;                  
+        }
+      } else {
+        this.$message({
+          message: "最多添加5个技能标签",
+          type: "warning",
+        });
+      }
+    },
+    removeSkill(index) {
+      this.tobeSelectedSkills.splice(index, 1);
+    },
+    submit() {
+      if (this.tobeSelectedSkills.length) {
+        this.dialogVisible = false;
+        this.$emit("add-skill", this.tobeSelectedSkills);
+      } else {
+        this.$message.closeAll();
+        this.$message({
+          message: "请至少选择一个技能标签",
+          type: "warning",
+        });
+      }
+    },
+    showSelect() {
+      this.tobeSelectedSkills = _.cloneDeep(this.selectedSkills || []);
+      this.getData();
+      this.dialogVisible = true;
+    },
+  },
+};
+</script>
+<style scoped>
+.skill-select-tag {
+  margin: 0px 5px;
+}
+.autocompleteBox .el-autocomplete{
+  width:100%;
+}
+</style>
diff --git a/src/views/tenant/works/Dialog/noEmployed.vue b/src/views/tenant/works/Dialog/noEmployed.vue
new file mode 100644
index 0000000..fbfd99c
--- /dev/null
+++ b/src/views/tenant/works/Dialog/noEmployed.vue
@@ -0,0 +1,212 @@
+<template>
+  <basic-container>
+    <el-drawer
+      title="比对结果"
+      append-to-body
+      :visible.sync="drawer"
+      size="65%"
+      class="drawer"
+    >
+      <avue-crud
+        :option="personListOption"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        ref="crud"
+        :permission="permissionList"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        class="customPage"
+      >
+        <!--/自定义按钮-->
+        <template slot="menuRight">
+          <el-button
+            type="primary"
+            size="small"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </template>
+        <template v-slot:idNumber="{row}">
+          <span>{{idNumberDDesensitization(row.idNumber)}}</span>
+        </template>
+      </avue-crud>
+    </el-drawer>
+  </basic-container>
+</template>
+
+<script>
+import {userLists,userListsExport} from "@/api/tenant/postzp";
+// import Resume from "@/components/resume/index";
+import { mapGetters } from "vuex";
+import { idNumberDDesensitization } from "@/util/util";
+
+export default {
+  data () {
+    return {
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      missionId: "",
+      missionTitle: "",
+      stime: "",
+      drawer: false,
+      selectionList: [],
+      loading: false,
+      query: {},
+      id:null,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      personListOption: {
+        dialogWidth: "30%",
+        align: "center",
+        menuAlign: "center",
+        rowKey: "id",
+        tip: false,
+        menu: false,
+        addBtn: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchLabelWidth: 45,
+        menuPosition: "center",
+        labelPosition: "right",
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        viewBtn: false,
+        dialogType: "dialog",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "姓名",
+            prop: "name",
+            search: false,
+          },
+          {
+            label: "性别",
+            prop: "sex",
+            search: false,
+            width: 50,
+          },
+          {
+            label: "年龄",
+            prop: "age",
+            search: false,
+            width: 50,
+          },
+          {
+            label: "身份证",
+            prop: "idNumber",
+            search: false,
+            width: 150,
+            slot: true
+          },
+          {
+            label: "联系方式",
+            prop: "telphone",
+            search: false,
+            width: 120,
+          },
+          {
+            label: "工种",
+            prop: "worktypeName",
+            search: false,
+          },
+          {
+            label: "人才库",
+            prop: "groupName",
+            search: false,
+          },
+          // {
+          //   label: "操作",
+          //   prop: "recommend",
+          //   slot: true,
+          // },
+        ],
+      },
+      excelBox: false,
+      data: [],
+    };
+  },
+  components: {
+    // Resume,
+  },
+  watch: {},
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    ids () {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.userId);
+      });
+      return ids.join(",");
+    },
+  },
+  methods: {
+    idNumberDDesensitization,
+      //导出
+    handleExport(){
+        window.open(userListsExport(this.missionId, this.id));
+    },
+    /*打开drawer*/
+    openDialog (missionId,ids) {
+        this.missionId = missionId;
+        this.id = ids;
+        this.ids = ids;
+        this.onLoad(this.page, this.query);
+        this.drawer = true;
+    },
+    /*批量选择*/
+    // handleChoice () {
+      
+    // },
+    searchReset () {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange (params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+      done();
+    },
+    selectionChange (list) {
+      this.selectionList = list;
+    },
+    selectionClear () {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange (currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad(this.page);
+    },
+    sizeChange (pageSize) {
+      this.page.currentPage = 1;
+      this.page.pageSize = pageSize;
+      this.onLoad(this.page);
+    },
+    refreshChange () {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad () {
+      this.loading = true;
+      userLists(this.missionId, this.id).then((res) => {
+        const data = res.data.data;
+        this.data = data;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/tenant/works/Table/ExpiredMission.vue b/src/views/tenant/works/Table/ExpiredMission.vue
new file mode 100644
index 0000000..ca64803
--- /dev/null
+++ b/src/views/tenant/works/Table/ExpiredMission.vue
@@ -0,0 +1,360 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="obj"
+      @row-del="rowDel"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      :before-open="beforeOpen"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <!--自定义列-->
+      <template slot="missionTitle" slot-scope="{ row }">
+        <el-tooltip effect="dark" :content="row.missionTitle" placement="top">
+          <div style="color: black">
+            <b>{{ row.missionTitle | ellipsis }}</b>
+          </div>
+        </el-tooltip>
+      </template>
+      <!-- 开始日期 -->
+      <template slot="stime" slot-scope="{row}">
+        <span>{{format(row.stime)}}</span>
+      </template>
+      <!-- 完成日期 -->
+      <template slot="etime" slot-scope="{row}">
+        <span>{{format(row.etime)}}</span>
+      </template>
+      <template slot="signUpCount" slot-scope="{ row }">
+        <div style="color: #409eff">
+          <b>{{ row.signUpCount }}人</b>
+        </div>
+      </template>
+      <template slot="takeOnCount" slot-scope="{ row }">
+        <div style="color: #409eff">
+          <b>{{ row.takeOnCount }}人</b>
+        </div>
+      </template>
+      <template slot="missionDate" slot-scope="{ row }">
+        <div>{{ format(row.stime) }}至{{ format(row.etime) }}</div>
+      </template>
+
+      <!--/自定义列-->
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{size,type,row}">
+        <!-- <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click="rowView(row);"
+          v-show="vaildData(permission.tenant_mission_view,false)"
+        >查看</el-button>-->
+        <el-button
+          icon="el-icon-check"
+          :size="size"
+          :type="type"
+          @click="rowCopy(row, 'copy')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+        >复制</el-button>
+        <el-button
+          icon="el-icon-delete"
+          :size="size"
+          :type="type"
+          @click="$refs.crud.rowDel(row)"
+          v-show="vaildData(permission.tenant_mission_delete, false)"
+        >删除</el-button>
+      </div>
+      <!--/自定义操作栏-->
+      <!--自定义按钮-->
+      <template slot="menuLeft">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-plus"
+          size="small"
+          @click="rowCopy('', 'add')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+        >发布岗位</el-button>
+      </template>
+      <!--/自定义按钮-->
+    </avue-crud>
+    <copy-mission ref="copy" @back="backIndex" v-show="false"></copy-mission>
+    <!--查看dialog-->
+    <mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
+    <!--/查看dialog-->
+  </div>
+</template>
+
+<script>
+import { getExpiredList, remove, detail } from "@/api/tenant/postzp";
+import CopyMission from "../Dialog/CopyMission";
+import SkillSelect from "../Dialog/Skill";
+import missionView from "./missionView.vue";
+import SelectMap from "@/components/map/selectLocation";
+import { mapGetters } from "vuex";
+import { dateFormat } from "@/util/date";
+import saveButton from "./saveButton";
+
+export default {
+  comments: {},
+  filters: {
+    ellipsis (value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  data () {
+    return {
+      viewDrawer: false,
+      view: {},
+      loading: false,
+      isCanEdit: false,
+      selectedSkills: [],
+      tradeData: [],
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {},
+      data: [],
+      obj: {},
+      wageUnitCategory: [
+        {
+          value: 0,
+          label: "元/人·次",
+        },
+        {
+          value: 1,
+          label: "元/人·时",
+        },
+        {
+          value: 2,
+          label: "元/人·天",
+        },
+        {
+          value: 3,
+          label: "元/人·周",
+        },
+        {
+          value: 4,
+          label: "元/人·月",
+        },
+        {
+          value: 5,
+          label: "元/人·个",
+        },
+        {
+          value: 6,
+          label: "元/人·件",
+        },
+      ],
+    };
+  },
+  components: {
+    CopyMission,
+    SkillSelect,
+    SelectMap,
+    missionView,
+    saveButton,
+  },
+  created () { },
+  computed: {
+    ...mapGetters(["permission"]),
+    option () {
+      return {
+        height: "auto",
+        calcHeight: 40,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        labelWidth: 100,
+        border: true,
+        index: false,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "岗位名称",
+            prop: "missionTitle",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "岗位编码",
+            prop: "missionNo",
+            display: false,
+          },
+          {
+            label: "开始时间",
+            prop: "stime",
+            display: false,
+            width: 130,
+            slot:true
+          },
+          {
+            label: "完成时间",
+            prop: "etime",
+            display: false,
+            width: 130,
+            slot:true
+          },
+          // {
+          //   label: "岗位时间",
+          //   prop: "missionDate",
+          //   slot: true,
+          //   display: false,
+          //   width: 200,
+          // },
+          {
+            label: "申请人数",
+            prop: "signUpCount",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "录用人数",
+            prop: "takeOnCount",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "备注",
+            prop: "remarks",
+            display: false,
+          },
+        ],
+      };
+    },
+  },
+  methods: {
+    format (date) {
+      if (date) {
+        return dateFormat(new Date(date), "yyyy/MM/dd");
+      }
+    },
+    /*查看*/
+    rowView (row) {
+      detail(row.missionNo).then((res) => {
+        this.viewDrawer = true;
+        this.view = res;
+      });
+    },
+    /*打开新建 复制*/
+    rowCopy (row, type) {
+      this.$refs.copy.onLoad(row, type);
+      this.$nextTick(()=>{
+        this.$refs.copy.resetFields();//等弹窗里的form表单的dom渲染完在执行this.$refs.staffForm.resetFields()，去除验证
+      })
+    },
+    /*删除岗位*/
+    rowDel (row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要删除此岗位吗? "),
+          h("p", { style: "color: red" }, "一旦删除则无法找回"),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          remove(row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page, this.query);
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    currentChange (currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange (pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange () {
+      this.onLoad(this.page, this.query);
+    },
+    /*加载数据*/
+    onLoad (page, params = {}) {
+      this.loading = true;
+      getExpiredList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+      });
+    },
+    /*返回首页*/
+    backIndex () {
+      this.$emit("refresh");
+    },
+  },
+};
+</script>
+<style scoped>
+.el-col,
+.el-form-item {
+  margin-bottom: 0px;
+}
+</style>
diff --git a/src/views/tenant/works/Table/FinishedMission.vue b/src/views/tenant/works/Table/FinishedMission.vue
new file mode 100644
index 0000000..55483a0
--- /dev/null
+++ b/src/views/tenant/works/Table/FinishedMission.vue
@@ -0,0 +1,334 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="obj"
+      @row-del="rowDel"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      :before-open="beforeOpen"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <!--自定义列-->
+      <template slot="missionTitle" slot-scope="{ row }">
+        <el-tooltip effect="dark" :content="row.missionTitle" placement="top">
+          <div style="color: black">
+            <b>{{ row.missionTitle | ellipsis }}</b>
+          </div>
+        </el-tooltip>
+      </template>
+      <template slot="takeOnCount" slot-scope="{ row }">
+        <div style="color: #409eff;cursor: pointer;"  @click="employmentNum(row)">
+          <b>{{ row.takeOnCount }}人</b>
+        </div>
+      </template>
+      <!-- 开始日期 -->
+      <template slot="stime" slot-scope="{row}">
+        <span>{{format(row.stime)}}</span>
+      </template>
+      <!-- 完成日期 -->
+      <template slot="etime" slot-scope="{row}">
+        <span>{{format(row.etime)}}</span>
+      </template>
+      <template slot="toPayEnd" slot-scope="{ row }">
+        <div v-if="row.toPayEnd < 0" style="color: #f56c6c">
+          <i class="el-icon-warning-outline"></i>
+          <span>已逾期，不再提供支付服务</span>
+        </div>
+        <div v-if="row.toPayEnd >= 0">
+          <i class="el-icon-warning-outline"></i> 距工资结算剩余
+          <span style="color: #f56c6c">
+            <b>{{ row.toPayEnd }}天</b>
+          </span>
+        </div>
+      </template>
+      <template slot="payCount" slot-scope="{ row }">
+        <div style="">
+          <span>{{ row.payCount }}人</span>
+        </div>
+      </template>
+      <template slot="missionDate" slot-scope="{ row }">
+        <div>{{ format(row.stime) }}至{{ format(row.etime) }}</div>
+      </template>
+      <template slot="expiryTime" slot-scope="{ row }">
+        <div>{{ format(row.expiryTime) }}</div>
+      </template>
+      <!--/自定义列-->
+      <!--自定义按钮-->
+      <template slot="menuLeft">
+        <save-button
+          type="warning"
+          plain
+          icon="el-icon-plus"
+          size="small"
+          @click="rowCopy('', 'add')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+        >发布岗位</save-button>
+      </template>
+      <!--/自定义按钮-->
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+        <el-button
+          :size="size"
+          :type="type"
+          @click="appraise(row)"
+          v-show="vaildData(permission.tenant_mission_appraise,false)"
+        >评价</el-button>
+        <!-- <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click="rowView(row);"
+          v-show="vaildData(permission.tenant_mission_view,false)"
+        >查看</el-button>-->
+        <el-button
+          icon="el-icon-check"
+          :size="size"
+          :type="type"
+          @click="rowCopy(row, 'copy')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+        >复制</el-button>
+      </div>
+      <!--/自定义操作栏-->
+    </avue-crud>
+    <!--复制dialog-->
+    <copy-mission ref="copy" @back="backIndex" v-show="false"></copy-mission>
+    <!--/复制dialog-->
+    <!--评价dialog-->
+    <Appraise ref="appraise" v-show="false"></Appraise>
+    <!--评价dialog-->
+    <!--录用人员dialog-->
+    <Employ ref="employ" :status="status" v-show="false"></Employ>
+    <employment-num ref="employmentNumber" :status="1" v-show="false"></employment-num>
+    <!--查看dialog-->
+    <mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
+    <!--/查看dialog-->
+    <!--录用人员dialog-->
+  </div>
+</template>
+
+<script>
+import { getList, detail, getWagePerson } from "@/api/tenant/postzp";
+import CopyMission from "../Dialog/CopyMission";
+import Appraise from "../Dialog/Appraise";
+import Employ from "../Dialog/Employ";
+import SkillSelect from "../Dialog/Skill";
+import missionView from "./missionView.vue";
+import employmentNum from "../Dialog/EmployNumber";
+import SelectMap from "@/components/map/selectLocation";
+import { mapGetters } from "vuex";
+import { dateFormat } from "@/util/date";
+import saveButton from "./saveButton";
+
+export default {
+  filters: {
+    ellipsis (value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  data () {
+    return {
+      viewDrawer: false,
+      view: {},
+      status: 3,
+      loading: false,
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {
+        status: 3,
+      },
+      data: [],
+      obj: {},
+    };
+  },
+  components: {
+    CopyMission,
+    Appraise,
+    Employ,
+    SkillSelect,
+    SelectMap,
+    missionView,
+    saveButton,
+    employmentNum
+  },
+  created () { },
+  computed: {
+    ...mapGetters(["permission"]),
+    option () {
+      return {
+        height: "auto",
+        calcHeight: 40,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        labelWidth: 100,
+        border: true,
+        index: false,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "岗位名称",
+            prop: "missionTitle",
+            display: false,
+            slot: true,
+          },
+          {
+            label: "岗位编码",
+            prop: "missionNo",
+            display: false,
+          },
+          // {
+          //   label: "岗位时间",
+          //   prop: "missionDate",
+          //   slot: true,
+          //   display: false,
+          //   width: 200,
+          // },
+          {
+            label: "开始日期",
+            prop: "stime",
+            display: false,
+            width: 130,
+            slot:true
+          },
+          {
+            label: "完成日期",
+            prop: "etime",
+            display: false,
+            width: 130,
+            slot:true
+          },
+          {
+            label: "录用人数",
+            prop: "takeOnCount",
+            slot: true,
+            display: false,
+            width: 130,
+          },
+          {
+            label: "已发工资人数",
+            prop: "payCount",
+            slot: true,
+            display: false,
+            width: 130,
+          },
+          {
+            label: "发工资截止日期",
+            prop: "expiryTime",
+            slot: true,
+            display: false,
+            width: 160,
+            format: "yyyy-MM-dd",
+          },
+          {
+            label: "提示",
+            prop: "toPayEnd",
+            slot: true,
+            display: false,
+            width: 200,
+          },
+        ],
+      };
+    },
+  },
+  watch: {},
+  methods: {
+    format (date) {
+      if (date) {
+        return dateFormat(new Date(date), "yyyy/MM/dd");
+      }
+    },
+    // 录用人数
+    employmentNum(row){
+      this.$refs.employmentNumber.openDialog(row, 2);//查看已录用人员
+    },
+    /*查看*/
+    rowView (row) {
+      detail(row.id).then((res) => {
+        this.viewDrawer = true;
+        this.view = res;
+      });
+    },
+    /*打开录用人员*/
+    employ (row, state) {
+      this.$refs.employ.openDialog(row, state);
+    },
+    /*打开复制*/
+    rowCopy (row, type) {
+      this.$refs.copy.onLoad(row, type);
+    },
+    /*打开评价*/
+    appraise (row) {
+      this.$refs.appraise.openDialog(row);
+    },
+    currentChange (currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange (pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange () {
+      this.onLoad(this.page, this.query);
+    },
+    /*加载数据*/
+    onLoad (page, params = {}) {
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        let data1 = data.records;
+        if (data1.length > 0) {
+          for (let i = 0; i < data1.length; i++) {
+            getWagePerson(data1[i].missionNo).then((res) => {
+              data1[i]["payCount"] = res.data.data;
+            });
+          }
+        }
+        this.data = data1;
+        this.loading = false;
+      });
+    },
+    /*返回首页*/
+    backIndex () {
+      this.$emit("refresh");
+    },
+  },
+};
+</script>
+<style scoped>
+.el-col,
+.el-form-item {
+  margin-bottom: 0px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tenant/works/Table/OngoingMission.vue b/src/views/tenant/works/Table/OngoingMission.vue
new file mode 100644
index 0000000..9bd6538
--- /dev/null
+++ b/src/views/tenant/works/Table/OngoingMission.vue
@@ -0,0 +1,354 @@
+<template>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model="obj"
+      ref="crud"
+      @row-del="rowDel"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      :before-open="beforeOpen"
+      :page.sync="page"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <!--自定义列-->
+      <template slot="missionTitle" slot-scope="{ row }">
+        <el-tooltip effect="dark" :content="row.missionTitle" placement="top">
+          <div style="color: black">
+            <b>{{ row.missionTitle | ellipsis }}</b>
+          </div>
+        </el-tooltip>
+      </template>
+      <!-- 开始日期 -->
+      <template slot="stime" slot-scope="{row}">
+        <span>{{format(row.stime)}}</span>
+      </template>
+      <!-- 完成日期 -->
+      <template slot="etime" slot-scope="{row}">
+        <span>{{format(row.etime)}}</span>
+      </template>
+      <template slot="takeOnCount" slot-scope="{ row }">
+        <div style="color: #409eff; cursor: pointer;" @click="employmentNum(row)">
+          <b>{{ row.takeOnCount }}人</b>
+        </div>
+      </template>
+      <template slot="toEnd" slot-scope="{ row }">
+        <div>
+          <i class="el-icon-warning-outline"></i> 距岗位结束剩余
+          <span style="color: #f56c6c">
+            <b>{{ row.toEnd }}天</b>
+          </span>
+        </div>
+      </template>
+      <template slot="missionDate" slot-scope="{ row }">
+        <div>{{ format(row.stime) }}至{{ format(row.etime) }}</div>
+      </template>
+
+      <!--/自定义列-->
+      <!--自定义按钮-->
+      <template slot="menuLeft">
+        <save-button
+          type="warning"
+          plain
+          icon="el-icon-plus"
+          size="small"
+          @click="rowCopy('', 'add')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+          >发布岗位</save-button
+        >
+      </template>
+      <!--/自定义按钮-->
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+        <save-button
+          :size="size"
+          :type="type"
+          @click="rowComplete(row)"
+          v-show="vaildData(permission.tenant_mission_finish, false)"
+          >完成岗位</save-button
+        >
+        <el-button
+          icon="el-icon-view"
+          :size="size"
+          :type="type"
+          @click="rowView(row)"
+          v-show="vaildData(permission.tenant_mission_view, false)"
+          >查看</el-button
+        >
+        <save-button
+          icon="el-icon-check"
+          :size="size"
+          :type="type"
+          @click="rowCopy(row, 'copy')"
+          v-show="vaildData(permission.tenant_mission_add, false)"
+          >复制</save-button
+        >
+      </div>
+      <!--/自定义操作栏-->
+    </avue-crud>
+    <!--复制dialog-->
+    <copy-mission ref="copy" @back="backIndex" v-show="false"></copy-mission>
+    <!--复制dialog-->
+    <!--录用人员dialog-->
+    <Employ ref="employ" :status="status" v-show="false"></Employ>
+    <!-- 录用人数 -->
+     <employment-num
+      ref="employmentNum"
+      :status="1"
+      v-show="false"
+    ></employment-num>
+    <!--录用人员dialog-->
+    <!--查看dialog-->
+    <mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
+    <!--/查看dialog-->
+  </div>
+</template>
+
+<script>
+import { getList, complete, detail } from "@/api/tenant/postzp";
+import CopyMission from "../Dialog/CopyMission";
+import SkillSelect from "../Dialog/Skill";
+import Employ from "../Dialog/Employ";
+import missionView from "./missionView.vue";
+import SelectMap from "@/components/map/selectLocation";
+import employmentNum from "../Dialog/EmployNumber";
+import { mapGetters } from "vuex";
+import { dateFormat } from "@/util/date";
+import saveButton from "./saveButton";
+
+export default {
+  comments: {
+    
+  },
+  filters: {
+    ellipsis(value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  data() {
+    return {
+      viewDrawer: false,
+      view: {},
+      status: 2,
+      loading: false,
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {
+        status: 2,
+      },
+      data: [],
+      obj: {},
+    };
+  },
+  components: {
+    CopyMission,
+    SkillSelect,
+    Employ,
+    SelectMap,
+    missionView,
+    saveButton,
+    employmentNum
+  },
+  created() {},
+  computed: {
+    ...mapGetters(["permission"]),
+    option() {
+      return {
+        height: "auto",
+        calcHeight: 40,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        labelWidth: 100,
+        border: true,
+        index: false,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "岗位名称",
+            prop: "missionTitle",
+            display: false,
+            slot: true,
+          },
+          {
+            label: "岗位编码",
+            prop: "missionNo",
+            display: false,
+          },
+          // {
+          //   label: "岗位时间",
+          //   prop: "missionDate",
+          //   slot: true,
+          //   display: false,
+          //   width: 200,
+          // },
+          {
+            label: "开始时间",
+            prop: "stime",
+            display: false,
+            width: 130,
+            slot: true,
+          },
+          {
+            label: "完成时间",
+            prop: "etime",
+            display: false,
+            width: 130,
+            slot: true,
+          },
+          {
+            label: "录用人数",
+            prop: "takeOnCount",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "提示",
+            prop: "toEnd",
+            slot: true,
+            display: false,
+          },
+        ],
+      };
+    },
+  },
+  watch: {},
+  methods: {
+    format(date) {
+      if (date) {
+        return dateFormat(new Date(date), "yyyy/MM/dd");
+      }
+    },
+    // 录用人数
+    employmentNum(row){
+      this.$refs.employmentNum.openDialog(row, 2);//查看已录用人员
+    },
+    /*查看*/
+    rowView(row) {
+      detail(row.id).then((res) => {
+        this.viewDrawer = true;
+        this.view = res;
+      });
+    },
+    /*打开复制*/
+    rowCopy(row, type) {
+      this.$refs.copy.onLoad(row, type);
+    },
+    /*打开录用人员*/
+    employ(row, state) {
+      this.$refs.employ.openDialog(row, state);
+    },
+    /*完成岗位*/
+    rowComplete(row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定此岗位已经完成吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          complete(row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page, this.query);
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    /*加载数据*/
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+      });
+    },
+    /*返回首页*/
+    backIndex() {
+      this.$emit("refresh");
+    },
+  },
+};
+</script>
+<style scoped>
+.el-col,
+.el-form-item {
+  margin-bottom: 0px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tenant/works/Table/WaitingMission.vue b/src/views/tenant/works/Table/WaitingMission.vue
new file mode 100644
index 0000000..6cc7970
--- /dev/null
+++ b/src/views/tenant/works/Table/WaitingMission.vue
@@ -0,0 +1,461 @@
+<template>
+  <div>
+    <avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="obj" @row-del="rowDel"
+      @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen" :page.sync="page"
+      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
+      <!--自定义按钮-->
+      <template slot="menuLeft">
+        <save-button type="warning" plain icon="el-icon-plus" size="small" @click="rowCopy('', 'add')"
+          v-show="vaildData(permission.tenant_mission_add, false)">发布岗位</save-button>
+          <el-button type="success" size="small" plain icon="el-icon-plus" @click="handleImport"
+          v-show="vaildData(permission.tenant_talents_groupadd, false)">导入</el-button>
+      </template>
+      <!--/自定义按钮-->
+      <!--自定义列-->
+      <template slot="missionTitle" slot-scope="{ row }">
+        <el-tooltip effect="dark" :content="row.missionTitle" placement="top">
+          <div style="color: black">
+            <b>{{ row.missionTitle | ellipsis }}</b>
+          </div>
+        </el-tooltip>
+      </template>
+      <template slot="signUpCount" slot-scope="{ row }">
+        <div>
+          <span>{{ row.signUpCount }}人</span>
+        </div>
+      </template>
+      <!-- 报名截止日期 -->
+      <template slot="etimePub" slot-scope="{row}">
+        <span>{{ format(row.etimePub) }}</span>
+      </template>
+      <!-- 开始日期 -->
+      <template slot="stime" slot-scope="{row}">
+        <span>{{ format(row.stime) }}</span>
+      </template>
+      <!-- 完成日期 -->
+      <template slot="etime" slot-scope="{row}">
+        <span>{{ format(row.etime) }}</span>
+      </template>
+      <template slot="takeOnCount" slot-scope="{ row }">
+        <div style="color: #409eff;cursor: pointer;" @click="employmentNum(row)">
+          <b>{{ row.takeOnCount }}人</b>
+        </div>
+      </template>
+      <template slot="toStart" slot-scope="{ row }">
+        <div>
+          <i class="el-icon-warning-outline"></i> 距岗位开始剩余
+          <span style="color: #f56c6c">
+            <b>{{ row.toStart }}天</b>
+          </span>
+        </div>
+      </template>
+      <!--/自定义列-->
+      <!--自定义操作栏-->
+      <div slot="menu" slot-scope="{ size, type, row }">
+        <el-button type="text" size="mini" @click="recommend(row)">重点人群推送</el-button>
+        <el-button type="text" size="mini" @click="employ(row, 1)">录用登记</el-button>
+        <el-button icon="el-icon-view" :size="size" :type="type" @click.stop="rowView(row)"
+          v-show="vaildData(permission.tenant_mission_view, false)">查看</el-button>
+        <save-button icon="el-icon-check" :size="size" :type="type" @click="rowCopy(row, 'copy')">复制</save-button>
+        <el-button icon="el-icon-edit" :size="size" :type="type" @click="rowCopy(row, 'edit')" :disabled="false"
+          v-show="vaildData(permission.tenant_mission_edit, false)">编辑</el-button>
+        <el-button icon="el-icon-delete" :size="size" :type="type" @click="$refs.crud.rowDel(row)" :disabled="false"
+          v-show="vaildData(permission.tenant_mission_cancel, false)">取消</el-button>
+        <!-- <el-button type="text" size="mini" @click="contrast(row)"
+          >比对人才库</el-button> -->
+      </div>
+    </avue-crud>
+    <!--发布 复制 编辑dialog-->
+    <copy-mission ref="copy" @back="backIndex" v-show="false"></copy-mission>
+    <!--/发布 复制 编辑dialog-->
+    <!--录用人员dialog-->
+    <Employ ref="employ" @refresh="refreshChange" :status="status" v-show="false"></Employ>
+    <employment-num ref="employmentNum" :status="1" v-show="false"></employment-num>
+    <!--/录用人员dialog-->
+    <!--人才推荐dialog-->
+    <Recommend ref="recommend" v-show="false"></Recommend>
+    <!--/人才推荐dialog-->
+    <!--对比人才库dialog-->
+    <Contrast ref="contrast" v-show="false"></Contrast>
+    <!--对比人才库dialog-->
+    <!--查看dialog-->
+    <mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
+    <!--/查看dialog-->
+
+    <!--批量导入-->
+    <el-dialog title="导入" append-to-body :visible.sync="excelBox" :close-on-click-modal="false" width="555px">
+      <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter" :upload-before="beforeAvatarUpload"
+        :upload-error="uploadError">
+        <template slot="excelTemplate">
+          <el-button type="primary" @click="handleTemplate()" :loading="templateLoading">
+            点击下载
+            <i class="el-icon-download el-icon--right"></i>
+          </el-button>
+        </template>
+      </avue-form>
+    </el-dialog>
+    <!--/批量导入-->
+  </div>
+</template>
+
+<script>
+import { getList, cancel, detail ,upload} from "@/api/tenant/postzp";
+import CopyMission from "../Dialog/CopyMission";
+import Employ from "../Dialog/Employ";
+import employmentNum from "../Dialog/EmployNumber";
+import Recommend from "../Dialog/Recommend";
+import Contrast from "../Dialog/Contrast"
+import SkillSelect from "../Dialog/Skill";
+import missionView from "./missionView.vue";
+import SelectMap from "@/components/map/selectLocation";
+import { isExcel } from "@/util/validate";
+import { excelAccept } from "@/common/accept";
+import { mapGetters } from "vuex";
+import { dateFormat } from "@/util/date";
+import { getTemplate } from "@/api/resource/template";
+import saveButton from "./saveButton";
+
+export default {
+  components: {
+    CopyMission,
+    Employ,
+    Recommend,
+    SkillSelect,
+    SelectMap,
+    missionView,
+    saveButton,
+    Contrast,
+    employmentNum
+  },
+  filters: {
+    ellipsis(value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  data() {
+    return {
+      excelBox: false,
+      excelForm: { isCovered: 1 },
+      excelOption: {
+        submitBtn: false,
+        emptyBtn: false,
+        column: [
+          {
+            label: "文件上传",
+            prop: "excelFile",
+            type: "upload",
+            drag: true,
+            loadText: "文件上传中，请稍等",
+            span: 24,
+            propsHttp: {
+              res: "data",
+            },
+            tip: "请上传 .xls,.xlsx 标准格式文件",
+            accept: excelAccept,
+            showFileList: false,
+            action: upload(),
+          },
+          {
+            label: "模板下载",
+            prop: "excelTemplate",
+            formslot: true,
+            span: 24,
+          },
+        ],
+      },
+      status: 1,
+      viewDrawer: false,
+      view: {},
+      loading: false,
+      tradeData: [],
+      tradeId: "",
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0,
+      },
+      query: {
+        status: 1,
+      },
+      data: [],
+      obj: {},
+      missionNo: '',
+    };
+  },
+  created() { },
+  watch: {},
+  computed: {
+    ...mapGetters(["permission"]),
+    /*计算时间*/
+    option() {
+      return {
+        height: "auto",
+        calcHeight: 40,
+        menuWidth: 420,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        excelBtn: false,
+        columnBtn: false,
+        searchBtn: false,
+        searchShow: false,
+        border: true,
+        index: false,
+        selection: false,
+        dialogType: "drawer",
+        dialogWidth: "60%",
+        delBtnText: "取消",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "岗位名称",
+            prop: "jobName",
+            display: false,
+            slot: true,
+            width: 130,
+          },
+          {
+            label: "岗位编码",
+            prop: "id",
+            width: 180,
+            display: false,
+          },
+          {
+            label: "开始日期",
+            prop: "stime",
+            display: false,
+            width: 130,
+            slot: true,
+          },
+          {
+            label: "岗位状态",
+            prop: "jobStatus",
+            slot: true,
+            display: false,
+            width: 110,
+            dicData: [
+              {
+                label: "在招",
+                value: 1,
+              },
+              {
+                label: "已招",
+                value: 2,
+              },
+              {
+                label: "过期",
+                value: 3,
+              },
+              {
+                label: "未正式发布",
+                value: 4,
+              },
+            ],
+          },
+          {
+            label: "申请人数",
+            prop: "peopleNum",
+            slot: true,
+            display: false,
+          },
+          {
+            label: "录用人数",
+            prop: "applyNum",
+            slot: true,
+            display: false,
+          },
+        ],
+      };
+    },
+  },
+  methods: {
+    format(date) {
+      if (date) {
+        return dateFormat(new Date(date), "yyyy/MM/dd");
+      }
+    },
+    // 录用人数
+    employmentNum(row) {
+      this.$refs.employmentNum.openDialog(row, 2);//查看已录用人员
+    },
+    /*打开新增 复制 编辑*/
+    rowCopy(row, type) {
+      this.$refs.copy.onLoad(row, type);
+    },
+    /*查看*/
+    rowView(row) {
+      detail(row.id).then((res) => {
+        this.viewDrawer = true;
+        this.view = res;
+      });
+    },
+    /*打开录用人员*/
+    employ(row, status) {
+      this.$refs.employ.openDialog(row, status);
+    },
+    /*打开人才推荐*/
+    recommend(row) {
+      this.$refs.recommend.openDialog(row);
+    },
+    /*打开对比人才库*/
+    contrast(row) {
+      this.$refs.contrast.openDialog(row);
+    },
+    /*取消岗位*/
+    rowDel(row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要取消此岗位吗? "),
+          h("p", { style: "color: red" }, "一旦取消则岗位失效"),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          cancel(row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page, this.query);
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    /*刷新本页 带搜索参数*/
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    /*加载数据*/
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(this.query, params)
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+      });
+    },
+    /*返回首页*/
+    backIndex() {
+      this.$emit("refresh");
+    },
+    /*导入任务*/
+    beforeAvatarUpload(file, done, loading) {
+      if (!isExcel(file)) {
+        loading();
+        this.$message.error("上传任务信息只能是 .xls,.xlsx 标准格式文件!");
+      } else {
+        done();
+      }
+    },
+    uploadAfter(res, done) {
+      if (!(res instanceof Error) && !res.data) {
+        this.excelBox = false;
+      } else if (res.data && res.data.code === 900) {
+        const arr = [];
+        const data = res.data.data;
+        data.error &&
+          data.error.errorList.forEach((item) => {
+            arr.push(`${item.name} ${item.remarks}`);
+          });
+        data.auth &&
+          data.auth.authList.forEach((item) => {
+            arr.push(`${item.name} ${item.remarks}`);
+          });
+        this.$refs.ied.show(arr);
+      }
+      this.refreshChange();
+      // this.initDept(this.tenantId);
+      done();
+    },
+    uploadError(error) {
+      if (error) {
+        this.$message.error(error);
+      }
+    },
+    handleImport() {
+      this.excelBox = true;
+    },
+    /*下载任务模板 */
+    handleTemplate() {
+      this.templateLoading = true;
+      getTemplate("trc")
+        .then((rep) => {
+          this.templateLoading = false;
+          window.open(rep.data.data);
+        })
+        .catch(() => {
+          this.templateLoading = false;
+        });
+    },
+  },
+};
+</script>
+<style scoped>
+.el-col,
+.el-form-item {
+  margin-bottom: 0px;
+}
+
+.map {
+  width: 100%;
+  height: 300px;
+}
+</style>
+<style>
+.slotForm {
+  font-size: 12px;
+}
+</style>
diff --git a/src/views/tenant/works/Table/missionView.vue b/src/views/tenant/works/Table/missionView.vue
new file mode 100644
index 0000000..a806e7e
--- /dev/null
+++ b/src/views/tenant/works/Table/missionView.vue
@@ -0,0 +1,35 @@
+<template>
+  <el-drawer title="查看岗位" :visible.sync="viewDrawer" size="60%">
+    <mission-view :model="model"></mission-view>
+  </el-drawer>
+</template>
+
+<script>
+import missionView from "@/views/util/mission-view";
+
+export default {
+  components: { missionView },
+  props: {
+    visible: Boolean,
+    model: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    viewDrawer: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit("update:visible", val);
+      },
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/tenant/works/Table/saveButton.vue b/src/views/tenant/works/Table/saveButton.vue
new file mode 100644
index 0000000..2eb981b
--- /dev/null
+++ b/src/views/tenant/works/Table/saveButton.vue
@@ -0,0 +1,38 @@
+<template>
+  <el-button
+    :plain="plain"
+    :icon="icon"
+    :size="size"
+    :type="type"
+    @click="click"
+    :disabled="disabled"
+    ><slot></slot
+  ></el-button>
+</template>
+
+<script>
+export default {
+  props: {
+    plain: Boolean,
+    icon: String,
+    size: String,
+    type: String,
+    disabled: Boolean,
+    action: String,
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  methods: {
+    click() {
+      this.$emit("click", { row: this.row, action: this.action });
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/tenant/works/index.vue b/src/views/tenant/works/index.vue
new file mode 100644
index 0000000..4f9d6a4
--- /dev/null
+++ b/src/views/tenant/works/index.vue
@@ -0,0 +1,238 @@
+<template>
+  <basic-container>
+    <!--搜索栏-->
+    <!-- <el-form size="small" label-position="right" :inline="true" style="padding-left: 10px;padding-right: 10px;">
+      <el-row :span="24">
+        <el-form-item label-width="0">
+          <el-select v-model="search.status" placeholder="岗位状态" style="width:100%">
+            <el-option v-for="(item, key, index) in missionTypes" :key="index" :label="item.label"
+              :value="item.value"></el-option>
+          </el-select>
+          <el-radio-group v-model="search.status" size="small">
+            <el-radio-button v-for="(item, key, index) in missionTypes" :key="index" :label="item.value">{{ item.label }}
+            </el-radio-button>
+          </el-radio-group>
+
+        </el-form-item>
+        <el-form-item label="岗位编号:">
+          <el-input v-model="search.missionNo" placeholder="岗位编号" clearable></el-input>
+        </el-form-item>
+
+        <el-form-item label="岗位名称:">
+          <el-input v-model="search.missionTitle" placeholder="岗位名称" clearable></el-input>
+        </el-form-item>
+
+        <el-form-item label="">
+          <el-select v-model="search.state" placeholder="请选择搜索时间类型" style="width: 100%" @change="date">
+            <el-option v-for="(item, key, index) in timeScreenTerm" :key="index" :label="item.label"
+              :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="">
+          <el-date-picker :disabled="!search.state" v-model="timeValue" type="daterange" range-separator="至"
+            start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"
+            @change="dateChange">
+          </el-date-picker>
+        </el-form-item>
+        <tool-tip></tool-tip>
+
+
+        <el-form-item label="报名截止时间:">
+          <el-date-picker v-model="endDateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="endDateChange">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="开始时间:">
+          <el-date-picker v-model="beginTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="beginDateChange">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="完成时间:">
+          <el-date-picker v-model="successTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="successDateChange">
+          </el-date-picker>
+        </el-form-item>
+
+        <div class="searchBtn">
+          <el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
+          <el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
+        </div>
+      </el-row>
+    </el-form> -->
+    <!--/搜索栏-->
+    <waiting-mission ref="waiting" v-if="search.status === 1" @refresh="handleClear"></waiting-mission>
+    <ongoing-mission ref="onging" v-if="search.status === 2" @refresh="handleClear"></ongoing-mission>
+    <finished-mission ref="finished" v-if="search.status === 3" @refresh="handleClear"></finished-mission>
+    <expired-mission ref="expired" v-if="search.status === 4" @refresh="handleClear"></expired-mission>
+  </basic-container>
+</template>
+
+<script>
+import WaitingMission from './Table/WaitingMission'
+import OngoingMission from './Table/OngoingMission'
+import FinishedMission from './Table/FinishedMission'
+import ExpiredMission from './Table/ExpiredMission'
+import { companyMissionState } from '@/common/dic'
+
+//   import {mapGetters} from "vuex";
+
+export default {
+  comments: {
+
+  },
+  name: "tenant_mission",
+  data() {
+    return {
+      missionTypes: companyMissionState,
+      timeValue: "",
+      endDateRange: "",//报名截止日期筛选
+      beginTimeValue: "",//开始时间筛选
+      successTimeValue: "",//完成时间筛选
+      page: {
+        pageSize: 20,
+        currentPage: 1,
+        total: 0
+      },
+      search: {
+        status: 1
+      },
+      timeScreenTerm: [{
+        value: 1,
+        label: '报名截止日期',
+      },
+      {
+        value: 2,
+        label: '开始日期',
+      },
+      {
+        value: 3,
+        label: '完成日期',
+      }],
+    }
+  },
+  components: {
+    WaitingMission,
+    OngoingMission,
+    FinishedMission,
+    ExpiredMission
+  },
+  computed: {
+  },
+  watch: {
+  },
+  methods: {
+    handleSearch() {
+      if (this.search.status === 1) {
+        console.log("1111111");
+        this.$refs.waiting.onLoad(this.page, this.search);
+      } else if (this.search.status === 2) {
+        console.log("222222");
+        this.$refs.onging.onLoad(this.page, this.search);
+      } else if (this.search.status === 3) {
+        console.log("3333333");
+        this.$refs.finished.onLoad(this.page, this.search);
+      } else if (this.search.status === 4) {
+        console.log("444444444");
+        this.$refs.expired.onLoad(this.page, this.search);
+      }
+    },
+    date() {
+      this.dateChange(this.timeValue)
+    },
+    dateChange(val) {
+      // if (val) {
+      //   this.search.stime = val[0] + " 00:00:00";
+      //   this.search.etime = val[1] + " 23:59:59";
+      // } else {
+      //   this.search.stime = '';
+      //   this.search.etime = '';
+      // }
+      switch (this.search.state) {
+        case 1:
+          return this.endDateChange(val)
+        case 2:
+          return this.beginDateChange(val);
+        case 3:
+          return this.successDateChange(val);
+      }
+
+    },
+    handleClear() {
+      let curStatus = this.search.status;
+      this.search = {
+        status: curStatus,
+        missionNo: '',
+        missionTitle: '',
+        stime: '',
+        etime: '',
+        etimePubBeginTime: '',
+        etimePubEndTime: '',
+        stimeBeginTime: '',
+        stimeEndTime: '',
+        etimeBeninTime: '',
+        etimeEndTime: '',
+
+      }
+      this.timeValue = '';
+      this.endDateRange = '';
+      this.beginTimeValue = "";
+      this.successTimeValue = "";
+      this.handleSearch()
+    },
+    // 开始时间
+    beginDateChange(val) {
+      if (val) {
+        this.clearDateTime()
+        this.search.stimeBeginTime = val[0] + " 00:00:00";
+        this.search.stimeEndTime = val[1] + " 23:59:59";
+      } else {
+        this.search.stimeBeginTime = '';
+        this.search.stimeEndTime = '';
+      }
+    },
+    // 完成时间
+    successDateChange(val) {
+      if (val) {
+        this.clearDateTime()
+        this.search.etimeBeninTime = val[0] + " 00:00:00";
+        this.search.etimeEndTime = val[1] + " 23:59:59";
+      } else {
+        this.search.etimeBeninTime = '';
+        this.search.etimeEndTime = '';
+      }
+    },
+    // 报名截止时间
+    endDateChange(val) {
+      if (val) {
+        this.clearDateTime()
+        this.search.etimePubBeginTime = val[0] + " 00:00:00";
+        this.search.etimePubEndTime = val[1] + " 23:59:59";
+      } else {
+        this.search.etimePubBeginTime = '';
+        this.search.etimePubEndTime = '';
+      }
+    },
+    // 清楚多余时间参数
+    clearDateTime() {
+      this.search.etimePubBeginTime = '';
+      this.search.etimePubEndTime = '';
+      this.search.etimeBeninTime = '';
+      this.search.etimeEndTime = '';
+      this.search.stimeBeginTime = '';
+      this.search.stimeEndTime = '';
+    }
+  }
+};
+</script>
+<style scoped>
+.el-form-item {
+  margin-bottom: 18px !important;
+  margin-right: 10px !important;
+  padding: 0 10px;
+}
+
+.searchBtn {
+  display: inline-block;
+  margin-bottom: 18px;
+}
+</style>