first commit
This commit is contained in:
@@ -0,0 +1,155 @@
|
||||
<!--按基层工会统计页面 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>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user