155 lines
4.1 KiB
HTML
155 lines
4.1 KiB
HTML
<!--按基层工会统计页面 djx 2019-5-21-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.item {
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.clearfix {
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.el-card__header {
|
|
background-color: #ebb563;
|
|
/*ebb563*/
|
|
padding: 8px 10px;
|
|
border-bottom: 1px solid #EBEEF5;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.el-input--mini .el-input__inner {
|
|
height: 23px;
|
|
line-height: 23px;
|
|
}
|
|
|
|
.el-card__body {
|
|
padding: 5px;
|
|
}
|
|
|
|
.el-table-containera {
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.picClass .el-dialog {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.picClass .el-dialog__headerbtn {
|
|
font-size: 70px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.picClass .el-dialog__body {
|
|
padding: 0;
|
|
}
|
|
|
|
.picClass .el-dialog__header {
|
|
padding: 0;
|
|
}
|
|
|
|
.picClass .el-dialog__headerbtn .el-dialog__close {
|
|
color: white;
|
|
}
|
|
|
|
.el-pagination-container {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.el-card {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.el-divider--vertical {
|
|
height: 2em;
|
|
margin: 0px 28px;
|
|
}
|
|
|
|
#first .el-card__body {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.but {
|
|
padding: 12px 8px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<el-row class="header navbar bg-white shadow">
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select placeholder="请选择所属工会" v-model="unionid" style="width: 180px;" clearable="true" filterable="true">
|
|
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-button type="primary" icon="el-icon-search" @click="pageData"></el-button>
|
|
</div>
|
|
</el-row>
|
|
|
|
<el-row class="el-table-container">
|
|
<el-table :data="tableData" show-summary>
|
|
<el-table-column align="center" header-align="center" label="基层工会名称" width="280px"
|
|
prop="unionname"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="职工数" prop="ryzs"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="会员人数" prop="hyzs"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="男会员数" prop="hyns"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="女会员数" prop="hynvs"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="党员" prop="dyhys"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="民主党派" prop="mzhys"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="教授" prop="jsrs"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="副教授" prop="fjsrs"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="青工" prop="qgjs"></el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
tableData: [],
|
|
unions:[],
|
|
unionid:""
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
pageData: function () {
|
|
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hy/fghtj/init", {unionid:self.unionid}, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.unions=data.data.unions;
|
|
self.tableData = data.data.list;
|
|
}
|
|
}, "json");
|
|
}
|
|
},
|
|
created: function () {
|
|
this.pageData();
|
|
}
|
|
})
|
|
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |