feat：用户状况新增审核

龚焕茏

2024-05-22 b154944a23194d0dcac889585e1436f988ecd19f

feat：用户状况新增审核

 src/api/UserConditionExamine.js

New file
@@ -0,0 +1,9 @@
import { get,post } from '@/utils/request'

export default {
  list: query => post('/api/admin/userCondition/examine/list', query),
  save: query => post('/api/admin/userCondition/examine/save', query),
  audit: query => post('/api/admin/userCondition/examine/audit', query),
  delete: id => post('/api/admin/userCondition/examine/delete/' + id),
  getDeptList: id => post('/api/admin/userCondition/list'),
}

 src/api/user.js

@@ -19,5 +19,5 @@
  selectByUserName: query => post('/api/admin/user/selectByUserName', query),
  addMeetin:query => post('/api/admin/video/add', query),
  delMeetin:query => post('/api/admin/video/clear', query),
  setStatus:query => post('/api/admin/user/setStatus', query)
  setStatus:query => post('/api/admin/userCondition/examine/save', query)
}

 src/router.js

@@ -78,6 +78,12 @@
        meta: { title: '调动审核', noCache: true }
      },
      {
        path: 'UserConditionExamine/list',
        component: () => import('@/views/user/UserConditionExamine/list'),
        name: 'UserConditionExamineList',
        meta: { title: '状态审核', noCache: true }
      },
      {
        path: 'tag/list',
        component: () => import('@/views/user/tag/list'),
        name: 'TagAdminPageList',
@@ -484,6 +490,12 @@
        name: 'departmentExamineList',
        meta: { title: '调动审核', noCache: true }
      },
      {
        path: 'UserConditionExamine/list',
        component: () => import('@/views/user/UserConditionExamine/list'),
        name: 'UserConditionExamineList',
        meta: { title: '状态审核', noCache: true }
      },
    ]
  },
  {

 src/views/user/UserConditionExamine/list.vue

New file
@@ -0,0 +1,180 @@
<template>
  <div class="app-container">
    <el-form :model="queryParam" ref="queryForm" :inline="true">
      <el-form-item label="用户名：">
        <el-input v-model="queryParam.userName"></el-input>
      </el-form-item>
      <el-form-item>
        <div style="display: flex">
          <el-button type="primary" @click="search()">查询</el-button>
        </div>
      </el-form-item>
    </el-form>

    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
      <el-table-column prop="userName" label="用户" />
      <el-table-column prop="targetCondition" label="申请状态" />
      <el-table-column prop="sourceCondition" label="当前状态" />
      <el-table-column prop="reason" label="调动原因"  show-overflow-tooltip/>
      <el-table-column prop="attachment" label="附件" show-overflow-tooltip>
        <template slot-scope="scope">
          <div v-for="item in getUrl(scope.row.attachment)" :key="item.url">
            <el-link :underline="false" type="primary" :href="'/api/upload/download?url=' + item.url +'&fileName=' + item.name" >{{ item.name }}</el-link>
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="result" label="审核结果" width="90px" align="center">
        <template slot-scope="{row}">
          <el-tag :type="row.result === '审核通过' ? 'success' : row.result === '审核驳回' ? 'danger' : 'info'">{{row.result}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="remark" label="审核意见" show-overflow-tooltip />
      <el-table-column prop="createUserName" label="创建人" />
      <el-table-column prop="createTime" label="创建时间" width="160px" />
      <el-table-column label="操作" align="center" v-if="!deptAdmin()">
        <template slot-scope="{row}">
          <el-button v-if="row.result === '待审核'" type="primary" size="mini" @click="transposition(row)" class="link-left">审核</el-button>
          <el-popconfirm title="确认删除" @confirm="deleteUser(row)">
            <el-button slot="reference" size="mini" type="danger" class="link-left">删除</el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
      @pagination="search" />

    <!-- 审核弹窗 -->
    <el-dialog :visible.sync="statusVisible" append-to-body :show-close="false" center width="400px">
      <el-radio-group v-model="user.result">
        <el-radio label="审核通过">通过</el-radio>
        <el-radio label="审核驳回">驳回</el-radio>
      </el-radio-group>
      <el-input type="textarea" maxlength="100" show-word-limit :autosize="{ minRows: 4 }" :rows="2"
        v-model="user.remark" placeholder="请输入审核意见" style="margin-top: 30px;"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="statusConfirm">确 定</el-button>
        <el-button @click="statusVisible = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import UserConditionExamineApi from '@/api/UserConditionExamine'
import Pagination from '@/components/Pagination'
import { mapGetters, mapState } from 'vuex'

export default {
  components: { Pagination },
  data() {
    return {
      user: {},
      statusVisible: false,
      fileList: [],
      queryParam: {
        userName: '',
        role: 1,
        pageIndex: 1,
        pageSize: 10
      },
      listLoading: true,
      tableData: [],
      total: 0,
    }
  },
  created() {
    this.search()
  },
  methods: {
    getUrl(urlJson) {
      return urlJson ? JSON.parse(urlJson) : [];
    },
    deptAdmin() {
      return sessionStorage.getItem('deptAdmin') === '1'
    },
    transposition(user) {
      this.statusVisible = true;
      this.user = { ...user };
    },
    statusConfirm() {
      if (this.user.result === "待审核") {
        this.$message.error("请选择审核结果")
        return
      }
      UserConditionExamineApi.audit(this.user).then(res => {
        if (res.code === 1) {
          this.$message.success("操作成功")
          this.statusVisible = false;
          this.search()
        } else {
          this.$message.error("操作失败")
        }
      })
    },
    search() {
      this.listLoading = true
      UserConditionExamineApi.list(this.queryParam).then(data => {
        const re = data.response
        this.tableData = re.list
        this.total = re.total
        this.queryParam.pageIndex = re.pageNum
        this.listLoading = false
      })
    },
    changeStatus(row) {
      let _this = this
      userApi.changeStatus(row.id).then(re => {
        if (re.code === 1) {
          row.status = re.response
          _this.$message.success(re.message)
        } else {
          _this.$message.error(re.message)
        }
      })
    },
    deleteUser(row) {
      let _this = this
      UserConditionExamineApi.delete(row.id).then(re => {
        if (re.code === 1) {
          _this.search()
          _this.$message.success(re.message)
        } else {
          _this.$message.error(re.message)
        }
      })
    },
    levelFormatter(row, column, cellValue, index) {
      return this.enumFormat(this.levelEnum, cellValue)
    },
    sexFormatter(row, column, cellValue, index) {
      return this.enumFormat(this.sexEnum, cellValue)
    },
    statusFormatter(status) {
      return this.enumFormat(this.statusEnum, status)
    },
    statusTagFormatter(status) {
      return this.enumFormat(this.statusTag, status)
    },
    statusBtnFormatter(status) {
      return this.enumFormat(this.statusBtn, status)
    }
  },
  computed: {
    ...mapGetters('enumItem', [
      'enumFormat'
    ]),
    ...mapState('enumItem', {
      sexEnum: state => state.user.sexEnum,
      statusEnum: state => state.user.statusEnum,
      statusTag: state => state.user.statusTag,
      statusBtn: state => state.user.statusBtn,
      levelEnum: state => state.user.levelEnum
    })
  }
}
</script>
<style lang="scss" scoped>
.upload-demo {
  margin-left: 5px;
}
</style>

 src/views/user/departmentExamine/list.vue

@@ -12,9 +12,9 @@
    </el-form>

    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
      <el-table-column prop="userName" label="用户名" />
      <el-table-column prop="departmentName" label="部门名称" />
      <el-table-column prop="nowDepartmentName" label="原部门名称" />
      <el-table-column prop="userName" label="用户" />
      <el-table-column prop="departmentName" label="调动部门" />
      <el-table-column prop="nowDepartmentName" label="原部门" />
      <el-table-column prop="reason" label="调动原因"  show-overflow-tooltip/>
      <el-table-column prop="attachment" label="附件" show-overflow-tooltip>
        <template slot-scope="scope">
@@ -97,8 +97,8 @@
      this.user = { ...user };
    },
    statusConfirm() {
      if (this.user.result === null) {
        this.$message.error("请选择状态")
      if (this.user.result === "待审核") {
        this.$message.error("请选择审核结果")
        return
      }
      departmentExamineApi.audit(this.user).then(res => {

 src/views/user/student/list.vue

@@ -20,7 +20,6 @@
           :file-list="fileList"
           :before-upload="beforeAvatarUpload">
           <el-button type="primary">导入</el-button>
           <!--          <div slot="tip" class="el-upload__tip">只能上传Excel文件</div>-->
         </el-upload>
       </div>
      </el-form-item>
@@ -40,7 +39,6 @@
          <el-tag :type="row.condition == '正常' || row.condition == null  ? 'success' : 'warning'">{{ row.condition ? row.condition : '正常' }}</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="conditionDetail" label="具体情况" :show-overflow-tooltip="true"/>
      <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/>
      <el-table-column prop="phone" label="手机号" width="120"/>
      <el-table-column prop="createTime" label="创建时间" width="160px"/>
@@ -75,13 +73,14 @@

    <!-- 状态弹窗 -->
    <el-dialog :visible.sync="statusVisible" append-to-body :show-close="false" center width="400px">
      <el-radio-group v-model="user.condition">
      <el-radio-group v-model="conditionExamine.targetCondition">
        <el-radio label="正常">正常</el-radio>
        <el-radio label="病假">病假</el-radio>
        <el-radio label="出差">出差</el-radio>
        <el-radio label="其他">其他</el-radio>
      </el-radio-group>
      <el-input type="textarea" maxlength="100" show-word-limit :autosize="{ minRows: 4}" :rows="2" v-model="user.conditionDetail" placeholder="请输入详细情况" style="margin-top: 30px;"></el-input>
      <el-input type="textarea" maxlength="100" show-word-limit :autosize="{ minRows: 4}" :rows="2" v-model="conditionExamine.reason" placeholder="请输入详细情况" style="margin-top: 30px;"></el-input>
      <upload :fileUrl="conditionExamine.contentUrl" :fileSizeLimitM="1024" :uploadNum="1" @getUploadUrl="getConditionUploadAttachmentUrl" @removeFile="removeConditionAttachmentFile" style="margin-top: 30px;"/>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="statusConfirm">确 定</el-button>
        <el-button @click="statusVisible = false">取 消</el-button>
@@ -148,6 +147,15 @@
        contentUrl: [],
        attachment: ''
      },
      conditionExamine: {
        userId: '',
        targetCondition: '',
        sourceCondition: '',
        reason: '',
        result: 0,
        contentUrl: [],
        attachment: ''
      },
      title: '部门调动',
      dialogVisible: false,
      deptList: []
@@ -167,6 +175,14 @@
    getUploadAttachmentUrl(uploadData) {
      this.examine.attachment = JSON.stringify(uploadData);
      this.examine.contentUrl = uploadData;
    },
    removeConditionAttachmentFile(fileList, fileName) {
      this.conditionExamine.attachment = JSON.stringify(fileList.filter(item => item.name !== fileName));
      this.conditionExamine.contentUrl = fileList.filter(item => item.name !== fileName);
    },
    getConditionUploadAttachmentUrl(uploadData) {
      this.conditionExamine.attachment = JSON.stringify(uploadData);
      this.conditionExamine.contentUrl = uploadData;
    },
    submitExamine() {
      this.examine.departmentIds = this.examine.departmentId.join(',')
@@ -195,14 +211,15 @@
    },
    status(user) {
      this.statusVisible = true;
      this.user = { ...user };
      this.conditionExamine.sourceCondition = user.condition ? user.condition : '0';
      this.conditionExamine.userId = user.id
    },
    statusConfirm() {
      if (this.user.condition === null) {
      if (this.conditionExamine.targetCondition === null) {
        this.$message.error("请选择状态")
        return
      }
      userApi.setStatus(this.user).then(res => {
      userApi.setStatus(this.conditionExamine).then(res => {
        if (res.code === 1) {
          this.$message.success("操作成功")
          this.statusVisible = false;
@@ -231,17 +248,6 @@
        this.$message.warning('文件格式不对，仅限xls和xlsx')
        return false
      }
      // console.log(file)
      // const isJPG = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
      // // const isLt2M = file.size / 1024 / 1024 < 2;
      //
      // if (!isJPG) {
      //   this.$message.error('上传文件只能是Excel!');
      // }
      // // if (!isLt2M) {
      // //   this.$message.error('上传头像图片大小不能超过 2MB!');
      // // }
      // return isJPG ;
    },
    search () {
      this.listLoading = true