first commit
This commit is contained in:
@@ -0,0 +1,180 @@
|
||||
<!--#
|
||||
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>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user