代码格式修改
This commit is contained in:
@@ -1,25 +1,29 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="140px">
|
||||
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="140px">
|
||||
<el-form-item label="学号" prop="stuNo">
|
||||
<el-input v-model="queryParams.stuNo" placeholder="请输入学号" clearable @keyup.enter.native="handleQuery"/>
|
||||
<el-input v-model="queryParams.stuNo" placeholder="请输入学号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名" prop="stuName">
|
||||
<el-input v-model="queryParams.stuName" placeholder="请输入姓名" clearable
|
||||
@keyup.enter.native="handleQuery"/>
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="学院" prop="deptName">
|
||||
<el-input v-model="queryParams.deptName" placeholder="请输入学院" clearable
|
||||
@keyup.enter.native="handleQuery"/>
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="班级" prop="className">
|
||||
<el-input v-model="queryParams.className" placeholder="请输入班级" clearable
|
||||
@keyup.enter.native="handleQuery"/>
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核状态" prop="applyStatus">
|
||||
<el-select v-model="queryParams.applyStatus" placeholder="请选择审核状态" clearable>
|
||||
<el-option v-for="dict in dict.type.knzz_tufa_apply_status" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value"/>
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
@@ -37,15 +41,15 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="#" align="center" prop="id"/>
|
||||
<el-table-column label="学年" align="center" prop="stuYearName"/>
|
||||
<el-table-column label="班级" align="center" prop="className"/>
|
||||
<el-table-column label="学号" align="center" prop="stuNo"/>
|
||||
<el-table-column label="姓名" align="center" prop="stuName"/>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="#" align="center" prop="id" />
|
||||
<el-table-column label="学年" align="center" prop="stuYearName" />
|
||||
<el-table-column label="班级" align="center" prop="className" />
|
||||
<el-table-column label="学号" align="center" prop="stuNo" />
|
||||
<el-table-column label="姓名" align="center" prop="stuName" />
|
||||
<el-table-column label="审核状态" align="center" prop="applyStatus">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.knzz_tufa_apply_status" :value="scope.row.applyStatus"/>
|
||||
<dict-tag :options="dict.type.knzz_tufa_apply_status" :value="scope.row.applyStatus" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
@@ -56,70 +60,79 @@
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize" @pagination="getList"/>
|
||||
:limit.sync="queryParams.pageSize" @pagination="getList"
|
||||
/>
|
||||
|
||||
<el-dialog @close="getList" title="审核" :visible.sync="lookV" :fullscreen="true" :destroy-on-close="true">
|
||||
<el-dialog title="审核" :visible.sync="lookV" :fullscreen="true" :destroy-on-close="true" @close="getList">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<TufaLook v-if="lookV" :formData="lookForm"/>
|
||||
<TufaLook v-if="lookV" :form-data="lookForm" />
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form label-width="200px" size="mini" class="lookForm">
|
||||
<el-form-item label="是否通过">
|
||||
<el-select @change="changeAuditRes" v-model="auditRes">
|
||||
<el-option label="通过" value="通过"></el-option>
|
||||
<el-option label="驳回" value="驳回"></el-option>
|
||||
<el-select v-model="auditRes" @change="changeAuditRes">
|
||||
<el-option label="通过" value="通过" />
|
||||
<el-option label="驳回" value="驳回" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="意见">
|
||||
<el-input type="textarea" v-model="auditForm.xwCmt"/>
|
||||
<el-input v-model="auditForm.xwCmt" type="textarea" />
|
||||
</el-form-item>
|
||||
<el-form-item label="签名">
|
||||
<el-upload style="display: inline;" :before-upload="boolImg"
|
||||
accept="image/jpg,image/jpeg,image/png,image/bmp" :limit="1" class="avatar-uploader"
|
||||
:action="upload.url" :headers="upload.headers" :show-file-list="false"
|
||||
:file-list="upload.fileList" :on-success="handleAvatarSuccess">
|
||||
:file-list="upload.fileList" :on-success="handleAvatarSuccess"
|
||||
>
|
||||
<img v-if="auditForm.xwSign" :src="baseurl + auditForm.xwSign" width="200px"
|
||||
height="50px" class="avatar">
|
||||
height="50px" class="avatar"
|
||||
>
|
||||
<span v-else> 点击上传</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label=" ">
|
||||
<el-button type="primary" @click="doAudit" plain>审核</el-button>
|
||||
<el-button type="primary" plain @click="doAudit">审核</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<hr/>
|
||||
<hr>
|
||||
<el-timeline>
|
||||
<el-timeline-item v-if="lookForm.fdyCmt && lookForm.fdyDate" :timestamp="lookForm.fdyDate"
|
||||
color="green" placement="top">
|
||||
color="green" placement="top"
|
||||
>
|
||||
<el-card>
|
||||
<div>
|
||||
<strong>辅导员审核</strong>
|
||||
<div>{{ lookForm.fdyCmt }}</div>
|
||||
<img v-if="lookForm.fdySign" :src="baseurl + lookForm.fdySign" alt="辅导员签名"
|
||||
style="max-width:100px;margin-top:8px;"/>
|
||||
style="max-width:100px;margin-top:8px;"
|
||||
>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item v-if="lookForm.xwCmt && lookForm.xwDate" :timestamp="lookForm.xwDate"
|
||||
color="green" placement="top">
|
||||
color="green" placement="top"
|
||||
>
|
||||
<el-card>
|
||||
<div>
|
||||
<strong>院系审核</strong>
|
||||
<div>{{ lookForm.xwCmt }}</div>
|
||||
<img v-if="lookForm.xwSign" :src="baseurl + lookForm.xwSign" alt="院系签名"
|
||||
style="max-width:100px;margin-top:8px;"/>
|
||||
style="max-width:100px;margin-top:8px;"
|
||||
>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item v-if="lookForm.xgCmt && lookForm.xgDate" :timestamp="lookForm.xgDate"
|
||||
color="green" placement="top">
|
||||
color="green" placement="top"
|
||||
>
|
||||
<el-card>
|
||||
<div>
|
||||
<strong>学工审核</strong>
|
||||
<div>{{ lookForm.xgCmt }}</div>
|
||||
<img v-if="lookForm.xgSign" :src="baseurl + lookForm.xgSign" alt="学工签名"
|
||||
style="max-width:100px;margin-top:8px;"/>
|
||||
style="max-width:100px;margin-top:8px;"
|
||||
>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
@@ -132,25 +145,26 @@
|
||||
<el-dialog title="批量审核" :visible.sync="manyV" :destroy-on-close="true">
|
||||
<el-form label-width="120px" size="mini" class="lookForm">
|
||||
<el-form-item label="是否通过">
|
||||
<el-select @change="changeManyRes" v-model="manyRes">
|
||||
<el-option label="通过" value="通过"></el-option>
|
||||
<el-option label="驳回" value="驳回"></el-option>
|
||||
<el-select v-model="manyRes" @change="changeManyRes">
|
||||
<el-option label="通过" value="通过" />
|
||||
<el-option label="驳回" value="驳回" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="意见">
|
||||
<el-input type="textarea" v-model="manyCmt"/>
|
||||
<el-input v-model="manyCmt" type="textarea" />
|
||||
</el-form-item>
|
||||
<el-form-item label="签名">
|
||||
<el-upload style="display: inline;" :before-upload="boolImg"
|
||||
accept="image/jpg,image/jpeg,image/png,image/bmp" :limit="1" class="avatar-uploader"
|
||||
:action="upload.url" :headers="upload.headers" :show-file-list="false"
|
||||
:file-list="upload.fileList" :on-success="handleAvatarSuccess1">
|
||||
:file-list="upload.fileList" :on-success="handleAvatarSuccess1"
|
||||
>
|
||||
<img v-if="manySign" :src="baseurl + manySign" width="200px" height="50px" class="avatar">
|
||||
<span v-else> 点击上传</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label=" ">
|
||||
<el-button type="primary" @click="doMany" plain>审核</el-button>
|
||||
<el-button type="primary" plain @click="doMany">审核</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
@@ -161,19 +175,19 @@
|
||||
</template>
|
||||
<script>
|
||||
|
||||
import {boolImg, CheckImgExists, isEmpty, fullLoading} from "@/api/helpFunc";
|
||||
import {getTokenKeySessionStorage as getToken} from "@/utils/auth";
|
||||
import {boolImg, CheckImgExists, isEmpty, fullLoading} from '@/api/helpFunc'
|
||||
import {getTokenKeySessionStorage as getToken} from '@/utils/auth'
|
||||
|
||||
|
||||
import TufaApply from "@/views/comprehensive/knzzZzqApply/cpnt/TufaApply.vue";
|
||||
import TufaLook from "@/views/comprehensive/knzzZzqApply/cpnt/TufaLook.vue";
|
||||
import TufaApply from '@/views/comprehensive/knzzZzqApply/cpnt/TufaApply.vue'
|
||||
import TufaLook from '@/views/comprehensive/knzzZzqApply/cpnt/TufaLook.vue'
|
||||
|
||||
import {listXw as listView, doAudit, doMany} from "@/api/comprehensive/knzzZzqApply";
|
||||
import {listXw as listView, doAudit, doMany} from '@/api/comprehensive/knzzZzqApply'
|
||||
|
||||
import {getOwnSign} from "@/api/workstudy/post";
|
||||
import {getOwnSign} from '@/api/workstudy/post'
|
||||
|
||||
export default {
|
||||
name: "tufa-xw",
|
||||
name: 'TufaXw',
|
||||
dicts: ['knzz_tufa_apply_status'],
|
||||
components: {
|
||||
TufaApply,
|
||||
@@ -194,101 +208,101 @@ export default {
|
||||
lookV: false,
|
||||
|
||||
auditForm: {
|
||||
xwSign: "",
|
||||
xwCmt: ""
|
||||
xwSign: '',
|
||||
xwCmt: ''
|
||||
},
|
||||
auditRes: null,
|
||||
|
||||
upload: {
|
||||
headers: {Authorization: "Bearer " + getToken()},
|
||||
url: process.env.VUE_APP_BASE_API + "/common/upload",
|
||||
headers: {Authorization: 'Bearer ' + getToken()},
|
||||
url: process.env.VUE_APP_BASE_API + '/common/upload',
|
||||
fileList: []
|
||||
},
|
||||
baseurl: process.env.VUE_APP_BASE_API + "/",
|
||||
baseurl: process.env.VUE_APP_BASE_API + '/',
|
||||
boolImg,
|
||||
|
||||
manyV: false,
|
||||
ids: [],
|
||||
manyStatus: null,
|
||||
manyCmt: "",
|
||||
manyCmt: '',
|
||||
manyRes: null,
|
||||
manySign: "",
|
||||
manySign: '',
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getOwnSign();
|
||||
this.getList()
|
||||
this.getOwnSign()
|
||||
},
|
||||
methods: {
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
handleAvatarSuccess1(response, file, fileList) {
|
||||
this.manySign = response.fileName;
|
||||
this.upload.fileList = [];
|
||||
this.$forceUpdate();
|
||||
this.manySign = response.fileName
|
||||
this.upload.fileList = []
|
||||
this.$forceUpdate()
|
||||
},
|
||||
changeManyRes(v) {
|
||||
switch (v) {
|
||||
case '通过':
|
||||
this.manyStatus = 3;
|
||||
this.manyCmt = '同意推荐该同学申请自治区人民政府奖学金。 ';
|
||||
break;
|
||||
this.manyStatus = 3
|
||||
this.manyCmt = '同意推荐该同学申请自治区人民政府奖学金。 '
|
||||
break
|
||||
case '驳回':
|
||||
this.manyStatus = 10;
|
||||
this.manyCmt = '驳回，驳回原因:';
|
||||
break;
|
||||
this.manyStatus = 10
|
||||
this.manyCmt = '驳回，驳回原因:'
|
||||
break
|
||||
default:
|
||||
this.manyStatus = null;
|
||||
this.manyCmt = '';
|
||||
break;
|
||||
this.manyStatus = null
|
||||
this.manyCmt = ''
|
||||
break
|
||||
}
|
||||
},
|
||||
manyVClick() {
|
||||
if (this.ids.length == 0) {
|
||||
this.$message.info("请至少选择一条数据");
|
||||
return;
|
||||
this.$message.info('请至少选择一条数据')
|
||||
return
|
||||
} else {
|
||||
this.manyV = true;
|
||||
this.manyV = true
|
||||
}
|
||||
},
|
||||
async doMany() {
|
||||
if (isEmpty(this.manyRes)) {
|
||||
this.$message.info("请选择是否通过");
|
||||
return;
|
||||
this.$message.info('请选择是否通过')
|
||||
return
|
||||
}
|
||||
if (isEmpty(this.manyCmt)) {
|
||||
this.$message.info("请输入意见");
|
||||
return;
|
||||
this.$message.info('请输入意见')
|
||||
return
|
||||
}
|
||||
if (isEmpty(this.manySign)) {
|
||||
this.$message.info("请上传签名图片");
|
||||
return;
|
||||
this.$message.info('请上传签名图片')
|
||||
return
|
||||
}
|
||||
let sdata = [];
|
||||
let sdata = []
|
||||
this.ids.map(x => {
|
||||
let temp = {
|
||||
id: x,
|
||||
applyStatus: this.manyStatus,
|
||||
xwCmt: this.manyCmt,
|
||||
xwSign: this.manySign
|
||||
};
|
||||
sdata.push(temp);
|
||||
});
|
||||
let loading = fullLoading(this);
|
||||
let res = await doMany(sdata);
|
||||
loading.close();
|
||||
}
|
||||
sdata.push(temp)
|
||||
})
|
||||
let loading = fullLoading(this)
|
||||
let res = await doMany(sdata)
|
||||
loading.close()
|
||||
if (res.code == 200) {
|
||||
this.$message.success(res.msg);
|
||||
this.manyV = false;
|
||||
this.getList();
|
||||
this.ids = [];
|
||||
this.$message.success(res.msg)
|
||||
this.manyV = false
|
||||
this.getList()
|
||||
this.ids = []
|
||||
}
|
||||
|
||||
},
|
||||
@@ -296,105 +310,105 @@ export default {
|
||||
this.ids = selection.map(item => item.id)
|
||||
},
|
||||
async doNext() {
|
||||
this.loading = true;
|
||||
let res = await listView(this.queryParams);
|
||||
this.loading = false;
|
||||
this.loading = true
|
||||
let res = await listView(this.queryParams)
|
||||
this.loading = false
|
||||
if (res.code == 200) {
|
||||
let data = [...res.rows];
|
||||
let data = [...res.rows]
|
||||
if (data.length > 0) {
|
||||
let row = data[0];
|
||||
this.lookVClick(row);
|
||||
let row = data[0]
|
||||
this.lookVClick(row)
|
||||
}
|
||||
}
|
||||
},
|
||||
async doAudit() {
|
||||
let sdata = {...this.auditForm};
|
||||
let sdata = {...this.auditForm}
|
||||
if (isEmpty(sdata.applyStatus)) {
|
||||
this.$message.info("请选择是否通过");
|
||||
return;
|
||||
this.$message.info('请选择是否通过')
|
||||
return
|
||||
}
|
||||
if (isEmpty(sdata.xwCmt)) {
|
||||
this.$message.info("请输入意见");
|
||||
return;
|
||||
this.$message.info('请输入意见')
|
||||
return
|
||||
}
|
||||
if (isEmpty(sdata.xwSign)) {
|
||||
this.$message.info("请上传签名图片");
|
||||
return;
|
||||
this.$message.info('请上传签名图片')
|
||||
return
|
||||
}
|
||||
|
||||
let loading = fullLoading(this);
|
||||
let res = await doAudit(sdata);
|
||||
loading.close();
|
||||
let loading = fullLoading(this)
|
||||
let res = await doAudit(sdata)
|
||||
loading.close()
|
||||
if (res.code == 200) {
|
||||
this.$message.success("审核成功");
|
||||
this.lookV = false;
|
||||
await this.doNext();
|
||||
this.$message.success('审核成功')
|
||||
this.lookV = false
|
||||
await this.doNext()
|
||||
}
|
||||
|
||||
},
|
||||
async getOwnSign() {
|
||||
let res = await getOwnSign();
|
||||
let res = await getOwnSign()
|
||||
if (res.code == 200) {
|
||||
let data = {...res.data};
|
||||
let data = {...res.data}
|
||||
if (isEmpty(data.signature)) {
|
||||
this.$confirm('您的签名尚未上传', '提示', {
|
||||
confirmButtonText: '点我前往',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$router.push("/user/profile")
|
||||
this.$router.push('/user/profile')
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
})
|
||||
} else {
|
||||
this.auditForm.xwSign = data.signature;
|
||||
this.manySign = data.signature;
|
||||
this.auditForm.xwSign = data.signature
|
||||
this.manySign = data.signature
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
handleAvatarSuccess(response, file, fileList) {
|
||||
this.auditForm.xwSign = response.fileName;
|
||||
this.upload.fileList = [];
|
||||
this.$forceUpdate();
|
||||
this.auditForm.xwSign = response.fileName
|
||||
this.upload.fileList = []
|
||||
this.$forceUpdate()
|
||||
},
|
||||
async getList() {
|
||||
this.loading = true;
|
||||
let res = await listView(this.queryParams);
|
||||
this.loading = false;
|
||||
this.loading = true
|
||||
let res = await listView(this.queryParams)
|
||||
this.loading = false
|
||||
if (res.code == 200) {
|
||||
this.tableData = [...res.rows];
|
||||
this.total = res.total;
|
||||
this.tableData = [...res.rows]
|
||||
this.total = res.total
|
||||
}
|
||||
|
||||
},
|
||||
async lookVClick(row) {
|
||||
this.auditRes = null;
|
||||
this.lookForm = {};
|
||||
this.lookForm = {...row};
|
||||
this.auditRes = null
|
||||
this.lookForm = {}
|
||||
this.lookForm = {...row}
|
||||
this.auditForm = {
|
||||
xwSign: "",
|
||||
xwCmt: ""
|
||||
};
|
||||
this.auditForm.id = row.id;
|
||||
await this.getOwnSign();
|
||||
this.lookV = true;
|
||||
xwSign: '',
|
||||
xwCmt: ''
|
||||
}
|
||||
this.auditForm.id = row.id
|
||||
await this.getOwnSign()
|
||||
this.lookV = true
|
||||
},
|
||||
|
||||
changeAuditRes(v) {
|
||||
switch (v) {
|
||||
case '通过':
|
||||
this.auditForm.applyStatus = 3;
|
||||
this.auditForm.xwCmt = '同意推荐该同学申请自治区人民政府奖学金。';
|
||||
break;
|
||||
this.auditForm.applyStatus = 3
|
||||
this.auditForm.xwCmt = '同意推荐该同学申请自治区人民政府奖学金。'
|
||||
break
|
||||
case '驳回':
|
||||
this.auditForm.applyStatus = 10;
|
||||
this.auditForm.xwCmt = '驳回，驳回原因:';
|
||||
break;
|
||||
this.auditForm.applyStatus = 10
|
||||
this.auditForm.xwCmt = '驳回，驳回原因:'
|
||||
break
|
||||
default:
|
||||
this.auditForm.applyStatus = null;
|
||||
this.auditForm.xwCmt = '';
|
||||
break;
|
||||
this.auditForm.applyStatus = null
|
||||
this.auditForm.xwCmt = ''
|
||||
break
|
||||
}
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
|
||||
Reference in New Issue
Block a user