From dadc29c4fca5b571618a5979e6d0dbf6106f1033 Mon Sep 17 00:00:00 2001
From: 18500206848 <liyanspace@163.com>
Date: Thu, 9 May 2024 23:13:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=9B=B6=E5=B7=A5=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tenant/serve.js                       |   35 +
 .../manage/cuser/serve/Dialog/ServeDetail.vue |   34 +
 .../manage/cuser/serve/Dialog/addGroups.vue   |  146 ++
 .../manage/cuser/serve/Dialog/addLog.vue      |  290 +++
 .../manage/cuser/serve/Dialog/pushService.vue |  530 ++++++
 .../cuser/serve/Dialog/transferGroups.vue     |  110 ++
 src/views/manage/cuser/serve/index.vue        | 1629 +++++++++++++++++
 src/views/manage/cuser/serve/missionView.vue  |   35 +
 .../manage/cuser/serve/workMissionView.vue    |   35 +
 src/views/manage/cuser/talents/index.vue      |  226 ++-
 src/views/manage/works/supplyDemand/index.vue |  201 ++
 11 files changed, 3198 insertions(+), 73 deletions(-)
 create mode 100644 src/views/manage/cuser/serve/Dialog/ServeDetail.vue
 create mode 100644 src/views/manage/cuser/serve/Dialog/addGroups.vue
 create mode 100644 src/views/manage/cuser/serve/Dialog/addLog.vue
 create mode 100644 src/views/manage/cuser/serve/Dialog/pushService.vue
 create mode 100644 src/views/manage/cuser/serve/Dialog/transferGroups.vue
 create mode 100644 src/views/manage/cuser/serve/index.vue
 create mode 100644 src/views/manage/cuser/serve/missionView.vue
 create mode 100644 src/views/manage/cuser/serve/workMissionView.vue
 create mode 100644 src/views/manage/works/supplyDemand/index.vue

diff --git a/src/api/tenant/serve.js b/src/api/tenant/serve.js
index 76909b3..bfe5ffd 100644
--- a/src/api/tenant/serve.js
+++ b/src/api/tenant/serve.js
@@ -1,4 +1,5 @@
 import request from "@/router/axios";
+
 /*获取人才列表*/
 export const getList = (current, size, params, groupId) => {
   return request({
@@ -8,6 +9,15 @@ export const getList = (current, size, params, groupId) => {
   });
 };
 
+/*获取人才列表*/
+export const getUserList = (current, size, params, groupId) => {
+  return request({
+    url: "/api/jobslink-api/serve/user/list",
+    method: "get",
+    params: { ...params, current, size, groupId }
+  });
+};
+
 /*新增人才*/
 export const add = row => {
   return request({
@@ -62,6 +72,24 @@ export const addDept = row => {
   });
 };
 
+/*获取分组 - 零工管理*/
+export const getServeGroupList = () => {
+  return request({
+    url: "/api/jobslink-api/serve/user/group/listAll",
+    method: "get",
+    params: {}
+  });
+};
+
+/*新建分组 - 零工管理*/
+export const addServeGroup = row => {
+  return request({
+    url: "/api/jobslink-api/serve/user/group/save",
+    method: "post",
+    data: row
+  });
+};
+
 /*编辑分组*/
 export const updateDept = row => {
   return request({
@@ -204,3 +232,10 @@ export const getListAllTalents = params =>
     method: "get",
     params
   });
+
+  export const getListUserAllTalents = params =>
+    request({
+      url: "/api/jobslink-api/serve/user/listAllTalents",
+      method: "get",
+      params
+    });
diff --git a/src/views/manage/cuser/serve/Dialog/ServeDetail.vue b/src/views/manage/cuser/serve/Dialog/ServeDetail.vue
new file mode 100644
index 0000000..3bf4019
--- /dev/null
+++ b/src/views/manage/cuser/serve/Dialog/ServeDetail.vue
@@ -0,0 +1,34 @@
+<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"
+    >
+    </el-drawer>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            drawer: false,
+            title: '服务详情'
+        }
+    },
+
+    methods: {
+        onLoad() {
+            this.drawer = true;
+        },
+        closed() {
+
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/manage/cuser/serve/Dialog/addGroups.vue b/src/views/manage/cuser/serve/Dialog/addGroups.vue
new file mode 100644
index 0000000..fd64bae
--- /dev/null
+++ b/src/views/manage/cuser/serve/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 { addServeGroup, updateDept } from "@/api/tenant/serve";
+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;
+          addServeGroup({
+            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>
diff --git a/src/views/manage/cuser/serve/Dialog/addLog.vue b/src/views/manage/cuser/serve/Dialog/addLog.vue
new file mode 100644
index 0000000..a8c0dd8
--- /dev/null
+++ b/src/views/manage/cuser/serve/Dialog/addLog.vue
@@ -0,0 +1,290 @@
+<template>
+    <basic-container>
+      <jl-go-back></jl-go-back>
+      <el-row>
+        <el-col :span="12">
+          <avue-form :option="formOption"  v-model="form" @submit="handleSubmit" ref="form">
+            <template slot="policyFileUrl">
+            <div class="policyFileUrlWrapper">
+              <div class="uploadWrapperAb">
+                <el-upload
+                  action="#"
+                  ref="upload"
+                  :show-file-list="false"
+                  :http-request="allUpload"
+                  :multiple="false"
+                ><el-button size="small" type="primary">点击上传</el-button></el-upload>
+              </div>
+              <avue-input disabled v-model="policyFileUrl" placeholder="点击上传文件"></avue-input>
+            </div>
+          </template>
+          </avue-form>
+          
+        </el-col>
+        <el-col :span="12">
+          <Tinymce v-model="form.note" ref="tinymce" style="height: 100%;"></Tinymce>
+        </el-col>
+      </el-row>
+    </basic-container>
+  </template>
+  <script>
+    import 'quill/dist/quill.core.css'
+    import 'quill/dist/quill.snow.css'
+    import 'quill/dist/quill.bubble.css'
+    import { quillEditor } from "vue-quill-editor";
+  
+  
+    import { addNews, getNewsDetail, editNews } from "@/api/manage/news"
+    import { putFile } from "@/api/resource/oss";
+    import Tinymce from "@/components/Tinymce";
+    import {getClassifyDic} from '@/api/help/article/classify'
+  
+    const toolbarItems = [
+      ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
+      ["blockquote", "code-block"], // 引用  代码块
+      [{ header: 1 }, { header: 2 }], // 1、2 级标题
+      [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
+      [{ script: "sub" }, { script: "super" }], // 上标/下标
+      [{ indent: "-1" }, { indent: "+1" }], // 缩进
+      // [{'direction': 'rtl'}],                         // 文本方向
+      [{ size: ["small", false, "large", "huge"] }], // 字体大小
+      [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+      [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
+      [{ font: [] }], // 字体种类
+      [{ align: [] }], // 对齐方式
+      ["clean"], // 清除文本格式
+      ["image"], // 链接、图片、视频
+    ]
+    export default {
+      components: { quillEditor, Tinymce},
+      props: {
+        id: Number,
+        type: String
+      },
+      mounted() {
+        this.onload()
+      },
+      data() {
+        return {
+          policyFileUrl: '',
+          putFile,
+          imageUrl: '',
+          ruleForm: {
+            content: null,
+          },
+          form: {
+            note: ''
+          },
+          description:'',
+          formOption: {
+            // labelWidth:120,
+              column: [
+                  {
+                      "label": "服务时间",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "createTime",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入服务时间"
+                          }
+                      ]
+                  },
+                  {
+                      "label": "服务发起人",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "fromName",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入服务发起人"
+                          }
+                      ]
+                  },
+                  {
+                      "label": "服务对象",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "toName",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入服务对象"
+                          }
+                      ]
+                  },
+                  {
+                      "label": "服务主题",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "serveTheme",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入服务主题"
+                          }
+                      ]
+                  },
+                  {
+                      "label": "服务内容",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "serveContent",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入服务内容"
+                          }
+                      ]
+                  },
+                  {
+                      "label": "备注1",
+                      "span": 24,
+                      labelWidth: 100,
+                      "prop": "bak1",
+                      "rules": [
+                          {
+                              "required": true,
+                              "message": "请输入备注1"
+                          }
+                      ]
+                  },
+                  {
+                        label: "政策文件地址",
+                        prop: "policyFileUrl",
+                        span: 24,
+                        labelWidth: 120,
+                        hide: true,
+                        slot: true,
+                        formslot: true,
+                        showWordLimit: true,
+
+                    },
+              ]
+
+          },
+          editorOption: {
+            modules: {
+              toolbar: {
+                container: toolbarItems,
+                handlers: {
+                  'image': function (value) {
+                    if (value) {
+                      document.querySelector('.avatar-uploader input').click()
+                    } else {
+                      this.quill.format('image', false);
+                    }
+                  }
+                }
+              },//工具菜单栏配置
+            },
+            placeholder: "请在这里编写文章内容", //提示
+            readyOnly: false, //是否只读
+            theme: "snow", //主题 snow/bubble
+            syntax: true, //语法检测
+          },
+        };
+      },
+      methods: {
+  
+        // 值发生变化
+        onEditorChange(editor) {
+          this.content = editor.html;
+        },
+        handleSubmit(form, done) {
+          // this.form['note'] = this.$refs.tinymce.getContent()
+  
+          if(this.form.note.length>64*512){
+            this.$message.error('文章内容不能超过64KB！');
+            done()
+          }
+          else{
+            if (this.type == 'add') {
+              addNews(
+                this.form.articleTitle,
+                this.form.headPic,
+                this.form.articleSrc,
+                this.form.articleSrcUrl,
+                this.form.author,
+                this.form.description,
+                this.form.note,
+                this.form.type
+              ).then(() => {
+                this.$message.success('添加成功');
+                this.$router.go(-1);
+              })
+          }
+          else if (this.type == 'edit') {
+            editNews(
+              this.id,
+              this.form.articleTitle,
+              this.form.headPic,
+              this.form.articleSrc,
+              this.form.articleSrcUrl,
+              this.form.author,
+              this.form.description,
+              this.form.note,
+              this.form.type
+            ).then(() => {
+              this.$message.success('修改成功');
+              done()
+            })
+          }
+          }
+  
+  
+        },
+        /*上传图片*/
+        handleAvatarSuccess(res) {
+          let quill = this.$refs.QuillEditor.quill
+          let length = quill.getSelection().index;//获取光标所在位置
+          quill.insertEmbed(length, 'image', res.data.link)
+          quill.setSelection(length + 1)//光标后移一位
+        },
+        beforeAvatarUpload(file) {
+          const isJPG = ["image/png", "image/jpeg", "image/svg+xml", "image/gif"].indexOf(file.type) != -1;
+          const isLt2M = file.size / 1024 / 1024 < 2;
+          if (!isJPG) {
+            this.$message.error('上传图片格式不正确');
+          }
+          if (!isLt2M) {
+            this.$message.error('上传图片大小不能超过 2MB!');
+          }
+          return isJPG && isLt2M;
+        },
+        onload() {
+          if (this.id && this.type == 'edit') {
+            getNewsDetail(this.id).then(res => {
+              this.form = res.data.data;
+              this.description=this.form.description;
+            })
+          }
+        },
+  
+      },
+    };
+  </script>
+  <style>
+    .avatar-uploader {
+      width: 0;
+      height: 0;
+      display: none;
+    }
+  
+    .ql-editor {
+      height: 400px;
+    }
+    .policyFileUrlWrapper {
+  position: relative;
+}
+
+.uploadWrapperAb {
+  position: absolute;
+  right: 0px;
+  z-index: 99;
+
+}
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/manage/cuser/serve/Dialog/pushService.vue b/src/views/manage/cuser/serve/Dialog/pushService.vue
new file mode 100644
index 0000000..4f97013
--- /dev/null
+++ b/src/views/manage/cuser/serve/Dialog/pushService.vue
@@ -0,0 +1,530 @@
+<template>
+  <el-drawer size="100%" append-to-body title="推送服务" :visible.sync="viewDrawer">
+    <div>
+      <div class="content">
+        <!--  用户板块  -->
+        <div class="content-left relative">
+          <avue-crud height="900" width="500" ref="crud1" :data="leftUserDataList" :option="leftUserOptions"
+                     :page.sync="leftPages"
+                     @current-change="leftCurrentPageChange" @size-change="leftSizePageChange"
+                     @selection-change="leftSelectionChange">
+            <template slot="menuLeft">
+              <div class="leftInput">
+                <el-input size="small" v-model="formInline.userName" class="input-with-select" placeholder="用户名">
+                  <el-select size="small" v-model="formInline.groupId" slot="prepend" class="selectWidth"
+                             placeholder="请选择">
+                    <el-option v-for="item in leftServeOptions" :key="item.id" :label="item.groupName"
+                               :value="item.value">
+                    </el-option>
+                  </el-select>
+                  <el-button size="small" slot="append" class="input-search" @click="leftSearch">搜索</el-button>
+                </el-input>
+              </div>
+            </template>
+            <template slot="labelsBase" slot-scope="{row}">
+              <TextTooltip :content="row.labelsBase" length="20"></TextTooltip>
+            </template>
+          </avue-crud>
+          <CustomLoading :visible="leftLoading" size="largeXXL" loading-text="用户数据加载中"></CustomLoading>
+        </div>
+        <!--  操作  -->
+        <div class="content-center">
+          <div>
+            <el-button type="primary" size="small" @click="changeTabs(0)">匹配政策</el-button>
+          </div>
+          <div style="margin-top: 30px">
+            <el-button :disabled="leftUserSelections.length > 0 ? false : true"
+                       type="primary" @click="changeTabs(1)" size="small">匹配岗位
+            </el-button>
+          </div>
+        </div>
+        <!--  列表  -->
+        <div class="content-right relative">
+          <avue-crud height="900" ref="crud2" :data="rightDataList"
+                     :option="rightTabs ? rightPostOptions : rightPolicyOptions" :page.sync="rightPages"
+                     @current-change="rightCurrentPageChange" @size-change="rightSizePageChange"
+                     @selection-change="rightSelectionChange">
+            <template slot="menuLeft">
+              <el-input style="width: 300px" placeholder="搜索岗位" v-show="rightTabs === 1"
+                        prefix-icon="el-icon-search"
+                        @input="searchInputChange" v-model="searchInput" clearable>
+              </el-input>
+            </template>
+            <template slot="labelName" slot-scope="{row}">
+              <TextTooltip :content="row.labelName" length="40"></TextTooltip>
+            </template>
+            <template slot="jobDescription" slot-scope="{row}">
+              <TextTooltip :content="row.jobDescription" length="40"></TextTooltip>
+            </template>
+          </avue-crud>
+          <CustomLoading :visible="rightLoading" size="largeXXL" loading-text="智能分析匹配中"></CustomLoading>
+        </div>
+      </div>
+    </div>
+    <div class="content-footer">
+      <el-button type="primary" style="width: 80px" size="small" :disabled="pushState" @click="onSubmit">
+        {{ pushState ? '推送中...' : rightTabs ? '推送岗位' : '推送政策' }}
+      </el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+import {
+  getListAllByLabels,
+  getListGroupByLabels,
+  getServeAllPolicyList,
+  getListByids,
+  getSearchAll,
+  getSearchAllByUserId,
+  pushPolicyUserServe,
+  pushPostUserServe,
+  getListAllByPolicy
+} from "@/api/tenant/serve.js";
+import TextTooltip from "@/components/text-tooltip/index.vue";
+import {debounce} from '@/util/util'
+import {DateTime} from "@/util/dateTime";
+import CustomLoading from "@/components/Custom-Loading/index.vue";
+
+const pages = {pagerCount: 3, total: 0, size: 10, currentPage: 1}
+const baseOptions = {
+  size: 'medium',
+  dateBtn: false,
+  addBtn: false,
+  editBtn: false,
+  delBtn: false,
+  height: "auto",
+  reserveSelection: false,
+  border: true,
+  columnBtn: false,
+  refreshBtn: false,
+  menu: false,
+  tip: false,
+  selection: true,
+  align: 'center',
+}
+let leftUserOptions = {
+  ...baseOptions,
+  column: [
+    {
+      label: '机构名称',
+      prop: 'companyName',
+      fixed: true,
+    }, {
+      label: '姓名',
+      prop: 'name',
+      fixed: true,
+    }, {
+      label: '姓别',
+      prop: 'aac004',
+    }, {
+      label: '身份证',
+      prop: 'idNumber',
+      width: 150,
+    }, {
+      label: '手机号',
+      prop: 'telphone',
+    }, {
+      label: "民族",
+      prop: "aac005",
+    }, {
+      label: "户口性质",
+      prop: "aac009",
+    }, {
+      label: "户口所在地",
+      prop: "aac010",
+      width: 150,
+    }, {
+      label: "文化程度",
+      prop: "aac011",
+    }, {
+      label: "经办时间",
+      prop: "aae036",
+    }, {
+      label: '个人标签',
+      prop: 'labelsBase',
+      width: 150,
+      slot: true,
+    },
+  ]
+}
+let rightPolicyOptions = {
+  ...baseOptions,
+  column: [{
+    label: '政策名称',
+    prop: 'name',
+  }, {
+    label: '政策标签',
+    prop: 'labelName',
+    slot: true,
+  }]
+}
+let rightPostOptions = {
+  ...baseOptions,
+  column: [
+    {
+      label: '岗位名称',
+      prop: 'jobName',
+    }, {
+      label: '用工单位',
+      prop: 'companyName',
+    }, {
+      label: '岗位描述',
+      prop: 'jobDescription',
+      slot: true,
+    }, {
+      label: "岗位类型",
+      prop: "type1",
+      type: "select",
+      dicData: [
+        {
+          value: "0",
+          label: "零工岗位",
+        },
+        {
+          value: "1",
+          label: "全职岗位",
+        },
+      ],
+      display: false,
+      hide: true,
+    },
+  ]
+}
+export default {
+  components: {TextTooltip, CustomLoading},
+  data() {
+    return {
+      formInline: {},
+      leftServeOptions: [],
+      leftUserDataList: [],
+      leftUserPages: {},
+      leftUserSelections: [],
+      leftPages: Object.assign({}, pages),
+      leftUserOptions: Object.assign({}, leftUserOptions),
+      leftLoading: false,
+      rightLoading: false,
+      rightDataList: [],
+      rightDataSelections: [],
+      rightPages: Object.assign({}, pages),
+      rightPolicyOptions: Object.assign({}, rightPolicyOptions),
+      rightPostOptions: Object.assign({}, rightPostOptions),
+      searchInput: '',
+      rightTabs: 0, // 0： 政策， 1： 岗位
+      pushState: false,
+    }
+  },
+  props: {
+    visible: Boolean,
+    rowData: {default: null, type: Function},
+    changeVisible: {default: null, type: Function},
+  },
+  computed: {
+    viewDrawer: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit("update:visible", val);
+      },
+    },
+  },
+  watch: {
+    viewDrawer(val) {
+      val ? this.onPageLoad() : this.onPageInit()
+    }
+  },
+  methods: {
+    onPageLoad() {
+      console.log('row', this.rowData)
+      if (!this.rowData) return
+      this.getLeftSignGroupList()
+      this.getLeftUserList()
+      // this.getRightListPolicy()
+    },
+    onPageInit() {
+      this.formInline = {}
+      this.leftServeOptions = []
+      this.leftUserDataList = []
+      this.leftUserSelections = []
+      this.leftUserPages = Object({}, pages)
+      this.leftPages = Object.assign({}, pages)
+      this.leftUserOptions = Object.assign({}, leftUserOptions)
+      this.leftLoading = false
+      this.rightLoading = false
+      this.rightDataList = []
+      this.rightDataSelections = []
+      this.rightPages = Object.assign({}, pages)
+      this.rightPolicyOptions = Object.assign({}, rightPolicyOptions)
+      this.rightPostOptions = Object.assign({}, rightPostOptions)
+      this.searchInput = ''
+      this.rightTabs = 0 // 0： 政策
+      this.pushState = false
+      this.$refs.crud1.selectClear()
+      this.$refs.crud2.selectClear()
+    },
+    changeTabs(type) {
+      this.rightDataList = []
+      this.rightTabs = type
+      this.rightDataSelections = []
+      this.$message.success('智能分析匹配中');
+
+      type === 0 && this.getRightListPolicy()
+      type === 1 && this.getRightSearchByUserId()
+    },
+    searchInputChange: debounce(function (val) {
+      this.getRightSearch()
+    }, 1000),
+    leftSearch() {
+      this.leftPages.currentPage = 1
+      this.getLeftUserList('serve')
+      console.log('leftpages:', this.leftPages)
+    },
+    leftCurrentPageChange(current) {
+      this.leftPages.currentPage = current
+      this.getLeftUserList()
+      console.log('leftpages:', this.leftPages)
+    },
+    leftSizePageChange(current) {
+      this.leftPages.size = current
+      this.getLeftUserList()
+      console.log('leftpages:', this.leftPages)
+    },
+    rightCurrentPageChange(current) {
+      this.rightPages.currentPage = current
+      this.rightTabs === 0 && this.getRightListPolicy()
+      this.rightTabs === 1 && this.getRightSearchByUserId()
+    },
+    rightSizePageChange(current) {
+      this.rightPages.size = current
+      this.rightTabs === 0 && this.getRightListPolicy()
+      this.rightTabs === 1 && this.getRightSearchByUserId()
+    },
+    leftSelectionChange(val) {
+      this.leftUserSelections = val
+      console.log(val, '--------------------00000');
+    },
+    rightSelectionChange(val) {
+      this.rightDataSelections = val
+    },
+    onSubmit() {
+      if (!this.leftUserSelections.length) return this.$message.info('请选择推送用户')
+      if (!this.rightDataSelections.length) return this.$message.info('请选择推送政策或岗位')
+      if (this.rightTabs === 0) {
+        this.pushPolicyAndUser()
+      } else {
+        this.pushPostAndUser()
+      }
+    },
+    groupNameChange() {
+      this.getLeftUserList('serve')
+    },
+    async pushPostAndUser() {
+      this.pushState = true
+      const createTime = Date.now() + 2000
+      // console.log(this.rightDataSelections,);
+      let params = {
+        serveId: this.rowData.id,
+        posts: this.rightDataSelections.map((item) => ({id: item.id, type: item.type1, jobName: item.jobName})),
+        users: this.leftUserSelections.map((item) => ({
+          idNumber: item.idNumber,
+          talentsId: item.id,
+          userId: item.userId,
+          userName: item.name
+        }))
+      }
+      console.log(params, "999999999999999999999999999");
+      let resData = await pushPostUserServe(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          this.$message.success('岗位推送成功')
+          this.$refs.crud1.selectClear()
+          this.$refs.crud2.selectClear()
+          this.pushState = false
+        }, timed)
+
+      }
+    },
+    async pushPolicyAndUser() {
+      this.pushState = true
+      const createTime = Date.now() + 2000
+      let params = {
+        serveId: this.rowData.id,
+        policyIds: this.rightDataSelections.map((item) => item.id),
+        users: this.leftUserSelections.map((item) => ({
+          idNumber: item.idNumber,
+          talentsId: item.id,
+          userId: item.userId,
+          userName: item.name
+        }))
+      }
+      let resData = await pushPolicyUserServe(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          this.$message.success('政策推送成功')
+          this.$refs.crud1.selectClear()
+          this.$refs.crud2.selectClear()
+          this.pushState = false
+        }, timed)
+      }
+    },
+    async getRightSearch() {
+      let params = {keywords: this.searchInput || '1'}
+      const createTime = Date.now() + 3000
+      this.rightLoading = true
+      let resData = await getSearchAll(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          this.rightLoading = false
+          this.rightDataList = resData.data.data
+        }, timed)
+
+      }
+    },
+    async getRightSearchByUserId() {
+      const {currentPage, size} = this.rightPages
+      const ids = this.leftUserSelections.map(item => item.userId).join(',');
+      const createTime = Date.now() + 3000
+      this.rightLoading = true
+      let params = {
+        ids, current: currentPage,
+        size,
+      }
+      let resData = await getSearchAllByUserId(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          const {records, total, size, current} = resData.data.data
+          this.rightLoading = false
+          this.rightDataList = records
+          this.rightPages = {total, size, currentPage: current}
+        }, timed)
+      }
+    },
+    async getRightListPolicy() {
+      const {currentPage, size} = this.rightPages
+      let params = {
+        ids: this.rowData.policyIds,
+        current: currentPage,
+        size,
+      }
+      const createTime = Date.now() + 3000
+      this.rightLoading = true
+      let resData = await getListByids(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          const {records, total, size, current} = resData.data.data
+          this.rightLoading = false
+          this.rightDataList = records
+          this.rightPages = {total, size, currentPage: current}
+        }, timed)
+      }
+    },
+    async getLeftUserList(type) {
+      const {currentPage, size} = this.leftPages
+      const createTime = Date.now() + 3000
+      let params = {
+        ...this.formInline,
+        current: currentPage,
+        size,
+        labels: this.rowData.talentsNames.join(','),
+        talentsGroupId: this.rowData.talentsGroupId
+      }
+      console.log('params', params)
+      // params.labels = '未分组'
+      this.leftLoading = true
+      let resData = await getListAllByPolicy(params)
+      if (resData.data.code === 200) {
+        const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
+        setTimeout(() => {
+          const {records, total, size, current} = resData.data.data
+          this.leftUserDataList = records
+          this.leftPages = {total, size, currentPage: current}
+          console.log('leftpages:', this.leftPages)
+          this.leftLoading = false
+        }, timed)
+
+      }
+    },
+    async getLeftSignGroupList() {
+      const arr = this.rowData.talentsNames.map((v) => ({groupName: v, value: v}))
+      this.leftServeOptions = [{groupName: '全部'}, ...arr]
+      // let params = { labels: this.rowData.talentsNames.join(',') }
+      // params.labels = '未分组'
+      // let resData = await getListAllByPolicy(params)
+      // if ( resData.data.code === 200 ) {
+      //   this.leftServeOptions = [{groupName: '全部', value: ''}, ...resData.data.data]
+      // }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  display: grid;
+  grid-template-columns: calc(50% - 40px) 80px  calc(50% - 80px);
+  grid-gap: 20px;
+
+  .content-left {
+  }
+
+  .content-center {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+  }
+
+  .content-right {
+
+    //修改动画的大小  给文字加粗效果
+    .right-search {
+      width: 100%;
+    }
+
+  }
+
+  .leftInput {
+    width: 500px;
+
+    .selectWidth {
+      width: 160px !important;
+    }
+
+    .el-input__inner {
+      width: 300px;
+    }
+
+    .input-search {
+      margin-right: -15px;
+      margin-bottom: -10px;
+    }
+  }
+
+}
+
+/deep/ .el-loading-spinner {
+  font-size: 80px;
+  font-weight: bold;
+}
+
+/deep/ .el-loading-spinner .circular {
+  width: 80px;
+  height: 80px;
+}
+
+.content-footer {
+  float: right;
+}
+
+.relative {
+  position: relative;
+}
+</style>
diff --git a/src/views/manage/cuser/serve/Dialog/transferGroups.vue b/src/views/manage/cuser/serve/Dialog/transferGroups.vue
new file mode 100644
index 0000000..23b2e56
--- /dev/null
+++ b/src/views/manage/cuser/serve/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/serve";
+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/manage/cuser/serve/index.vue b/src/views/manage/cuser/serve/index.vue
new file mode 100644
index 0000000..63bd50a
--- /dev/null
+++ b/src/views/manage/cuser/serve/index.vue
@@ -0,0 +1,1629 @@
+<template>
+  <div>
+  <el-row>
+    <el-col :span="5">
+      <basic-container>
+        <p>服务分组管理</p>
+        <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%">
+                <span style="
+                    flex-basis: 80%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    flex-shrink: 1;
+                  ">
+                  {{ node.label }}
+                  （{{ data.sumNum }}个）
+                </span>
+                <span v-show="data.id && data.id !== '0'" style="flex-basis: 20%">
+                  <el-button type="text" icon="el-icon-edit" size="mini"
+                             v-if="vaildData(permission.tenant_main_serve_index_groupedit, false)"
+                             @click="() => updateGroups('edit', data)">
+                  </el-button>
+                  <el-button icon="el-icon-delete" type="text" size="mini"
+                             v-if="vaildData(permission.tenant_main_serve_index_groupdel, false)"
+                             @click="() => removeGroups(data)">
+                  </el-button>
+                </span>
+              </span>
+            </el-tree>
+            <div class="footer" style="padding-left: 6px">
+              <el-button type="text" icon="el-icon-plus"
+                         v-if="vaildData(permission.tenant_main_serve_index_groupadd, false)"
+                         @click="updateGroups('add')">新建分组</el-button>
+            </div>
+          </el-scrollbar>
+        </div>
+      </basic-container>
+    </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.companyName" placeholder="机构名称" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="服务名称:">
+              <el-input v-model="query.name" placeholder="服务名称" clearable></el-input>
+            </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 slot="content">
+                <div v-for="(item, index) in clipStr(row.worktypes)" :key="index"><div>{{item}}</div></div>
+              </div>
+              <div>{{ row.worktypes | ellipsis }}</div>
+            </el-tooltip>
+          </template>
+          <template slot="status" slot-scope="{ row }">
+            <div>
+              <span v-if="row.status == 1" style="color: green">
+                <b>{{ statusArr[row.status] }}</b>
+              </span>
+              <span v-if="row.status == 0" style="color: red">
+                <b>{{ statusArr[row.status] }}</b>
+              </span>
+            </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="serveLabels" slot-scope="{ row }">
+              <el-tooltip effect="dark" placement="top">
+                <div slot="content">
+                  <div v-for="(item, index) in clipStr(row.serveLabels)" :key="index"><div>{{item}}</div></div>
+                </div>
+                <span>{{ row.serveLabels.length > 20 ? `${row.serveLabels.substring(0, 20)}...` :  row.serveLabels}}</span>
+              </el-tooltip>
+            </template>
+          <!--/自定义列-->
+          <template slot="serveLabelsForm">
+            <tag-select v-model="selectLabelNameTypes" :prop="{ label: 'name', value: 'name' }" :data="worktypeData">
+            </tag-select>
+          </template>
+          <!--自定义按钮-->
+          <template slot="menuLeft">
+            <el-button type="primary" size="small" icon="el-icon-delete" @click="() => { $refs.crud.rowAdd(); selectPolicyTree = []}"
+                       v-if="vaildData(permission.tenant_main_serve_index_add, false)">
+              新增</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>{{ row.name }}</span>
+            <!-- <span v-else>{{ row.name }}（<span style="color: red;">未实名</span>）</span> -->
+          </template>
+          <template slot="policyIdsForm" slot-scope="{row}">
+            <el-cascader
+              v-model="selectPolicyTree"
+              :options="listAllPolicyTree"
+              :props="{ expandTrigger: 'hover', multiple: true, label: 'name', value: 'value', children: 'child'}"
+              @change="handleChange"
+            ></el-cascader>
+          </template>
+          <!--/自定义按钮-->
+          <template slot-scope="{row,index}" slot="menu">
+            <el-button type="text"
+             icon="el-icon-document"
+             size="small"
+             v-show="vaildData(permission.tenant_main_serve_index_pushserve, false)"
+             @click="selectPushService(row)"
+            >推送服务</el-button>
+            <el-button type="text"
+             icon="el-icon-document"
+             size="small"
+             @click="showKeyAudience(row)"
+            >服务详情</el-button>
+            <el-button type="text"
+             v-if="row.status == 0"
+             icon="el-icon-video-play"
+             size="small"
+             v-show="vaildData(permission.tenant_main_serve_index_off, false)"
+             @click="playServe(row)"
+            >启用</el-button>
+            <el-button type="text"
+             v-if="row.status == 1"
+             icon="el-icon-video-pause"
+             size="small"
+             v-show="vaildData(permission.tenant_main_serve_index_off, false)"
+             @click="pauseServe(row)"
+            >关闭</el-button>
+          </template>
+          <template slot="talentsNamesForm" slot-scope="{row}">
+            <el-button type="text"
+                       v-if="row.status == 1"
+                       icon="el-icon-video-pause"
+                       size="small"
+                       @click="pauseServe(row)"
+            >关闭</el-button>
+          </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>
+  <!-- <serve-detail ref="copy" @back="backIndex" v-show="false"></serve-detail> -->
+  <el-drawer
+      size="85%"
+      append-to-body
+      title="服务详情"
+      :visible.sync="drawer"
+      :direction="direction"
+      :before-close="handleClose">
+      <avue-crud
+            :data="infoData"
+            :option="infoOption"
+            :search.sync="search"
+            :page.sync="infoPage"
+            @search-change="serveSearchChange"
+            @search-reset="serveResetChange"
+            @size-change="infoSizeChange"
+            @current-change="infoCurrentChange"
+          >
+            <template slot-scope="{row,index}" slot="menu">
+              <el-button type="text"
+                         icon="el-icon-document"
+                         size="small"
+                         @click="matchWorkStation(row)"
+              >匹配任务/岗位</el-button>
+              <el-button type="text"
+                         icon="el-icon-document"
+                         size="small"
+                         @click="matchPolicy(row)"
+              >匹配政策</el-button>
+              <el-button type="text"
+                         icon="el-icon-document"
+                         size="small"
+                         @click="serveLog(row)"
+              >服务日志</el-button>
+            </template>
+          </avue-crud>
+          <el-drawer
+            title="匹配任务/岗位"
+            size="80%"
+            :append-to-body="true"
+            :before-close="handleCloseWork"
+            :visible.sync="innerDrawer1">
+            <avue-crud
+              :data="workData"
+              :option="workOption"
+              :page.sync="workPage"
+              @size-change="workSizeChange"
+              @current-change="workCurrentChange"
+            >
+            <template slot="missionDesc" slot-scope="{ row }">
+              <TextTooltip :content="row.missionDesc" ></TextTooltip>
+            </template>
+            <template slot-scope="{row,index}" slot="menu">
+            <el-button type="text"
+             icon="el-icon-document"
+             size="small"
+             @click="toWorkMissionDetail(row)"
+            >查看详情</el-button>
+          </template>
+            </avue-crud>
+          </el-drawer>
+          <el-drawer
+            title="匹配政策"
+            size="80%"
+            :append-to-body="true"
+            :before-close="handleClosePolicy"
+            :visible.sync="innerDrawer2">
+            <avue-crud
+              :data="policyData"
+              :option="policyOption"
+              :page.sync="policyPage"
+              @size-change="policySizeChange"
+              @current-change="policyCurrentChange"
+            >
+              <template slot="policyContent"  slot-scope="{ row }">
+                <el-tooltip class="item" effect="dark" placement="top-start">
+                  <div slot="content">
+                    <div v-for="(item, index) in clipStr(row.policyContent)" :key="index"><div>{{item}}</div></div>
+                  </div>
+                  <span>{{ row.policyContent.length > 50 ? row.policyContent.substring(0, 50) :  row.policyContent}}</span>
+                </el-tooltip>
+              </template>
+              <template slot="labelName"  slot-scope="{ row }">
+                <el-tooltip class="item" effect="dark" placement="top-start">
+                  <div slot="content">
+                    <div v-for="(item, index) in clipStr(row.labelName)" :key="index"><div>{{item}}</div></div>
+                  </div>
+                  <span>{{ row.labelName.length > 50 ? row.labelName.substring(0, 50) :  row.labelName}}</span>
+                </el-tooltip>
+              </template>
+              <template slot="labelNameForm" slot-scope="{row}">
+                <div>
+                  <el-tag style="margin: 4px 10px" v-for="(item, index) in row.labelName.split(',')" :key="index">{{ item }}</el-tag>
+                </div>
+              </template>
+
+              <template slot="guidelineContentForm" slot-scope="{row}">
+                <div>
+                  <Tinymce v-model="row.guidelineContent" :visibleToolbar="false" :visibleMenubar="false"></Tinymce>
+                </div>
+              </template>
+              <template slot="policyContentForm" slot-scope="{row}">
+                <div>
+                  <Tinymce v-model="row.policyContent" :visibleToolbar="false" :visibleMenubar="false"></Tinymce>
+                </div>
+              </template>
+
+            </avue-crud>
+          </el-drawer>
+          <el-drawer
+            title="服务日志"
+            size="80%"
+            :append-to-body="true"
+            :before-close="handleCloseLog"
+            :visible.sync="innerDrawer3">
+            <!-- <div>
+              <span>姓名：</span>
+              <span>身份证号：</span>
+            </div> -->
+            <avue-crud
+              :data="logData"
+              :option="logOption"
+              :page.sync="logPage"
+              @size-change="logSizeChange"
+              @current-change="logCurrentChange"
+            >
+            <!-- <template slot="menuLeft">
+              <el-button @click="addNewLog" icon="el-icon-plus" type="primary" size="mini">添加</el-button>
+            </template>
+            <template slot="menu" slot-scope="{row}">
+              <el-button type="text" @click="editLogInfo(row.id)" icon="el-icon-edit" size="mini">修改</el-button>
+              <el-button type="text" @click="editLogInfo(row.id)" icon="el-icon-edit" size="mini">查看附件</el-button>
+            </template> -->
+            </avue-crud>
+          </el-drawer>
+    </el-drawer>
+    <mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
+    <work-view :visible.sync="workViewDrawer" :model="workViewModel"></work-view>
+    <PushService
+      :visible.sync="PushServiceVisible"
+      :rowData="selectPushServiceData"
+    ></PushService>
+</div>
+</template>
+
+<script>
+import {
+  getUserList,
+  remove,
+  update,
+  add,
+  detail,
+  getServeGroupList,
+  removeDept,
+  upload,
+  getServeListTalents,
+  getMatchWorkStation,
+  getMatchPolicy,
+  getMatchServeList,
+  getListAllPolicy,
+  getListUserAllTalents
+} from "@/api/tenant/serve";
+import { detail as missionDetail } from "@/api/tenant/mission";
+import { detail as workDetail } from "@/api/tenant/postzp";
+import {getLabelList, 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";
+import missionView from "./missionView.vue";
+import workView from "./workMissionView.vue"
+import {serviceType} from "@/common/dic";
+import Tinymce from "@/components/Tinymce";
+import { deepClone } from "@/util/util";
+import PushService from "@/views/tenant/main/serve/Dialog/pushService.vue";
+import TextTooltip from "@/components/text-tooltip/index.vue";
+const page = {
+  pageSize: 10,
+  currentPage: 1,
+  total: 0,
+}
+export default {
+  filters: {
+    ellipsis(value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  name: "tenant_talents",
+  data() {
+    return {
+      search: {
+        companyName: '',
+        name: ''
+      },
+      PushServiceVisible: false,
+      selectPushServiceData: null,
+      viewDrawer: false,
+      workViewDrawer: false,
+      view: {},
+      workViewModel: {},
+      statusArr: {
+        0: "未启用",
+        1: "服务中",
+        2: "已完成",
+        3: "已关闭",
+      },
+      direction: 'rtl',
+      drawer: false,
+      innerDrawer1: false,
+      innerDrawer2: false,
+      innerDrawer3: false,
+      activeNames: "1",
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      selectionList: [],
+      loading: true,
+      templateLoading: false,
+      query: {},
+      props: {
+        label: "groupName",
+        id: "id",
+      },
+      personTotal: 0,
+      treeData: [],
+      tenantId: "",
+      page: Object.assign({} ,page),
+      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: [],
+      visibleAudience: false,
+      selectInfo: null,
+      infoData: [],
+      workData: [],
+      policyData: [],
+      logData: [],
+      infoPage: Object.assign({} ,page),
+      workPage: Object.assign({} ,page),
+      policyPage: Object.assign({} ,page),
+      logPage: Object.assign({} ,page),
+      obj: {},
+      excelForm: { isCovered: 1 },
+      listAllPolicyTree: [],
+      selectPolicyTree: [],
+      talentsList: []
+    };
+  },
+  components: { addGroups, transferGroups, Resume, ied, missionView, workView, Tinymce, PushService, TextTooltip},
+  watch: {},
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      return {
+        addBtn: this.vaildData(this.permission.tenant_main_serve_index_add, false),
+        viewBtn: true,
+        delBtn: this.vaildData(this.permission.tenant_main_serve_index_del,false),
+        editBtn: this.vaildData(this.permission.tenant_main_serve_index_edit, 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();
+        }
+      };
+      console.log(self.talentsList)
+      return {
+        height: "auto",
+        dialogWidth: "60%",
+        calcHeight: 180,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        addBtn: false,
+        viewBtn: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: false,
+        indexLabel: "序号",
+        selection: true,
+        dialogType: "drawer",
+        dialogClickModal: false,
+        labelWidth: 120,
+        column: [
+          {
+            label: "机构名称",
+            prop: "companyName",
+            addDisplay: false,
+          },
+
+          {
+            label: "服务名称",
+            prop: "name",
+            // search: true,
+            span: 24,
+            rules: [
+              {
+                required: true,
+                whitespace: true,
+                message: "请输入姓名",
+                trigger: "blur",
+              },
+            ],
+            slot: true
+          },
+          {
+            label: "服务分组",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            display: true,
+            dicData: self.treeData,
+            hide: true,
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请选择分组",
+                trigger: "change",
+              },
+            ],
+            placeholder: "请选择 分组",
+          },
+          {
+            label: "政策指南",
+            prop: "policyIds",
+            // search: true,
+            span: 24,
+            hide: true,
+            // display: false,
+            formslot: true,
+          },
+          {
+            label: "用户类型",
+            prop: "userId",
+            type: "select",
+            dicData: [
+              {
+                value: "0",
+                label: "未注册用户",
+              },
+              {
+                value: "1",
+                label: "已注册用户",
+              },
+            ],
+            display: false,
+            hide: true,
+            // search: true
+          },
+          {
+            label: "服务场景",
+            prop: "serveLabels",
+            rules: [
+              {
+                required: true,
+                message: "请选择标签",
+                trigger: ["blur"],
+              },
+            ],
+            slot: true,
+            formslot: true,
+          },
+          {
+            label: "零工人群",
+            prop: "talentsGroupId",
+            type: "select",
+            multiple: true,
+            hide: true,
+            display: true,
+            dicData: self.talentsList,
+            props: {
+              label: "groupName",
+              value: "id"
+            },
+            span: 24,
+          },
+          {
+            label: "服务状态",
+            prop: "status",
+            display: false,
+            span: 24,
+            slot: true,
+          },
+          {
+            label: "备注",
+            prop: "remarks",
+            type: "textarea",
+            slot: true,
+            hide: true,
+            span: 24,
+            maxlength: 100,
+            showWordLimit: true,
+          },
+        ],
+      };
+    },
+    workOption() {
+      return {
+        editBtn: false,
+        delBtn: false,
+        addBtn: false,
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        refreshBtn: false,
+        height: '100',
+        column: [{
+          label: "名称",
+          prop: "missionTitle",
+        }, {
+          label: "描述",
+          prop: "missionDesc",
+          slot: true
+        }]
+      }
+    },
+    policyOption() {
+      return {
+        editBtn: false,
+        delBtn: false,
+        addBtn: false,
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        refreshBtn: false,
+        height: '100',
+        viewBtn:true,
+        dialogType: "drawer",
+        column: [{
+          label: '政策名称',
+          prop: 'name'
+        },
+          {
+            label: "政策级别",
+            prop: "level",
+            span: 12,
+            hide: true,
+          },
+          {
+            label: "政策文号",
+            prop: "number",
+            span: 12,
+            hide: true,
+          },
+          {
+            label: "发文机构",
+            prop: "issuingAuthority",
+            span: 12,
+            hide: true,
+          },
+          {
+            label: "分组",
+            prop: "groupId",
+            type: "tree",
+            hide: true,
+            span: 12,
+            display: true,
+            placeholder: "请选择 分组",
+          },
+          {
+            label: "有效性",
+            prop: "status",
+            type: "tree",
+            span: 12,
+            hide: true,
+            display: true,
+            dicData: [{ name: "有效", value: 1 }, { name: "无效", value: 0 }],
+            props: {
+              label: "name",
+              value: "value",
+            },
+          },
+          {
+            label: "服务类型",
+            prop: "stype",
+            type: "tree",
+            span: 12,
+            display: true,
+            hide: true,
+            dicData: serviceType,
+            props: {
+              label: "label",
+              value: "value",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请选择服务类型",
+                trigger: "change",
+              },
+            ],
+            placeholder: "请选择 服务类型",
+          },
+          {
+            label: "发文字号",
+            prop: "issuingNumber",
+            hide: true,
+            span: 12,
+            // row: true,
+            maxlength: 50,
+            showWordLimit: true,
+          },
+          {
+            label: "类别",
+            prop: "category",
+            span: 12,
+            hide: true,
+            maxlength: 50,
+            showWordLimit: true,
+          },
+          {
+            label: "标签",
+            prop: "labelName",
+            hide: false,
+            formslot: true,
+            span: 24,
+          },
+          {
+            label: "政策文件名",
+            prop: "policyFileName",
+            hide: true,
+            span: 24,
+          },
+          {
+            label: '政策内容',
+            prop: 'policyContent',
+            slot: true,
+            hide: true,
+            formslot: true,
+            span: 24,
+          },
+          {
+            label: "指南文件名",
+            prop: "guidelineFileName",
+            hide: true,
+            span: 24,
+            maxlength: 50,
+            showWordLimit: true,
+          },
+          {
+            label: "指南内容",
+            prop: "guidelineContent",
+            hide: true,
+            formslot: true,
+            span: 24,
+          },
+          {
+            label: "备注",
+            prop: "remarks",
+            type: "textarea",
+            hide: true,
+            span: 24,
+            maxlength: 100,
+            showWordLimit: true,
+          },
+        ]
+      }
+    },
+    logOption() {
+      return {
+        editBtn: true,
+        delBtn: true,
+        addBtn: true,
+        viewBtn: true,
+        border: true,
+        index: true,
+        indexLabel: "序号",
+        refreshBtn: false,
+        dialogType: "drawer",
+        height: '100',
+        column: [{
+          label: '服务时间',
+          prop: 'createTime'
+        },{
+          label: '服务发起人',
+          prop: 'fromName'
+        },{
+          label: '服务对象',
+          prop: 'toName'
+        },{
+          label: '服务主题',
+          prop: 'serveTheme'
+        },{
+          label: '服务内容',
+          prop: 'serveContent'
+        },{
+          label: '备注说明',
+          prop: 'bak1'
+        }]
+      }
+    },
+    infoOption() {
+      return {
+        dialogWidth: "50%",
+        dialogType: "drawer",
+        dialogClickModal: false,
+        editBtn: false,
+        delBtn: false,
+        addBtn: false,
+        viewBtn: true,
+        border: true,
+        refreshBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        searchMenuSpan: 6,
+        height: '100',
+        column: [
+          {
+            label: "姓名",
+            prop: "name",
+            search: true
+          },
+          {
+            label: "身份证",
+            prop: "idNumber",
+            search: true
+          },
+          {
+            label: "手机号",
+            prop: "telphone",
+          },
+          // {
+          //   label: "用户类型",
+          //   prop: "userId",
+          // },
+          {
+            label: "身份标签",
+            prop: "labelsBase",
+          },
+        ]
+      }
+    },
+    selectLabelNameTypes: {
+      get() {
+        if (!this.obj.serveLabels) {
+          return [];
+        }
+        const result = [];
+        const wt = this.obj.serveLabels ? this.obj.serveLabels.split(",") : [];
+        wt.forEach((item) => {
+          result.push({ name: item });
+        });
+        return result;
+      },
+      set(val) {
+        const arr = [];
+        val.forEach((item) => {
+          arr.push(item.name);
+        });
+        this.obj.serveLabels = 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 (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();
+    this.getLabelList();
+    this.getListAllPolicyTree()
+    this.ListAllTalents()
+  },
+  methods: {
+    workSizeChange() {},
+    workCurrentChange() {},
+    async ListAllTalents() {
+      let resData = await getListUserAllTalents()
+      if(resData.data.code === 200) {
+        this.talentsList = resData.data.data
+      }
+    },
+    selectPushService(row) {
+      console.log('点击')
+      detail(row.id).then((res) => {
+        if(res.data.code === 200) {
+          this.selectPushServiceData = res.data.data
+          this.PushServiceVisible = true
+        }
+      })
+      // this.selectPushServiceData = deepClone(row)
+      // this.PushServiceVisible = true
+    },
+    handleChange(item) {
+      console.log(item)
+    },
+    async getListAllPolicyTree() {
+      let resData = await getListAllPolicy({})
+      if(resData.data.code === 200) {
+        this.listAllPolicyTree = resData.data.data
+      }
+    },
+    toPolicyDetail(row) {
+      console.log(row)
+      console.log()
+    },
+    clipStr(str) {
+      const clip = []
+      if(str && str.length > 50) {
+        for (let i = 0; i < Math.ceil(str.length / 50); i++) {
+          clip.push(str.slice(i * 50,i * 50 + 50))
+        }
+        return clip
+      }
+      return [str]
+    },
+    getLabelList() {
+      getLabelList().then( (res) => {
+        const arr = res.data.data.flatMap(obj => obj.child.map(item => item.concatName));
+        this.arr = arr.map(concatName => {
+          this.worktypeDic[concatName] = 1;
+          return concatName;
+        });
+      });
+    },
+    showKeyAudience(row) {
+      this.selectInfo = row
+      this.getKeyAudience({
+        id: row.id
+      })
+      this.drawer = true;
+    },
+    getKeyAudience(params) {
+      const _this = this
+       return getServeListTalents(params).then((res) => {
+        if(res.data.code === 200) {
+          const {records, current, size, total} = res.data.data
+          _this.infoData = records
+          _this.visibleAudience = true
+          _this.infoPage = {
+            pageSize: size,
+            currentPage: current,
+            total: total,
+          }
+        }
+      })
+    },
+    infoSizeChange(pageSize) {
+      const {currentPage, total} = this.infoPage
+      this.getKeyAudience({
+        pageSize: pageSize,
+        current: currentPage,
+        total: total,
+        id: this.selectInfo.id
+      })
+    },
+    infoCurrentChange(currentPage) {
+      const { pageSize, total} = this.infoPage
+      this.getKeyAudience({
+        pageSize: pageSize,
+        current: currentPage,
+        total: total,
+        id: this.selectInfo.id
+      })
+    },
+    infoRefreshChange() {
+      const { currentPage, pageSize, total} = this.infoPage
+      this.getKeyAudience({
+        pageSize: pageSize,
+        current: currentPage,
+        total: total,
+        id: this.selectInfo.id
+      })
+    },
+    getWorkTypes() {
+
+      getWorkTypes(1).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) {
+      getServeGroupList().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.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(() => {
+        });
+    },
+    /*批量转移分组 */
+    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);
+    },
+    /*新增 编辑 转移  删除分组 更新人才后*/
+    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) {
+      const self = this
+      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.serveLabels.split(",");
+                const policyIds = self.treeIteration(this.listAllPolicyTree, res.data.data.policyIds.split(','))
+                self.selectPolicyTree = policyIds
+                done();
+              },
+              (error) => {
+                window.console.log(error);
+              }
+            );
+          }, 0);
+        } else {
+          this.tempWorkType = [];
+          done();
+        }
+      }
+    },
+    treeIteration(tree, ids) {
+      if( !(tree.length && ids.length) ) return;
+      let arr = []
+      tree.forEach((treeItem) => {
+        treeItem.child.forEach((item) => {
+          if(ids.some((id) => item.value === id)) {
+            arr.push([treeItem.value, item.value])
+          }
+        })
+      })
+      return arr;
+    },
+    /*新增人才*/
+    rowSave(row, done) {
+      let params = {
+          groupId: row.groupId,
+          name: row.name,
+          serveLabels: row.serveLabels,
+          remarks: row.remarks,
+          policyIds:  this.selectPolicyTree.map((item) => item[1]).join(','),
+          talentsGroupId: row.talentsGroupId.join(',')
+      }
+      add(params).then(
+        () => {
+          this.$message({
+            type: "success",
+            message: "操作成功!",
+          });
+          done();
+          this.selectPolicyTree = []
+          this.refresh();
+        },
+        (error) => {
+          this.selectPolicyTree = []
+          window.console.log(error);
+          done();
+        }
+      );
+    },
+    /*编辑人才*/
+    rowUpdate(row, index, done) {
+
+      console.log(row)
+      update({
+        id: row.id,
+        groupId: row.groupId,
+        name: row.name,
+        serveLabels: row.serveLabels,
+        remarks: row.remarks,
+        policyIds:  this.selectPolicyTree.map((item) => item[1]).join(','),
+        talentsGroupId: row.talentsGroupId
+      }).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(() => {
+        });
+    },
+    /*批量删除人才*/
+    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(() => {
+        });
+    },
+    /*导入人才库*/
+    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();
+    },
+    serveSearchChange(params, done) {
+      console.log(params);
+      this.infoPage.currentPage = 1;
+      const {currentPage, pageSize} = this.infoPage
+      this.getKeyAudience({
+        current: currentPage,
+        pageSize,
+        id: this.selectInfo.id,
+        ...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;
+      getUserList(
+        page.currentPage,
+        page.pageSize,
+        Object.assign(params, this.query),
+        this.tenantId
+      ).then((res) => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        console.log( data.records)
+        this.data = data.records.map((item) => ({
+          ...item, talentsGroupId: item.talentsGroupId.split(',')
+        }));
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+    // 匹配任务和岗位
+    matchWorkStation(row) {
+      console.log('匹配任务和岗位')
+      getMatchWorkStation({serveUserId: row.serveUserId, serveId: this.selectInfo.id, companyId: this.selectInfo.companyId}).then(res => {
+        const {records, current, size, total} = res.data.data
+        this.innerDrawer1 = true
+        this.workData = records
+        this.workPage = {
+          pageSize: size,
+          currentPage: current,
+          total: total,
+        }
+      })
+    },
+    // 匹配政策
+    matchPolicy(row) {
+      console.log('匹配政策')
+      getMatchPolicy({id: row.id, serveId: this.selectInfo.id, serveUserId: row.serveUserId}).then(res => {
+        let _this = this;
+        const {records, current, size, total} = res.data.data
+          _this.policyData = records
+          _this.innerDrawer2 = true
+          _this.policyPage = {
+            pageSize: size,
+            currentPage: current,
+            total: total,
+          }
+      })
+    },
+    // 服务日志
+    serveLog(row) {
+      console.log('服务日志')
+      getMatchServeList({id: row.id, serveId: this.selectInfo.id, companyId: this.selectInfo.companyId, current: 1, size: 10}).then(res => {
+        let _this = this;
+        const {records, current, size, total} = res.data.data
+          _this.logData = records
+          _this.innerDrawer3 = true
+          _this.logPage = {
+            pageSize: size,
+            currentPage: current,
+            total: total,
+          }
+      })
+    },
+    /**/
+    handleClose() {
+      this.drawer = false;
+      this.innerDrawer3 = false
+      this.infoData = null;
+    },
+    handleCloseWork() {
+      this.innerDrawer1 = false
+    },
+    handleClosePolicy() {
+      this.innerDrawer2 = false
+    },
+    handleCloseLog() {
+      this.innerDrawer3 = false
+    },
+    /*查看*/
+    toWorkMissionDetail(row) {
+      if(row.type == 0) {
+        missionDetail(row.missionNo).then((res) => {
+          this.viewDrawer = true;
+          this.view = res;
+        });
+      } else if(row.type == 1) {
+        workDetail(row.id).then(res => {
+          this.workViewDrawer = true;
+          this.workViewModel = res;
+        })
+      }
+
+    },
+    // 启用服务
+    playServe(row) {
+      this.$confirm('是否确认启用该服务？', {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          return update({id: row.id, status: 1})
+        }).then(
+          () => {
+          this.$message({
+            type: "success",
+            message: "启用成功!",
+          });
+          this.refresh();
+        },
+        (error) => {
+          window.console.log(error);
+        })
+    },
+    pauseServe(row) {
+      this.$confirm('是否确认关闭该服务？', {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          return update({id: row.id, status: 0})
+        }).then(
+          () => {
+          this.$message({
+            type: "success",
+            message: "关闭成功!",
+          });
+          this.refresh();
+        },
+        (error) => {
+          window.console.log(error);
+        })
+    },
+    addNewLog() {
+      console.log('add log')
+      this.$router.push({ name: '添加/修改日志log', params: { type: 'add', id: null } })
+    },
+    editLogInfo() {
+      console.log('edit log')
+      this.$router.push({ name: '添加/修改日志log', params: { type: 'edit', id: null } })
+    }
+  },
+};
+</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/manage/cuser/serve/missionView.vue b/src/views/manage/cuser/serve/missionView.vue
new file mode 100644
index 0000000..622f51d
--- /dev/null
+++ b/src/views/manage/cuser/serve/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/manage/cuser/serve/workMissionView.vue b/src/views/manage/cuser/serve/workMissionView.vue
new file mode 100644
index 0000000..a8e450a
--- /dev/null
+++ b/src/views/manage/cuser/serve/workMissionView.vue
@@ -0,0 +1,35 @@
+<template>
+  <el-drawer title="查看岗位" :visible.sync="viewDrawer" size="60%">
+    <work-view :model="model"></work-view>
+  </el-drawer>
+</template>
+
+<script>
+import workView from "@/views/util/work-view";
+
+export default {
+  components: { workView },
+  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/manage/cuser/talents/index.vue b/src/views/manage/cuser/talents/index.vue
index 3cf404e..590e51a 100644
--- a/src/views/manage/cuser/talents/index.vue
+++ b/src/views/manage/cuser/talents/index.vue
@@ -14,15 +14,15 @@
                      :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"> -->
-                <TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="10" tip-width="10"></TextTooltip>
+                 <TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="10" tip-width="10"></TextTooltip>
                 <!-- </el-tooltip> -->
                 <span v-show="data.id && data.id !== '0'" style="flex-basis: 20%">
                   <el-button type="text" icon="el-icon-edit" size="mini"
-                             v-if="vaildData(permission.tenant_main_talents_latent_index_groupedit, false)"
+                             v-if="vaildData(permission.tenant_main_talents_certain_index_groupedit, false)"
                              @click="() => updateGroups('edit', data)">
                   </el-button>
                   <el-button icon="el-icon-delete" type="text" size="mini"
-                             v-if="vaildData(permission.tenant_main_talents_latent_index_groupdelete, false)"
+                             v-if="vaildData(permission.tenant_main_talents_certain_index_groupdelete, false)"
                              @click="() => removeGroups(data)">
                   </el-button>
                 </span>
@@ -31,7 +31,7 @@
             <!-- v-show="vaildData(permission.tenant_wage_payroll_view, false)" -->
             <div class="footer" style="padding-left: 6px">
               <el-button type="text" icon="el-icon-plus"
-                         v-if="vaildData(permission.tenant_main_talents_latent_index_groupadd, false)"
+                         v-if="vaildData(permission.tenant_main_talents_certain_index_groupadd, false)"
                          @click="updateGroups('add')">新建分组
               </el-button>
             </div>
@@ -46,22 +46,6 @@
     </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-input v-model="query.idNumber" placeholder="请输入身份证" clearable></el-input>
-            </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"
@@ -91,15 +75,15 @@
           <!--自定义按钮-->
           <template slot="menuLeft">
             <el-button type="success" size="small" plain icon="el-icon-plus" @click="handleImport"
-                       v-show="vaildData(permission.tenant_main_talents_latent_index_add, false)">批量导入
+                       v-show="vaildData(permission.tenant_main_talents_certain_index_add, false)">批量导入
             </el-button>
             <el-button type="warning" size="small" plain :disabled="!selectionList.length" icon="el-icon-sort"
                        @click="handleTransfer"
-                       v-show="vaildData(permission.tenant_main_talents_latent_index_tansfergroup, false)">转移推送
+                       v-show="vaildData(permission.tenant_main_talents_certain_index_transfergroup, false)">转移推送
             </el-button>
             <el-button type="danger" size="small" icon="el-icon-delete" @click="handleDelete"
                        :disabled="!selectionList.length" plain
-                       v-show="vaildData(permission.tenant_main_talents_latent_index_tansfergroup, false)">
+                       v-show="vaildData(permission.tenant_main_talents_certain_index_transfergroup, false)">
               删除
             </el-button>
           </template>
@@ -110,6 +94,16 @@
 
           </template>
           <!--/自定义按钮-->
+          <template slot="menuRight">
+            <el-button
+              type="primary"
+              size="small"
+              :disabled="downloadButton"
+              @click="handleExport"
+            >导出
+            </el-button
+            >
+          </template>
         </avue-crud>
 
         <!--批量导入-->
@@ -146,8 +140,7 @@ import {
   detail,
   getDept,
   removeDept,
-  upload,
-  getDeptMyTree
+  upload, getDeptMyTree,
 } from "@/api/tenant/talents";
 import {getWorkTypes, getLabelList} from "@/api/tenant/common";
 import {mapGetters} from "vuex";
@@ -155,7 +148,7 @@ 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 {getTemplate, getTemplateRecommendExportList} from "@/api/resource/template";
 import ied from "@/views/util/import-error-dialog";
 import {excelAccept} from "@/common/accept";
 import TextTooltip from '@/components/text-tooltip'
@@ -173,6 +166,7 @@ export default {
   name: "tenant_talents",
   data() {
     return {
+      downloadButton: false,
       activeNames: "1",
       isIndeterminate: false,
       checkAll: false,
@@ -196,11 +190,11 @@ export default {
       tempWorkType: [],
       worktypeDic: {},
       arr: [],//////
-      depTree: [],
       deptId: '',
       excelBox: false,
       data: [],
       obj: {},
+      depTree: [],
       excelForm: {isCovered: 1},
     };
   },
@@ -210,10 +204,10 @@ export default {
     ...mapGetters(["permission"]),
     permissionList() {
       return {
-        addBtn: this.vaildData(this.permission.tenant_main_talents_latent_index_add, false),
+        addBtn: this.vaildData(this.permission.tenant_main_talents_certain_index_add, false),
         viewBtn: true,
-        delBtn: this.vaildData(this.permission.tenant_main_talents_latent_index_del, false),
-        editBtn: this.vaildData(this.permission.tenant_main_talents_latent_index_edit, false),
+        delBtn: this.vaildData(this.permission.tenant_main_talents_certain_index_delete, false),
+        editBtn: this.vaildData(this.permission.tenant_main_talents_certain_index_edit, false)
       };
     },
     ids() {
@@ -270,21 +264,18 @@ export default {
         dialogClickModal: false,
         column: [
           {
-            label: "机构名称",
-            prop: "companyName",
-            // search: true,
-            // span: 24,
-            // rules: [
-            //   {
-            //     required: true,
-            //     whitespace: true,
-            //     message: "请输入街道名称",
-            //     trigger: "blur",
-            //   },
-            // ],
-            // slot: true,
-            addDisplay: false,
-            // hide: true
+            label: "所属机构",
+            prop: "createDept",
+            type: "tree",
+            multiple: false,
+            dicData: this.depTree,
+            props: {
+              label: "title",
+            },
+            checkStrictly: true,
+            span: 24,
+            search: true,
+            change: this.deptChange
           },
           {
             label: "姓名",
@@ -299,8 +290,27 @@ export default {
                 trigger: "blur",
               },
             ],
+            search: true,
             slot: true
           },
+          {
+            label: "姓别",
+            prop: "aac004",
+            type: 'select',
+            dicUrl: "/api/jobslink-api/system/dict-biz/tadict?code=AAC004",
+            props: {
+              label: "dictValue",
+              value: "dictValue",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请输入性别",
+                trigger: "blur",
+              },
+            ],
+            span: 24,
+          },
           {
             label: "身份证",
             prop: "idNumber",
@@ -310,6 +320,7 @@ export default {
               {required: true, message: "请输入身份证号", trigger: "blur"},
               {trigger: "blur", validator: IdCardNo},
             ],
+            search: true,
           },
           {
             label: "手机号",
@@ -325,22 +336,80 @@ export default {
             ],
           },
           {
-            label: "用户类型",
-            prop: "userId",
-            type: "select",
-            dicData: [
+            label: "民族",
+            prop: "aac005",
+            type: 'select',
+            dicUrl: "/api/jobslink-api/system/dict-biz/tadict?code=AAC005",
+            props: {
+              label: "dictValue",
+              value: "dictValue",
+            },
+            props: {
+              label: "dictValue",
+              value: "dictKey",
+            },
+            rules: [
               {
-                value: "0",
-                label: "未注册用户",
-              },
-              {
-                value: "1",
-                label: "已注册用户",
+                required: true,
+                message: "请输入民族",
+                trigger: "blur",
               },
             ],
+            span: 24,
+          },
+          {
+            label: "户口性质",
+            prop: "aac009",
+            type: 'select',
+            dicUrl: "/api/jobslink-api/system/dict-biz/tadict?code=AAC009",
+            props: {
+              label: "dictValue",
+              value: "dictValue",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请输入户口性质",
+                trigger: "blur",
+              },
+            ],
+            span: 24,
+          },
+          {
+            label: "户口所在地",
+            prop: "aac010",
+            // hide: true,
+            span: 24,
+            rules: [
+              {required: true, message: "请输入口所在地", trigger: "blur"},
+            ],
+          },
+          {
+            label: "文化程度",
+            prop: "aac011",
+            type: 'select',
+            dicUrl: "/api/jobslink-api/system/dict-biz/tadict?code=AAC011",
+            props: {
+              label: "dictValue",
+              value: "dictValue",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请输入文化程度",
+                trigger: "blur",
+              },
+            ],
+            span: 24,
+          },
+          {
+            label: "经办时间",
+            prop: "aae036",
             display: false,
-            hide: true,
-            // search: true
+            span: 24,
+            rules: [
+              {required: true, message: "请输入经办时间", trigger: "blur"},
+            ],
           },
           {
             label: "分组",
@@ -376,12 +445,6 @@ export default {
             formslot: true,
             span: 24,
           },
-          // {
-          //   label: "简历",
-          //   prop: "resume",
-          //   slot: true,
-          //   display: false
-          // },
           {
             label: "备注",
             prop: "remarks",
@@ -398,7 +461,6 @@ export default {
     excelOption() {
       const baseUrl = upload() + `&deptId=${this.deptId}`
       const url = this.tenantId ? `${baseUrl}&id=${this.tenantId}` : baseUrl
-
       return {
         submitBtn: false,
         emptyBtn: false,
@@ -490,6 +552,24 @@ export default {
     this.getDept()
   },
   methods: {
+    handleExport() {
+      this.downloadButton = true
+      // 0 潜在 1 已认定
+      getTemplateRecommendExportList({
+        groupType: 9,
+        ...this.query
+      }).then((response) => {
+        const blob = window.URL.createObjectURL(new Blob([response.data], {type: response.headers['content-type']}));
+        let fileName = decodeURI(response.headers['content-disposition'].split(';')[1].split('filename=')[1])
+        let a = document.createElement('a')
+        let event = new MouseEvent('click')
+        a.download = fileName || Date.now() + '.xlsx'
+        a.href = blob
+        a.dispatchEvent(event)
+        this.downloadButton = false
+      })
+
+    },
     deptChange({value, column}) {
       this.deptId = value
       console.log(value)
@@ -677,7 +757,14 @@ export default {
     },
     /*新增人才*/
     rowSave(row, done) {
+      let obj = {}
+      for (const rowKey in row) {
+        if (row[rowKey]) {
+          obj[rowKey] = row[rowKey]
+        }
+      }
       add({
+        ...obj,
         groupId: row.groupId,
         name: row.name,
         idNumber: row.idNumber,
@@ -703,6 +790,7 @@ export default {
     /*编辑人才*/
     rowUpdate(row, index, done) {
       update({
+        ...row,
         id: row.id,
         groupId: row.groupId,
         name: row.name,
@@ -878,7 +966,7 @@ export default {
     /*下载人才库模板 */
     handleTemplate() {
       this.templateLoading = true;
-      getTemplate("lgrydj")
+      getTemplate("rqkdr")
         .then((rep) => {
           this.templateLoading = false;
           window.open(rep.data.data);
@@ -910,14 +998,6 @@ export default {
       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;
diff --git a/src/views/manage/works/supplyDemand/index.vue b/src/views/manage/works/supplyDemand/index.vue
new file mode 100644
index 0000000..cf8b07b
--- /dev/null
+++ b/src/views/manage/works/supplyDemand/index.vue
@@ -0,0 +1,201 @@
+<template>
+  <div>
+    <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-select v-model="query.type">
+              <el-option
+                v-for="(item, index) in types"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="日期类型：" v-if="query.type === 2">
+            <el-select v-model="query.timeType" @blur="delete query.time">
+              <el-option
+                v-for="(item, index) in times"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="日期：" v-if="query.type === 2">
+            <el-date-picker
+              v-if="timeEleType[query.timeType] === 'monthrange'"
+              v-model="query.time"
+              :type="timeEleType[query.timeType]"
+              placeholder="选择开始日期"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+            </el-date-picker>
+            <YearRange
+              v-else
+              v-model="query.time"
+            ></YearRange>
+          </el-form-item>
+          <div class="searchBtn">
+            <el-button
+              type="primary"
+              size="small"
+              icon="el-icon-search"
+              @click="searchTabs"
+            >搜 索
+            </el-button
+            >
+            <el-button size="small" icon="el-icon-delete" @click="searchReset"
+            >清 空
+            </el-button
+            >
+          </div>
+        </el-row>
+      </el-form>
+      <avue-crud
+        :option="option"
+        :table-loading="loading"
+        :page.sync="page"
+        :data="data"
+        ref="crud"
+        v-model="form"
+      ></avue-crud>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import {
+  getAllCountPostCount
+} from "@/api/work/work";
+import YearRange from "@/components/yearRange/index.vue";
+import {missionState} from "@/common/dic";
+import {dateFormat} from "@/util/date";
+
+let types = [
+  {value: 0, label: '供需人数'},
+  {value: 1, label: '按行业'},
+  {value: 2, label: '按时间'},
+]
+let times = [
+  {value: 3, label: '年'},
+  {value: 1, label: '月'},
+  // {value: 3, label: '周'},
+]
+let timeEleType = {
+  3: 'year',
+  1: 'monthrange',
+  // 3: 'week',
+}
+export default {
+  name: 'supplyDemand',
+  components: {YearRange},
+  data() {
+    return {
+      types,
+      times,
+      timeEleType,
+      loading: false,
+      data: [],
+      form: {},
+      query: {
+        type: 0,
+        timeType: 1
+      },
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+    }
+  },
+  created() {
+    this.getDetail()
+  },
+  computed: {
+    option() {
+      return {
+        height: "auto",
+        tip: false,
+        columnBtn: false,
+        searchShow: true,
+        searchMenuSpan: 5,
+        menuWidth: 110,
+        border: true,
+        selection: false,
+        viewBtn: false,
+        menu: false,
+        addBtn: false,
+        editBtn: false,
+        delBtn: false,
+        dialogClickModal: false,
+        dialogType: "drawer",
+        dialogFullscreen: true,
+        mStatusList: missionState,
+        align: 'center',
+        column: [
+          {
+            label: "名称",
+            prop: "name",
+          },
+          {
+            label: "零工人数",
+            prop: "workerCount",
+          },
+          {
+            label: "零工岗位人数",
+            prop: "workCount",
+          },
+          {
+            label: "求人倍率",
+            prop: "ratio",
+          },
+        ]
+      }
+    }
+  },
+  methods: {
+    searchTabs() {
+      this.getDetail()
+    },
+    searchReset() {
+      this.query = {
+        type: 0,
+        timeType: 1
+      }
+      this.getDetail()
+    },
+    async getDetail() {
+      let params = {
+        ...this.query,
+      }
+      if (params.type === 2 && params.timeType) {
+        if (params.time && params.time.length === 2) {
+          params.stime = dateFormat(typeof params.time[0] === 'string' ? new Date(params.time[0]) : params.time[0], 'yyyy-MM-dd hh:mm:ss')
+          params.etime = dateFormat(typeof params.time[1] === 'string' ? new Date(params.time[1]) : params.time[1], 'yyyy-MM-dd hh:mm:ss')
+          delete params.time
+        } else {
+          return this.$message({type: "info", message: "请选择日期"});
+        }
+      }
+
+      let resData = await getAllCountPostCount(params)
+      if (resData.data.code === 200) {
+        console.log(resData.data)
+        const {records, page, size, total} = resData.data.data
+        this.data = records
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>