| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="margin-bottom: 10px"> |
| | | <el-button |
| | | type="primary" |
| | | @click="openDialog('add',{})" |
| | | >新增登记</el-button> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | >批量导入</el-button> |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="Plus" |
| | | @click="openDialog('add',{})" |
| | | >新增登记</el-button> |
| | | </el-form-item> |
| | | <el-form-item label="企业名称:" > |
| | | <el-input v-model="data.queryParams.companyName" placeholder="请输入企业名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="课程名称:" > |
| | | <el-input v-model="data.queryParams.courseName" placeholder="请输入课程名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item > |
| | | <el-button |
| | | type="primary" |
| | | @click="getList" |
| | | >查询</el-button> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | @click="reset" |
| | | >重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <!-- <div style="margin-bottom: 10px">--> |
| | | <!-- <el-button--> |
| | | <!-- type="primary"--> |
| | | <!-- @click="openDialog('add',{})"--> |
| | | <!-- >新增登记</el-button>--> |
| | | <!-- <el-button--> |
| | | <!-- type="primary"--> |
| | | <!-- plain--> |
| | | <!-- >批量导入</el-button>--> |
| | | <!-- </div>--> |
| | | <!-- 表格数据 --> |
| | | <el-table v-loading="loading" :data="dataList" :border="true"> |
| | | <el-table-column label="序号" type="index" align="center" width="80" /> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="身份证号" prop="idNo" align="center" width="200" :show-overflow-tooltip="true"/> |
| | | <el-table-column label="课程名称" prop="courseName" align="center"/> |
| | | <el-table-column label="培训等级" prop="level" align="center"/> |
| | | <el-table-column label="培训等级" prop="level" align="center"> |
| | | <template #default="scope"> |
| | | <span>{{scope.row.sex == 1 ? '公司级':scope.row.sex == 2 ? '部门级' : '车间级'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="要求课时(分)" prop="period" align="center"/> |
| | | <el-table-column label="实际课时(分)" prop="actualPeriod" align="center"/> |
| | | <el-table-column label="考试成绩" prop="score" align="center"/> |
| | |
| | | const dialogRef = ref(); |
| | | const data = reactive({ |
| | | queryParams: { |
| | | companyName: '', |
| | | courseName: '', |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | |
| | | |
| | | /** 重置新增的表单以及其他数据 */ |
| | | function reset() { |
| | | proxy.resetForm("roleRef"); |
| | | data.queryParams = { |
| | | companyName: '', |
| | | courseName: '', |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | } |
| | | getList() |
| | | } |
| | | const handleDelete = (val) => { |
| | | ElMessageBox.confirm( |