first commit
This commit is contained in:
@@ -0,0 +1,607 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.demo-table-expand {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.demo-table-expand label {
|
||||
width: 90px;
|
||||
color: #99a9bf;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-table .warning-row {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<!-- 头部 -->
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.time"
|
||||
type="year"
|
||||
placeholder="选择年"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.jr" style="width: 160px" clearable placeholder="请选择发放节日">
|
||||
<el-option
|
||||
v-for="item in jjr"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input type="text" v-model="pageForm.searchName" clearable="true" placeholder="请输入福利项目"
|
||||
style="width:150px">
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="pageForm.pageNumber=1;pageData()"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5" style="margin-right: 10px">
|
||||
<el-button size="medium" @click="addlp"><i class="el-icon-present"></i> 新建福利项目
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--数据-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
|
||||
:data="tableData"
|
||||
size="small"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
<el-form-item label="弹性福利" v-for="o in props.row.hxlps">
|
||||
<span>{{ o.lp_name }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="80"
|
||||
prop="lp_year"
|
||||
label="年份"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lp_ms"
|
||||
label="福利项目"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lp_jjr"
|
||||
label="节假日"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lp_name"
|
||||
label="发放福利内容"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="unionname"
|
||||
label="所属工会"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:show-overflow-tooltip="true">
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.unionname!=null">{{scope.row.unionname}}</span>
|
||||
<span v-else>校工会</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="userOnline"
|
||||
label="操作"
|
||||
header-align="center"
|
||||
width="450px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<!--# if(@shiro.hasRole('sysadmin')||@shiro.hasRole('flwyh01')||@shiro.hasRole('A06')){ #-->
|
||||
<el-button size="mini" :disabled="scope.row.flrs==0?false:true" @click="doffmd(scope.row.lp_id)">
|
||||
生成福利名单
|
||||
</el-button>
|
||||
<!--# } else {#-->
|
||||
<template v-if="scope.row.lp_ssgh">
|
||||
<el-button size="mini" :disabled="scope.row.flrs==0?false:true"
|
||||
@click="doffmd(scope.row.lp_id)">生成福利名单
|
||||
</el-button>
|
||||
</template>
|
||||
<!--# } #-->
|
||||
|
||||
<el-button size="mini" :disabled="scope.row.flrs==0?true:false"
|
||||
@click="exportFFmd(scope.row.lp_id)">导出名单
|
||||
</el-button>
|
||||
|
||||
<!--# if(@shiro.hasRole('sysadmin')||@shiro.hasRole('flwyh01')||@shiro.hasRole('A06')){ #-->
|
||||
<el-button type="success" size="mini" @click="openEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="danger" size="mini" @click="doDelete(scope.row)">删除
|
||||
</el-button>
|
||||
<!--# } else {#-->
|
||||
<template v-if="scope.row.lp_ssgh">
|
||||
<el-button type="success" size="mini" @click="openEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="danger" size="mini" @click="doDelete(scope.row)">删除
|
||||
</el-button>
|
||||
</template>
|
||||
<!--# } #-->
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<!--分页-->
|
||||
<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>
|
||||
<!-- 会员详细信息和节日礼品记录 -->
|
||||
<el-dialog
|
||||
custom-class="ViewDialogClass"
|
||||
title="新建福利"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="addDialogVisible"
|
||||
width="35%">
|
||||
<el-form :model="formData" ref="jrlpForm" size="small" label-width="80px">
|
||||
<el-form-item label="福利名称">
|
||||
<el-input v-model="formData.lp_ms" placeholder="请填写福利名称（例：中秋节福利）"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发放节日">
|
||||
<el-select v-model="formData.lp_jjr" style="width: 100%" placeholder="请选择发放节日">
|
||||
<el-option
|
||||
v-for="item in jjr"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否弹性">
|
||||
<el-switch v-model="formData.lp_sfhx"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" v-if="formData.lp_sfhx">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="formData.lp_jzrq"
|
||||
type="date"
|
||||
:picker-options="pickerOptions"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="主 福 利">
|
||||
<el-input v-model="formData.lp_name" placeholder="请填写主福利"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="弹性福利" v-if="formData.lp_sfhx">
|
||||
<el-row v-for="lp,index in formData.hxlp" style="margin-bottom: 10px">
|
||||
|
||||
<el-col :span="19">
|
||||
<el-input size="mini" style="width: 95%" placeholder="请填写礼品名"
|
||||
v-model="lp.lp_name"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-radio v-model="sfmr" :label="index" @change="mr(index)">默认</el-radio>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<el-button type="danger" size="mini" icon="el-icon-delete"
|
||||
@click="delJrlp(index)"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 15px">
|
||||
<el-col :span="1"> </el-col>
|
||||
<el-col :span="1"> </el-col>
|
||||
<el-col :span="8"> </el-col>
|
||||
<el-col :span="12"> </el-col>
|
||||
<el-col :span="1">
|
||||
<el-button @click="addhxlp" type="warning" size="mini"
|
||||
icon="el-icon-plus"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="save">保 存</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
custom-class="ViewDialogClass"
|
||||
title="编辑福利"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="editDialogVisible"
|
||||
width="35%">
|
||||
<el-form :model="formData" ref="jrlpForm" size="small" label-width="80px">
|
||||
<el-form-item label="福利名称">
|
||||
<el-input v-model="formData.lp_ms" placeholder="请填写福利名称（例：中秋节福利）"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发放节日">
|
||||
<el-select v-model="formData.lp_jjr" style="width: 100%" placeholder="请选择发放节日">
|
||||
<el-option
|
||||
v-for="item in jjr"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否弹性">
|
||||
<el-switch v-model="formData.lp_sfhx"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" v-if="formData.lp_sfhx">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="formData.lp_jzrq"
|
||||
type="date"
|
||||
:picker-options="pickerOptions"
|
||||
placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="主 福 利">
|
||||
<el-input v-model="formData.lp_name" placeholder="请填写主福利"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="弹性福利" v-if="formData.lp_sfhx">
|
||||
<el-row v-for="lp,index in formData.hxlp" style="margin-bottom: 10px">
|
||||
|
||||
<el-col :span="19">
|
||||
<el-input size="mini" style="width: 95%" placeholder="请填写礼品名"
|
||||
v-model="lp.lp_name"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-radio v-model="sfmr" :label="index" @change="mr(index)">默认</el-radio>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<el-button type="danger" size="mini" icon="el-icon-delete"
|
||||
@click="delJrlp(index)"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 15px">
|
||||
<el-col :span="1"> </el-col>
|
||||
<el-col :span="1"> </el-col>
|
||||
<el-col :span="8"> </el-col>
|
||||
<el-col :span="12"> </el-col>
|
||||
<el-col :span="1">
|
||||
<el-button @click="addhxlp" type="warning" size="mini"
|
||||
icon="el-icon-plus"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit">保 存</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 会员详细信息和节日礼品记录 -->
|
||||
<el-dialog
|
||||
custom-class="ViewDialogClass"
|
||||
title="发放名单"
|
||||
top="50px"
|
||||
:visible.sync="ffmdDialogVisible"
|
||||
width="50%">
|
||||
|
||||
<el-table :row-class-name="tableRowClassName" :data="ffmd" size="small" max-height="600">
|
||||
|
||||
<el-table-column align="center" header-align="center" width="140" 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>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="ffmdDialogVisible = false">关 闭</el-button>
|
||||
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vm = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
jr: "",
|
||||
time: moment().format('YYYY')
|
||||
},
|
||||
jjr: ['元旦', '春节', '清明节', '劳动节', '端午节', '中秋节', '国庆节', '其它'],
|
||||
tableData: [],
|
||||
addDialogVisible: false,
|
||||
formData: {lp_sfhx: false, hxlp: []},
|
||||
sfmr: 0,
|
||||
ffmdDialogVisible: false,
|
||||
ffmd: [],
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() < Date.now() - 8.64e6
|
||||
}
|
||||
},
|
||||
editDialogVisible: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
exportFFmd(lp_id) {
|
||||
window.location.href = '/platform/zgfw/lpffgl/exportFFmd?lp_id=' + lp_id
|
||||
},
|
||||
doEdit() {
|
||||
if (!this.formData.lp_sfhx) {
|
||||
this.formData.hxlp = []
|
||||
}
|
||||
$.post(base + "/platform/zgfw/lpffgl/doedit", {zgfw_jjrlp: JSON.stringify(this.formData)}, (data) => {
|
||||
if (data.code === 0) {
|
||||
this.$message.success(data.msg);
|
||||
this.pageData();
|
||||
this.editDialogVisible = false
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
})
|
||||
},
|
||||
doffmd(id) {
|
||||
var self = this;
|
||||
this.$confirm('生成福利名单之前，请确保会员数据已更新！', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback(a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const loading = self.$loading({
|
||||
lock: true,
|
||||
text: 'loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.post(base + "/platform/zgfw/lpffgl/doffmd", {id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
loading.close();
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
async findOne(id) {
|
||||
const {data} = await $.get("/platform/zgfw/lpffgl/findOne", {id})
|
||||
return data
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.formData = await this.findOne(row.lp_id)
|
||||
this.editDialogVisible = true;
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
delJrlp(index) {
|
||||
this.formData.hxlp.splice(index, 1);
|
||||
},
|
||||
addlp() {
|
||||
this.formData = {lp_sfhx: false, hxlp: []}
|
||||
this.addDialogVisible = true
|
||||
},
|
||||
save() {
|
||||
$.post(base + "/platform/zgfw/lpffgl/add", {zgfw_jjrlp: JSON.stringify(this.formData)}, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message.success(data.msg);
|
||||
this.pageData();
|
||||
this.addDialogVisible = false
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
})
|
||||
},
|
||||
pageData() {
|
||||
$.post(base + "/platform/zgfw/lpffgl/data", this.pageForm, (data) => {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
})
|
||||
},
|
||||
mr(index) {
|
||||
|
||||
this.formData.hxlp.forEach(function (value) {
|
||||
value.lp_sfmr = '0'
|
||||
})
|
||||
this.formData.hxlp[index].lp_sfmr = '1'
|
||||
console.log(this.formData.hxlp)
|
||||
},
|
||||
tableRowClassName(row, rowIndex) {
|
||||
|
||||
if (row.row.wf != 0) {
|
||||
return 'warning-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
toffmd(id) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zgfw/lpffgl/ffmds", {ghid: id}, function (data) {
|
||||
self.ffmd = data.data
|
||||
self.ffmdDialogVisible = true;
|
||||
})
|
||||
},
|
||||
todc(id) {
|
||||
var self = this;
|
||||
this.$confirm('确定要开始调查吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback(a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/lpffgl/dc", {lp_id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
addhxlp() {
|
||||
if (this.formData.hxlp == "") {
|
||||
this.formData.hxlp.push({lp_sfmr: '1'})
|
||||
} else {
|
||||
this.formData.hxlp.push({lp_sfmr: '0'})
|
||||
}
|
||||
|
||||
},
|
||||
fflp(row) {
|
||||
var self = this;
|
||||
var oDate1 = new Date(row.lp_jzrq);
|
||||
var oDate2 = new Date(moment().format('YYYY-MM-DD'));
|
||||
if (oDate1.getTime() > oDate2.getTime()) {
|
||||
self.$message({
|
||||
message: '当前活动正在调查中',
|
||||
type: 'warning'
|
||||
});
|
||||
|
||||
} else {
|
||||
$.post(base + "/platform/zgfw/lpffgl/fflp", {id: row.lp_id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
doDelete(row) {
|
||||
var self = this;
|
||||
this.$confirm('本操作同时删除福利名单，确定要删除吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback(a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/lpffgl/del", {lp_id: row.lp_id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user