代码格式修改
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="100px">
|
||||
<el-form-item label="学生姓名" prop="stuName">
|
||||
<el-input v-model="queryParams.stuName" placeholder="请输入学生姓名" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
@@ -15,9 +15,9 @@
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="审核时间" prop="reviewTime">
|
||||
<el-date-picker clearable v-model="queryParams.reviewTime" type="date" value-format="yyyy-MM-dd"
|
||||
placeholder="请选择审核时间">
|
||||
</el-date-picker>
|
||||
<el-date-picker v-model="queryParams.reviewTime" clearable type="date" value-format="yyyy-MM-dd"
|
||||
placeholder="请选择审核时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
@@ -27,22 +27,26 @@
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:add']">新增</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:add']" type="primary" plain icon="el-icon-plus" size="mini"
|
||||
@click="handleAdd"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:edit']">修改</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:edit']" type="success" plain icon="el-icon-edit" size="mini" :disabled="single"
|
||||
@click="handleUpdate"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:remove']">删除</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:remove']" type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
|
||||
@click="handleDelete"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:export']">导出</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:export']" type="warning" plain icon="el-icon-download" size="mini"
|
||||
@click="handleExport"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getUser"></right-toolbar>
|
||||
<right-toolbar :show-search.sync="showSearch" @queryTable="getUser" />
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="stuMultiLevelReviewList" @selection-change="handleSelectionChange">
|
||||
@@ -61,32 +65,36 @@
|
||||
<el-table-column label="申请类型" align="center" prop="type">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.type === 0">学生证补办申请</el-tag>
|
||||
<el-tag type="warning" v-else-if="scope.row.type === 1">在校证明申请</el-tag>
|
||||
<el-tag v-else-if="scope.row.type === 1" type="warning">在校证明申请</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核状态" align="center" prop="reviewerStatus">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="danger" v-if="scope.row.reviewerStatus === 0">未审核</el-tag>
|
||||
<el-tag type="success" v-else-if="scope.row.reviewerStatus === 1">辅导员通过</el-tag>
|
||||
<el-tag type="success" v-else-if="scope.row.reviewerStatus === 2">学工处通过</el-tag>
|
||||
<el-tag type="success" v-else-if="scope.row.reviewerStatus === 3">完成制作</el-tag>
|
||||
<el-tag type="danger" v-else>辅导员驳回</el-tag>
|
||||
<el-tag v-if="scope.row.reviewerStatus === 0" type="danger">未审核</el-tag>
|
||||
<el-tag v-else-if="scope.row.reviewerStatus === 1" type="success">辅导员通过</el-tag>
|
||||
<el-tag v-else-if="scope.row.reviewerStatus === 2" type="success">学工处通过</el-tag>
|
||||
<el-tag v-else-if="scope.row.reviewerStatus === 3" type="success">完成制作</el-tag>
|
||||
<el-tag v-else type="danger">辅导员驳回</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" @click="handleCompleted(scope.row)"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:completed']" v-if="scope.row.reviewerStatus === 2">完成制作</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:edit']">修改</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||||
v-hasPermi="['routine:stuMultiLevelReview:remove']">删除</el-button>
|
||||
<el-button v-if="scope.row.reviewerStatus === 2" v-hasPermi="['routine:stuMultiLevelReview:completed']" size="mini"
|
||||
type="text" @click="handleCompleted(scope.row)"
|
||||
>完成制作</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:edit']" size="mini" type="text" icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>修改</el-button>
|
||||
<el-button v-hasPermi="['routine:stuMultiLevelReview:remove']" size="mini" type="text" icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getUser" />
|
||||
@pagination="getUser"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改多级审核
|
||||
对话框 -->
|
||||
@@ -108,9 +116,9 @@
|
||||
<el-input v-model="form.reviewerIdentity" placeholder="请输入审核人身份" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间" prop="reviewTime">
|
||||
<el-date-picker clearable v-model="form.reviewTime" type="date" value-format="yyyy-MM-dd"
|
||||
placeholder="请选择审核时间">
|
||||
</el-date-picker>
|
||||
<el-date-picker v-model="form.reviewTime" clearable type="date" value-format="yyyy-MM-dd"
|
||||
placeholder="请选择审核时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="notes">
|
||||
<el-input v-model="form.notes" type="textarea" placeholder="请输入内容" />
|
||||
@@ -144,12 +152,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listStuMultiLevelReview, getStuMultiLevelReview, delStuMultiLevelReview, addStuMultiLevelReview, updateStuMultiLevelReviewWithStuIdReissue} from "@/api/routine/stuMultiLevelReview";
|
||||
import { getUserIdByStuNo, addMsg } from "@/api/stuCQS/process-center/msg";
|
||||
import { listStuMultiLevelReview, getStuMultiLevelReview, delStuMultiLevelReview, addStuMultiLevelReview, updateStuMultiLevelReviewWithStuIdReissue} from '@/api/routine/stuMultiLevelReview'
|
||||
import { getUserIdByStuNo, addMsg } from '@/api/stuCQS/process-center/msg'
|
||||
|
||||
import { getUserProfile } from "@/api/system/user"; // 获取当前用户接口
|
||||
import { getUserProfile } from '@/api/system/user' // 获取当前用户接口
|
||||
export default {
|
||||
name: "StuMultiLevelReview",
|
||||
name: 'StuMultiLevelReview',
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
@@ -167,7 +175,7 @@ export default {
|
||||
// 多级审核表格数据
|
||||
stuMultiLevelReviewList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 是否显示完成制作弹出层
|
||||
@@ -194,28 +202,28 @@ export default {
|
||||
stuName: null,
|
||||
stuNo: null,
|
||||
reason: null,
|
||||
messageContent: "你申请办理的学生证制作完成,长堽校区前往xxx领取,里建校区前往xxx领取"
|
||||
messageContent: '你申请办理的学生证制作完成,长堽校区前往xxx领取,里建校区前往xxx领取'
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
stuName: [
|
||||
{ required: true, message: "学生姓名不能为空", trigger: "blur" }
|
||||
{ required: true, message: '学生姓名不能为空', trigger: 'blur' }
|
||||
],
|
||||
stuNo: [
|
||||
{ required: true, message: "学生学号不能为空", trigger: "blur" }
|
||||
{ required: true, message: '学生学号不能为空', trigger: 'blur' }
|
||||
],
|
||||
reason: [
|
||||
{ required: true, message: "申请原因不能为空", trigger: "blur" }
|
||||
{ required: true, message: '申请原因不能为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
// 完成制作表单校验
|
||||
completedRules: {
|
||||
messageContent: [
|
||||
{ required: true, message: "通知消息不能为空", trigger: "blur" }
|
||||
{ required: true, message: '通知消息不能为空', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
roleGroup: null
|
||||
};
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getUser()
|
||||
@@ -223,33 +231,33 @@ export default {
|
||||
methods: {
|
||||
// 获取当前登录信息
|
||||
getUser() {
|
||||
this.loading = true;
|
||||
this.loading = true
|
||||
getUserProfile().then((response) => {
|
||||
// this.user = response.data;
|
||||
this.roleGroup = response.roleGroup;
|
||||
this.roleGroup = response.roleGroup
|
||||
// this.postGroup = response.postGroup;
|
||||
// console.log(response);
|
||||
if (!response.roleGroup.includes("超级管理员")) {
|
||||
if (!response.roleGroup.includes('超级管理员')) {
|
||||
this.queryParams.reviewer = response.data.nickName
|
||||
}
|
||||
this.getList();
|
||||
this.loading = false;
|
||||
});
|
||||
this.getList()
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
/** 查询多级审核
|
||||
列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.loading = true
|
||||
listStuMultiLevelReview(this.queryParams).then(response => {
|
||||
this.stuMultiLevelReviewList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
this.stuMultiLevelReviewList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
@@ -265,18 +273,18 @@ export default {
|
||||
notes: null,
|
||||
type: null,
|
||||
reviewerStatus: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getUser();
|
||||
this.queryParams.pageNum = 1
|
||||
this.getUser()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
@@ -286,49 +294,49 @@ export default {
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加多级审核";
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加多级审核'
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getStuMultiLevelReview(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改多级审核";
|
||||
});
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = '修改多级审核'
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateStuMultiLevelReview(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getUser();
|
||||
});
|
||||
this.$modal.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getUser()
|
||||
})
|
||||
} else {
|
||||
addStuMultiLevelReview(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getUser();
|
||||
});
|
||||
this.$modal.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getUser()
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除多级审核编号为"' + ids + '"的数据项?').then(function () {
|
||||
return delStuMultiLevelReview(ids);
|
||||
return delStuMultiLevelReview(ids)
|
||||
}).then(() => {
|
||||
this.getUser();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => { });
|
||||
this.getUser()
|
||||
this.$modal.msgSuccess('删除成功')
|
||||
}).catch(() => { })
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
@@ -339,12 +347,12 @@ export default {
|
||||
|
||||
/** 完成制作按钮操作 */
|
||||
handleCompleted(row) {
|
||||
this.resetCompleted();
|
||||
this.completedForm.stuName = row.stuName;
|
||||
this.completedForm.stuNo = row.stuNo;
|
||||
this.completedForm.reason = row.reason;
|
||||
this.completedForm.id = row.id;
|
||||
this.completedOpen = true;
|
||||
this.resetCompleted()
|
||||
this.completedForm.stuName = row.stuName
|
||||
this.completedForm.stuNo = row.stuNo
|
||||
this.completedForm.reason = row.reason
|
||||
this.completedForm.id = row.id
|
||||
this.completedOpen = true
|
||||
},
|
||||
|
||||
// 完成制作表单重置
|
||||
@@ -353,57 +361,57 @@ export default {
|
||||
stuName: null,
|
||||
stuNo: null,
|
||||
reason: null,
|
||||
messageContent: "你申请办理的学生证制作完成,长堽校区前往经管楼学工处1-1办公室领取,里建校区前往“一站式”学生社区大厅领取",
|
||||
messageContent: '你申请办理的学生证制作完成,长堽校区前往经管楼学工处1-1办公室领取,里建校区前往“一站式”学生社区大厅领取',
|
||||
id: null
|
||||
};
|
||||
this.resetForm("completedForm");
|
||||
}
|
||||
this.resetForm('completedForm')
|
||||
},
|
||||
|
||||
// 完成制作取消按钮
|
||||
cancelCompleted() {
|
||||
this.completedOpen = false;
|
||||
this.resetCompleted();
|
||||
this.completedOpen = false
|
||||
this.resetCompleted()
|
||||
},
|
||||
|
||||
// 完成制作提交按钮
|
||||
submitCompleted() {
|
||||
this.$refs["completedForm"].validate(valid => {
|
||||
this.$refs['completedForm'].validate(valid => {
|
||||
if (valid) {
|
||||
// 第一步:根据学号查询用户ID
|
||||
getUserIdByStuNo(this.completedForm.stuNo).then(response => {
|
||||
const receiverId = response.data;
|
||||
const receiverId = response.data
|
||||
if (!receiverId) {
|
||||
throw new Error('未找到学生用户ID');
|
||||
throw new Error('未找到学生用户ID')
|
||||
}
|
||||
// 第二步:获取当前用户信息作为发送者
|
||||
return getUserProfile().then(userResponse => {
|
||||
const senderId = userResponse.data.userId;
|
||||
const senderId = userResponse.data.userId
|
||||
// 第三步:发送消息通知学生
|
||||
return addMsg({
|
||||
sender: senderId,
|
||||
receiver: receiverId,
|
||||
content: this.completedForm.messageContent
|
||||
});
|
||||
});
|
||||
})
|
||||
})
|
||||
}).then(() => {
|
||||
// 第四步:消息发送成功后,更新多级审核状态为3(完成制作)
|
||||
return getStuMultiLevelReview(this.completedForm.id);
|
||||
return getStuMultiLevelReview(this.completedForm.id)
|
||||
}).then(response => {
|
||||
const reviewData = response.data;
|
||||
reviewData.reviewerStatus = 3;
|
||||
const reviewData = response.data
|
||||
reviewData.reviewerStatus = 3
|
||||
// 将自定义消息内容存储到notes字段中,用于企业微信消息发送
|
||||
reviewData.notes = this.completedForm.messageContent;
|
||||
return updateStuMultiLevelReviewWithStuIdReissue(reviewData);
|
||||
reviewData.notes = this.completedForm.messageContent
|
||||
return updateStuMultiLevelReviewWithStuIdReissue(reviewData)
|
||||
}).then(() => {
|
||||
this.completedOpen = false;
|
||||
this.getUser();
|
||||
this.$modal.msgSuccess("完成制作成功并已发送通知消息");
|
||||
this.completedOpen = false
|
||||
this.getUser()
|
||||
this.$modal.msgSuccess('完成制作成功并已发送通知消息')
|
||||
}).catch(error => {
|
||||
this.$modal.msgError(error.message || "操作失败");
|
||||
});
|
||||
this.$modal.msgError(error.message || '操作失败')
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user