public/basicExample.xlsxBinary files differ
public/overviewExample.docxBinary files differ
src/api/companyInfo/basicInfo.js
@@ -32,4 +32,18 @@ }) } export function uploadInBasic(data) { return request({ url: '/company/upload/basic', method: 'post', data: data }) } export function uploadInOverview(data) { return request({ url: '/company/upload/summary', method: 'post', data: data }) } src/assets/images/certBg.jpgsrc/views/build/conpanyFunctionConsult/companyInfo/basicInfo/components/basicInfoDialog.vue
@@ -19,7 +19,7 @@ </el-option> </el-select> </el-form-item> <el-form-item label="1.企业的基本情况,主要包括:法人证书编号,所属部门、法人代表姓名、身份证号、职务、人员总数、技术人员数、不良情况记录、保密等资质。" prop="basic" > <el-form-item label="1.企业的基本情况,主要包括:营业执照、法人姓名、身份证号、职务、人员总数、技术人员数、不良情况记录、保密等资质。" prop="basic" > <el-input v-model="state.form.basic" :rows="4" type="textarea" :disabled="title === '查看'"/> </el-form-item> <el-form-item label="2.企业简介、行业特点、资源和能力情况。特别是上次审核以来领导层、组织机构(包括分场所)及体系变动情况。" prop="introduce" > src/views/build/conpanyFunctionConsult/companyInfo/basicInfo/index.vue
@@ -24,15 +24,16 @@ <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button> <el-button plain @click="reset">重置</el-button> </el-form-item> <el-form-item style="margin-left: 15px"> <el-button type="primary" @click="exportData" icon="Download" >导出</el-button> </el-form-item> <el-form-item style="margin-left: 15px"> <el-button type="primary" @click="exportInData" icon="Upload">导入</el-button> </el-form-item> </el-form> </div> <!-- 表格数据 --> @@ -61,6 +62,39 @@ /> </div> <basicInfoDialog ref="noticeRef" @getList = "getList"></basicInfoDialog> <el-dialog v-model="data.exportDialog" title="导入模板" width="550px" :before-close="handleCloseExport" :close-on-press-escape="false" :close-on-click-modal="false" > <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="110px" > <el-form-item label="表格模板:" > <el-button @click="downloadFileTable" size="default" :icon="Download" type="primary" plain>下载模板</el-button> </el-form-item> <el-form-item label="导入文件"> <el-upload accept=".xlsx,.xls" :before-upload="beforeUpload" v-model:file-list="state.exportFileList" action="#" :auto-upload="false" :on-change="handleChange" style="width: 100%" > <el-button :icon="Upload" size="default" type="primary">点击上传</el-button> </el-upload> </el-form-item> </el-form> <template #footer> <span class="dialog-footer"> <el-button @click="handleCloseExport" size="default">取 消</el-button> <el-button type="primary" @click="onUpload" size="default">确定</el-button> </span> </template> </el-dialog> </div> </template> @@ -71,13 +105,22 @@ import {getCompany} from "@/api/onlineEducation/company"; import Cookies from "js-cookie"; import {generateWordDocument} from "@/utils/exportWord"; import {delBasic, getBasic} from "@/api/companyInfo/basicInfo"; import {delBasic, getBasic, uploadInBasic} from "@/api/companyInfo/basicInfo"; import {uploadTemplate} from "@/api/staffManage/staff"; import {Download, Upload} from "@element-plus/icons-vue"; const { proxy } = getCurrentInstance(); const loading = ref(false); const noticeRef = ref(); const loadingCompany = ref(false) const choosedData = ref([]) const checkFiles = (rule, value, callback) => { if (state.exportFileList.length == 0) { callback(new Error('请上传导入文件')) } else { callback() } } const data = reactive({ queryParams: { pageNum: 1, @@ -87,6 +130,18 @@ companyList: [], isAdmin: false }); const state = reactive({ form: { id: null, filePath: '', companyId: null }, formRules:{ companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] }, exportFileList: [], }) const dataList = ref([]); const total = ref(0); @@ -214,6 +269,66 @@ } }) } const exportInData = () => { data.exportDialog = true } const handleCloseExport = () => { getList() state.exportFileList = [] data.exportDialog = false } const beforeUpload = (file) => { state.exportFileList = [...state.exportFileList, file] state.exportFileList = state.exportFileList.slice(-1) return false; } const downloadFileTable = () => { const filePath = '/basicExample.xlsx'; const link = document.createElement('a'); link.href = filePath; link.download = filePath.substr(filePath.lastIndexOf('/') + 1); link.click(); } const fileBinaryList = ref([]) const handleChange = (file, files) => { fileBinaryList.value = files; }; const onUpload = async () => { if(state.exportFileList.length == 0){ ElMessage({ type: 'warning', message: '请先上传表格文件' }); return }else{ const formData = new FormData(); fileBinaryList.value.forEach((file) => { formData.append('file', file.raw) }) console.log('form',formData) uploadInBasic(formData).then(async (res) => { if(res.code == 200){ ElMessage({ type: 'success', message: '导入成功' }); state.exportFileList = [] data.exportDialog = false await getList() }else{ ElMessage({ type: 'error', message: res.message }); } }).catch(async () =>{ state.exportFileList = [] data.exportDialog = false await getList() }) } } </script> <style lang="scss"> src/views/build/conpanyFunctionConsult/companyInfo/overview/index.vue
@@ -42,8 +42,11 @@ <el-form-item v-if="data.isAdmin"> <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button> <el-button plain @click="reset">重置</el-button> </el-form-item> </el-form-item> <el-form-item> <el-button type="primary" style="margin-left: 15px" icon="Upload" @click="exportData">导入</el-button> </el-form-item> </el-form> </div> <!-- 表格数据 --> @@ -71,6 +74,50 @@ /> </div> <overviewDialog ref="noticeRef" @getList = "getList"></overviewDialog> <el-dialog v-model="data.exportDialog" title="导入模板" width="500px" :before-close="handleCloseExport" :close-on-press-escape="false" :close-on-click-modal="false" > <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="110px" > <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px"> <el-select v-model="state.form.companyId" filterable placeholder="请选择" clearable> <el-option v-for="item in data.companyList" :key="item.id" style="width: 100%" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> <el-form-item label="模板:" > <el-button @click="downloadFileTable" size="default" :icon="Download" type="primary" plain>下载模板</el-button> </el-form-item> <el-form-item label="导入文件"> <el-upload accept=".doc,.docx" :before-upload="beforeUpload" v-model:file-list="state.exportFileList" action="#" :auto-upload="false" :on-change="handleChange" style="width: 100%" > <el-button :icon="Upload" size="default" type="primary">点击上传</el-button> </el-upload> </el-form-item> </el-form> <template #footer> <span class="dialog-footer"> <el-button @click="handleCloseExport" size="default">取 消</el-button> <el-button type="primary" @click="onUpload" size="default">确定</el-button> </span> </template> </el-dialog> </div> </template> @@ -81,10 +128,20 @@ import {getCompany} from "@/api/onlineEducation/company"; import Cookies from "js-cookie"; import {delCom, getCom} from "@/api/companyInfo/overview"; import {Download, Upload} from "@element-plus/icons-vue"; import {uploadTemplate} from "@/api/staffManage/staff"; import {uploadInOverview} from "@/api/companyInfo/basicInfo"; const { proxy } = getCurrentInstance(); const loading = ref(false); const noticeRef = ref(); const loadingCompany = ref(false) const checkFiles = (rule, value, callback) => { if (state.exportFileList.length == 0) { callback(new Error('请上传导入文件')) } else { callback() } } const data = reactive({ queryParams: { pageNum: 1, @@ -93,8 +150,21 @@ }, companyList: [], isAdmin: false, companyName: '' companyName: '', exportDialog: false, }); const state = reactive({ form: { id: null, filePath: '', companyId: null }, formRules:{ companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], filePath: [{ required: true, validator: checkFiles, trigger: 'blur' }] }, exportFileList: [], }) const dataList = ref([]); const total = ref(0); @@ -229,7 +299,75 @@ } }) } const exportData = () => { data.exportDialog = true } const handleCloseExport = () => { getList() state.form.companyId = null state.exportFileList = [] data.exportDialog = false } const downloadFileTable = () => { const filePath = '/overviewExample.docx'; const link = document.createElement('a'); link.href = filePath; link.download = filePath.substr(filePath.lastIndexOf('/') + 1); link.click(); } const beforeUpload = (file) => { state.exportFileList = [...state.exportFileList, file] state.exportFileList = state.exportFileList.slice(-1) return false; } const fileBinaryList = ref([]) const handleChange = (file, files) => { fileBinaryList.value = files; }; const onUpload = async () => { if(state.exportFileList.length == 0){ ElMessage({ type: 'warning', message: '请先上传表格文件' }); return }else if( data.isAdmin && !state.form.companyId){ ElMessage({ type: 'warning', message: '管理员请先选择企业' }); return }else{ const formData = new FormData(); fileBinaryList.value.forEach((file) => { formData.append('file', file.raw) }) formData.append('companyId',data.isAdmin ? state.form.companyId : data.queryParams.companyId) // const param = { // file: formData, // companyId: data.isAdmin ? state.form.companyId : data.queryParams.companyId // } console.log('form',formData) const res = await uploadInOverview(formData) if(res.code == 200){ ElMessage({ type: 'success', message: '导入成功' }); state.form.companyId = null state.exportFileList = [] data.exportDialog = false await getList() }else{ ElMessage({ type: 'error', message: res.message }); await getList() } } } </script> <style lang="scss"> .pag-container{ src/views/build/conpanyFunctionConsult/companyInfo/qualifications/index.vue
@@ -38,7 +38,7 @@ <!-- 表格数据 --> <el-table v-loading="loading" :data="dataList" :border="true" > <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column label="企业名称" prop="companyName" align="center" /> <el-table-column label="企业名称" prop="companyName" align="center" v-if="data.isAdmin" /> <el-table-column label="取得资质证书名称" prop="certificateName" align="center" width="130"/> <el-table-column label="证书编号" prop="certificateNum" align="center" /> <el-table-column label="有效期" prop="effectiveTime" align="center" /> src/views/work/onlineEducation/groupExams/components/examDialog.vue
@@ -208,66 +208,66 @@ </el-radio-group> </div> </div> <div style="display: flex"> <div class="group"> <div> 简答:<el-input style="max-width: 40px" v-model="state.form.easyNum"></el-input> 题 </div> <div style="margin-left: 20px"> 每题:<el-input style="max-width: 40px" v-model="state.form.easyScore"></el-input> 分 </div> </div> <div class="group" > <div> 共 <span style="max-width: 30px" v-show="state.form.easyNum && state.form.easyScore">{{state.form.easyNum * state.form.easyScore}}</span> <!-- <span v-else></span>--> 分 </div> <el-select clearable v-model="state.form.easyBankName" filterable remote reserve-keyword placeholder="请输入简答题库" remote-show-suffix :remote-method="getBankList" style="width: 160px;margin: 0 20px" @change="selectEasyValue" > <el-option v-for="item in state.bankList" :key="item.id" :label="item.name" :value="item.name" /> </el-select> <!-- <div style="display: flex">--> <!-- <div class="group">--> <!-- <div>--> <!-- 简答:<el-input style="max-width: 40px" v-model="state.form.easyNum"></el-input> 题--> <!-- </div>--> <!-- <div style="margin-left: 20px">--> <!-- 每题:<el-input style="max-width: 40px" v-model="state.form.easyScore"></el-input> 分--> <!-- </div>--> <!-- </div>--> <!-- <div class="group" >--> <!-- <div>--> <!-- 共 --> <!-- <span style="max-width: 30px" v-show="state.form.easyNum && state.form.easyScore">{{state.form.easyNum * state.form.easyScore}}</span>--> <!-- <!– <span v-else></span>–>--> <!-- 分--> <!-- </div>--> <!-- <el-select--> <!-- clearable--> <!-- v-model="state.form.easyBankId"--> <!-- v-model="state.form.easyBankName"--> <!-- filterable--> <!-- remote--> <!-- reserve-keyword--> <!-- placeholder="请输入简答题库"--> <!-- remote-show-suffix--> <!-- :remote-method="getBankList"--> <!-- style="width: 160px;margin: 0 20px"--> <!-- v-loadMoreNew:[reselectSingle]="handleScroll"--> <!-- :popper-class="reselectSingle.name"--> <!-- class="item-width"--> <!-- placeholder="请选择简答题题库"--> <!-- @change="selectEasyValue"--> <!-- >--> <!-- <el-option--> <!-- v-for="item in state.bankListSingle"--> <!-- v-for="item in state.bankList"--> <!-- :key="item.id"--> <!-- :label="item.name"--> <!-- :value="item.id"--> <!-- :value="item.name"--> <!-- />--> <!-- </el-select>--> <el-radio-group v-model="state.form.easyMethod" > <el-radio :label="1" style="max-width: 30px">随机</el-radio> <el-radio :label="2" style="max-width: 30px">顺序</el-radio> </el-radio-group> <el-radio-group v-model="state.form.easyRebuild" style="margin-left: 30px" > <el-radio :label="1" v-if="title === '编辑'" style="max-width: 30px">重新出题</el-radio> </el-radio-group> </div> </div> <!--<!– <el-select–>--> <!--<!– clearable–>--> <!--<!– v-model="state.form.easyBankId"–>--> <!--<!– style="width: 160px;margin: 0 20px"–>--> <!--<!– v-loadMoreNew:[reselectSingle]="handleScroll"–>--> <!--<!– :popper-class="reselectSingle.name"–>--> <!--<!– class="item-width"–>--> <!--<!– placeholder="请选择简答题题库"–>--> <!--<!– >–>--> <!--<!– <el-option–>--> <!--<!– v-for="item in state.bankListSingle"–>--> <!--<!– :key="item.id"–>--> <!--<!– :label="item.name"–>--> <!--<!– :value="item.id"–>--> <!--<!– />–>--> <!--<!– </el-select>–>--> <!-- <el-radio-group v-model="state.form.easyMethod" >--> <!-- <el-radio :label="1" style="max-width: 30px">随机</el-radio>--> <!-- <el-radio :label="2" style="max-width: 30px">顺序</el-radio>--> <!-- </el-radio-group>--> <!-- <el-radio-group v-model="state.form.easyRebuild" style="margin-left: 30px" >--> <!-- <el-radio :label="1" v-if="title === '编辑'" style="max-width: 30px">重新出题</el-radio>--> <!-- </el-radio-group>--> <!-- </div>--> <!-- </div>--> <span class="group" style="margin-bottom: 20px">共计: {{state.form.judgeNum * state.form.judgeScore+state.form.multiNum * state.form.multiScore+state.form.singleNum * state.form.singleScore+state.form.easyNum * state.form.easyScore}} 分</span> src/views/work/onlineEducation/groupExams/components/student.vue
@@ -72,7 +72,7 @@ </el-table-column> <el-table-column label="试卷状态" prop="state" align="center" > <template #default="scope"> <span>{{scope.row.state ===0 ? '待考试' : scope.row.state ===1 ? '待批阅':'批阅完成'}}</span> <span>{{scope.row.state ===0 ? '待考试' : scope.row.state ===1 ? '待批阅':scope.row.state ===2 ? '已完成':''}}</span> </template> </el-table-column> <!-- <el-table-column label="考试是否完成" prop="completed" align="center" >--> @@ -92,7 +92,7 @@ </el-table-column> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180"> <template #default="scope"> <el-button link type="primary" @click="correct(scope.row)" v-if="scope.row.state != 0">批阅</el-button> <!-- <el-button link type="primary" @click="correct(scope.row)" v-if="scope.row.state != 0">批阅</el-button>--> <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> </template> </el-table-column> @@ -149,7 +149,7 @@ }, { id: 2, name: '批阅完成' name: '已完成' }, ] src/views/work/onlineEducation/groupExams/components/viewExamQuestion.vue
@@ -15,7 +15,7 @@ <div v-for="(item,index) in state.singleList" :key="index" style="margin-left: 15px;margin-top: 10px"> <div style="display: flex;flex-direction: column;"> <div style="margin-top: 10px;display: flex"> <span style="font-size: 15px;width: 66px">题目{{index+1}}:</span> <span style="font-size: 15px;width: 66px;text-wrap: nowrap">题目{{index+1}}:</span> <span style="font-size: 16px">{{item.title}}</span> </div> <div style="display: flex;margin-left: 10%;margin-top: 15px"> @@ -35,8 +35,8 @@ <div v-for="(item,index) in state.multiList" :key="index" style="margin-left: 15px;margin-top: 10px"> <div style="display: flex;flex-direction: column;"> <div style="margin-top: 10px;display: flex"> <span style="font-size: 15px">题目{{index+1}}:</span> <span style="margin-left: 10px;font-size: 16px">{{item.title}}</span> <span style="font-size: 15px;width: 66px;text-wrap: nowrap">题目{{index+1}}:</span> <span style="font-size: 16px">{{item.title}}</span> </div> <div style="display: flex;margin-left: 10%;margin-top: 15px"> <div v-for="single in item.content.items"> @@ -55,8 +55,8 @@ <div v-for="(item,index) in state.judgeList" :key="index" style="margin-left: 15px;margin-top: 10px"> <div style="display: flex;flex-direction: column;"> <div style="margin-top: 10px;display: flex"> <span style="font-size: 15px">题目{{index+1}}:</span> <span style="margin-left: 10px;font-size: 16px">{{item.title}}</span> <span style="font-size: 15px;width: 66px;text-wrap: nowrap">题目{{index+1}}:</span> <span style="font-size: 16px">{{item.title}}</span> </div> <div style="display: flex;margin-left: 10%;margin-top: 15px"> <div v-for="single in item.content.items"> src/views/work/onlineEducation/offlineEducation/components/recordDialog.vue
@@ -9,45 +9,35 @@ :close-on-click-modal="false" > <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="180px" > <el-form-item label="企业名称:" prop="companyName" > <el-select v-if="state.isAdmin" v-model="state.form.companyName" style="width: 100%" v-loadMoreNew:[reselect]="handleScroll" :popper-class="reselect.name" @change="selectCompany" class="item-width" > <el-form-item label="企业名称:" v-if="state.isAdmin" prop="companyId"> <el-select v-model="state.form.companyId" filterable placeholder="请选择" :disabled="state.title == '查看' || state.title == '编辑' || !state.isAdmin" clearable @change="selectValueCom" style="width:100%"> <el-option v-for="item in state.companyList" :key="item.id" :label="item.name" :value="item.name" /> :value="item.id"> </el-option> </el-select> <el-input v-else v-model.trim="state.form.companyName" disabled ></el-input> </el-form-item> <el-form-item label="计划名称:" prop="planName" > <el-input v-model.trim="state.form.planName" placeholder="请输入计划名称"></el-input> </el-form-item> <el-form-item label="学员:" prop="studentName" > <el-form-item label="学员:" prop="studentId" > <el-select v-model="state.form.studentName" clearable multiple collapse-tags collapse-tags-tooltip v-model="state.students" :disabled="state.title =='查看'" filterable style="width: 100%" v-loadMoreNew:[reselectStu]="handleScrollStu" :popper-class="reselectStu.name" class="m-2" @change="selectValue" placeholder="请选择学生" popper-class="more_select_dropdown" > <el-option v-for="item in state.studentList" v-for="item in state.peopleList" :key="item.id" :label="item.name" :value="item.name" :value="item.id" /> </el-select> </el-form-item> @@ -68,36 +58,36 @@ </el-select> <!-- <el-input v-model.trim="state.form.level" :disabled="disabled" placeholder="请输入培训等级" ></el-input>--> </el-form-item> <el-form-item label="要求课时(分):" prop="period" > <el-input v-model.trim="state.form.period" @input="state.form.period = state.form.period .replace(/[^0-9.]/g, '') .replace(/(\..*)\./g, '$1') .replace(/^(-?\d+\.?\d*).*/, '$1')" :disabled="disabled" placeholder="请输入要求课时(分)" ></el-input> </el-form-item> <el-form-item label="实际课时(分):" prop="actualPeriod" > <el-input v-model.trim="state.form.actualPeriod" @input="state.form.actualPeriod = state.form.actualPeriod .replace(/[^0-9.]/g, '') .replace(/(\..*)\./g, '$1') .replace(/^(-?\d+\.?\d*).*/, '$1')" :disabled="disabled" placeholder="请输入实际课时(分)" ></el-input> </el-form-item> <el-form-item label="考试成绩:" prop="score" > <el-input v-model.trim="state.form.score" @input="state.form.score = state.form.score .replace(/[^0-9.]/g, '') .replace(/(\..*)\./g, '$1') .replace(/^(-?\d+\.?\d*).*/, '$1')" :disabled="disabled" placeholder="请输入考试成绩" ></el-input> </el-form-item> <el-form-item label="是否合格:" prop="passed" > <el-radio-group v-model="state.form.passed" :disabled="disabled"> <el-radio :label="0">不合格</el-radio> <el-radio :label="1">合格</el-radio> </el-radio-group> </el-form-item> <!-- <el-form-item label="要求课时(分):" prop="period" >--> <!-- <el-input v-model.trim="state.form.period"--> <!-- @input="state.form.period = state.form.period--> <!-- .replace(/[^0-9.]/g, '')--> <!-- .replace(/(\..*)\./g, '$1')--> <!-- .replace(/^(-?\d+\.?\d*).*/, '$1')"--> <!-- :disabled="disabled" placeholder="请输入要求课时(分)" ></el-input>--> <!-- </el-form-item>--> <!-- <el-form-item label="实际课时(分):" prop="actualPeriod" >--> <!-- <el-input v-model.trim="state.form.actualPeriod"--> <!-- @input="state.form.actualPeriod = state.form.actualPeriod--> <!-- .replace(/[^0-9.]/g, '')--> <!-- .replace(/(\..*)\./g, '$1')--> <!-- .replace(/^(-?\d+\.?\d*).*/, '$1')"--> <!-- :disabled="disabled" placeholder="请输入实际课时(分)" ></el-input>--> <!-- </el-form-item>--> <!-- <el-form-item label="考试成绩:" prop="score" >--> <!-- <el-input v-model.trim="state.form.score"--> <!-- @input="state.form.score = state.form.score--> <!-- .replace(/[^0-9.]/g, '')--> <!-- .replace(/(\..*)\./g, '$1')--> <!-- .replace(/^(-?\d+\.?\d*).*/, '$1')"--> <!-- :disabled="disabled" placeholder="请输入考试成绩" ></el-input>--> <!-- </el-form-item>--> <!-- <el-form-item label="是否合格:" prop="passed" >--> <!-- <el-radio-group v-model="state.form.passed" :disabled="disabled">--> <!-- <el-radio :label="0">不合格</el-radio>--> <!-- <el-radio :label="1">合格</el-radio>--> <!-- </el-radio-group>--> <!-- </el-form-item>--> <el-form-item label="培训记录:" prop="passed" > <el-upload accept=".jpg,.jpeg,.png,.doc,.docx,.pdf,.xls,xlsx,ppt,pptx" style="width: 100%" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" > <el-button type="primary">点击上传</el-button> @@ -131,6 +121,7 @@ import {getCompany} from "@/api/onlineEducation/company"; import {delPic} from "@/api/onlineEducation/banner"; import {getToken} from "@/utils/auth"; import {getUser} from "@/api/onlineEducation/user"; const emit = defineEmits(["getList"]); const dialogVisible = ref(false) @@ -162,13 +153,11 @@ }, formRules:{ companyName: [{ required: true, message: '请输入企业名称', trigger: 'blur' }], companyId: [{ required: true, message: '请输入企业名称', trigger: 'blur' }], planName: [{ required: true, message: '请输入计划名称', trigger: 'blur' }], studentName: [{ required: true, message: '请选择学员', trigger: 'blur' }], studentId: [{ required: true, message: '请选择学员', trigger: 'blur' }], level: [{ required: true, message: '请输入培训等级', trigger: 'blur' }], period: [{ required: true, message: '请输入要求课时(分)', trigger: 'blur' }], actualPeriod: [{ required: true, message: '实际课时(分)', trigger: 'blur' }], score: [{ required: true, message: '请输入考试成绩', trigger: 'blur' }], courseName: [{ required: true, message: '请输入课程名称', trigger: 'blur' }], }, isAdmin: false, studentList: [], @@ -195,6 +184,7 @@ header: { Authorization: getToken() }, students: [] }) onMounted(() => { @@ -203,22 +193,20 @@ const disabled = ref(false); const openDialog = async (type, value) => { await loadMoreStuData(); if(state.isAdmin){ await loadMoreCompanyData(); } const userInfo = JSON.parse(Cookies.get('userInfo')) console.log("userInfo",userInfo) if(userInfo.userType === 0){ state.isAdmin = true; state.form.userType = 0; state.form.companyId = null await getCompanyList() }else { state.isAdmin = false; state.form.companyId = userInfo.companyId; state.form.companyName = userInfo.companyName; state.form.userType = 1; } state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : type ==='pwd' ? '修改密码' : '查看' ; if(type === 'edit' || type === 'view') { if( type === 'view'){ @@ -226,8 +214,7 @@ } state.form = JSON.parse(JSON.stringify(value)) state.form.studentId = value.student.id state.form.studentName = value.student.name state.students = state.form.students.map(i => i.id) state.fileList = value.files.map(i => { return { name: i.fileName, @@ -240,9 +227,11 @@ if(type == 'pwd'){ state.form.id = value.id } await getPeopleList() dialogVisible.value = true } const onSubmit = async () => { state.form.studentId = state.students.join(',') const valid = await superRef.value.validate(); if(valid){ if(state.title == '新增'){ @@ -302,6 +291,7 @@ state.companyPageSize = 10; state.companyList = []; state.stuPageNum = 1; state.students = [] state.stuPageSize = 10; state.studentList = []; state.fileList = [] @@ -327,7 +317,35 @@ } const getCompanyList = async ()=>{ const queryParams = { pageNum: 1, pageSize: 999 } const res = await getCompany(queryParams) if (res.code == 200) { state.companyList = res.data.list?res.data.list:[] // data.queryParams.companyId = data.companyList[0].id } else { ElMessage.warning(res.message) } } const getPeopleList = async ()=> { if(state.isAdmin && !state.form.companyId && (state.form.companyId == 0 || state.form.companyId == null)){ return } const queryParams = { pageNum: 1, pageSize: 9999, companyId: state.form.companyId } const res = await getStudent(queryParams) if(res.code == 200){ state.peopleList = res.data.list?res.data.list:[] }else{ ElMessage.warning(res.message) } }; const handleScrollStu = () => { console.log(' student',state.hasMoreStu); if(state.stuPageNum >= state.hasMoreStu) return @@ -431,6 +449,11 @@ // state.form.filePath = '' // }); } const selectValueCom = (val) => { state.students = [] state.form.studentId = null getPeopleList() } defineExpose({ src/views/work/onlineEducation/offlineEducation/index.vue
@@ -46,7 +46,10 @@ <el-table-column label="计划名称" prop="planName" align="center" /> <el-table-column label="学员姓名" prop="studentName" align="center"> <template #default="scope"> <span>{{scope.row.student.name}}</span> <div style="display: flex;flex-wrap: wrap"> <div v-for="(item,index) in scope.row.students" style="display: flex" >{{item.name}}<div v-if="scope.row.students && index !=scope.row.students.length -1">,</div></div> </div> </template> </el-table-column> <!-- <el-table-column label="性别" prop="sex" align="center" >--> @@ -54,25 +57,25 @@ <!-- <span>{{scope.row.sex == 0 ? '男':'女'}}</span>--> <!-- </template>--> <!-- </el-table-column>--> <el-table-column label="身份证号" prop="idNo" align="center" width="200" :show-overflow-tooltip="true"> <template #default="scope"> <span>{{scope.row.student.idNo}}</span> </template> </el-table-column> <!-- <el-table-column label="身份证号" prop="idNo" align="center" width="200" :show-overflow-tooltip="true">--> <!-- <template #default="scope">--> <!-- <span>{{scope.row.student.idNo}}</span>--> <!-- </template>--> <!-- </el-table-column>--> <el-table-column label="课程名称" prop="courseName" align="center"/> <el-table-column label="培训等级" prop="level" align="center"> <template #default="scope"> <span>{{scope.row.level == 1 ? '公司级':scope.row.level == 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"/> <el-table-column label="是否合格" prop="passed" align="center"> <template #default="scope"> <span>{{scope.row.passed == 0 ? '不合格':'合格'}}</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"/>--> <!-- <el-table-column label="是否合格" prop="passed" align="center">--> <!-- <template #default="scope">--> <!-- <span>{{scope.row.passed == 0 ? '不合格':'合格'}}</span>--> <!-- </template>--> <!-- </el-table-column>--> <el-table-column label="培训记录" prop="passed" align="center" width="180"> <template #default="scope"> <div v-for="item in scope.row.files" style="display: flex;flex-direction: column">