1161 lines
48 KiB
HTML
1161 lines
48 KiB
HTML
<!--#
|
||
layout("/layouts/platform.html"){
|
||
#-->
|
||
<!--
|
||
会员生日福利页面
|
||
李耀威
|
||
2019 6 18
|
||
-->
|
||
<style>
|
||
.dia .el-dialog__body {
|
||
padding: 5px 20px;
|
||
}
|
||
|
||
.note {
|
||
width: 100%;
|
||
height: 200px;
|
||
}
|
||
|
||
.el-radio.is-bordered.is-disabled.is-checked {
|
||
/* cursor: not-allowed; */
|
||
border-color: #409EFF;
|
||
}
|
||
|
||
.el-radio__input.is-disabled .is-checked .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
|
||
background-color: #409EFF;
|
||
/*border-color: #E4E7ED; */
|
||
}
|
||
|
||
.tpa {
|
||
padding: 10px;
|
||
text-align: center;
|
||
width: 12%;
|
||
color: #777;
|
||
background-color: rgb(250, 250, 250);
|
||
border: 1px solid rgb(220, 220, 220);
|
||
}
|
||
|
||
.tpb {
|
||
padding: 10px;
|
||
text-align: center;
|
||
color: #333;
|
||
width: 15%;
|
||
border: 1px solid rgb(220, 220, 220);
|
||
}
|
||
|
||
.tpc {
|
||
padding: 10px;
|
||
color: #a0a9b4;
|
||
width: 15%;
|
||
border: 1px solid rgb(220, 220, 220);
|
||
}
|
||
|
||
.el-card__body {
|
||
padding: 0;
|
||
}
|
||
|
||
.myT .has-gutter tr th {
|
||
background-color: #F5F7FA;
|
||
}
|
||
</style>
|
||
<div id="app" v-cloak>
|
||
<!-- 头部 -->
|
||
<el-row class="header navbar bg-white shadow">
|
||
<div class="btn-group tool-button mt5">
|
||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
||
<el-option label="姓名" value="username"></el-option>
|
||
</el-select>
|
||
</el-input>
|
||
</div>
|
||
<div class="btn-group tool-button mt5">
|
||
<div class="block">
|
||
<el-date-picker
|
||
format="MM-dd"
|
||
v-model="pageForm.time"
|
||
type="daterange"
|
||
range-separator="——"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期">
|
||
</el-date-picker>
|
||
</div>
|
||
</div>
|
||
<div class="btn-group tool-button mt5">
|
||
<el-select v-model="pageForm.isqs" style="width: 160px" clearable placeholder="请选择状态">
|
||
<el-option
|
||
v-for="item in [{x:0,y:'未签收'},{x:1,y:'已签收'}]"
|
||
:key="item.x"
|
||
:label="item.y"
|
||
:value="item.x">
|
||
</el-option>
|
||
</el-select>
|
||
</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-button icon="el-icon-search" @click="doSearch"
|
||
style="background-color:#409eff;color: white;"></el-button>
|
||
</div>
|
||
|
||
<!-- <div class="pull-right offscreen-right mt5">
|
||
<el-button size="medium" type="warning" @click="openAdd"><i class="el-icon-s-promotion"></i> 节日礼品发放
|
||
</el-button>
|
||
</div>
|
||
<div class="pull-right offscreen-right mt5" style="margin-right: 10px">
|
||
<el-button size="medium" @click="openJrlpgl"><i class="el-icon-present"></i> 节日礼品管理
|
||
</el-button>
|
||
</div>-->
|
||
</el-row>
|
||
<!--数据-->
|
||
<el-row class="el-table-container">
|
||
<el-table
|
||
@sort-change='pageOrder'
|
||
:data="tableData"
|
||
size="small"
|
||
header-align="center"
|
||
style="width: 100%"
|
||
>
|
||
<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
|
||
prop="ff_username"
|
||
label="姓名"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
v-if="identity!=2"
|
||
prop="unionname"
|
||
label="所属基层工会"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_jr"
|
||
label="发放节日"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="lpff_lp"
|
||
label="礼品"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="lpff_je"
|
||
label="发放金额"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable="true"
|
||
prop="lpff_ffsj"
|
||
label="发放时间"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_isqs"
|
||
label="是否签收"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
<template slot-scope="scope">
|
||
<i v-if="scope.row.lpff_isqs == 0" class="fa fa-circle text-danger ml5"> 未签收</i>
|
||
<i v-if="scope.row.lpff_isqs == 1" class="fa fa-circle text-success ml5">
|
||
已签收</i>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="userOnline"
|
||
label="操作"
|
||
header-align="center"
|
||
width="300px"
|
||
align="center">
|
||
<template slot-scope="scope">
|
||
<el-button type="warning" size="mini" v-if="scope.row.lpff_isqs==0" @click="qs(scope.row.lpff_id)">签收</el-button>
|
||
<el-button type="success" size="mini" @click="openDetail(scope.row.lpff_hyid)">查看</el-button>
|
||
<el-button type="primary" size="mini" v-if="scope.row.isfs!=false&&scope.row.lpff_isqs==0" @click="tztx(scope)">提醒领取
|
||
</el-button>
|
||
<el-tooltip class="item" effect="dark" v-if="!(scope.row.isfs!=false)" :content="'已发送领取提醒'" placement="top">
|
||
<el-button type="primary" size="mini" disabled>提醒领取</el-button>
|
||
</el-tooltip>
|
||
<!-- <el-button type="danger" size="mini" v-if="scope.row.lpff_isqs == 0"
|
||
@click="doDelete(scope.row.lpff_id)">删除
|
||
</el-button>-->
|
||
</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="节日礼品管理"
|
||
:visible.sync="jrlpglDialogVisible"
|
||
width="35%"
|
||
>
|
||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">{{nearJr}}</span></el-divider>
|
||
<el-form :model="formData" ref="jrlpForm" :label-position="'top'" :rules="formRules" size="small"
|
||
label-width="100px">
|
||
<el-form-item prop="lp_jjr" label="节假日">
|
||
<el-select v-model="formData.lp_jjr"
|
||
@change="queryJrlp"
|
||
placeholder="选择节假日" style="width: 100%">
|
||
<el-option
|
||
v-for="item in jjr"
|
||
:key="item"
|
||
:label="item"
|
||
:value="item">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item prop="lps" label="礼 品">
|
||
<el-row v-for="lp,index in formData.lps" style="margin-bottom: 10px">
|
||
<el-col :span="1"> </el-col>
|
||
<el-col :span="1">{{index+1}} ：</el-col>
|
||
<el-col :span="8">
|
||
<el-input size="mini" style="width: 95%" placeholder="请填写礼品名"
|
||
v-model="lp.lp_name" v-if="!(lp.ffcount>0)"
|
||
></el-input>
|
||
<el-tooltip class="item" effect="dark" content="该礼品存在发放记录，不可编辑！" placement="top">
|
||
<el-input size="mini" style="width: 95%" placeholder="请填写礼品名" v-model="lp.lp_name"
|
||
v-if="lp.ffcount>0" disabled></el-input>
|
||
</el-tooltip>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-input maxlength="500" size="mini" type="textarea"
|
||
:autosize="{ minRows: 1, maxRows: 4}" v-if="!(lp.ffcount>0)"
|
||
style="width: 95%" placeholder="请填写礼品详情" v-model="lp.lp_xq"></el-input>
|
||
<el-tooltip class="item" effect="dark" content="该礼品存在发放记录，不可编辑！" placement="top">
|
||
<el-input maxlength="500" size="mini" type="textarea" :autosize="{ minRows: 1, maxRows: 4}"
|
||
style="width: 95%" placeholder="请填写礼品详情" v-model="lp.lp_xq" v-if="lp.ffcount>0"
|
||
disabled></el-input>
|
||
</el-tooltip>
|
||
</el-col>
|
||
<el-col :span="1">
|
||
<el-button type="danger" size="mini" icon="el-icon-delete" v-if="!(lp.ffcount>0)"
|
||
@click="delJrlp(index)"></el-button>
|
||
<el-tooltip class="item" effect="dark" content="该礼品存在发放记录，不可删除！" placement="top">
|
||
<el-button type="danger" v-if="lp.ffcount>0" size="mini" disabled icon="el-icon-delete"
|
||
></el-button>
|
||
</el-tooltip>
|
||
</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="formData.lps.push({})" 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="jrlpglDialogVisible = false">取 消</el-button>
|
||
<el-button @click="saveJrlp" type="primary">保 存</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<!--节日福利发放-->
|
||
<el-dialog
|
||
class="ViewDialogClass"
|
||
title="节日福利发放"
|
||
:close-on-click-modal="false"
|
||
:visible.sync="addDialogVisible"
|
||
@close="kxryClose()"
|
||
:width="nWidth">
|
||
|
||
<!--<div v-show="firstDialogVisible==true">
|
||
|
||
|
||
<el-row>
|
||
<el-table
|
||
ref="kxryTableData"
|
||
:row-key="getRowKeys"
|
||
reserve-selection="true"
|
||
:data="kxryTableData"
|
||
size="small"
|
||
header-align="center"
|
||
style="width: 100%"
|
||
@select="kxrySelect"
|
||
@select-all="kxrySelectAll"
|
||
>
|
||
<el-table-column
|
||
type="selection"
|
||
width="30">
|
||
</el-table-column>
|
||
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="ff_username"
|
||
label="姓名"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true"
|
||
>
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="sex"
|
||
label="性别"
|
||
header-align="center"
|
||
align="center"
|
||
>
|
||
<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
|
||
prop="mobile"
|
||
label="电话"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="name"
|
||
label="所在单位"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-row>
|
||
<el-row style="margin-top: 15px">
|
||
<el-pagination
|
||
@size-change="kxryPageSizeChange"
|
||
@current-change="kxryPageNumberChange"
|
||
:current-page="kxryPageForm.pageNumber"
|
||
:page-sizes="[5, 10]"
|
||
:page-size="kxryPageForm.pageSize"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
:total="kxryPageForm.totalCount">
|
||
</el-pagination>
|
||
</el-row>
|
||
</div>-->
|
||
<!--<el-row style="margin-bottom: 15px;">
|
||
|
||
<div class="btn-group tool-button mt5">
|
||
<el-input size="mini" v-model="kxryPageForm.name" placeholder="请输入工号或姓名查找"
|
||
style="width: 200px"></el-input>
|
||
</div>
|
||
<div class="btn-group tool-button mt5" v-if="identity!=2">
|
||
<el-select v-model="kxryPageForm.fghid" clearable
|
||
placeholder="选择基层工会" size="mini">
|
||
<el-option
|
||
v-for="item in ghOptions"
|
||
:key="item.id"
|
||
:label="item.unionname"
|
||
:value="item.id">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
<div class="btn-group tool-button mt5">
|
||
<el-button size="mini" type="primary" icon="el-icon-search" @click="kxrySearch"></el-button>
|
||
</div>
|
||
</el-row>-->
|
||
|
||
<el-row style="margin-bottom: 15px; text-align: right">
|
||
<div class="btn-group tool-button mt5">
|
||
<el-select v-model="kxryPageForm.jr"
|
||
@change="kxryPageData"
|
||
placeholder="选择节假日" size="mini">
|
||
<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-select clearable size="mini"
|
||
v-model="tylp"
|
||
@change="tylpSz"
|
||
multiple
|
||
placeholder="统一设置节日礼品">
|
||
<el-option
|
||
v-for="item in lpOptions"
|
||
:key="item.lp_id"
|
||
:label="item.lp_name"
|
||
:value="item.lp_name">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
|
||
<div class="btn-group tool-button mt5">
|
||
<el-input size="mini" v-model="je" style="margin-right: 10px;width: 90%" placeholder="统一设置发放金额">
|
||
</el-input>
|
||
</div>
|
||
</el-row>
|
||
<el-row>
|
||
<el-table
|
||
class="myT"
|
||
:data="kxryTableData"
|
||
border
|
||
style="width: 100%">
|
||
<el-table-column
|
||
prop="ff_username"
|
||
header-align="center"
|
||
align="center"
|
||
label="姓名">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="sex"
|
||
header-align="center"
|
||
align="center"
|
||
width="100px"
|
||
label="性别">
|
||
<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
|
||
prop="mobile"
|
||
label="电话"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="name"
|
||
label="所在单位"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
header-align="center"
|
||
align-="center"
|
||
label="发放金额"
|
||
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-input-number size="mini" v-model="scope.row.ff_je" controls-position="right" :min="0" :step="100">
|
||
|
||
</el-input-number>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
header-align="center"
|
||
align-="center"
|
||
label="节日礼品"
|
||
width="210px"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-select clearable v-model="scope.row.ff_lp" size="mini" multiple
|
||
placeholder="请选择节日礼品">
|
||
<el-option
|
||
v-for="item in lpOptions"
|
||
:key="item.lp_id"
|
||
:label="item.lp_name"
|
||
:value="item.lp_name">
|
||
</el-option>
|
||
</el-select>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-row>
|
||
|
||
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="kxryClose()">取 消</el-button>
|
||
<el-button type="success" @click="doSubmit">提 交</el-button>
|
||
|
||
</span>
|
||
</el-dialog>
|
||
<!-- 会员详细信息和节日礼品记录 -->
|
||
<el-dialog
|
||
custom-class="ViewDialogClass"
|
||
title="生日福利详情"
|
||
:visible.sync="detailDialogVisible"
|
||
width="45%"
|
||
>
|
||
<el-collapse v-model="activeName">
|
||
<el-collapse-item title="用户信息" name="1">
|
||
<el-card>
|
||
<div>
|
||
<table style="width: 100%">
|
||
<tr style="border: 1px solid rgb(220,220,220);">
|
||
<td class="tpa">姓  名</td>
|
||
<td class="tpb">{{detailData.user.username}}{{detailData.user.ff_username}}</td>
|
||
<td class="tpa">性  别</td>
|
||
<td class="tpb">
|
||
|
||
<span v-if="detailData.user.sex=='1'">男</span>
|
||
<span v-if="detailData.user.sex=='2'">女</span>
|
||
<span v-if="detailData.user.sex!='1'&&detailData.user.sex!='2'">{{detailData.user.sex}}</span>
|
||
</td>
|
||
<td class="tpa">出生日期</td>
|
||
<td class="tpb">{{detailData.user.birthday}}</td>
|
||
</tr>
|
||
<tr style="border: 1px solid rgb(220,220,220);">
|
||
<td class="tpa">出生地点</td>
|
||
<td class="tpb">{{detailData.user.csdd}}</td>
|
||
<td class="tpa">民  族</td>
|
||
<td class="tpb">{{detailData.user.mz}}</td>
|
||
<td class="tpa">政治面貌</td>
|
||
<td class="tpb">{{detailData.user.zzmc}}</td>
|
||
</tr>
|
||
|
||
<tr style="border: 1px solid rgb(220,220,220);">
|
||
<td class="tpa">工  资</td>
|
||
<td class="tpb">{{detailData.user.gz}}</td>
|
||
<td class="tpa">职  称</td>
|
||
<td class="tpb">{{detailData.user.zc}}</td>
|
||
<td class="tpa">联系电话</td>
|
||
<td class="tpb">{{detailData.user.mobile}}</td>
|
||
|
||
</tr>
|
||
<tr style="border: 1px solid rgb(220,220,220);">
|
||
<td class="tpa" colspan="1">所在部门</td>
|
||
<td class="tpb" colspan="1">{{detailData.user.unitname}}</td>
|
||
<td class="tpa" colspan="1">所属基层工会</td>
|
||
<td class="tpb" colspan="1">{{detailData.user.fghname}}</td>
|
||
<td class="tpa" colspan="1">现任职务</td>
|
||
<td class="tpb" colspan="2">{{detailData.user.zw}}</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</el-card>
|
||
</el-collapse-item>
|
||
<el-collapse-item title="节日礼品发放记录" name="2">
|
||
<el-card>
|
||
<el-table
|
||
:data="detailData.ffjl"
|
||
size="small"
|
||
header-align="center"
|
||
style="width: 100%"
|
||
>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_jr"
|
||
label="发放节日"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_lp"
|
||
label="礼品"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_je"
|
||
label="发放金额"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable="true"
|
||
prop="lpff_ffsj"
|
||
label="发放时间"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="ffrusername"
|
||
label="发放人"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable
|
||
prop="lpff_isqs"
|
||
label="是否签收"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
<template slot-scope="scope">
|
||
<i v-if="scope.row.lpff_isqs == 0" class="fa fa-circle text-danger ml5"> 未签收</i>
|
||
<i v-if="scope.row.lpff_isqs == 1" class="fa fa-circle text-success ml5">
|
||
已签收</i>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
sortable="true"
|
||
prop="lpff_qssj"
|
||
label="签收时间"
|
||
header-align="center"
|
||
align="center"
|
||
:show-overflow-tooltip="true">
|
||
<template slot-scope="scope">
|
||
<span v-if="scope.row.lpff_isqs == 0">暂无</span>
|
||
<span v-if="scope.row.lpff_isqs == 1">{{scope.row.lpff_qssj}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
</el-collapse-item>
|
||
</el-collapse>
|
||
</el-collaps>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="danger" @click="detailDialogVisible = false">关 闭</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
|
||
<script>
|
||
var vue = new Vue({
|
||
el: "#app",
|
||
data: function () {
|
||
var self = this
|
||
return {
|
||
tylp: [],
|
||
activeName: ['1', '2'],
|
||
detailData: {user: {}, ffjl: []},
|
||
lpOptions: [],
|
||
nearJr: '',
|
||
isNext: false,
|
||
nWidth: '50%',
|
||
dellps: [],
|
||
jr: '',
|
||
identity: '',
|
||
jrlpglDialogVisible: false,
|
||
addDialogVisible: false,
|
||
detailDialogVisible: false,
|
||
firstDialogVisible: false,
|
||
secondDialogVisible: false,
|
||
rys: [],
|
||
ghOptions: [],
|
||
tableData: [],
|
||
pageForm: {
|
||
time: [],
|
||
searchName: "",
|
||
searchKeyword: "",
|
||
pageNumber: 1,
|
||
pageSize: 10,
|
||
totalCount: 0,
|
||
pageOrderName: "",
|
||
pageOrderBy: ""
|
||
},
|
||
kxryPageForm: {
|
||
pageNumber: 1,
|
||
pageSize: 5,
|
||
totalCount: 0,
|
||
pageOrderName: "",
|
||
pageOrderBy: ""
|
||
},
|
||
jjr: ['元旦', '春节', '清明节', '劳动节', '端午节', '中秋节', '国庆节'],
|
||
formData: {lp_jjr: '', lps: []},
|
||
formRules: {
|
||
// lp_jjr: [{required: true, trigger: ['blur', 'change']}],
|
||
},
|
||
kxryTableData: [],
|
||
nData: [],
|
||
je:"",
|
||
}
|
||
},
|
||
methods: {
|
||
tztx: function (scope) {
|
||
var self = this
|
||
$.post(base + "/platform/zgfw/jrlpff/tztx", {lpff_id: scope.row.lpff_id}, function (data) {
|
||
if (data.code == 0) {
|
||
scope.row.isfs = false;
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'success'
|
||
});
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
}, "json");
|
||
},
|
||
doDelete: function (id) {
|
||
var self = this;
|
||
this.$confirm('确定要删除吗', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning',
|
||
callback: function (a, b) {
|
||
if ("confirm" == a) {//确认后再执行
|
||
$.post(base + "/platform/zgfw/jrlpff/delete", {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'
|
||
});
|
||
}
|
||
}, "json");
|
||
}
|
||
}
|
||
});
|
||
},
|
||
tylpSz: function () {
|
||
var self = this
|
||
self.kxryTableData.forEach(function (value) {
|
||
value.ff_lp = self.tylp
|
||
})
|
||
var table = self.kxryTableData;
|
||
self.kxryTableData = []
|
||
setTimeout(function () {
|
||
self.kxryTableData = table
|
||
}, 1)
|
||
},
|
||
openDetail: function (id) {
|
||
var self = this;
|
||
$.get(base + "/platform/zgfw/jrlpff/queryDetail", {"id": id}, function (data) {
|
||
if (data.code == 0) {
|
||
self.detailData = data.data;//加载后台表单数据
|
||
self.detailDialogVisible = true
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
}, "json")
|
||
},
|
||
doSubmit: function () {
|
||
var self = this
|
||
var flag = true
|
||
try {
|
||
self.kxryTableData.forEach(function (v1) {
|
||
if (typeof (v1.ff_je) === "undefined" || v1.ff_je == '') {
|
||
flag = false
|
||
self.$message({
|
||
message: '请选择' + v1.ff_username + '的发放金额！',
|
||
type: 'error'
|
||
});
|
||
throw new Error("")
|
||
}
|
||
if (typeof (v1.ff_lp) === "undefined" || v1.ff_lp == '') {
|
||
flag = false
|
||
self.$message({
|
||
message: '请选择' + v1.ff_username + '的节日礼品！',
|
||
type: 'error'
|
||
});
|
||
throw new Error("")
|
||
}
|
||
})
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
if (flag) {
|
||
var T = []
|
||
self.kxryTableData.forEach(function (v) {
|
||
var strLP = ''
|
||
for (var i = 0; i < v.ff_lp.length; i++) {
|
||
strLP += v.ff_lp[i]
|
||
if (i < v.ff_lp.length - 1) {
|
||
strLP += '、'
|
||
}
|
||
}
|
||
T.push({
|
||
ff_lp: strLP,
|
||
ff_userid: v.ff_userid,
|
||
ff_jr: self.kxryPageForm.jr,
|
||
ff_je:v.ff_je
|
||
})
|
||
})
|
||
|
||
$.post(base + "/platform/zgfw/jrlpff/addDo", {data: JSON.stringify(T)}, function (data) {
|
||
if (data.code == 0) {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'success'
|
||
});
|
||
self.pageData();//查询是带条件的,加载新建用户选择的单位用户数据
|
||
self.addDialogVisible = false;
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
}, 'json')
|
||
}
|
||
},
|
||
kxryClose: function () {
|
||
var self = this
|
||
self.pushRys();
|
||
self.nData = [];
|
||
|
||
self.addDialogVisible = false;
|
||
self.isNextFun()
|
||
},
|
||
next: function () {
|
||
var self = this
|
||
self.nWidth = '60%'
|
||
self.nData = []
|
||
self.rys.forEach(function (value) {
|
||
value.forEach(function (v) {
|
||
self.nData.push(v)
|
||
})
|
||
})
|
||
|
||
},
|
||
isNextFun: function () {
|
||
var self = this
|
||
var count = 0
|
||
$(self.rys).each(function () {
|
||
count += this.length
|
||
})
|
||
self.isNext = count > 0 ? true : false
|
||
},
|
||
getRowKeys: function (row) {
|
||
return row.id;
|
||
},
|
||
kxrySearch: function () {
|
||
var self = this
|
||
self.kxryPageForm.pageNumber = 1;
|
||
self.kxryPageData();
|
||
},
|
||
kxryPageOrder: function (column) {//按字段排序
|
||
this.kxryPageForm.pageOrderName = column.prop;
|
||
this.kxryPageForm.pageOrderBy = column.order;
|
||
this.kxryPageData();
|
||
},
|
||
kxryPageNumberChange: function (val) {//页码更新操作
|
||
this.kxryPageForm.pageNumber = val;
|
||
this.kxryPageData();
|
||
var self = this
|
||
},
|
||
kxryPageSizeChange: function (val) {//分页大小更新操作
|
||
this.kxryPageForm.pageSize = val;
|
||
this.kxryPageData();
|
||
|
||
},
|
||
kxryPageData: function () {//加载分页数据
|
||
var self = this;
|
||
self.kxryTableData.forEach(function (value) {
|
||
value.lpff_lp = ''
|
||
})
|
||
sublime.showLoadingbar();//显示loading
|
||
$.post(base + "/platform/zgfw/jrlpff/findUser", self.kxryPageForm, function (data) {
|
||
sublime.closeLoadingbar();//关闭loading
|
||
if (data.code == 0) {
|
||
self.kxryTableData = data.data;
|
||
//self.kxryPageForm.totalCount = data.data.totalCount;
|
||
/*self.$nextTick(function () {
|
||
self.rys[self.kxryPageForm.pageNumber - 1].forEach(function (value, index) {
|
||
for (var i = 0; i < self.kxryTableData.length; i++) {
|
||
if (self.kxryTableData[i].id == value.id) {
|
||
self.$refs.kxryTableData.toggleRowSelection(self.kxryTableData[i]);
|
||
}
|
||
}
|
||
})
|
||
})*/
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
}, "json");
|
||
},
|
||
kxrySelectAll: function (val) {
|
||
var self = this
|
||
self.rys[self.kxryPageForm.pageNumber - 1] = val
|
||
self.isNextFun()
|
||
},
|
||
kxrySelect: function (val, row) {
|
||
var self = this
|
||
self.rys[self.kxryPageForm.pageNumber - 1] = val
|
||
self.isNextFun()
|
||
},
|
||
saveJrlp: function () {
|
||
var self = this
|
||
var flag = true
|
||
|
||
self.formData.lps.forEach(function (val) {
|
||
if (typeof (val.lp_name) === "undefined") {
|
||
flag = false
|
||
self.$message({
|
||
message: '有礼品名尚未填写！',
|
||
type: 'error'
|
||
});
|
||
throw new Error()
|
||
}
|
||
if (typeof (val.lp_xq) === "undefined") {
|
||
flag = false
|
||
self.$message({
|
||
message: '有礼品详情尚未填写！',
|
||
type: 'error'
|
||
});
|
||
throw new Error()
|
||
}
|
||
})
|
||
|
||
if (flag) {
|
||
var t = {'dellps': self.dellps, 'lp_jjr': self.formData.lp_jjr, 'lps': self.formData.lps}
|
||
$.post("/platform/zgfw/jrlpff/saveJrlp", {data: JSON.stringify(t)}, function (data) {
|
||
if (data.code == 0) {
|
||
self.jrlpglDialogVisible = false
|
||
self.$message({
|
||
message: "修改成功！",
|
||
type: 'success'
|
||
});
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
})
|
||
}
|
||
},
|
||
delJrlp: function (index) {
|
||
var self = this
|
||
self.dellps.push(self.formData.lps[index])
|
||
self.formData.lps.splice(index, 1)
|
||
|
||
},
|
||
queryJrlp: function (jrname) {
|
||
var self = this
|
||
$.get("/platform/zgfw/jrlpff/queryJrlp", {jrname: jrname}, function (data) {
|
||
if (data.code == 0) {
|
||
self.formData.lps = data.data
|
||
if (self.formData.lps.length == 0) {
|
||
self.formData.lps.push({})
|
||
}
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
})
|
||
},
|
||
openJrlpgl: function () {
|
||
var self = this
|
||
self.dellps = []
|
||
$.get("http://timor.tech/api/holiday/next", function (data) {
|
||
if (data.code == 0) {
|
||
self.formData.lp_jjr = data.holiday.name
|
||
$.get("http://timor.tech/api/holiday/tts/next", function (val) {
|
||
if (val.code == 0) {
|
||
self.nearJr = val.tts
|
||
}
|
||
})
|
||
self.queryJrlp(self.formData.lp_jjr)
|
||
self.jrlpglDialogVisible = true
|
||
}
|
||
}, 'json')
|
||
if (this.$refs["jrlpForm"])
|
||
this.$refs["jrlpForm"].resetFields();
|
||
},
|
||
openAdd: function () {
|
||
var self = this;
|
||
self.tylp = [];
|
||
self.je=""
|
||
this.kxryPageForm = {
|
||
jr: '',
|
||
pageNumber: 1,
|
||
pageSize: 5,
|
||
totalCount: 0,
|
||
pageOrderName: "",
|
||
pageOrderBy: ""
|
||
}
|
||
$.get("http://timor.tech/api/holiday/next", function (data) {
|
||
if (data.code == 0) {
|
||
self.kxryPageForm.jr = data.holiday.name
|
||
$.get("http://timor.tech/api/holiday/tts/next", function (val) {
|
||
if (val.code == 0) {
|
||
self.nearJr = val.tts
|
||
}
|
||
})
|
||
self.kxryPageData()
|
||
}
|
||
}, 'json')
|
||
|
||
this.addDialogVisible = true;
|
||
this.firstDialogVisible = true;
|
||
this.secondDialogVisible = false;
|
||
this.next();
|
||
// this.formData = {};//打开新增窗口,表单先清空
|
||
if (this.$refs["addForm"])
|
||
this.$refs["addForm"].resetFields();
|
||
},
|
||
doSearch: function () {
|
||
if (this.pageForm.time != null) {
|
||
this.pageForm.beforeTime = this.pageForm.time[0]
|
||
this.pageForm.endTime = this.pageForm.time[1]
|
||
} else {
|
||
this.pageForm.beforeTime = null
|
||
this.pageForm.endTime = null
|
||
}
|
||
this.pageForm.pageNumber = 1;
|
||
this.pageData();
|
||
},
|
||
pageOrder: function (column) {//按字段排序
|
||
switch (column.order) {
|
||
case 'descending':
|
||
column.order = 'desc'
|
||
break
|
||
case "ascending":
|
||
column.order = 'asc'
|
||
break
|
||
}
|
||
this.pageForm.pageOrderName = column.prop;
|
||
this.pageForm.pageOrderBy = column.order;
|
||
this.pageData();
|
||
},
|
||
pageNumberChange: function (val) {//页码更新操作
|
||
this.pageForm.pageNumber = val;
|
||
this.pageData();
|
||
},
|
||
pageSizeChange: function (val) {//分页大小更新操作
|
||
this.pageForm.pageSize = val;
|
||
this.pageData();
|
||
},
|
||
pageData: function () {//加载分页数据
|
||
var self = this;
|
||
sublime.showLoadingbar();//显示loading
|
||
$.post(base + "/platform/zgfw/jrlpff/data", self.pageForm, function (data) {
|
||
sublime.closeLoadingbar();//关闭loading
|
||
if (data.code == 0) {
|
||
self.tableData = data.data.list;
|
||
self.pageForm.totalCount = data.data.totalCount;
|
||
} else {
|
||
self.$message({
|
||
message: data.msg,
|
||
type: 'error'
|
||
});
|
||
}
|
||
}, "json");
|
||
},
|
||
getIdentity: function () {
|
||
var self = this
|
||
$.get(base + "/platform/zgfw/zgwwsh/getIdentity", function (data) {
|
||
self.identity = data
|
||
if (data == 1 || data == 3) {
|
||
self.queryAllFgh()
|
||
}
|
||
}, 'json')
|
||
},
|
||
queryAllFgh: function () {
|
||
var self = this
|
||
$.get(base + "/platform/zgfw/zgwwsh/queryAllFgh", function (data) {
|
||
self.ghOptions = data.data;
|
||
}, 'json')
|
||
},
|
||
pushRys: function () {
|
||
this.rys = []
|
||
for (var i = 0; i < 1000; i++) {
|
||
this.rys.push([])
|
||
}
|
||
},
|
||
qs:function (id) {
|
||
|
||
var self = this;
|
||
this.$confirm('确定要签收吗', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning',
|
||
callback: function (a, b) {
|
||
if ("confirm" == a) {//确认后再执行
|
||
$.post(base+"/platform/zgfw/jrlpff/qs",{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'
|
||
});
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
}
|
||
|
||
},
|
||
created:
|
||
|
||
function () {
|
||
this.pushRys();
|
||
this.pageData();
|
||
this.getIdentity()
|
||
}
|
||
|
||
,
|
||
|
||
})
|
||
vue.$watch('je',function (nval, oval) {
|
||
vue.kxryTableData.forEach(function (value) {
|
||
value.ff_je=nval;
|
||
})
|
||
})
|
||
vue.$watch('kxryPageForm.jr',function (nval, oval) {
|
||
$.get("/platform/zgfw/jrlpff/findLpByJr", {jr: nval}, function (data) {
|
||
if (data.code == 0) {
|
||
vue.lpOptions = data.data
|
||
|
||
}
|
||
}, 'json')
|
||
})
|
||
</script>
|
||
<!--#
|
||
}
|
||
#--> |