| | |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">姓名</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="search.userName" |
| | | @keyup.enter.native="getPersonnelTraining(departId)"></el-input> |
| | | @keyup.enter.native="getPersonnelTraining(departId)"></el-input> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">奖惩日期</span> |
| | | <el-date-picker v-model="search.searchTimeList" :picker-options="pickerOptions" align="right" clearable |
| | | @change="getPersonnelTraining(departId)" |
| | | end-placeholder="结束日期" format="yyyy-MM-dd" range-separator="至" size="small" start-placeholder="开始日期" |
| | | style="width: 100%" type="daterange" unlink-panels value-format="yyyy-MM-dd 00:00:00"> |
| | | @change="getPersonnelTraining(departId)" end-placeholder="结束日期" format="yyyy-MM-dd" range-separator="至" |
| | | size="small" start-placeholder="开始日期" style="width: 100%" type="daterange" unlink-panels |
| | | value-format="yyyy-MM-dd 00:00:00"> |
| | | </el-date-picker> |
| | | </div> |
| | | <div style="line-height: 30px;"> |
| | |
| | | </div> |
| | | <div class="table"> |
| | | <el-table :data="tableData" v-loading="tableLoading" |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border |
| | | height="66.5vh" style="width: 100%"> |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border height="66.5vh" style="width: 100%"> |
| | | <el-table-column label="序号" type="index" width="120"> |
| | | <template v-slot="scope"> |
| | | <span>{{ (search.current - 1) * search.size + scope.$index + 1 }}</span> |
| | |
| | | }, |
| | | mounted() { |
| | | this.getPersonnelTraining(this.departId); |
| | | this.getUserList(); |
| | | }, |
| | | methods: { |
| | | handleSizeChange(val) { |
| | |
| | | this.dialogVisible = true |
| | | if (!this.isDepartment) { |
| | | this.form.userId = this.departId |
| | | this.selectUserChange(this.form.userId) |
| | | if (this.responsibleOptions.length > 0) { |
| | | this.selectUserChange(this.form.userId) |
| | | } |
| | | } |
| | | }, |
| | | handleDown() { |
| | |
| | | }, |
| | | // 获取负责人信息接口 |
| | | getUserList() { |
| | | selectUserCondition({type: 2}).then(res => { |
| | | const params = { |
| | | type: 2, |
| | | departmentId: this.isDepartment ? this.departId : null |
| | | }; |
| | | return selectUserCondition(params).then(res => { |
| | | if (res.code == 200) { |
| | | this.responsibleOptions = res.data |
| | | this.responsibleOptions = res.data; |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.form = {} |
| | | this.$refs['form'].resetFields() |
| | | } |
| | | }, |
| | | responsibleOptions(val) { |
| | | if (this.form.userId && val.length > 0) { |
| | | this.selectUserChange(this.form.userId) |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .dateTime >>>.el-form-item__content { |
| | | .dateTime>>>.el-form-item__content { |
| | | width: 260px; |
| | | } |
| | | </style> |