180 lines
6.8 KiB
HTML
180 lines
6.8 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<style>
|
|
.el-table th{
|
|
background: #00c1de;
|
|
color: white;
|
|
}
|
|
|
|
.el-table .warning-row {
|
|
color: red;
|
|
}
|
|
|
|
|
|
</style>
|
|
<div id="app">
|
|
<el-row class="header navbar bg-white shadow">
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" type="warning" @click="dc">导出发放清单</el-button>
|
|
</div>
|
|
</el-row>
|
|
<el-row class="el-table-container">
|
|
<el-table :row-class-name="tableRowClassName" :data="tableData" size="small">
|
|
|
|
<el-table-column align="center" header-align="center" label="工会" prop="unionname">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="是否确认人员">
|
|
<template scope="scope">
|
|
<el-tag type="success" v-if="scope.row.sum!='0'">是</el-tag>
|
|
<el-tag type="errror" v-else>否</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="联系人" prop="lxr">
|
|
<template scope="scope">
|
|
<span v-if="scope.row.lxr==''||scope.row.lxr==undefined">
|
|
暂无
|
|
</span>
|
|
<span v-else>
|
|
{{scope.row.lxr}}
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="应发人数" prop="yf">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="会员实发" prop="fts">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="特殊人员" prop="ts">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="发放总人数" prop="sum">
|
|
</el-table-column>
|
|
|
|
<el-table-column align="center" header-align="center" label="操作" >
|
|
<template scope="scope">
|
|
<el-button type="success" size="mini" @click="ffxq(scope.row.id)">详情</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
<el-dialog
|
|
custom-class="ViewDialogClass"
|
|
title="发放名单详情"
|
|
:visible.sync="seeDialogVisible"
|
|
width="45%"
|
|
|
|
>
|
|
<el-table :data="fftableData" size="small">
|
|
<el-table-column align="center" header-align="center" label="姓名" prop="ff_username">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="性别" prop="sex">
|
|
<template scope="scope">
|
|
<span v-if="scope.row.sex=='1'" >男</span>
|
|
<span v-if="scope.row.sex=='2'" >女</span>
|
|
<span v-if="scope.row.sex!='1'&&scope.row.sex!='2'">{{scope.row.sex}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="联系电话" prop="mobile">
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="是否联系人" prop="sflxr">
|
|
<template scope="scope">
|
|
<el-tag type="success" v-if="scope.row.sflxr=='1'">是</el-tag>
|
|
<el-tag type="info" v-else>否</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="是否特殊" prop="sfts">
|
|
<template scope="scope">
|
|
<el-tag v-if="scope.row.sfts=='0'">普通</el-tag>
|
|
<el-tag type="danger" v-else>特殊</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="备注" prop="bz">
|
|
<template scope="scope">
|
|
<span v-if="scope.row.bz==''||scope.row.bz==undefined">
|
|
暂无
|
|
</span>
|
|
<span v-else>
|
|
{{scope.row.bz}}
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-row class="el-pagination-container">
|
|
<el-pagination
|
|
@size-change="pageSizeChange"
|
|
@current-change="pageNumberChange"
|
|
:current-page="pageForm.pageNumber"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="pageForm.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="pageForm.totalCount">
|
|
</el-pagination>
|
|
</el-row>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button size="mini" @click="seeDialogVisible = false">关 闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
var vm=new Vue({
|
|
el:"#app",
|
|
data:function () {
|
|
return{
|
|
pageForm:{
|
|
pageNumber:1,
|
|
pageSize:20,
|
|
totalCount:0,
|
|
id:""
|
|
},
|
|
tableData:[],
|
|
seeDialogVisible:false,
|
|
fftableData:[],
|
|
|
|
}
|
|
},
|
|
methods:{
|
|
pageData:function () {
|
|
var self=this;
|
|
$.post(base+"/platform/zgfw/xghmd/data",self.pageForm,function (data) {
|
|
self.tableData=data.data
|
|
})
|
|
},
|
|
dc:function () {
|
|
var self=this;
|
|
location.href=base+"/platform/zgfw/xghmd/excel"
|
|
},
|
|
ffxq:function (id) {
|
|
var self=this;
|
|
if (id!=""&&id!=undefined){
|
|
self.pageForm.id=id
|
|
}
|
|
$.post(base+"/platform/zgfw/xghmd/ffxq",self.pageForm,function (data) {
|
|
self.fftableData=data.data.list;
|
|
self.pageForm.totalCount=data.data.totalCount;
|
|
self.seeDialogVisible=true;
|
|
})
|
|
},
|
|
pageNumberChange: function (val) {//页码更新操作
|
|
this.pageForm.pageNumber = val;
|
|
this.ffxq();
|
|
},
|
|
pageSizeChange: function (val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.ffxq();
|
|
},
|
|
tableRowClassName:function (row, rowIndex) {
|
|
|
|
if (row.row.wf != 0) {
|
|
return 'warning-row';
|
|
}
|
|
return '';
|
|
}
|
|
},
|
|
created:function () {
|
|
this.pageData();
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |