jiangyy
3 years ago
7 changed files with 1617 additions and 532 deletions
@ -0,0 +1,387 @@ |
|||
<template> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<div class="div_table"> |
|||
<el-button size="small" |
|||
class="diy-button--add" |
|||
@click="handleReject">审核拒绝</el-button> |
|||
<el-button size="small" |
|||
class="diy-button--add" |
|||
@click="handleAudit('pass')">审核通过</el-button> |
|||
|
|||
<el-table class="table" |
|||
:data="tableData" |
|||
border |
|||
@selection-change="selectionChange" |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|||
style="width: 100%"> |
|||
<el-table-column type="selection" |
|||
:selectable="checkSelect" |
|||
width="55"> |
|||
</el-table-column> |
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="realName" |
|||
header-align="center" |
|||
align="center" |
|||
label="姓名" |
|||
width="250"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="mobile" |
|||
header-align="center" |
|||
align="center" |
|||
label="手机" |
|||
width="100"> |
|||
|
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="idNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="身份证" |
|||
min-width="180"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="nickName" |
|||
header-align="center" |
|||
align="center" |
|||
label="昵称" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signUpActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="报名活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signInActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="实际参加活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="obtainPointsActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="获得积分活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signUpTime" |
|||
header-align="center" |
|||
align="center" |
|||
label="报名时间" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="statusShow" |
|||
header-align="center" |
|||
align="center" |
|||
label="状态" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
|
|||
</el-table> |
|||
|
|||
</div> |
|||
|
|||
<!-- 拒绝理由 --> |
|||
|
|||
<el-dialog :visible.sync="cancleShow" |
|||
:close-on-click-modal="false" |
|||
:close-on-press-escape="false" |
|||
:append-to-body="true" |
|||
:title="'拒绝理由'" |
|||
width="550px" |
|||
top="5vh" |
|||
class="dialog-h" |
|||
@closed="cancleDiaClose"> |
|||
<div style="padding:30px"> |
|||
|
|||
<el-input class="item_width_5" |
|||
type="textarea" |
|||
maxlength="100" |
|||
show-word-limit |
|||
:rows="4" |
|||
placeholder="请输入拒绝理由" |
|||
v-model="cancelReason"></el-input> |
|||
<div style="display:flex; justify-content: center;margin-top:20px"> |
|||
<el-button style="margin-left:30px" |
|||
size="small" |
|||
class="diy-button--search" |
|||
@click="cancleDiaClose">取消</el-button> |
|||
<el-button style="margin-left:10px" |
|||
size="small" |
|||
class="diy-button--reset" |
|||
@click="handleAudit('refused')">确定</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
tableLoading: false, |
|||
actId: '', |
|||
tableData: [], |
|||
actUserRelationIdList: [], |
|||
|
|||
cancelReason: '', |
|||
cancleShow: false,//拒绝审核 |
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
mounted () { |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
async initTable (actId) { |
|||
this.actId = actId |
|||
await this.loadTable() |
|||
|
|||
}, |
|||
|
|||
checkSelect (row, index) { |
|||
//待审核：auditing；已通过：passed；已拒绝：refused；已取消：canceled |
|||
let isChecked = false; |
|||
if (row.status === 'auditing') { // 判断里面是否存在某个参数 |
|||
isChecked = true |
|||
} else { |
|||
isChecked = false |
|||
} |
|||
return isChecked |
|||
}, |
|||
|
|||
selectionChange (selection) { |
|||
this.actUserRelationIdList = [] |
|||
this.actUserRelationIdList = selection |
|||
|
|||
}, |
|||
|
|||
//加载form |
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
// const url = '/heart/work/act/userlist' |
|||
const url = 'http://yapi.elinkservice.cn/mock/245/heart/work/act/userlist' |
|||
let params = { |
|||
actId: this.actId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
this.tableLoading = false |
|||
if (code === 0) { |
|||
|
|||
if (data.list && data.list.length > 0) { |
|||
data.list.forEach(item => { |
|||
//待审核：auditing；已通过：passed；已拒绝：refused；已取消：canceled |
|||
if (item.status === 'auditing') { |
|||
item.statusShow = '待审核' |
|||
} else if (item.status === 'passed') { |
|||
item.statusShow = '已通过' |
|||
} else if (item.status === 'refused') { |
|||
item.statusShow = '已拒绝' |
|||
} else if (item.status === 'canceled') { |
|||
item.statusShow = '已取消' |
|||
} else { |
|||
item.statusShow = '' |
|||
} |
|||
|
|||
}); |
|||
|
|||
this.tableData = [...data.list] |
|||
} else { |
|||
this.tableData = [] |
|||
} |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
handleReject () { |
|||
// if (this.actUserRelationIdList.length === 0) { |
|||
// this.$message({ |
|||
// type: "info", |
|||
// message: "请选择人员" |
|||
// }); |
|||
// return false |
|||
// } |
|||
this.cancleShow = true |
|||
|
|||
}, |
|||
|
|||
async handleComfirm (row, tableIndex) { |
|||
let valiMsg = this.validata(row) |
|||
if (valiMsg) { |
|||
this.$message({ |
|||
type: 'warning', |
|||
message: valiMsg |
|||
}) |
|||
return false |
|||
} |
|||
|
|||
this.addReview(row, tableIndex) |
|||
|
|||
}, |
|||
async addReview (row, tableIndex) { |
|||
|
|||
let url = "/gov/org/placepatrolreviewrecord/add" |
|||
if (row.placePatrolReviewRecordId) { |
|||
url = "/gov/org/placepatrolreviewrecord/edit" |
|||
} |
|||
|
|||
let params = JSON.parse(JSON.stringify(row)) |
|||
params.inspectors = params.inspectorArray.join(',') |
|||
params.reviewTime = params.reviewTime + ' 00:00:00' |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
let array = data.reviewTime.split(' ') |
|||
data.reviewTime = array[0] |
|||
data.isEdit = false |
|||
data.isNew = false |
|||
|
|||
this.$set(this.tableData, tableIndex, data) |
|||
|
|||
} else { |
|||
|
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
|
|||
async handleAudit (type) { |
|||
if (this.actUserRelationIdList.length === 0) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: "请选择人员" |
|||
}); |
|||
return false |
|||
} |
|||
if (type = 'refused' && !this.cancelReason) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: "请填写拒绝理由" |
|||
}); |
|||
return false |
|||
} |
|||
const url = "/heart/work/actuser/audit-user" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/heart/work/actuser/audit-user" |
|||
|
|||
let params = { |
|||
actId: this.actId, |
|||
type: type, |
|||
rejectReason: this.cancelReason, |
|||
actUserRelationIdList: this.actUserRelationIdList |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
|
|||
this.$message({ |
|||
type: "success", |
|||
message: "操作成功" |
|||
}); |
|||
|
|||
this.loadTable() |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
cancleDiaClose () { |
|||
this.cancelReason = '' |
|||
this.cancleShow = false//审核拒绝 |
|||
}, |
|||
|
|||
handleCancle () { |
|||
this.$emit('dialogCancle') |
|||
|
|||
}, |
|||
|
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
|
|||
return (this.clientHeight - 360) |
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight']) |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
|
|||
resultList: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
.item_width_1 { |
|||
width: 250px; |
|||
} |
|||
.item_width_2 { |
|||
width: 100px; |
|||
} |
|||
.div_table { |
|||
margin-top: 10px; |
|||
|
|||
.table { |
|||
margin-top: 10px; |
|||
} |
|||
} |
|||
.div_btn { |
|||
margin-top: 10px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,374 @@ |
|||
<template> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<div> |
|||
<el-form ref="ref_form" |
|||
:inline="false" |
|||
:model="formData" |
|||
:rules="dataRule" |
|||
class="div_form "> |
|||
<el-form-item label="实际活动时间" |
|||
label-width="150px" |
|||
style="display: block" |
|||
prop="actualStartTime"> |
|||
<el-date-picker v-model="formData.actualStartTime" |
|||
class="list_item_width_3" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm" |
|||
format="yyyy-MM-dd HH:mm" |
|||
placeholder="开始时间"> |
|||
</el-date-picker> |
|||
<span class="data-tag">至</span> |
|||
<el-date-picker v-model="formData.actualEndTime" |
|||
class="list_item_width_3 data-tag" |
|||
type="datetime" |
|||
value-format="yyyy-MM-dd HH:mm" |
|||
format="yyyy-MM-dd HH:mm" |
|||
placeholder="结束时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="积分发放" |
|||
label-width="150px" |
|||
style="display: block" |
|||
prop="actualStartTime"> |
|||
|
|||
</el-form-item> |
|||
|
|||
<div class="div_table"> |
|||
<el-table class="m_table" |
|||
:data="tableData" |
|||
border |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"> |
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="realName" |
|||
header-align="center" |
|||
align="center" |
|||
label="姓名" |
|||
width="150"> |
|||
|
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="nickName" |
|||
header-align="center" |
|||
align="center" |
|||
label="昵称" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signUpTime" |
|||
header-align="center" |
|||
align="center" |
|||
label="报名时间" |
|||
width="150"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signInFlagShow" |
|||
header-align="center" |
|||
align="center" |
|||
label="是否签到" |
|||
width="100"> |
|||
|
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="grantPointShow" |
|||
header-align="center" |
|||
align="center" |
|||
label="操作" |
|||
min-width="200"> |
|||
|
|||
<template slot-scope="scope"> |
|||
|
|||
<el-radio v-model="scope.row.grantPointShow" |
|||
label="1">给分</el-radio> |
|||
<el-radio v-model="scope.row.grantPointShow" |
|||
label="2">不给分</el-radio> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="denyRewardReason" |
|||
header-align="center" |
|||
align="center" |
|||
label="理由" |
|||
min-width="350"> |
|||
|
|||
<template slot-scope="scope"> |
|||
|
|||
<el-input class="item_width_5" |
|||
placeholder="请输入理由" |
|||
v-model="scope.row.denyRewardReason"> |
|||
</el-input> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
|
|||
</el-table> |
|||
</div> |
|||
</el-form> |
|||
|
|||
</div> |
|||
<div class="div_btn"> |
|||
<el-button size="small" |
|||
@click="handleCancle">关 闭</el-button> |
|||
<el-button type="primary" |
|||
size="small" |
|||
@click="handleConfirm">确 定</el-button> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
tableLoading: false, |
|||
actId: '', |
|||
tableData: [], |
|||
|
|||
formData: { |
|||
actId: '', |
|||
actualStartTime: '', |
|||
actualEndTime: '', |
|||
} |
|||
|
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
mounted () { |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
async initTable (actId) { |
|||
this.actId = actId |
|||
this.formData.actId = actId |
|||
this.formData.actualStartTime = this.actStartTime |
|||
this.formData.actualEndTime = this.actEndTime |
|||
|
|||
await this.loadTable() |
|||
|
|||
}, |
|||
|
|||
//点击分队切换人员 |
|||
async hancleChangeTeam (row, index, tableIndex) { |
|||
this.tableData[tableIndex].inspectorArray = [...[]] |
|||
let teamId = this.teamsList[index].teamId |
|||
await this.loadInspectors(teamId, tableIndex) |
|||
}, |
|||
|
|||
//加载分队下人员 |
|||
async loadInspectors (teamId, tableIndex) { |
|||
|
|||
const url = '/gov/org/placepatrolteamstaff/getlist' |
|||
// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/placepatrolteamstaff/getlist' |
|||
let params = { |
|||
teamId: teamId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
// let obj = this.tableData[tableIndex] |
|||
this.tableData[tableIndex].inspectorsList = [...data] |
|||
// this.tableData[tableIndex]= |
|||
// obj.inspectorsList = data |
|||
// this.$set(this.tableData, tableIndex, obj) |
|||
console.log(this.tableData) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
//加载form |
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
// const url = '/heart/work/act/userlist' |
|||
const url = 'http://yapi.elinkservice.cn/mock/245/heart/work/act/userlist' |
|||
let params = { |
|||
actId: this.actId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
this.tableLoading = false |
|||
if (code === 0) { |
|||
|
|||
if (data.list && data.list.length > 0) { |
|||
data.list.forEach(item => { |
|||
if (item.signInFlag) { |
|||
item.signInFlagShow = '是' |
|||
item.grantPointShow = '1' |
|||
item.grantPoint = true |
|||
|
|||
item.denyRewardReason = '' |
|||
} else { |
|||
item.signInFlagShow = '否' |
|||
item.grantPointShow = '2' |
|||
item.grantPoint = false |
|||
item.denyRewardReason = '活动未签到' |
|||
} |
|||
|
|||
}); |
|||
|
|||
this.tableData = [...data.list] |
|||
} else { |
|||
this.tableData = [] |
|||
} |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
async handleConfirm () { |
|||
if (!this.formData.actualStartTime || !this.formData.actualEndTime) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: '请填写实际活动时间' |
|||
}); |
|||
return false |
|||
} |
|||
|
|||
|
|||
let userList = [] |
|||
let reqmsg = '' |
|||
// actUserRelationId grantPoint true:给分；false：不给分 denyRewardReason 拒绝理由 |
|||
this.tableData.forEach(item => { |
|||
let obj = {} |
|||
obj.actUserRelationId = item.userId |
|||
obj.denyRewardReason = item.denyRewardReason |
|||
|
|||
if (item.grantPointShow === '1') { |
|||
obj.grantPoint = true |
|||
} else { |
|||
obj.grantPoint = false |
|||
if (!item.denyRewardReason) { |
|||
reqmsg = '不给分的理由必填' |
|||
} |
|||
|
|||
} |
|||
userList.push(obj) |
|||
}); |
|||
|
|||
if (reqmsg) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: reqmsg |
|||
}); |
|||
return false |
|||
} else { |
|||
console.log(userList) |
|||
this.finishAct(userList) |
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
}, |
|||
async finishAct (userList) { |
|||
|
|||
// let url = "/heart/work/act/finish" |
|||
let url = "http://yapi.elinkservice.cn/mock/245/heart/work/act/finish" |
|||
|
|||
|
|||
let params = { |
|||
userList: userList, |
|||
...this.formData |
|||
} |
|||
|
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: "success", |
|||
message: '操作成功' |
|||
}); |
|||
} else { |
|||
|
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
|
|||
handleCancle () { |
|||
this.$emit('finishDiaClose') |
|||
}, |
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
actualStartTime: [ |
|||
{ required: true, message: '活动时间不能为空', trigger: 'blur' } |
|||
], |
|||
|
|||
|
|||
} |
|||
}, |
|||
tableHeight () { |
|||
return (this.clientHeight - 440) |
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight']) |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
|
|||
actStartTime: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
actEndTime: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/modules/management/form-main.scss"; |
|||
|
|||
.div_table { |
|||
display: flex; |
|||
justify-content: center; |
|||
.m_table { |
|||
flex: 0 0 1200px; |
|||
// padding: 20px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,338 @@ |
|||
<template> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<div class="div_table"> |
|||
|
|||
<el-table class="table" |
|||
:data="tableData" |
|||
border |
|||
:height="tableHeight" |
|||
v-loading="tableLoading" |
|||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|||
style="width: 100%"> |
|||
|
|||
<el-table-column label="序号" |
|||
header-align="center" |
|||
align="center" |
|||
type="index" |
|||
width="50"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="realName" |
|||
header-align="center" |
|||
align="center" |
|||
label="姓名" |
|||
width="250"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="mobile" |
|||
header-align="center" |
|||
align="center" |
|||
label="手机" |
|||
width="100"> |
|||
|
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="idNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="身份证" |
|||
min-width="180"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="nickName" |
|||
header-align="center" |
|||
align="center" |
|||
label="昵称" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signUpActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="报名活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signInActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="实际参加活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="obtainPointsActNum" |
|||
header-align="center" |
|||
align="center" |
|||
label="获得积分活动个数" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="signUpTime" |
|||
header-align="center" |
|||
align="center" |
|||
label="报名时间" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
<el-table-column prop="statusShow" |
|||
header-align="center" |
|||
align="center" |
|||
label="状态" |
|||
width="120"> |
|||
|
|||
</el-table-column> |
|||
|
|||
</el-table> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
tableLoading: false, |
|||
actId: '', |
|||
tableData: [], |
|||
actUserRelationIdList: [], |
|||
|
|||
cancelReason: '', |
|||
cancleShow: false,//拒绝审核 |
|||
|
|||
} |
|||
}, |
|||
components: {}, |
|||
mounted () { |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
async initTable (actId) { |
|||
this.actId = actId |
|||
await this.loadTable() |
|||
|
|||
}, |
|||
|
|||
checkSelect (row, index) { |
|||
//待审核：auditing；已通过：passed；已拒绝：refused；已取消：canceled |
|||
let isChecked = false; |
|||
if (row.status === 'auditing') { // 判断里面是否存在某个参数 |
|||
isChecked = true |
|||
} else { |
|||
isChecked = false |
|||
} |
|||
return isChecked |
|||
}, |
|||
|
|||
selectionChange (selection) { |
|||
this.actUserRelationIdList = [] |
|||
this.actUserRelationIdList = selection |
|||
|
|||
}, |
|||
|
|||
//加载form |
|||
async loadTable () { |
|||
this.tableLoading = true |
|||
// const url = '/heart/work/act/userlist' |
|||
const url = 'http://yapi.elinkservice.cn/mock/245/heart/work/act/userlist' |
|||
let params = { |
|||
actId: this.actId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
this.tableLoading = false |
|||
if (code === 0) { |
|||
|
|||
if (data.list && data.list.length > 0) { |
|||
data.list.forEach(item => { |
|||
//待审核：auditing；已通过：passed；已拒绝：refused；已取消：canceled |
|||
if (item.status === 'auditing') { |
|||
item.statusShow = '待审核' |
|||
} else if (item.status === 'passed') { |
|||
item.statusShow = '已通过' |
|||
} else if (item.status === 'refused') { |
|||
item.statusShow = '已拒绝' |
|||
} else if (item.status === 'canceled') { |
|||
item.statusShow = '已取消' |
|||
} else { |
|||
item.statusShow = '' |
|||
} |
|||
|
|||
}); |
|||
|
|||
this.tableData = [...data.list] |
|||
} else { |
|||
this.tableData = [] |
|||
} |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
handleReject () { |
|||
// if (this.actUserRelationIdList.length === 0) { |
|||
// this.$message({ |
|||
// type: "info", |
|||
// message: "请选择人员" |
|||
// }); |
|||
// return false |
|||
// } |
|||
this.cancleShow = true |
|||
|
|||
}, |
|||
|
|||
async handleComfirm (row, tableIndex) { |
|||
let valiMsg = this.validata(row) |
|||
if (valiMsg) { |
|||
this.$message({ |
|||
type: 'warning', |
|||
message: valiMsg |
|||
}) |
|||
return false |
|||
} |
|||
|
|||
this.addReview(row, tableIndex) |
|||
|
|||
}, |
|||
async addReview (row, tableIndex) { |
|||
|
|||
let url = "/gov/org/placepatrolreviewrecord/add" |
|||
if (row.placePatrolReviewRecordId) { |
|||
url = "/gov/org/placepatrolreviewrecord/edit" |
|||
} |
|||
|
|||
let params = JSON.parse(JSON.stringify(row)) |
|||
params.inspectors = params.inspectorArray.join(',') |
|||
params.reviewTime = params.reviewTime + ' 00:00:00' |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
let array = data.reviewTime.split(' ') |
|||
data.reviewTime = array[0] |
|||
data.isEdit = false |
|||
data.isNew = false |
|||
|
|||
this.$set(this.tableData, tableIndex, data) |
|||
|
|||
} else { |
|||
|
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
|
|||
async handleAudit (type) { |
|||
if (this.actUserRelationIdList.length === 0) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: "请选择人员" |
|||
}); |
|||
return false |
|||
} |
|||
if (type = 'refused' && !this.cancelReason) { |
|||
this.$message({ |
|||
type: "info", |
|||
message: "请填写拒绝理由" |
|||
}); |
|||
return false |
|||
} |
|||
const url = "/heart/work/act/audit-user" |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/heart/work/act/audit-user" |
|||
|
|||
let params = { |
|||
actId: this.actId, |
|||
type: type, |
|||
rejectReason: this.cancelReason, |
|||
actUserRelationIdList: this.actUserRelationIdList |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
|
|||
this.$message({ |
|||
type: "success", |
|||
message: "操作成功" |
|||
}); |
|||
|
|||
this.loadTable() |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
cancleDiaClose () { |
|||
this.cancelReason = '' |
|||
this.cancleShow = false//审核拒绝 |
|||
}, |
|||
|
|||
handleCancle () { |
|||
this.$emit('dialogCancle') |
|||
|
|||
}, |
|||
|
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
|
|||
return (this.clientHeight - 360) |
|||
|
|||
}, |
|||
|
|||
...mapGetters(['clientHeight']) |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped > |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
.item_width_1 { |
|||
width: 250px; |
|||
} |
|||
.item_width_2 { |
|||
width: 100px; |
|||
} |
|||
.div_table { |
|||
margin-top: 10px; |
|||
|
|||
.table { |
|||
margin-top: 10px; |
|||
} |
|||
} |
|||
.div_btn { |
|||
margin-top: 10px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue