guoyuepeng
/
qa-regulatory-gwj-vue
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

监管端相关端开班新增查询条件

liujun-2024-06-06-相关方新需求
liujun 2024-06-07 10:08:05 +08:00
parent 1418fba680
commit c36533a16a
1 changed files with 93 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
src/views/classMessage/classMessage/components/initClass.vue
View File

@ -1,5 +1,12 @@
<template>
<el-dialog v-loading="loading" :visible.sync="visible" :title="title" :before-close="close" width="90%" top="50px">
<el-dialog
v-loading="loading"
:visible.sync="visible"
:title="title"
:fullscreen="fullscreenFlag"
:before-close="close"
width="90%"
top="50px">
<el-row>
<el-col :span="18">
<el-form ref="form" :rules="rules" :model="form" label-width="110px">
@ -52,7 +59,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="班级容量" prop="CLASS_SIZE">
<el-select v-model="form.CLASS_SIZE" :disabled="isShow" placeholder="请选择" style="width: 100%" @change="changePeopleList">
<el-select
v-model="form.CLASS_SIZE"
:disabled="isShow"
placeholder="请选择"
style="width: 100%"
@change="changePeopleList">
<el-option
v-for="item in warehouse.classSizeList"
:key="item.DICTIONARIES_ID"
@ -81,7 +93,13 @@
</el-col>
<el-col :span="12">
<el-form-item label="归属企业">
<el-select v-model="util.BELONG_TO_CORP" :disabled="isShow" filterable placeholder="请选择" style="width: 100%" @change="getPeopleList">
<el-select
v-model="util.BELONG_TO_CORP"
:disabled="isShow"
filterable
placeholder="请选择"
style="width: 100%"
@change="getPeopleList">
<el-option
v-for="item in warehouse.companyList"
:key="item.BELONG_TO_CORP"
@ -90,6 +108,39 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="姓名">
<el-input
v-model="util.NAME"
:disabled="isShow"
style="width: 100%"
maxlength="50"
placeholder="这里输入..."
@change="getPeopleList"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话">
<el-input
v-model="util.PHONE"
:disabled="isShow"
style="width: 100%"
maxlength="50"
placeholder="这里输入..."
@change="getPeopleList"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号">
<el-input
v-model="util.CARD_ID"
:disabled="isShow"
style="width: 100%"
maxlength="50"
placeholder="这里输入..."
@change="getPeopleList"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
@ -121,8 +172,17 @@
<el-table-column prop="DEPARTMENT_NAME" label="部门"/>
<el-table-column prop="PHOTO" label="免冠照片" width="120px">
<template slot-scope="{row}">
<el-image v-if="getShowPicture(row)" :src="config.fileUrl+row.PHOTO" :preview-src-list="[config.fileUrl+row.PHOTO]" :z-index="9999" style="width: 100px; height: 100px"/>
<img v-if="!getShowPicture(row)" src="../../../../assets/images/peopleHead.png" alt="" style="width: 100px; height: 100px">
<el-image
v-if="getShowPicture(row)"
:src="config.fileUrl+row.PHOTO"
:preview-src-list="[config.fileUrl+row.PHOTO]"
:z-index="9999"
style="width: 100px; height: 100px"/>
<img
v-if="!getShowPicture(row)"
src="../../../../assets/images/peopleHead.png"
alt=""
style="width: 100px; height: 100px">
</template>
</el-table-column>
<el-table-column prop="PHONE" label="联系电话"/>
@ -164,7 +224,10 @@
</el-col>
<el-col :span="6">
<div style="margin-left: 10px">
<div>已选择人员数量：{{ ($refs.multipleTable && $refs.multipleTable.selection)?$refs.multipleTable.selection.length:0 }}</div>
<div>已选择人员数量：{{
($refs.multipleTable && $refs.multipleTable.selection) ? $refs.multipleTable.selection.length : 0
}}
</div>
<div class="el-form-item__label">已选择人员名称：</div>
<el-table
:data="selectPeopleList"
@ -181,10 +244,19 @@
</el-row>
<div slot="footer" class="dialog-footer">
<el-button @click="close">取 消</el-button>
<el-button v-if="!form.CLASS_STATUS || form.CLASS_STATUS === ''" type="primary" @click="confirm">确 定</el-button>
<el-button v-if="form.CLASS_STATUS === '0' || form.CLASS_STATUS === '1'" type="primary" @click="getExcel(form.CLASS_MESSAGE_ID)">导出excel</el-button>
<el-button v-if="form.CLASS_STATUS === '1'" type="primary" @click="graduation(form.CLASS_MESSAGE_ID)">班级结业</el-button>
<el-button v-if="form.CLASS_STATUS === '2'" type="primary" @click="getCertificate(form.CLASS_MESSAGE_ID)">导出结业证书</el-button>
<el-button @click="fullscreen">{{ fullscreenFlag ? '取消全屏' : '全 屏' }}</el-button>
<el-button v-if="!form.CLASS_STATUS || form.CLASS_STATUS === ''" type="primary" @click="fullscreen">确 定
</el-button>
<el-button
v-if="form.CLASS_STATUS === '0' || form.CLASS_STATUS === '1'"
type="primary"
@click="getExcel(form.CLASS_MESSAGE_ID)">导出excel
</el-button>
<el-button v-if="form.CLASS_STATUS === '1'" type="primary" @click="graduation(form.CLASS_MESSAGE_ID)">班级结业
</el-button>
<el-button v-if="form.CLASS_STATUS === '2'" type="primary" @click="getCertificate(form.CLASS_MESSAGE_ID)">
导出结业证书
</el-button>
</div>
<user ref="userInfo" append-to-body/>
<user_pdf ref="userPdf" append-to-body/>
@ -198,6 +270,7 @@ import axios from 'axios'
import dayjs from 'dayjs' // waves directive
import user from './user.vue'
import User_pdf from './user_pdf.vue'
export default {
components: { User_pdf, Pagination, user },
directives: { waves },
@ -227,7 +300,10 @@ export default {
CLASS_MESSAGE_ID: ''
},
util: {
BELONG_TO_CORP: ''
BELONG_TO_CORP: '',
NAME: '',
PHONE: '',
CARD_ID: ''
},
warehouse: {
placeList: [],
@ -254,7 +330,8 @@ export default {
VALIDITY_PERIOD: [{ trigger: 'blur', required: true, message: '请选择时间区间' }]
},
peopleList: [],
selectPeopleList: []
selectPeopleList: [],
fullscreenFlag: false
}
},
created() {
@ -379,7 +456,7 @@ export default {
} else {
pageSize = this.form.CLASS_SIZE
}
requestFN('/classMessage/getPeopleList?showCount=' + pageSize + '&currentPage=1', { BELONG_TO_CORP: this.util.BELONG_TO_CORP }).then((data) => {
requestFN('/classMessage/getPeopleList?showCount=' + pageSize + '&currentPage=1', this.util).then((data) => {
this.peopleList = data.varList
this.loading = false
}).catch((e) => {
@ -492,6 +569,9 @@ export default {
},
getShowPicture(row) {
return row.PHOTO && row.PHOTO !== ''
},
fullscreen() {
this.fullscreenFlag = !this.fullscreenFlag
}
}
}