73 lines
2.4 KiB
HTML
73 lines
2.4 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<div id="app" v-cloak>
|
|
<guava>
|
|
<el-card shadow="never">
|
|
<div class="btn-group tool-button">
|
|
<div class="block">
|
|
<el-date-picker
|
|
v-model="pageForm.year"
|
|
type="year"
|
|
value-format="yyyy"
|
|
placeholder="年度"
|
|
@change="pageData">
|
|
</el-date-picker>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group tool-button">
|
|
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
|
clearable="true"
|
|
filterable="true" @change="pageData">
|
|
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card shadow="never" class="mt20">
|
|
<el-table :data="tableData">
|
|
<el-table-column type="index" label="序号"></el-table-column>
|
|
<el-table-column property="unionname" label="分工会" sortable align="center"></el-table-column>
|
|
<el-table-column property="personalHonorNum" label="个人荣誉" sortable align="center"></el-table-column>
|
|
<el-table-column property="collectiveHonorNum" label="集体荣誉" sortable align="center"></el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
</guava>
|
|
</div>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
unions: [],
|
|
tableData: []
|
|
}
|
|
},
|
|
methods: {
|
|
pageData() {
|
|
sublime.showLoadingbar();
|
|
this.tableLoading = true
|
|
$.post("/platform/honor/Summary/unionData", this.pageForm, (data) => {
|
|
sublime.closeLoadingbar();
|
|
this.tableLoading = false
|
|
if (data.code == 0) {
|
|
this.tableData = data.data;
|
|
} else {
|
|
this.$message.error(data.msg);
|
|
}
|
|
}, "json");
|
|
},
|
|
},
|
|
async created() {
|
|
this.unions = await getUnions()
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#--> |