|
@@ -0,0 +1,105 @@
|
|
|
+<template>
|
|
|
+ <div id="column">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="info">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="12" class="topTitle">
|
|
|
+ <span>审核信息列表</span>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="list">
|
|
|
+ <template>
|
|
|
+ <el-table :data="recruitInfo" style="width: 100%">
|
|
|
+ <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column prop="totaltype" label="产品类型 " align="center">
|
|
|
+ <template v-slot="scoped">
|
|
|
+ {{
|
|
|
+ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : ''
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="state" label="状态" align="center">
|
|
|
+ <template v-slot="scoped">
|
|
|
+ {{ `${scoped.row.status}` === `0` ? '未审核' : `${scoped.row.status}` === `1` ? '已经审核' : '交易完成' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template slot-scope="scoped">
|
|
|
+ <el-tooltip content="审核通过" placement="bottom" effect="light">
|
|
|
+ <el-button type="text" size="small" @click="handleEdit(scoped.row)"><i class="el-icon-share"></i></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
+ <el-tooltip content="删除" placement="bottom" effect="light">
|
|
|
+ <el-button type="text" size="small" @click="handleDelete(scoped.row)"><i class="el-icon-delete"></i></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-col :span="24" class="page">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'column',
|
|
|
+ props: {
|
|
|
+ recruitInfo: null,
|
|
|
+ total: null,
|
|
|
+ },
|
|
|
+ components: {},
|
|
|
+ data: () => ({
|
|
|
+ currentPage: 1,
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ addData() {
|
|
|
+ this.$router.push({ path: '/personnel/recruitDetail' });
|
|
|
+ },
|
|
|
+ handleDelete(item) {
|
|
|
+ this.$emit('delete', item);
|
|
|
+ },
|
|
|
+ handleEdit(row) {
|
|
|
+ this.$emit('edit', { data: row });
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ console.log(`当前页: ${val}`);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.top {
|
|
|
+ padding: 15px 0;
|
|
|
+ border-bottom: 1px solid #cccc;
|
|
|
+}
|
|
|
+.top .topTitle {
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.top .topAdd {
|
|
|
+ padding: 0 10px 0 0;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.page {
|
|
|
+ padding: 20px 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+</style>
|