|
|
|
|
@ -4,13 +4,16 @@
|
|
|
|
|
<div class="f40">
|
|
|
|
|
<a-input-search placeholder="搜索职位" enter-button="搜索" allow-clear @search="onSearch" style="width:300px;margin-bottom: 20px;"/>
|
|
|
|
|
</div>
|
|
|
|
|
<a-table :columns="tableColumns" :loading="isspinning" :pagination="false" :data-source="tableData" size="small">
|
|
|
|
|
<a-table :columns="tableColumns" :loading="isspinning" :pagination="false" :data-source="tableData" size="small"
|
|
|
|
|
:scroll="{y:tableScroll}"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<span slot="cz" slot-scope="text, record">
|
|
|
|
|
<a href="javascript:;" style="color: #1890ff;" @click="selectedJob(record)">选择</a>
|
|
|
|
|
</span>
|
|
|
|
|
</a-table>
|
|
|
|
|
<div class="pagecontainer f40" style="justify-content: start;">
|
|
|
|
|
<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
|
|
|
|
|
<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="20" :total="formvalue.total" @change="pageChange" />
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper">
|
|
|
|
|
跳至
|
|
|
|
|
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
|
|
|
|
|
@ -36,7 +39,7 @@ export default {
|
|
|
|
|
jobSpecialLabelIds: "",
|
|
|
|
|
aliasName: "",
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 8,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
total: null, //分页配置
|
|
|
|
|
},
|
|
|
|
|
tableColumns: [
|
|
|
|
|
@ -51,15 +54,15 @@ export default {
|
|
|
|
|
dataIndex: "jobName",
|
|
|
|
|
key: "jobName",
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// title: "项目方",
|
|
|
|
|
// dataIndex: "agencyName",
|
|
|
|
|
// key: "agencyName",
|
|
|
|
|
// ellipsis: true,
|
|
|
|
|
// width:140,
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
title: "项目方",
|
|
|
|
|
dataIndex: "agencyName",
|
|
|
|
|
key: "agencyName",
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width:140,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "服务费",
|
|
|
|
|
title: "佣金",
|
|
|
|
|
dataIndex: "servetype",
|
|
|
|
|
key: "servetype",
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
@ -113,6 +116,7 @@ export default {
|
|
|
|
|
scopedSlots: { customRender: 'cz' },
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
tableScroll:400,
|
|
|
|
|
tableData: [
|
|
|
|
|
/* 表格数据 */
|
|
|
|
|
], // 数据源
|
|
|
|
|
@ -121,14 +125,17 @@ export default {
|
|
|
|
|
watch: {
|
|
|
|
|
"isModalVisible"(newV, old) {
|
|
|
|
|
console.log(old, newV);
|
|
|
|
|
this.tableScroll = window.innerHeight - 450;
|
|
|
|
|
if (newV) {
|
|
|
|
|
this.getJobList();
|
|
|
|
|
}else{
|
|
|
|
|
}
|
|
|
|
|
// this.getJobList();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
console.log(123);
|
|
|
|
|
this.tableScroll = window.innerHeight - 450;
|
|
|
|
|
this.getJobList();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
@ -203,7 +210,7 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
<style>
|
|
|
|
|
/deep/ .f40 .ant-btn-primary{
|
|
|
|
|
color: #fff; background-color: #1890ff; border-color: #1890ff
|
|
|
|
|
}
|
|
|
|
|
@ -211,6 +218,11 @@ export default {
|
|
|
|
|
background-color: #ff7c1f !important;
|
|
|
|
|
border-color: #ff7c1f !important;
|
|
|
|
|
}
|
|
|
|
|
.ant-table-header-column{
|
|
|
|
|
.ant-table-column-title{
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
