flat: 暂存
This commit is contained in:
Apcallover
373
src/views/tenant/main/serve/Dialog/pushService2.vue
Normal file
373
src/views/tenant/main/serve/Dialog/pushService2.vue
Normal file
@@ -0,0 +1,373 @@
|
||||
<template>
|
||||
<el-drawer size="100%" append-to-body title="推送服务" :visible.sync="viewDrawer">
|
||||
<div>
|
||||
<div class="push-header">
|
||||
<div>
|
||||
<el-button type="primary" size="small" @click="changeTabs(0)">匹配政策</el-button>
|
||||
<el-button type="primary" @click="changeTabs(1)" size="small">匹配岗位</el-button>
|
||||
<el-input style="width: 300px; margin-left: 15px" placeholder="搜索岗位" v-show="rightTabs === 1" size="small"
|
||||
prefix-icon="el-icon-search"
|
||||
@input="searchInputChange" v-model="searchInput" clearable>
|
||||
</el-input>
|
||||
</div>
|
||||
<el-button type="primary" style="width: 80px" size="small" :disabled="pushState" @click="onSubmit">
|
||||
{{ pushState ? '推送中...' : rightTabs ? '推送岗位' : '推送政策' }}
|
||||
</el-button>
|
||||
</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="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>
|
||||
<template slot="address" slot-scope="{row}">
|
||||
<TextTooltip :content="row.address" length="40"></TextTooltip>
|
||||
</template>
|
||||
</avue-crud>
|
||||
<CustomLoading :visible="rightLoading" size="largeXXL" loading-text="智能分析匹配中...">
|
||||
<div class="loading-box">
|
||||
<div class="row-loading">
|
||||
<span>结构化数据匹配:地理位置、学历、薪资要求</span>
|
||||
<img v-if="progress < 1" class="imgcorrect" src="/img/correct1.png">
|
||||
<img v-else class="imgcorrect" src="/img/correct2.png">
|
||||
</div>
|
||||
<div class="row-loading">
|
||||
<span>非结构化数据:工作经历和简历、工作岗位和招聘岗位 相似度计算</span>
|
||||
<img v-if="progress < 2" class="imgcorrect" src="/img/correct1.png">
|
||||
<img v-else class="imgcorrect" src="/img/correct2.png">
|
||||
</div>
|
||||
</div>
|
||||
</CustomLoading>
|
||||
</div>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
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 rightPolicyOptions = {
|
||||
...baseOptions,
|
||||
column: [{
|
||||
label: '政策名称',
|
||||
prop: 'name',
|
||||
}, {
|
||||
label: '政策标签',
|
||||
prop: 'labelName',
|
||||
slot: true,
|
||||
}]
|
||||
}
|
||||
let rightPostOptions = {
|
||||
...baseOptions,
|
||||
column: [
|
||||
{
|
||||
label: '岗位名称',
|
||||
prop: 'jobName',
|
||||
}, {
|
||||
label: '用工单位',
|
||||
prop: 'companyName',
|
||||
}, {
|
||||
label: '详细地址',
|
||||
prop: 'address',
|
||||
slot: true,
|
||||
}, {
|
||||
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 {
|
||||
leftUserSelections: [],
|
||||
rightDataList: [],
|
||||
rightLoading: false,
|
||||
rightTabs: 0, // 0： 政策， 1： 岗位
|
||||
rightPages: Object.assign({}, pages),
|
||||
rightPolicyOptions: Object.assign({}, rightPolicyOptions),
|
||||
rightPostOptions: Object.assign({}, rightPostOptions),
|
||||
rightDataSelections: [],
|
||||
searchInput: '',
|
||||
pushState: false,
|
||||
progress: 0,
|
||||
timer: null,
|
||||
}
|
||||
},
|
||||
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);
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
changeTabs(type) {
|
||||
this.rightDataList = []
|
||||
this.rightTabs = type
|
||||
this.rightDataSelections = []
|
||||
this.$message.success('智能分析匹配中');
|
||||
type === 0 && this.getRightListPolicy()
|
||||
type === 1 && this.getRightSearchByUserId()
|
||||
},
|
||||
upDateUser(user) {
|
||||
this.leftUserSelections = [user]
|
||||
},
|
||||
searchInputChange: debounce(function (val) {
|
||||
this.getRightSearch()
|
||||
}, 1000),
|
||||
refLeftSearch(name) {
|
||||
},
|
||||
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()
|
||||
},
|
||||
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()
|
||||
}
|
||||
},
|
||||
async pushPostAndUser() {
|
||||
this.pushState = true
|
||||
const createTime = Date.now() + 2000
|
||||
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
|
||||
}))
|
||||
}
|
||||
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.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.crud2.selectClear()
|
||||
this.pushState = false
|
||||
}, timed)
|
||||
}
|
||||
},
|
||||
async getRightSearch() {
|
||||
this.progress = 0
|
||||
let params = {keywords: this.searchInput || '1'}
|
||||
const createTime = Date.now() + 4000
|
||||
this.rightLoading = true
|
||||
let resData = await getSearchAll(params)
|
||||
|
||||
if (resData.data.code === 200) {
|
||||
this.setProgress().then(() => {
|
||||
setTimeout(() => {
|
||||
this.rightLoading = false
|
||||
this.rightDataList = resData.data.data
|
||||
this.rightPages = {total: 10, currentPage: 1}
|
||||
}, 200)
|
||||
})
|
||||
// const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
|
||||
// setTimeout(() => {
|
||||
// this.rightLoading = false
|
||||
// this.rightDataList = resData.data.data
|
||||
// this.rightPages = {total: 10, currentPage: 1}
|
||||
// }, timed)
|
||||
}
|
||||
},
|
||||
async getRightListPolicy() {
|
||||
this.searchInput = ''
|
||||
this.progress = 0
|
||||
const {currentPage, size} = this.rightPages
|
||||
let params = {
|
||||
ids: this.rowData.policyIds,
|
||||
current: currentPage,
|
||||
size,
|
||||
}
|
||||
// const createTime = Date.now() + 4000
|
||||
this.rightLoading = true
|
||||
let resData = await getListByids(params)
|
||||
if (resData.data.code === 200) {
|
||||
this.setProgress().then(() => {
|
||||
setTimeout(() => {
|
||||
this.rightLoading = false
|
||||
this.rightPages = {total: resData.data.data.length, currentPage: 1}
|
||||
this.rightDataList = resData.data.data
|
||||
}, 200)
|
||||
})
|
||||
// const timed = createTime - Date.now() > 0 ? createTime - Date.now() : 0
|
||||
// setTimeout(() => {
|
||||
//
|
||||
// }, timed)
|
||||
}
|
||||
},
|
||||
async getRightSearchByUserId() {
|
||||
this.progress = 0
|
||||
this.searchInput = ''
|
||||
const {currentPage, size} = this.rightPages
|
||||
const idNumbers = this.leftUserSelections.map(item => item.idNumber).join(',');
|
||||
const willingJobs = this.leftUserSelections.map(item => item.willingJob);
|
||||
// const createTime = Date.now() + 4000
|
||||
this.rightLoading = true
|
||||
let params = {
|
||||
idNumbers,
|
||||
current: currentPage,
|
||||
size,
|
||||
}
|
||||
let paramsBody = {
|
||||
willingJobs: willingJobs
|
||||
}
|
||||
let resData = await getSearchAllByUserId(params, paramsBody)
|
||||
if (resData.data.code === 200) {
|
||||
this.setProgress().then(() => {
|
||||
setTimeout(() => {
|
||||
const {records, total, size, current} = resData.data.data
|
||||
this.rightLoading = false
|
||||
this.rightDataList = records
|
||||
this.rightPages = {total, size, currentPage: current}
|
||||
}, 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)
|
||||
}
|
||||
},
|
||||
setProgress(beforResolve) {
|
||||
return new Promise((resolve) => {
|
||||
const time = (Math.random() * 1000) + 500
|
||||
this.timer = setTimeout(() => {
|
||||
this.progress += 1
|
||||
if (this.progress >= 2) {
|
||||
clearTimeout(this.timer)
|
||||
resolve()
|
||||
beforResolve()
|
||||
} else {
|
||||
return this.setProgress(resolve)
|
||||
}
|
||||
}, time)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.push-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.loading-box {
|
||||
min-width: 600px;
|
||||
}
|
||||
|
||||
.row-loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
color: #666666;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.imgcorrect {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user