修改
This commit is contained in:
18500206848
303
src/views/manage/works/count/index.vue
Normal file
303
src/views/manage/works/count/index.vue
Normal file
@@ -0,0 +1,303 @@
|
||||
<template>
|
||||
<div>
|
||||
<basic-container>
|
||||
<el-radio-group v-model="search.status" size="small" @change="radioGroup">
|
||||
<el-radio-button
|
||||
v-for="(item,key,index) in missionTypes"
|
||||
:key="index"
|
||||
:label="item.value"
|
||||
>{{item.label}}</el-radio-button>
|
||||
</el-radio-group>
|
||||
</basic-container>
|
||||
|
||||
<basic-container >
|
||||
<div class="taskTip">
|
||||
<p class="title">{{search.status | searchStatus}}</p>
|
||||
<div style="height: 30px;"></div>
|
||||
<div v-if="search.status === 1" style="display: flex;flex-wrap: wrap;">
|
||||
<span class="name">任务总数 {{taskGather.totalCount}}</span>
|
||||
<span class="name" style="margin-left: 30px;">
|
||||
任务阶段
|
||||
<span class="smallTitle">招聘中</span>{{taskGather.recruitCount}}
|
||||
<span class="smallTitle">任务中</span>{{taskGather.startCount}}
|
||||
<span class="smallTitle">已完成</span>{{taskGather.completCount}}
|
||||
<span class="smallTitle">已失效</span>{{taskGather.invalidCount}}
|
||||
<span class="smallTitle">审核未通过</span>{{taskGather.rejectCount}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div v-if="search.status === 2" style="display: flex;flex-wrap: wrap;">
|
||||
<span class="name" style="margin-right: 40px;">任务总数 {{taskDetail.totalCount}}</span>
|
||||
<span class="name">
|
||||
人员情况
|
||||
<span class="smallTitle">招聘总人数</span>{{taskDetail.enListCount}}
|
||||
<span class="smallTitle">申请总人数</span>{{taskDetail.applyCount}}
|
||||
<span class="smallTitle">录用总人数</span>{{taskDetail.employedCount}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</basic-container>
|
||||
|
||||
<basic-container>
|
||||
<!-- 搜索栏 -->
|
||||
<el-form
|
||||
size="small"
|
||||
label-position="right"
|
||||
:inline="true"
|
||||
>
|
||||
<el-row :span="24" v-if="search.status === 1">
|
||||
|
||||
<el-form-item label="公司名称:">
|
||||
<el-input v-model="search.companyName" placeholder="公司名称"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="联系电话:">
|
||||
<el-input v-model="search.callTel" placeholder="联系电话"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<!-- <el-form-item label="距离最后发任务时间:">-->
|
||||
<!-- <el-radio-group v-model="search.status" size="small" @change="radioGroup">-->
|
||||
<!-- <el-radio-button-->
|
||||
<!-- v-for="(item,key,index) in missionTypes"-->
|
||||
<!-- :key="index"-->
|
||||
<!-- :label="item.value"-->
|
||||
<!-- >{{item.label}}</el-radio-button>-->
|
||||
<!-- </el-radio-group>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<div class="searchBtn">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
|
||||
<el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row :span="24" v-if="search.status === 2">
|
||||
|
||||
<el-form-item label="公司名称:">
|
||||
<el-input v-model="search.companyName" placeholder="公司名称"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="任务编号:">
|
||||
<el-input v-model="search.missionNo" placeholder="任务编号" ></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="任务标题:">
|
||||
<el-input v-model="search.missionTitle" placeholder="任务标题" ></el-input>
|
||||
</el-form-item>
|
||||
<br>
|
||||
<el-form-item>
|
||||
<el-select v-model="search.reviewState" placeholder="请选择搜索时间类型" style="width:100%">
|
||||
<el-option
|
||||
v-for="(item,key,index) in timeStatus"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-date-picker
|
||||
:disabled="search.reviewState === ''"
|
||||
v-model="search.taskTime"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="完成时间"
|
||||
format="yyyy 年 MM 月 dd 日"
|
||||
value-format="yyyy-MM-dd"
|
||||
@change="dateChangeSubTime">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<tool-tip></tool-tip>
|
||||
|
||||
<el-form-item label="任务状态:">
|
||||
<el-select v-model="search.jobStatus" placeholder="任务状态" style="width:100%">
|
||||
<el-option
|
||||
v-for="(item,key,index) in jobStatus"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<div class="searchBtn">
|
||||
<el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
|
||||
<el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
|
||||
<el-button size="small" icon="el-icon-delete" @click="taskOut">导 出</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<!-- table -->
|
||||
<gather v-if="search.status === 1" ref="gather" @searchCompanyName="searchCompanyName"></gather>
|
||||
<detail v-if="search.status === 2" ref="detail"></detail>
|
||||
</basic-container>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { taskState, jobStatus, timeStatus } from '@/common/dic'
|
||||
import {gatherInfo, detailInfo} from '@/api/workstation/task'
|
||||
import gather from "./table/gather";
|
||||
import detail from "./table/detail";
|
||||
import {setStore, getStore} from '@/util/store'
|
||||
export default {
|
||||
name: "index",
|
||||
components: {gather, detail},
|
||||
data() {
|
||||
return {
|
||||
disabled: true,
|
||||
missionTypes: taskState,
|
||||
jobStatus: jobStatus,
|
||||
timeStatus: timeStatus,
|
||||
activeName: 'first',
|
||||
taskTime: '',
|
||||
taskGather: {},
|
||||
taskDetail: {},
|
||||
search: {
|
||||
status: 1,
|
||||
},
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
searchStatus (v) {
|
||||
switch (v) {
|
||||
case 1:
|
||||
return '任务概况';
|
||||
case 2:
|
||||
return '任务概况';
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const status = getStore({name: 'taskStatus'})
|
||||
if (status) {
|
||||
this.search.status = Number(status)
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.handleSearch()
|
||||
},
|
||||
methods: {
|
||||
searchCompanyName (companyName) {
|
||||
this.search.status = 2
|
||||
setStore({name: 'taskStatus', content: 2, type: 'session'})
|
||||
this.search.companyName = companyName
|
||||
this.handleSearch()
|
||||
},
|
||||
dateChangeSubTime(val){
|
||||
if(val){
|
||||
this.search.stime = val[0]+" 00:00:00";
|
||||
this.search.etime = val[1]+" 23:59:59";
|
||||
} else{
|
||||
this.search.stime = '';
|
||||
this.search.etime = '';
|
||||
}
|
||||
},
|
||||
gatherInfoInit () {
|
||||
gatherInfo().then(res => {
|
||||
this.taskGather = res.data.data
|
||||
})
|
||||
},
|
||||
detailInfoInit () {
|
||||
detailInfo().then(res => {
|
||||
this.taskDetail = res.data.data
|
||||
})
|
||||
},
|
||||
radioGroup(v) {
|
||||
setStore({name: 'taskStatus', content: v, type: 'session'})
|
||||
this.handleClear()
|
||||
},
|
||||
handleSearch () {
|
||||
if (this.search.status === 1) {
|
||||
this.gatherInfoInit()
|
||||
var gatherObj = {
|
||||
companyName: this.search.companyName,
|
||||
callTel: this.search.callTel
|
||||
}
|
||||
this.$refs.gather.init(gatherObj)
|
||||
} else if (this.search.status === 2) {
|
||||
this.detailInfoInit()
|
||||
var detailObj = {
|
||||
status: this.search.jobStatus ? this.search.jobStatus : '',
|
||||
companyName: this.search.companyName ? this.search.companyName : '',
|
||||
missionNo: this.search.missionNo ? this.search.missionNo : '',
|
||||
missionTitle: this.search.missionTitle ? this.search.missionTitle : '',
|
||||
reviewState: this.search.reviewState ? this.search.reviewState : 0,
|
||||
stime: this.search.stime ? this.search.stime : '',
|
||||
etime: this.search.etime ? this.search.etime : ''
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.$refs.detail.init(detailObj)
|
||||
})
|
||||
}
|
||||
},
|
||||
handleClear(){
|
||||
this.search = {
|
||||
status: this.search.status,
|
||||
companyName: '',
|
||||
callTel: '',
|
||||
missionNo:'',
|
||||
missionTitle: '',
|
||||
reviewState: '',
|
||||
jobStatus: '',
|
||||
};
|
||||
this.handleSearch()
|
||||
},
|
||||
taskOut(){
|
||||
var detailObj = {
|
||||
status: this.search.jobStatus ? this.search.jobStatus : '',
|
||||
companyName: this.search.companyName ? this.search.companyName : '',
|
||||
missionNo: this.search.missionNo ? this.search.missionNo : '',
|
||||
missionTitle: this.search.missionTitle ? this.search.missionTitle : '',
|
||||
reviewState: this.search.reviewState ? this.search.reviewState : '',
|
||||
stime: this.search.stime ? this.search.stime : '',
|
||||
etime: this.search.etime ? this.search.etime : ''
|
||||
}
|
||||
this.$refs.detail.taskOut(detailObj)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
p{
|
||||
margin: 0 !important;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-right: 18px !important;
|
||||
/*margin-bottom: 0 !important;*/
|
||||
}
|
||||
.searchBtn {
|
||||
display: inline-block;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.taskTip{
|
||||
border-radius: 0px 4px 5px 4px;
|
||||
/*padding: 14px;*/
|
||||
}
|
||||
.taskTip .name{
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 25px;
|
||||
}
|
||||
.taskTip .smallTitle{
|
||||
width: 36px;
|
||||
height: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 25px;
|
||||
margin-right: 15px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
.taskTip .title{
|
||||
height: 30px;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
color: #333333;
|
||||
line-height: 30px;
|
||||
}
|
||||
</style>
|
||||
248
src/views/manage/works/count/table/detail.vue
Normal file
248
src/views/manage/works/count/table/detail.vue
Normal file
@@ -0,0 +1,248 @@
|
||||
<template>
|
||||
<div>
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
:page.sync="page"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
>
|
||||
<template slot="status" slot-scope="{ row }">
|
||||
<div>{{ row.status | jobStatus}}</div>
|
||||
</template>
|
||||
<template slot="wage" slot-scope="{ row }">
|
||||
<div>{{ row.wage}}元/人/天</div>
|
||||
</template>
|
||||
<template slot="etimePub" slot-scope="{ row }">
|
||||
<div>{{ dateFormat(new Date(row.etimePub), "yyyy/MM/dd")}}</div>
|
||||
</template>
|
||||
<template slot="etime" slot-scope="{ row }">
|
||||
<div>{{ dateFormat(new Date(row.etime), "yyyy/MM/dd")}}</div>
|
||||
</template>
|
||||
<template slot="stime" slot-scope="{ row }">
|
||||
<div>{{ dateFormat(new Date(row.stime), "yyyy/MM/dd")}}</div>
|
||||
</template>
|
||||
<template slot="expiryTime" slot-scope="{ row }">
|
||||
<div>{{ dateFormat(new Date(row.expiryTime), "yyyy/MM/dd")}}</div>
|
||||
</template>
|
||||
<!--自定义操作栏-->
|
||||
<div slot="menu" slot-scope="{ size, type, row }">
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:size="size"
|
||||
:type="type"
|
||||
@click.stop="rowView(row)"
|
||||
>查看</el-button>
|
||||
</div>
|
||||
</avue-crud>
|
||||
<el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
|
||||
<mission-view :model="view"></mission-view>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getDetail,
|
||||
} from "@/api/manage/mission";
|
||||
import missionView from "@/views/util/mission-view";
|
||||
import {detailList, stationExport} from '@/api/workstation/task'
|
||||
import {dateFormat} from '@/util/date'
|
||||
// import {download} from '@/util/util'
|
||||
|
||||
export default {
|
||||
name: "task",
|
||||
components: {missionView},
|
||||
filters: {
|
||||
jobStatus (v) {
|
||||
switch (v) {
|
||||
case 1:
|
||||
return '招聘中'
|
||||
case 2:
|
||||
return '任务中'
|
||||
case 3:
|
||||
return '已完成'
|
||||
case 4:
|
||||
return '已失效'
|
||||
case 9:
|
||||
return '审核未通过'
|
||||
}
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
viewDrawer: false,
|
||||
loading: false,
|
||||
view: {},
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 100,
|
||||
},
|
||||
query: {},
|
||||
data: [],
|
||||
option: {
|
||||
height: "400",
|
||||
calcHeight: 40,
|
||||
menuWidth: 120,
|
||||
align: "center",
|
||||
menuAlign: "center",
|
||||
indexLabel: "序号",
|
||||
menu:true,
|
||||
tip: false,
|
||||
addBtn: false,
|
||||
viewBtn: false,
|
||||
delBtn: false,
|
||||
editBtn: false,
|
||||
excelBtn: false,
|
||||
columnBtn: false,
|
||||
searchBtn: false,
|
||||
searchShow: false,
|
||||
border: true,
|
||||
index: true,
|
||||
selection: false,
|
||||
dialogType: "drawer",
|
||||
dialogWidth: "60%",
|
||||
delBtnText: "取消",
|
||||
dialogClickModal: false,
|
||||
column: [
|
||||
{
|
||||
label: "任务标题",
|
||||
prop: "missionTitle",
|
||||
},
|
||||
{
|
||||
label: "任务编码",
|
||||
prop: "missionNo",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "公司名称",
|
||||
prop: "companyName",
|
||||
},
|
||||
{
|
||||
label: "任务状态",
|
||||
prop: "status",
|
||||
slot: true
|
||||
},
|
||||
{
|
||||
label: "招聘人数",
|
||||
prop: "peopleNum",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "申请人数",
|
||||
prop: "applyCount",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "录用人数",
|
||||
prop: "employedCount",
|
||||
},
|
||||
{
|
||||
label: "发工资人数",
|
||||
prop: "userPayCount",
|
||||
},
|
||||
|
||||
{
|
||||
label: "工资",
|
||||
prop: "wage",
|
||||
slot: true
|
||||
},
|
||||
{
|
||||
label: "报名截止日期",
|
||||
prop: "etimePub",
|
||||
slot: true,
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "开始时间",
|
||||
prop: "stime",
|
||||
slot: true,
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "结束时间",
|
||||
prop: "etime",
|
||||
slot: true,
|
||||
display: false,
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dateFormat,
|
||||
rowView(row) {
|
||||
getDetail(row.missionNo).then((resp) => {
|
||||
this.viewDrawer = true;
|
||||
this.view = resp.data.data;
|
||||
});
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
this.listInit(this.query)
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
this.listInit(this.query)
|
||||
},
|
||||
/*刷新本页 带搜索参数*/
|
||||
refreshChange() {
|
||||
this.init(this.query)
|
||||
},
|
||||
init(search){
|
||||
this.page.currentPage = 1
|
||||
this.query = search
|
||||
var params = {
|
||||
...search,
|
||||
current: this.page.currentPage,
|
||||
size: this.page.pageSize
|
||||
}
|
||||
this.loading = true
|
||||
detailList(params).then(res => {
|
||||
this.data = res.data.data.records
|
||||
this.page.total = res.data.data.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
listInit(search){
|
||||
this.query = search
|
||||
var params = {
|
||||
...search,
|
||||
current: this.page.currentPage,
|
||||
size: this.page.pageSize
|
||||
}
|
||||
this.loading = true
|
||||
detailList(params).then(res => {
|
||||
this.data = res.data.data.records
|
||||
this.page.total = res.data.data.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 导出
|
||||
taskOut(search){
|
||||
this.query = search
|
||||
var query = this.query
|
||||
window.open(
|
||||
stationExport(
|
||||
query.status,
|
||||
query.companyName,
|
||||
query.missionNo,
|
||||
query.missionTitle,
|
||||
query.reviewState,
|
||||
query.stime,
|
||||
query.etime,
|
||||
this.page.currentPage,
|
||||
this.page.pageSize
|
||||
)
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
198
src/views/manage/works/count/table/gather.vue
Normal file
198
src/views/manage/works/count/table/gather.vue
Normal file
@@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<div>
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
:page.sync="page"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
>
|
||||
<template slot="openTime" slot-scope="{ row }">
|
||||
<div :style="{'color': (row.isExpiry===1?'red':'')}">{{ row.openTime ? dateFormat(new Date(row.openTime), "yyyy-MM-dd") : ''}}</div>
|
||||
</template>
|
||||
<!--自定义操作栏-->
|
||||
<div slot="menu" slot-scope="{ size, type, row }">
|
||||
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:size="size"
|
||||
:type="type"
|
||||
@click.stop="rowView(row)"
|
||||
>查看</el-button>
|
||||
</div>
|
||||
</avue-crud>
|
||||
<el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
|
||||
<mission-view :model="view"></mission-view>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import missionView from "@/views/util/mission-view";
|
||||
import {gatherList} from '@/api/workstation/task'
|
||||
import {dateFormat} from '@/util/date'
|
||||
|
||||
|
||||
export default {
|
||||
name: "task",
|
||||
components: {missionView},
|
||||
data () {
|
||||
return {
|
||||
viewDrawer: false,
|
||||
loading: false,
|
||||
view: {},
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 100,
|
||||
},
|
||||
query: {},
|
||||
data: [],
|
||||
option: {
|
||||
height: "400",
|
||||
calcHeight: 40,
|
||||
menuWidth: 120,
|
||||
align: "center",
|
||||
menuAlign: "center",
|
||||
indexLabel: "序号",
|
||||
menu:true,
|
||||
tip: false,
|
||||
addBtn: false,
|
||||
viewBtn: false,
|
||||
delBtn: false,
|
||||
editBtn: false,
|
||||
excelBtn: false,
|
||||
columnBtn: false,
|
||||
searchBtn: false,
|
||||
searchShow: false,
|
||||
border: true,
|
||||
index: true,
|
||||
selection: false,
|
||||
dialogType: "drawer",
|
||||
dialogWidth: "60%",
|
||||
delBtnText: "取消",
|
||||
dialogClickModal: false,
|
||||
column: [
|
||||
{
|
||||
label: "公司名称",
|
||||
prop: "companyName",
|
||||
},
|
||||
{
|
||||
label: "联系人",
|
||||
prop: "callName",
|
||||
},
|
||||
{
|
||||
label: "联系电话",
|
||||
prop: "callTel",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "招聘中",
|
||||
prop: "recruitCount",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "任务中",
|
||||
prop: "startCount",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "已完成",
|
||||
prop: "completCount",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "已失效",
|
||||
prop: "invalidCount",
|
||||
},
|
||||
{
|
||||
label: "审核未通过",
|
||||
prop: "rejectCount",
|
||||
display: false,
|
||||
},
|
||||
|
||||
// {
|
||||
// label: "待支付（人）",
|
||||
// prop: "nonPaycount",
|
||||
// display: false,
|
||||
// },
|
||||
// {
|
||||
// label: "已支付",
|
||||
// prop: "payCount",
|
||||
// display: false,
|
||||
// },
|
||||
// {
|
||||
// label: "已发放",
|
||||
// prop: "userPayCount",
|
||||
// display: false,
|
||||
// },
|
||||
// {
|
||||
// label: "工资发放逾期",
|
||||
// prop: "expiryCount",
|
||||
// display: false,
|
||||
// },
|
||||
{
|
||||
label: "最新发布任务时间",
|
||||
prop: "openTime",
|
||||
slot: true,
|
||||
display: false
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dateFormat,
|
||||
rowView(row) {
|
||||
this.$emit('searchCompanyName', row.companyName)
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
this.listInit(this.query)
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
this.listInit(this.query)
|
||||
},
|
||||
/*刷新本页 带搜索参数*/
|
||||
refreshChange() {
|
||||
this.init(this.query)
|
||||
},
|
||||
init(search){
|
||||
this.page.currentPage = 1
|
||||
this.query = search
|
||||
var params = {
|
||||
...search,
|
||||
current: this.page.currentPage,
|
||||
size: this.page.pageSize
|
||||
}
|
||||
this.loading = true
|
||||
gatherList(params).then(res => {
|
||||
this.data = res.data.data.records
|
||||
this.page.total = res.data.data.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
listInit(search){
|
||||
this.query = search
|
||||
var params = {
|
||||
...search,
|
||||
current: this.page.currentPage,
|
||||
size: this.page.pageSize
|
||||
}
|
||||
this.loading = true
|
||||
gatherList(params).then(res => {
|
||||
this.data = res.data.data.records
|
||||
this.page.total = res.data.data.total
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
89
src/views/manage/works/delayDialog.vue
Normal file
89
src/views/manage/works/delayDialog.vue
Normal file
@@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<el-dialog title="发工资延期" :visible.sync="dialogVisible" append-to-body @closed="handleClose">
|
||||
<avue-form ref="form" v-model="form" :option="option" @submit="submit"></avue-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose">取 消</el-button>
|
||||
<el-button type="primary" @click="confirm">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { delay } from "@/api/manage/mission";
|
||||
|
||||
export default {
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
id: null,
|
||||
dialogVisible: false,
|
||||
option: {
|
||||
menuBtn: false,
|
||||
column: [
|
||||
{
|
||||
type: "date",
|
||||
label: "延期到",
|
||||
span: 24,
|
||||
display: true,
|
||||
format: "yyyy-MM-dd",
|
||||
valueFormat: "yyyy-MM-dd",
|
||||
size: "small",
|
||||
prop: "expiryTime",
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
const now = new Date().getTime();
|
||||
return time.getTime() < now
|
||||
}
|
||||
},
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
message: "延期到必须填写",
|
||||
},
|
||||
],
|
||||
|
||||
},
|
||||
{
|
||||
type: "textarea",
|
||||
label: "备注",
|
||||
span: 24,
|
||||
display: true,
|
||||
size: "small",
|
||||
prop: "remarks",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
confirm() {
|
||||
this.$refs.form.submit();
|
||||
},
|
||||
submit(row, done) {
|
||||
delay(this.id, `${row.expiryTime} 23:59:59`, row.remarks)
|
||||
.then(() => {
|
||||
done();
|
||||
this.$message({ type: "success", message: "操作成功" });
|
||||
this.dialogVisible = false;
|
||||
this.$emit("success");
|
||||
})
|
||||
.catch(() => {
|
||||
done();
|
||||
});
|
||||
},
|
||||
handleClose() {
|
||||
this.$refs.form.resetForm();
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
open(id) {
|
||||
this.id = id;
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
},
|
||||
computed: {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
568
src/views/manage/works/index.vue
Normal file
568
src/views/manage/works/index.vue
Normal file
@@ -0,0 +1,568 @@
|
||||
<template>
|
||||
<basic-container>
|
||||
<!--搜索栏-->
|
||||
<el-form
|
||||
size="small"
|
||||
label-position="right"
|
||||
style="padding-left: 10px; padding-right: 10px"
|
||||
:inline="true"
|
||||
>
|
||||
<el-row :span="24">
|
||||
<el-form-item label="公司名称:">
|
||||
<el-input
|
||||
v-model="query.companyName"
|
||||
placeholder="公司名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务编码:">
|
||||
<el-input
|
||||
v-model="query.missionNo"
|
||||
placeholder="任务编码"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务标题:">
|
||||
<el-input
|
||||
v-model="query.missionTitle"
|
||||
placeholder="任务标题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-select v-model="query.type" placeholder="请选择搜索时间类型">
|
||||
<el-option label="任务开始日期" :value="0"></el-option>
|
||||
<el-option label="任务结束日期" :value="2"></el-option>
|
||||
<el-option label="报名截止日期" :value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-date-picker
|
||||
v-model="query.time"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="yyyy-MM-dd"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<tool-tip></tool-tip>
|
||||
<br>
|
||||
<el-form-item label="任务状态：">
|
||||
<el-select v-model="query.status">
|
||||
<el-option
|
||||
v-for="(item, index) in mStatusList"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<div class="searchBtn">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-search"
|
||||
@click="searchChange1"
|
||||
>搜 索</el-button
|
||||
>
|
||||
<el-button size="small" icon="el-icon-delete" @click="searchReset1"
|
||||
>清 空</el-button
|
||||
>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!--搜索-->
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
ref="crud"
|
||||
v-model="form"
|
||||
:permission="permissionList"
|
||||
:before-open="beforeOpen"
|
||||
:before-close="beforeClose"
|
||||
:page.sync="page"
|
||||
@row-update="rowUpdate"
|
||||
@row-save="rowSave"
|
||||
@search-change="searchChange"
|
||||
@search-reset="searchReset"
|
||||
@selection-change="selectionChange"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
@on-load="onLoad"
|
||||
>
|
||||
<template slot="menuLeft">
|
||||
<el-button
|
||||
v-if="vaildData(permission.manage_mission_check, false)"
|
||||
size="small"
|
||||
@click.stop="handleCheck"
|
||||
type="primary"
|
||||
>任务审核</el-button
|
||||
>
|
||||
</template>
|
||||
<template slot="menuRight">
|
||||
<el-button size="small" @click.stop="downRecords" type="primary"
|
||||
>导出</el-button
|
||||
>
|
||||
</template>
|
||||
<template slot-scope="{ row }" slot="menu">
|
||||
<el-button
|
||||
v-if="vaildData(permission.manage_mission_delay, false) && row.status==3"
|
||||
size="small"
|
||||
@click.stop="handleDelay(row)"
|
||||
type="text"
|
||||
>发工资延期</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.stop="rowView(row)"
|
||||
v-if="vaildData(permission.manage_mission_view, false)"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.stop="rowZPView(row)"
|
||||
v-if="vaildData(permission.manage_mission_zpview, false)"
|
||||
>招聘情况</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="row.status==2"
|
||||
size="small"
|
||||
@click.stop="handleFinish(row)"
|
||||
type="text"
|
||||
>完成任务</el-button
|
||||
>
|
||||
</template>
|
||||
</avue-crud>
|
||||
<delay-dialog
|
||||
ref="delay"
|
||||
:ids="ids"
|
||||
@success="onLoad(page, query)"
|
||||
></delay-dialog>
|
||||
<el-drawer title="详情" :visible.sync="viewDrawer" size="60%">
|
||||
<mission-view :model="view"></mission-view>
|
||||
</el-drawer>
|
||||
<zp-view ref="zpView"></zp-view>
|
||||
<wage-view ref="wageView"></wage-view>
|
||||
</basic-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getList,
|
||||
review,
|
||||
complet,
|
||||
getDetail,
|
||||
download,
|
||||
} from "@/api/manage/mission";
|
||||
import { mapGetters } from "vuex";
|
||||
import delayDialog from "./delayDialog";
|
||||
import missionView from "@/views/util/mission-view";
|
||||
import zpView from "./zpView";
|
||||
import wageView from "./wageView";
|
||||
import { missionState, wageUnitCategoryState } from "@/common/dic";
|
||||
import { calcDate } from "@/util/date";
|
||||
import { Message } from "element-ui";
|
||||
import lodash from "lodash";
|
||||
|
||||
const message = lodash.throttle(
|
||||
function (options) {
|
||||
Message(options);
|
||||
},
|
||||
3000,
|
||||
{ trailing: false }
|
||||
);
|
||||
|
||||
export default {
|
||||
components: { delayDialog, missionView, zpView, wageView },
|
||||
name: "manage_mission",
|
||||
data() {
|
||||
return {
|
||||
view: {},
|
||||
form: {},
|
||||
selectionList: [],
|
||||
query: { type: '' },
|
||||
loading: false,
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0,
|
||||
},
|
||||
checkDialog: false,
|
||||
finishDialog: false,
|
||||
viewDrawer: false,
|
||||
mStatusList: [
|
||||
{ value: 1, label: "招聘中" },
|
||||
{ value: 2, label: "任务中" },
|
||||
{ value: 3, label: "已完成" },
|
||||
{ value: 4, label: "已失效" },
|
||||
{
|
||||
label: "审核未通过",
|
||||
value: 9,
|
||||
},
|
||||
],
|
||||
option: {
|
||||
height: "auto",
|
||||
tip: false,
|
||||
columnBtn: false,
|
||||
searchShow: true,
|
||||
searchMenuSpan: 5,
|
||||
menuWidth: 270,
|
||||
border: true,
|
||||
selection: true,
|
||||
viewBtn: false,
|
||||
addBtn: false,
|
||||
editBtn: false,
|
||||
delBtn: false,
|
||||
dialogClickModal: false,
|
||||
dialogType: "drawer",
|
||||
dialogFullscreen: true,
|
||||
mStatusList: missionState,
|
||||
column: [
|
||||
{
|
||||
label: "公司名称",
|
||||
prop: "companyName",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "任务编码",
|
||||
prop: "missionNo",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "任务标题",
|
||||
prop: "missionTitle",
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "招聘人数",
|
||||
prop: "peopleNum",
|
||||
search: false,
|
||||
searchSpan: 1,
|
||||
display: false,
|
||||
minWidth: 70,
|
||||
},
|
||||
{
|
||||
label: "申请人数",
|
||||
prop: "applyNum",
|
||||
search: false,
|
||||
searchSpan: 1,
|
||||
display: false,
|
||||
minWidth: 70,
|
||||
},
|
||||
{
|
||||
label: "确认人数",
|
||||
prop: "applyPassNum",
|
||||
search: false,
|
||||
searchSpan: 1,
|
||||
display: false,
|
||||
minWidth: 70,
|
||||
},
|
||||
{
|
||||
label: "任务时长",
|
||||
prop: "missionDuration",
|
||||
search: false,
|
||||
searchSpan: 5,
|
||||
display: false,
|
||||
minWidth: 70,
|
||||
},
|
||||
{
|
||||
label: "",
|
||||
prop: "time",
|
||||
type: "date",
|
||||
hide: true,
|
||||
valueFormat: "yyyy-MM-dd",
|
||||
},
|
||||
{
|
||||
label: "任务开始日期",
|
||||
prop: "stime",
|
||||
type: "date",
|
||||
display: false,
|
||||
minWidth: 100,
|
||||
format: "yyyy-MM-dd",
|
||||
},
|
||||
{
|
||||
label: "任务结束日期",
|
||||
prop: "etime",
|
||||
type: "date",
|
||||
display: false,
|
||||
minWidth: 100,
|
||||
format: "yyyy-MM-dd",
|
||||
},
|
||||
{
|
||||
label: "报名截止日期",
|
||||
prop: "etimePub",
|
||||
type: "date",
|
||||
search: false,
|
||||
searchSpan: 5,
|
||||
display: false,
|
||||
minWidth: 100,
|
||||
format: "yyyy-MM-dd",
|
||||
},
|
||||
{
|
||||
label: "工资",
|
||||
prop: "wage",
|
||||
search: false,
|
||||
searchSpan: 5,
|
||||
display: false,
|
||||
width: 80,
|
||||
},
|
||||
{
|
||||
label: "工资单位",
|
||||
prop: "wageUnitCategory",
|
||||
search: false,
|
||||
dicData: wageUnitCategoryState,
|
||||
searchSpan: 5,
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "任务状态",
|
||||
prop: "status",
|
||||
type: "select",
|
||||
dicData: missionState,
|
||||
display: false,
|
||||
span: 24,
|
||||
width: 80,
|
||||
},
|
||||
{
|
||||
label:"备注",
|
||||
prop:"remarks"
|
||||
}
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["userInfo", "permission"]),
|
||||
permissionList() {
|
||||
return {
|
||||
viewBtn: this.vaildData(
|
||||
this.permission.manage_station_mainList_view,
|
||||
false
|
||||
),
|
||||
};
|
||||
},
|
||||
ids() {
|
||||
let ids = [];
|
||||
this.selectionList.forEach((ele) => {
|
||||
ids.push(ele.id);
|
||||
});
|
||||
return ids;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
rowView(row) {
|
||||
getDetail(row.missionNo).then((resp) => {
|
||||
this.viewDrawer = true;
|
||||
this.view = resp.data.data;
|
||||
});
|
||||
},
|
||||
rowZPView(row) {
|
||||
this.$refs.zpView.open(row.missionNo);
|
||||
},
|
||||
handleWageView(row) {
|
||||
this.$refs.wageView.open(row.missionNo);
|
||||
},
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
},
|
||||
searchChange(params, done) {
|
||||
if (params.time) {
|
||||
params.stime = params.time[0];
|
||||
params.etime = params.time[1];
|
||||
delete params.time;
|
||||
}
|
||||
this.query = params;
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, params);
|
||||
done();
|
||||
},
|
||||
searchChange1() {
|
||||
if (this.query.time) {
|
||||
this.query.stime = this.query.time[0];
|
||||
this.query.etime = this.query.time[1];
|
||||
// delete this.query.time;
|
||||
}
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
searchReset1() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
},
|
||||
selectionChange(list) {
|
||||
this.selectionList = list;
|
||||
},
|
||||
selectionClear() {
|
||||
this.selectionList = [];
|
||||
this.$refs.crud.toggleSelection();
|
||||
},
|
||||
beforeOpen(done, type) {
|
||||
if (["add", "edit"].includes(type)) {
|
||||
this.initData();
|
||||
done();
|
||||
}
|
||||
if (["edit", "view"].includes(type)) {
|
||||
this.loading = true;
|
||||
}
|
||||
},
|
||||
beforeClose(done) {
|
||||
done();
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
},
|
||||
refreshChange() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
onLoad(page, params = {}) {
|
||||
params = Object.assign(this.query, params);
|
||||
this.loading = true;
|
||||
getList(
|
||||
page.currentPage,
|
||||
page.pageSize,
|
||||
Object.assign(this.query, params)
|
||||
).then((res) => {
|
||||
const data = res.data.data;
|
||||
this.page.total = data.total;
|
||||
this.data = data.records;
|
||||
this.loading = false;
|
||||
this.data.map((val) => {
|
||||
val.missionDuration =
|
||||
calcDate(
|
||||
new Date(val.stime).getTime(),
|
||||
new Date(val.etime).getTime()
|
||||
).days + "天";
|
||||
val.payStatus =
|
||||
(val.payPersonTotal && val.payPersonTotal) > 0
|
||||
? "已支付"
|
||||
: "未支付";
|
||||
});
|
||||
});
|
||||
},
|
||||
handleDelay(row) {
|
||||
this.$refs.delay.open(row.missionNo);
|
||||
},
|
||||
handleCheck() {
|
||||
if (this.ids.length < 1) {
|
||||
message({
|
||||
type: "warning",
|
||||
message: "请至少选择一条数据",
|
||||
});
|
||||
return;
|
||||
}
|
||||
let idList = [];
|
||||
for (let i = 0; i < this.ids.length; i++) {
|
||||
this.data.forEach((ele) => {
|
||||
if (ele.status == 1 && ele.id == this.ids[i]) {
|
||||
idList.push(ele.id);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (idList.length == 0) {
|
||||
this.$message.error("只能驳回【招聘中】的任务");
|
||||
} else {
|
||||
let h = this.$createElement;
|
||||
this.$prompt(
|
||||
h("p", { style: "color: #F56C6C" }, "一旦驳回无法进行后续操作"),
|
||||
"您确定要驳回此任务吗？",
|
||||
{
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
center: true,
|
||||
inputType: "textarea",
|
||||
inputPlaceholder: "备注驳回原因",
|
||||
}
|
||||
)
|
||||
.then(({ value }) => {
|
||||
this.loading = true;
|
||||
review(idList.join(","), value)
|
||||
.then(() => {
|
||||
this.loading = false;
|
||||
this.onLoad(this.page, this.params);
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "操作成功!",
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
},
|
||||
handleFinish(row) {
|
||||
if (row.status!=2) {
|
||||
this.$message.error('只能提前完成【任务中】的任务')
|
||||
}
|
||||
/*只能提前完成【任务中】的任务*/
|
||||
else{
|
||||
let h = this.$createElement;
|
||||
this.$confirm(
|
||||
h("p", { style: "color: #F56C6C" }, "一旦确定无法修改"),
|
||||
"您确定要提前此任务吗？",
|
||||
{
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
center: true,
|
||||
inputType: "textarea",
|
||||
inputPlaceholder: "备注原因",
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
this.loading = true;
|
||||
complet(row.id)
|
||||
.then(() => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "操作成功!",
|
||||
});
|
||||
this.loading = false;
|
||||
this.onLoad(this.page, this.query);
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
})
|
||||
.catch(() => { });
|
||||
}
|
||||
},
|
||||
downRecords() {
|
||||
if (this.query.time) {
|
||||
this.query.stime = this.query.time[0];
|
||||
this.query.etime = this.query.time[1];
|
||||
// delete this.query.time;
|
||||
}
|
||||
window.open(download(this.query));
|
||||
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.el-form-item {
|
||||
margin-right: 18px !important;
|
||||
}
|
||||
.searchBtn{
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
177
src/views/manage/works/wageView.vue
Normal file
177
src/views/manage/works/wageView.vue
Normal file
@@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<el-drawer title="工资情况" :visible.sync="visible" size="60%" append-to-body>
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
ref="crud"
|
||||
v-model="form"
|
||||
:permission="permissionList"
|
||||
:page.sync="page"
|
||||
@search-change="searchChange"
|
||||
@search-reset="searchReset"
|
||||
@selection-change="selectionChange"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
@on-load="onLoad"
|
||||
></avue-crud>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getWageView } from "@/api/manage/mission";
|
||||
import { mapGetters } from "vuex";
|
||||
|
||||
export default {
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
missionNo: null,
|
||||
form: {},
|
||||
selectionList: [],
|
||||
query: {},
|
||||
loading: true,
|
||||
parentId: 0,
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0,
|
||||
},
|
||||
visible: false,
|
||||
checkDialog: false,
|
||||
delayDialog: false,
|
||||
zpviewDialog: false,
|
||||
finishDialog: false,
|
||||
option: {
|
||||
height: "auto",
|
||||
tip: false,
|
||||
searchShow: true,
|
||||
searchMenuSpan: 6,
|
||||
border: true,
|
||||
index: false,
|
||||
selection: false,
|
||||
viewBtn: false,
|
||||
addBtn: false,
|
||||
menu: false,
|
||||
menuWidth: 300,
|
||||
dialogClickModal: false,
|
||||
dialogType: "drawer",
|
||||
dialogFullscreen: true,
|
||||
column: [
|
||||
{
|
||||
label: "姓名",
|
||||
prop: "realName",
|
||||
search: true,
|
||||
searchSpan: 4,
|
||||
searchLabelWidth: 50,
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "身份证号码",
|
||||
prop: "cardNumber",
|
||||
search: true,
|
||||
display: false,
|
||||
searchLabelWidth: 86,
|
||||
searchSpan: 7,
|
||||
},
|
||||
{
|
||||
type: "select",
|
||||
label: "发工资情况",
|
||||
prop: "status",
|
||||
display: false,
|
||||
search: true,
|
||||
searchLabelWidth: 86,
|
||||
searchSpan: 7,
|
||||
dicData: [
|
||||
{ label: "处理中", value: 0 },
|
||||
{ label: "发放成功", value: 1 },
|
||||
{ label: "未发放", value: 6 },
|
||||
{ label: "发放中", value: 7 },
|
||||
{ label: "发放失败", value: 8 },
|
||||
{ label: "异常", value: 9 },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "发放时间",
|
||||
prop: "accountTime",
|
||||
display: false,
|
||||
},
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["userInfo", "permission"]),
|
||||
permissionList() {
|
||||
return {
|
||||
viewBtn: this.vaildData(
|
||||
this.permission.manage_station_mainList_view,
|
||||
false
|
||||
),
|
||||
};
|
||||
},
|
||||
ids() {
|
||||
let ids = [];
|
||||
this.selectionList.forEach((ele) => {
|
||||
ids.push(ele.id);
|
||||
});
|
||||
return ids;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
open(missionNo) {
|
||||
this.missionNo = missionNo;
|
||||
this.initData();
|
||||
this.visible = true;
|
||||
},
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
},
|
||||
searchChange(params, done) {
|
||||
this.query = params;
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, params);
|
||||
done();
|
||||
},
|
||||
selectionChange(list) {
|
||||
this.selectionList = list;
|
||||
},
|
||||
selectionClear() {
|
||||
this.selectionList = [];
|
||||
this.$refs.crud.toggleSelection();
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
},
|
||||
refreshChange() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
onLoad(page, params = {}) {
|
||||
this.loading = true;
|
||||
getWageView(
|
||||
page.currentPage,
|
||||
page.pageSize,
|
||||
this.missionNo,
|
||||
Object.assign(this.query, params)
|
||||
).then((res) => {
|
||||
const data = res.data.data;
|
||||
this.page.total = data.total;
|
||||
this.data = data.records;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
170
src/views/manage/works/zpView.vue
Normal file
170
src/views/manage/works/zpView.vue
Normal file
@@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<el-drawer title="招聘情况" :visible.sync="visible" size="60%" append-to-body>
|
||||
<avue-crud
|
||||
:option="option"
|
||||
:table-loading="loading"
|
||||
:data="data"
|
||||
ref="crud"
|
||||
v-model="form"
|
||||
:permission="permissionList"
|
||||
:page.sync="page"
|
||||
@search-change="searchChange"
|
||||
@search-reset="searchReset"
|
||||
@selection-change="selectionChange"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
@on-load="onLoad"
|
||||
></avue-crud>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getZPView } from "@/api/manage/mission";
|
||||
import { mapGetters } from "vuex";
|
||||
|
||||
export default {
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
missionNo: null,
|
||||
form: {},
|
||||
selectionList: [],
|
||||
query: {},
|
||||
loading: true,
|
||||
parentId: 0,
|
||||
page: {
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
total: 0,
|
||||
},
|
||||
visible: false,
|
||||
checkDialog: false,
|
||||
delayDialog: false,
|
||||
zpviewDialog: false,
|
||||
finishDialog: false,
|
||||
option: {
|
||||
height: "auto",
|
||||
tip: false,
|
||||
searchShow: true,
|
||||
searchMenuSpan: 6,
|
||||
border: true,
|
||||
index: false,
|
||||
selection: false,
|
||||
viewBtn: false,
|
||||
addBtn: false,
|
||||
menu: false,
|
||||
menuWidth: 300,
|
||||
dialogClickModal: false,
|
||||
dialogType: "drawer",
|
||||
dialogFullscreen: true,
|
||||
column: [
|
||||
{
|
||||
label: "姓名",
|
||||
prop: "realName",
|
||||
search: true,
|
||||
searchSpan: 4,
|
||||
searchLabelWidth: 50,
|
||||
display: false,
|
||||
},
|
||||
{
|
||||
label: "身份证号码",
|
||||
prop: "cardNumber",
|
||||
search: true,
|
||||
display: false,
|
||||
searchLabelWidth: 86,
|
||||
searchSpan: 7,
|
||||
},
|
||||
{
|
||||
type: "select",
|
||||
label: "招聘情况",
|
||||
prop: "status",
|
||||
display: false,
|
||||
search: true,
|
||||
searchSpan: 7,
|
||||
dicData: [
|
||||
{ label: "申请中", value: 1 },
|
||||
{ label: "申请通过", value: 2 },
|
||||
{ label: "申请未通过", value: 3 },
|
||||
{ label: "已完成", value: 4 },
|
||||
{ label: "申请无效（其他）", value: 9 },
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["userInfo", "permission"]),
|
||||
permissionList() {
|
||||
return {
|
||||
viewBtn: this.vaildData(
|
||||
this.permission.manage_station_mainList_view,
|
||||
false
|
||||
),
|
||||
};
|
||||
},
|
||||
ids() {
|
||||
let ids = [];
|
||||
this.selectionList.forEach((ele) => {
|
||||
ids.push(ele.id);
|
||||
});
|
||||
return ids;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
open(missionNo) {
|
||||
this.missionNo = missionNo;
|
||||
this.initData();
|
||||
this.visible = true;
|
||||
},
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.onLoad(this.page);
|
||||
},
|
||||
searchChange(params, done) {
|
||||
this.query = params;
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad(this.page, params);
|
||||
done();
|
||||
},
|
||||
selectionChange(list) {
|
||||
this.selectionList = list;
|
||||
},
|
||||
selectionClear() {
|
||||
this.selectionList = [];
|
||||
this.$refs.crud.toggleSelection();
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
},
|
||||
refreshChange() {
|
||||
this.onLoad(this.page, this.query);
|
||||
},
|
||||
onLoad(page, params = {}) {
|
||||
this.loading = true;
|
||||
getZPView(
|
||||
page.currentPage,
|
||||
page.pageSize,
|
||||
this.missionNo,
|
||||
Object.assign(this.query, params)
|
||||
).then((res) => {
|
||||
const data = res.data.data;
|
||||
this.page.total = data.total;
|
||||
this.data = data.records;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user