parent
88a434707a
commit
4528800e2f
@ -0,0 +1,178 @@
|
|||||||
|
<template>
|
||||||
|
<div class="honor-list-content-style">
|
||||||
|
<template v-if="pageType === 0">
|
||||||
|
<div class="search-and-add-style">
|
||||||
|
<a-button type="primary" @click="toAdd">新增</a-button>
|
||||||
|
</div>
|
||||||
|
<a-table :columns="tableColumn" :data-source="dataList" :loading="loading" :pagination="false">
|
||||||
|
<span slot="action" slot-scope="text, record">
|
||||||
|
<a @click="toDelete(record)">删除</a>
|
||||||
|
</span>
|
||||||
|
</a-table>
|
||||||
|
<a-pagination v-if="totalPage > 1" v-model="pageNumber" :pageSize="pageSize" :total="totalNum"
|
||||||
|
@change="onPageChange"/>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import InterConfig from '../interConfig';
|
||||||
|
import {Table, Pagination, Button} from 'ant-design-vue';
|
||||||
|
import _ from 'lodash';
|
||||||
|
const tableColumn = [
|
||||||
|
{
|
||||||
|
dataIndex: 'index',
|
||||||
|
key: 'index',
|
||||||
|
title: '序号',
|
||||||
|
width: "80px",
|
||||||
|
align: "center"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dataIndex: 'honor_person_name',
|
||||||
|
key: 'honorPersonName',
|
||||||
|
title: '人员姓名',
|
||||||
|
align: "center"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dataIndex: 'category_name',
|
||||||
|
key: 'categoryName',
|
||||||
|
title: '荣誉称号',
|
||||||
|
align: "center"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
export default{
|
||||||
|
props: ["menuId"],
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
pageType: 0,//0 列表页面 1 新增页面
|
||||||
|
categoryType: 0,// 5 教师 6 学生
|
||||||
|
pageNumber: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
totalPage: 0,
|
||||||
|
totalNum: 0,
|
||||||
|
tableColumn: [],
|
||||||
|
dataList: [],
|
||||||
|
loading: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created(){
|
||||||
|
this.categoryType = this.$props.menuId === "studentHonor" ? 6 : 5;
|
||||||
|
this.buildTableColumn();
|
||||||
|
this.getHonorList();
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
menuId: function (newId) {
|
||||||
|
this.categoryType = newId === "studentHonor" ? 6 : 5;
|
||||||
|
this.buildTableColumn();
|
||||||
|
this.getHonorList();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
buildTableColumn: function () {
|
||||||
|
this.tableColumn = _.cloneDeep(tableColumn);
|
||||||
|
if (this.categoryType === 5) {
|
||||||
|
//教师
|
||||||
|
this.tableColumn.push({
|
||||||
|
dataIndex: 'subject_name',
|
||||||
|
key: 'subjectName',
|
||||||
|
title: '学科',
|
||||||
|
align: "center"
|
||||||
|
})
|
||||||
|
} else if (this.categoryType === 6) {
|
||||||
|
//学生
|
||||||
|
this.tableColumn.push({
|
||||||
|
dataIndex: 'class_name',
|
||||||
|
key: 'className',
|
||||||
|
title: '班级',
|
||||||
|
align: "center"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.tableColumn.push(
|
||||||
|
...[{
|
||||||
|
dataIndex: 'create_time',
|
||||||
|
key: 'createTime',
|
||||||
|
title: '创建时间',
|
||||||
|
align: "center"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
key: 'action',
|
||||||
|
align: "center",
|
||||||
|
scopedSlots: {customRender: 'action'},
|
||||||
|
}]
|
||||||
|
)
|
||||||
|
},
|
||||||
|
getHonorList: function () {
|
||||||
|
let param = {
|
||||||
|
bureau_id: this.BaseConfig.person_info_my.bureau_id,
|
||||||
|
category_type: this.categoryType,
|
||||||
|
category_id: "",
|
||||||
|
page_number: this.pageNumber,
|
||||||
|
page_size: this.pageSize
|
||||||
|
}
|
||||||
|
this.loading = true;
|
||||||
|
this.InterfaceConfig.callInterface([{
|
||||||
|
url: InterConfig.getHonorList.url,
|
||||||
|
params: param,
|
||||||
|
method: InterConfig.getHonorList.method,
|
||||||
|
isTestLogin: InterConfig.getHonorList.isTestLogin,
|
||||||
|
}], (result) => {
|
||||||
|
this.loading = false;
|
||||||
|
let resData = result[0].data;
|
||||||
|
if (resData.code === 2000) {
|
||||||
|
let dataList = resData.data.list;
|
||||||
|
if (dataList && dataList.length > 0) {
|
||||||
|
for (let i = 0, len = dataList.length; i < len; i++) {
|
||||||
|
dataList[i]['index'] = i + 1 + ((this.pageNumber - 1) * 10);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.dataList = dataList;
|
||||||
|
this.totalNum = resData.data.total_row;
|
||||||
|
this.totalPage = resData.data.total_page;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
toAdd: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
toDelete: function () {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ATable: Table,
|
||||||
|
APagination: Pagination,
|
||||||
|
AButton: Button
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.honor-list-content-style {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
padding: 0.5rem;
|
||||||
|
.search-and-add-style {
|
||||||
|
width: 100%;
|
||||||
|
height: 3.5rem;
|
||||||
|
background-color: white;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
}
|
||||||
|
.ant-table-wrapper {
|
||||||
|
/deep/ .upload-container-style {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ant-pagination {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue