|
|
@@ -0,0 +1,201 @@
|
|
|
+<template>
|
|
|
+ <div v-loading="loading">
|
|
|
+ <div class="white-box">
|
|
|
+ <div class="filter-box">
|
|
|
+ <filter-user ref="filterUser" :filter-types="filterTypes" @select-value="handleFilterUser"></filter-user>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-table :data="tableData" stripe style="width: 100%;" :height="tool.getTableHeight(true)">
|
|
|
+ <el-table-column v-for="(tableHeader, key) in tableHeaders" :key="key" :label="tableHeader.header" :width="tableHeader.other.width ? tableHeader.other.width : ''">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <template v-if="row[tableHeader.index].other.tag" >
|
|
|
+ <el-tag :type="row[tableHeader.index].other.tag.type ? row[tableHeader.index].other.tag.type : null" :size="row[tableHeader.index].other.tag.size ? row[tableHeader.index].other.tag.size : null" :class="row[tableHeader.index].other.tag.class ? row[tableHeader.index].other.tag.class : null" >{{ row[tableHeader.index].value }}</el-tag>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div v-html="row[tableHeader.index].value"></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div class="white-box-footer">
|
|
|
+ <el-button type="primary" size="small" @click="dialog = true" icon="el-icon-plus" v-show="permission.hasPermission(`user/change-user-dec-level`)">调整最高聘级</el-button>
|
|
|
+
|
|
|
+ <pagination :total="totalCount" :page_size="pageSize" @size-change="handleSizeChange" @current-change="handleCurrentChange"></pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-dialog title="调整最高聘级" :visible.sync="dialog" width="450px" :before-close="handleClose">
|
|
|
+ <el-form ref="form" :model="form" label-width="100px" class="form-dialog" size="mini">
|
|
|
+ <el-form-item label="会员编号" required>
|
|
|
+ <el-input placeholder="请输入会员编号" v-model.trim="form.userName" class="input-with-select">
|
|
|
+ <el-button slot="append" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
|
|
+ </el-input>
|
|
|
+
|
|
|
+ <el-tag v-show="userInfo.REAL_NAME !== null" style="margin-top: 5px;">
|
|
|
+ 会员姓名:{{ userInfo.REAL_NAME }}
|
|
|
+ </el-tag>
|
|
|
+ <el-tag v-show="userInfo.REAL_NAME !== null" v-for="(item,key) in empLevels" :label="item.LEVEL_NAME" :value="item.ID" :key="key" v-if="key === userInfo.EMP_LV" style="margin-top: 5px;">
|
|
|
+ 最高聘级:{{item.LEVEL_NAME}}
|
|
|
+ </el-tag>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="调整后聘级" required>
|
|
|
+ <el-select v-model="form.levelId" placeholder="请选择调整后聘级">
|
|
|
+ <el-option v-for="(item,key) in empLevels" :label="item.LEVEL_NAME" :value="item.ID" :key="key" :disabled="key === userInfo.EMP_LV"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input type="textarea" :rows="2" placeholder="" v-model="form.remark">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini" type="primary" @click="onSubmit" :loading="submitButtonStat">保 存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import network from '@/utils/network'
|
|
|
+ import tool from '@/utils/tool'
|
|
|
+ import FilterUser from '@/components/FilterUser'
|
|
|
+ import baseInfo from '@/utils/baseInfo'
|
|
|
+ import permission from '@/utils/permission'
|
|
|
+ import Pagination from '@/components/Pagination'
|
|
|
+ import filterHelper from '@/utils/filterHelper'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'change-highest-emp-level-list',
|
|
|
+ components: {FilterUser,Pagination},
|
|
|
+ mounted() {
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableHeaders: null,
|
|
|
+ tableData: null,
|
|
|
+ loading: true,
|
|
|
+ currentPage: 1,
|
|
|
+ totalPages: 1,
|
|
|
+ totalCount: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ tool: tool,
|
|
|
+ permission: permission,
|
|
|
+ empLevels: baseInfo.empLevels(),
|
|
|
+ filterTypes: {},
|
|
|
+ filterModel: {},
|
|
|
+ filterStatus: '0',
|
|
|
+ dialog: false,
|
|
|
+ form: {
|
|
|
+ userName: null,
|
|
|
+ periodNum: null,
|
|
|
+ levelId: null,
|
|
|
+ remark: null
|
|
|
+ },
|
|
|
+ disabled: 0,
|
|
|
+ submitButtonStat: false,
|
|
|
+ userInfo: {
|
|
|
+ REAL_NAME: null,
|
|
|
+ EMP_LV: null
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCurrentChange(page) {
|
|
|
+ this.getData(page, this.pageSize)
|
|
|
+ },
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
+ this.getData(this.currentPage, pageSize)
|
|
|
+ },
|
|
|
+ handleFilterUser(filterData) {
|
|
|
+ filterHelper.handleFilterUser(this, filterData)
|
|
|
+ },
|
|
|
+ getData(page, pageSize) {
|
|
|
+ let filterData = this.filterModel
|
|
|
+ let vueObj = this
|
|
|
+ filterData.filterStatus = this.filterStatus != -1 ? `=,${this.filterStatus}` : ''
|
|
|
+ network.getPageData(this, 'user/change-highest-emp-level-list', page, pageSize, filterData, function (response) {
|
|
|
+ vueObj.allData = response
|
|
|
+ vueObj.filterTypes = response.filterTypes
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this._clearData()
|
|
|
+ this.dialog = false
|
|
|
+ },
|
|
|
+ handleQuery() {
|
|
|
+ if (!this.form.userName.length) {
|
|
|
+ this.$message({
|
|
|
+ message: '请输入会员编号',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ network.getData('user/full-info', { userName: this.form.userName }).then(response => {
|
|
|
+ this.userInfo = response
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onSubmit() {
|
|
|
+ if (!this.form.userName.length) {
|
|
|
+ this.$message({
|
|
|
+ message: '请输入会员编号',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if (!this.form.levelId) {
|
|
|
+ this.$message({
|
|
|
+ message: '请选择调整后的最高聘级',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ let thisObj = this
|
|
|
+ thisObj.$confirm('是否要调整会员的最高聘级?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ thisObj._handleSubmit()
|
|
|
+ }).catch(() => {
|
|
|
+ this._clearData()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ _handleSubmit() {
|
|
|
+ this.submitButtonStat = true
|
|
|
+ network.postData('user/change-highest-emp-level', this.form).then(response => {
|
|
|
+ this.$message({
|
|
|
+ message: response,
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ this.submitButtonStat = false
|
|
|
+ this.dialog = false
|
|
|
+ this._clearData()
|
|
|
+ this.getData()
|
|
|
+ }).catch(() => {
|
|
|
+ this.submitButtonStat = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ _clearData() {
|
|
|
+ this.form = {
|
|
|
+ userName: null,
|
|
|
+ periodNum: null,
|
|
|
+ levelId: null,
|
|
|
+ remark: null
|
|
|
+ }
|
|
|
+ this.userInfo = {
|
|
|
+ REAL_NAME: null,
|
|
|
+ EMP_LV: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.form-dialog .el-form-item > .el-form-item__content > .el-input, .form-dialog .el-form-item > .el-form-item__content > .el-cascader, .form-dialog .el-form-item > .el-form-item__content > .el-select, .form-dialog .el-form-item > .el-form-item__content > .el-textarea, .form-dialog .el-form-item > .el-form-item__content > .el-slider {
|
|
|
+ width: 300px !important;
|
|
|
+}
|
|
|
+</style>
|