招工就业
This commit is contained in:
yanran200730
@@ -1,77 +1,67 @@
|
||||
<template>
|
||||
<section class="list">
|
||||
<ai-list>
|
||||
<!-- 标题 -->
|
||||
<ai-title slot="title" title="招工就业" isShowBottomBorder />
|
||||
|
||||
<template #custom>
|
||||
<!-- 卡片 -->
|
||||
<el-row type="flex" class="staDataPane">
|
||||
<div class="boxItem">
|
||||
<div>招聘单位总数</div>
|
||||
<b>{{ staData.countCompany || 0 }}</b>
|
||||
</div>
|
||||
|
||||
<div class="boxItem">
|
||||
<div>招聘岗位总数</div>
|
||||
<b>{{ staData.countTotal || 0 }}</b>
|
||||
</div>
|
||||
|
||||
<div class="boxItem">
|
||||
<div>招聘人员总数</div>
|
||||
<b>{{ staData.countUser || 0 }}</b>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<!-- 内容 -->
|
||||
<div class="mainPane">
|
||||
<ai-search-bar>
|
||||
<template slot="left">
|
||||
<!-- 性别下拉选择框 -->
|
||||
<ai-select v-model="searchObj.gender" placeholder="请选择性别" clearable @change=";(page.current = 1), getList()" :selectList="dict.getDict('JobGender')"></ai-select>
|
||||
</template>
|
||||
|
||||
<!-- 搜索 -->
|
||||
<template slot="right"> <el-input v-model="searchObj.title" size="small" placeholder="请输入单位名称" clearable @keyup.enter.native=";(page.current = 1), getList()" @clear=";(page.current = 1), (searchObj.title = ''), getList()" suffix-icon="iconfont iconSearch"/></template>
|
||||
</ai-search-bar>
|
||||
|
||||
<ai-search-bar>
|
||||
<!-- 添加 -->
|
||||
<template #left>
|
||||
<el-button type="primary" icon="iconfont iconAdd" size="small" @click="add('')">添加</el-button>
|
||||
<el-button icon="iconfont iconDelete" size="small" @click="toDelete()" :disabled="ids.length == 0">删除</el-button>
|
||||
</template>
|
||||
|
||||
<!-- 导入导出 -->
|
||||
<template #right>
|
||||
<ai-import :instance="instance" :dict="dict" type="appjob" name="招工就业" @success="getList(), $message.success('导入成功!')">
|
||||
<el-button icon="iconfont iconImport">导入</el-button>
|
||||
</ai-import>
|
||||
|
||||
<ai-download :instance="instance" url="/app/appjob/listExport" :params="param" fileName="招工就业模板" />
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
|
||||
<ai-table :tableData="tableData" :colConfigs="colConfigs" :total="page.total" :current.sync="page.current" :size.sync="page.size" @selection-change="(v) => (ids = v.map((e) => e.id))" @getList="getList">
|
||||
<!-- 是否启用 -->
|
||||
<el-table-column label="是否启用" slot="status" align="center" width="80">
|
||||
<template v-slot="{ row }">
|
||||
<el-switch v-model="row.status" @change="onChange(row)" active-value="1" inactive-value="0" active-color="#5088FF" inactive-color="#D0D4DC"> </el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 操作 -->
|
||||
<el-table-column label="操作" align="center" width="140" slot="options">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="add(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="toDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-list isTabs class="list">
|
||||
<template #content>
|
||||
<div class="statistics-top">
|
||||
<div class="statistics-top__item">
|
||||
<span>招聘单位总数</span>
|
||||
<h2 style="color: #2266FF;">{{ staData.countCompany || 0 }}</h2>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</section>
|
||||
<div class="statistics-top__item">
|
||||
<span>招聘岗位总数</span>
|
||||
<h2 style="color: #22AA99;">{{ staData.countTotal || 0 }}</h2>
|
||||
</div>
|
||||
<div class="statistics-top__item">
|
||||
<span>招聘人员总数</span>
|
||||
<h2 style="color: #F8B425">{{ staData.countUser || 0 }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ai-search-bar bottomBorder>
|
||||
<template slot="left">
|
||||
<!-- 性别下拉选择框 -->
|
||||
<ai-select v-model="searchObj.gender" placeholder="请选择性别" clearable @change=";(page.current = 1), getList()" :selectList="dict.getDict('JobGender')"></ai-select>
|
||||
</template>
|
||||
|
||||
<!-- 搜索 -->
|
||||
<template slot="right"> <el-input v-model="searchObj.title" size="small" placeholder="请输入单位名称" clearable @keyup.enter.native=";(page.current = 1), getList()" @clear=";(page.current = 1), (searchObj.title = ''), getList()" suffix-icon="iconfont iconSearch"/></template>
|
||||
</ai-search-bar>
|
||||
|
||||
<ai-search-bar style="margin-top: 16px;">
|
||||
<!-- 添加 -->
|
||||
<template #left>
|
||||
<el-button type="primary" icon="iconfont iconAdd" size="small" @click="add('')">添加</el-button>
|
||||
<el-button icon="iconfont iconDelete" size="small" @click="toDelete()" :disabled="ids.length == 0">删除</el-button>
|
||||
</template>
|
||||
|
||||
<!-- 导入导出 -->
|
||||
<template #right>
|
||||
<ai-import :instance="instance" :dict="dict" type="appjob" name="招工就业" @success="getList(), $message.success('导入成功!')">
|
||||
<el-button icon="iconfont iconImport">导入</el-button>
|
||||
</ai-import>
|
||||
|
||||
<ai-download :instance="instance" url="/app/appjob/listExport" :params="param" fileName="招工就业模板" />
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
|
||||
<ai-table :tableData="tableData" :colConfigs="colConfigs" :total="page.total" :current.sync="page.current" :size.sync="page.size" @selection-change="(v) => (ids = v.map((e) => e.id))" @getList="getList">
|
||||
<!-- 是否启用 -->
|
||||
<el-table-column label="是否启用" slot="status" align="center" width="80">
|
||||
<template v-slot="{ row }">
|
||||
<el-switch v-model="row.status" @change="onChange(row)" active-value="1" inactive-value="0" active-color="#5088FF" inactive-color="#D0D4DC"> </el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 操作 -->
|
||||
<el-table-column label="操作" align="center" width="140" slot="options">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="add(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="toDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -230,62 +220,53 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.list {
|
||||
height: 100%;
|
||||
.list {
|
||||
::v-deep .ai-list__content {
|
||||
padding: 0!important;
|
||||
|
||||
::v-deep .ai-list__content {
|
||||
padding: 0 16px 16px !important;
|
||||
box-sizing: border-box;
|
||||
|
||||
.ai-list__content--wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
.ai-list__content--right-wrapper {
|
||||
background: transparent!important;
|
||||
box-shadow: none!important;
|
||||
margin: 0!important;
|
||||
padding: 12px 0 12px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .staDataPane {
|
||||
width: 100%;
|
||||
gap: 16px;
|
||||
padding-top: 10px;
|
||||
|
||||
.boxItem {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
height: 64px;
|
||||
.statistics-top {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
border: 1px solid #eee;
|
||||
background: #fff;
|
||||
margin-bottom: 20px;
|
||||
|
||||
b {
|
||||
font-size: 20px;
|
||||
font-family: DINAlternate-Bold, DINAlternate,serif;
|
||||
& > div {
|
||||
flex: 1;
|
||||
height: 96px;
|
||||
line-height: 1;
|
||||
margin-right: 20px;
|
||||
padding: 16px 24px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
|
||||
border-radius: 4px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
color: #888888;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .mainPane {
|
||||
background: #fff;
|
||||
border: 1px solid #eee;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.WhereaboutsConfigForm {
|
||||
flex-wrap: wrap;
|
||||
|
||||
.el-select {
|
||||
width: 100%;
|
||||
|
||||
::v-deep .el-tag__close.el-icon-close {
|
||||
background: transparent;
|
||||
}
|
||||
.content {
|
||||
padding: 16px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user