| | |
| | | <template> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | append-to-body |
| | | width="50%" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form ref="ruleForm" :model="form" :rules="rules" label-position="right" label-width="150px" style="padding-right: 50px" element-loading-text="保存中..."> |
| | | <el-dialog :title="title" :visible.sync="open" append-to-body width="50%" :before-close="handleClose">
|
| | | <el-form ref="ruleForm" :model="form" :rules="rules" label-position="right" label-width="150px"
|
| | | style="padding-right: 50px" element-loading-text="保存中...">
|
| | | <el-form-item label="计划名称:" prop="name"> |
| | | <el-input v-model.trim="form.name" :readonly="disable" type="textarea"/> |
| | | </el-form-item> |
| | |
| | | <el-table-column label="上课教师" align="center" prop="teacher" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="!disable"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | style="color: red" |
| | | @click="delClass(scope.$index)" |
| | | >删除</el-button> |
| | | <el-button size="mini" type="text" style="color: red" @click="delClass(scope.$index)">删除</el-button>
|
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-button type="primary" size="mini" @click="addClass" style="margin-top: 20px" v-if="!disable">添加课程</el-button> |
| | | <el-button type="primary" size="mini" @click="addClass" style="margin-top: 20px"
|
| | | v-if="!disable">添加课程</el-button>
|
| | | </el-form-item> |
| | | <el-form-item label="学员管理:" prop="students"> |
| | | <el-table :data="form.students" border> |
| | |
| | | <el-table-column label="实际总学时" align="center" prop="time"/> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="openStudyRecord(scope.row,'view')" |
| | | >查看学时档案</el-button> |
| | | <el-button size="mini" type="text" @click="openStudyRecord(scope.row,'view')">查看学时档案</el-button>
|
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-button type="primary" size="mini" @click="addStudent" style="margin-top: 20px" v-if="!disable">导入报名人员</el-button> |
| | | <el-button type="primary" size="mini" @click="addStudent" style="margin-top: 20px"
|
| | | v-if="!disable">导入报名人员</el-button>
|
| | | </el-form-item> |
| | | <el-form-item label="历史记录(过程追溯):" prop="history"> |
| | | <el-table :data="form.history" border> |
| | |
| | | <el-button v-if="disable == false" type="primary" @click="submit">提交</el-button> |
| | | <el-button v-else type="primary" @click="handleClose">确定</el-button> |
| | | </span> |
| | | <el-dialog |
| | | :title="classTitle" |
| | | :visible.sync="classDialog" |
| | | append-to-body |
| | | width="50%" |
| | | > |
| | | <el-form ref="ruleAddForm" :model="addForm" :rules="addRules" label-position="right" label-width="150px" style="padding-right: 50px" element-loading-text="保存中..."> |
| | | <el-dialog :title="classTitle" :visible.sync="classDialog" append-to-body width="50%">
|
| | | <el-form ref="ruleAddForm" :model="addForm" :rules="addRules" label-position="right" label-width="150px"
|
| | | style="padding-right: 50px" element-loading-text="保存中...">
|
| | | <el-form-item label="课程名称:" prop="name"> |
| | | <el-input v-model.trim="addForm.name"/> |
| | | </el-form-item> |
| | |
| | | <el-button type="primary" @click="confirmAdd">确定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog |
| | | title="学时档案" |
| | | :visible.sync="recordDialog" |
| | | append-to-body |
| | | width="50%" |
| | | > |
| | | <el-dialog title="学时档案" :visible.sync="recordDialog" append-to-body width="50%">
|
| | | <el-table :data="record" border> |
| | | <el-table-column label="课程名称" align="center" prop="name" /> |
| | | <el-table-column label="标准学时" align="center" prop="time" /> |
| | |
| | | </template> |
| | | |
| | | <script > |
| | | import {addViolation, editViolation, uploadFile} from "@/api/coalMine/violation"; |
| | | import {verifyIdCard} from "@/utils/validate"; |
| | | import {MessageBox} from "element-ui"; |
| | | import {
|
| | | addViolation,
|
| | | editViolation,
|
| | | uploadFile
|
| | | } from "@/api/coalMine/violation";
|
| | | import {
|
| | | verifyIdCard
|
| | | } from "@/utils/validate";
|
| | | import {
|
| | | MessageBox
|
| | | } from "element-ui";
|
| | | |
| | | export default { |
| | | name: 'trainPlanDialog', |
| | | components: { |
| | | }, |
| | | components: {},
|
| | | props: ['typeList'], |
| | | data() { |
| | | return { |
| | |
| | | cardDep: '', |
| | | classes: [], |
| | | students: [], |
| | | history: [] |
| | | history: [],
|
| | | }, |
| | | rules:{ |
| | | name:[{ required: true, message: '请填写计划名称', trigger: 'blur' }], |
| | | dep: [{ required: true, message: '请填写培训单位', trigger: 'blur' }], |
| | | trainWay: [{ required: true, message: '请选择培训方式', trigger: 'blur' }], |
| | | cardDep: [{ required: true, message: '请填写发证单位', trigger: 'blur' }] |
| | | name: [{
|
| | | required: true,
|
| | | message: '请填写计划名称',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | dep: [{
|
| | | required: true,
|
| | | message: '请填写培训单位',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | trainWay: [{
|
| | | required: true,
|
| | | message: '请选择培训方式',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | cardDep: [{
|
| | | required: true,
|
| | | message: '请填写发证单位',
|
| | | trigger: 'blur'
|
| | | }]
|
| | | }, |
| | | addForm: { |
| | | name: '', |
| | |
| | | teacher: '' |
| | | }, |
| | | addRules: { |
| | | name:[{ required: true, message: '请填写课程名称', trigger: 'blur' }], |
| | | time: [{ required: true, message: '请填写标准学时', trigger: 'blur' }], |
| | | teacher: [{ required: true, message: '请填写上课教师', trigger: 'blur' }], |
| | | name: [{
|
| | | required: true,
|
| | | message: '请填写课程名称',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | time: [{
|
| | | required: true,
|
| | | message: '请填写标准学时',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | teacher: [{
|
| | | required: true,
|
| | | message: '请填写上课教师',
|
| | | trigger: 'blur'
|
| | | }],
|
| | | }, |
| | | record:[ |
| | | { |
| | | name:'--', |
| | |
|
| | | record: [{
|
| | | name: '高处安装、维护、拆除作业',
|
| | | time: '5', |
| | | actualTime:'5' |
| | | }, |
| | | { |
| | | name:'--', |
| | | name: '基础理论',
|
| | | time: '4', |
| | | actualTime:'4' |
| | | } |
| | |
| | | cardDep: '', |
| | | classes: [], |
| | | students: [], |
| | | history: [] |
| | | history: [],
|
| | | } |
| | | }else{ |
| | | if(type == 'view'){ |
| | |
| | | }, |
| | | |
| | | delClass(index){ |
| | | MessageBox.confirm('删除该条信息,是否继续?', '系统提示', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => { |
| | | MessageBox.confirm('删除该条信息,是否继续?', '系统提示', {
|
| | | confirmButtonText: '确认',
|
| | | cancelButtonText: '取消',
|
| | | type: 'warning'
|
| | | }).then(() => {
|
| | | this.form.classes.splice(index,1); |
| | | this.$message.success('删除成功') |
| | | }).catch(() => { |
| | |
| | | async submit(){ |
| | | this.$refs["ruleForm"].validate(async(valid) =>{ |
| | | if(valid) { |
| | | await this.submitUpload()
|
| | | if(this.title == '新增计划'){ |
| | | // const {id,...data} = this.form |
| | | // const res= await addViolation(data) |
| | | // if(res.code == 200){ |
| | | // this.$message({ |
| | | // type:'success', |
| | | // message: res.msg |
| | | // }) |
| | | // this.fileList = [] |
| | | // this.open = false |
| | | // this.$emit('getList') |
| | | // }else{ |
| | | // this.$message({ |
| | | // type:'warning', |
| | | // message: res.msg |
| | | // }) |
| | | // } |
| | | this.form['info'] = '--' |
| | | this.form['startTime'] = '2024-02-24' |
| | | this.form['endTime'] ='2024-03-05' |
| | | this.form['sheet'] = '19' |
| | | this.form['num'] ='19' |
| | | this.form['passNum'] = '19' |
| | | this.$emit('addRecord',this.form) |
| | | const {
|
| | | id,
|
| | | ...data
|
| | | } = this.form
|
| | | const res = await addViolation(data)
|
| | | if (res.code == 200) {
|
| | | this.$message({
|
| | | type: 'success',
|
| | | message: res.msg
|
| | | })
|
| | | this.fileList = []
|
| | | this.open = false
|
| | | this.$emit('getList')
|
| | | }else{ |
| | | // const res= await editViolation(this.form) |
| | | // if(res.code == 200){ |
| | | // this.$message({ |
| | | // type:'success', |
| | | // message: res.msg |
| | | // }) |
| | | // this.fileList = [] |
| | | // this.open = false |
| | | // this.$emit('getList') |
| | | // }else{ |
| | | // this.$message({ |
| | | // type:'warning', |
| | | // message: res.msg |
| | | // }) |
| | | // } |
| | | this.$message({
|
| | | type: 'warning',
|
| | | message: res.msg
|
| | | })
|
| | | } |
| | | this.handleClose() |
| | | } else {
|
| | | const res = await editViolation(this.form)
|
| | | if (res.code == 200) {
|
| | | this.$message({
|
| | | type: 'success',
|
| | | message: res.msg
|
| | | })
|
| | | this.fileList = []
|
| | | this.open = false
|
| | | this.$emit('getList')
|
| | | } else {
|
| | | this.$message({
|
| | | type: 'warning',
|
| | | message: res.msg
|
| | | })
|
| | | }
|
| | | }
|
| | | }else{ |
| | | this.$message({ |
| | | type:'warning', |
| | |
| | | }, |
| | | } |
| | | } |
| | | |
| | | </script> |
| | | <style scoped> |
| | | |
| | |
| | | /> |
| | | <trainPlan-dialog ref="trainPlanDialog" @getList="getList" :typeList="typeList" @addRecord="addNew"></trainPlan-dialog> |
| | | <el-dialog |
| | | title="培训记录" |
| | | title="培训记录追溯" |
| | | :visible.sync="recordDialog" |
| | | append-to-body |
| | | width="50%" |
| | |
| | | recordDialog: false, |
| | | dataList: [ |
| | | { |
| | | name: '计划1', |
| | | info: '--', |
| | | name: '2024喀什源天信息管理咨询有限公司特种作业人员高处作业高处安装、维护、拆除作业复训3期次', |
| | | info: '高处作业', |
| | | startTime: '2024-02-24', |
| | | endTime: '2024-03-05', |
| | | sheet: '19', |
| | | num: '19', |
| | | passNum: '19', |
| | | dep: '--', |
| | | dep: '喀什源天信息管理咨询有限公司', |
| | | trainWay: 0, |
| | | cardDep: '--', |
| | | cardDep: '新疆维吾尔自治区应急管理厅', |
| | | classes: [ |
| | | { |
| | | id: 1, |
| | | name: '--', |
| | | name: '高处安装、维护、拆除作业', |
| | | time: 5, |
| | | teacher: '--' |
| | | teacher: '董建刚' |
| | | }, |
| | | { |
| | | id: 5, |
| | | name: '--', |
| | | name: '基础理论', |
| | | time: 4, |
| | | teacher: '--' |
| | | teacher: '陶春荣' |
| | | } |
| | | ], |
| | | students: [ |
| | | { |
| | | id: 1, |
| | | name: '--', |
| | | name: '代清华', |
| | | idCard: 666, |
| | | sex: '男', |
| | | time: 9 |
| | | }, |
| | | { |
| | | id: 5, |
| | | name: '--', |
| | | name: '拜科日·马木提', |
| | | idCard: 888, |
| | | sex: '女', |
| | | sex: '男', |
| | | time: 9 |
| | | } |
| | | ], |
| | | history: [] |
| | | history: [ |
| | | { |
| | | time: '2024-3-29', |
| | | class: '基础理论', |
| | | teacher: '陶春荣', |
| | | missStudent: '无' |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | name: '计划2', |
| | | info: '--', |
| | | name: '2024新疆新发展信息科技有限公司特种作业人员制冷与空调作业制冷与空调设备运行操作作业复训2期次', |
| | | info: ' 制冷与空调作业', |
| | | startTime: '2024-02-24', |
| | | endTime: '2024-03-04', |
| | | sheet: '19', |
| | | num: '19', |
| | | passNum: '19', |
| | | sheet: '1', |
| | | num: '1', |
| | | passNum: '1', |
| | | dep: '--', |
| | | trainWay: 0, |
| | | cardDep: '--', |
| | |
| | | pageNum: 1, |
| | | pageSize: 10 |
| | | }, |
| | | record: [] |
| | | record: [ |
| | | {time:'2024-3-29', |
| | | class:'基础理论', |
| | | teacher:'陶春荣', |
| | | missStudent:'无' |
| | | } |
| | | ] |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | <div class="app-container" style="width: 100%;height: calc(100vh - 84px)"> |
| | | <div class="container"> |
| | | <div> |
| | | <a href="https://222.82.242.194:1443/"> |
| | | <el-image fit="fill" :src="cover" style="width: 100%"></el-image> |
| | | <div>文字描述</div> |
| | | <div>远程监巡考系统管理</div> |
| | | </a> |
| | | </div> |
| | | <div> |
| | | <el-image fit="fill" :src="cover" style="width: 100%"></el-image> |
| | | <div>文字描述</div> |
| | | <a href="http://117.190.86.66:8616/"> |
| | | <el-image fit="fill" :src="fees" style="width: 100%"></el-image> |
| | | <div>特种作业考试缴费系统</div> |
| | | </a> |
| | | </div> |
| | | <div> |
| | | <el-image fit="fill" :src="cover" style="width: 100%"></el-image> |
| | | <div>文字描述</div> |
| | | <a href="http://47.109.31.73:81/"> |
| | | <el-image fit="fill" :src="history" style="width: 100%"></el-image> |
| | | <div>历史数据存档</div> |
| | | </a> |
| | | </div> |
| | | <div> |
| | | <el-image fit="fill" :src="cover" style="width: 100%"></el-image> |
| | | <div>文字描述</div> |
| | | </div> |
| | | <div> |
| | | <el-image fit="fill" :src="cover" style="width: 100%"></el-image> |
| | | <div>文字描述</div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import cover from '@/assets/images/systemCover.jpg' |
| | | import cover from '@/assets/images/invigilation.png' |
| | | import history from '@/assets/images/history.png' |
| | | import fees from '@/assets/images/fees.png' |
| | | export default { |
| | | name: "cardPlatform", |
| | | dicts: [], |
| | | components: { }, |
| | | data() { |
| | | return { |
| | | cover: cover |
| | | cover, |
| | | history, |
| | | fees |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | align-items: center; |
| | | padding: 0 10px 10px; |
| | | box-sizing: border-box; |
| | | width: 25%; |
| | | width: 33%; |
| | | div{ |
| | | font-size: 14px; |
| | | margin-top: 20px; |
| | | margin-top: 33px; |
| | | text-align: center; |
| | | } |
| | | } |