1060 lines
44 KiB
HTML
1060 lines
44 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<!-- 李耀威 -->
|
|
<!-- 退休离岗慰问申请-->
|
|
<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;
|
|
}
|
|
|
|
.zw {
|
|
color: rgb(200, 200, 200);
|
|
}
|
|
|
|
.myT .has-gutter tr th {
|
|
background-color: #F5F7FA;
|
|
}
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<div hidden id="username">${@shiro.getPrincipalProperty('username')}</div>
|
|
<!-- 头部 -->
|
|
<el-row class="header navbar bg-white shadow">
|
|
<div class="btn-group tool-button mt5">
|
|
<div>
|
|
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查 询 类 型" style="width: 160px;">
|
|
<el-option label="被慰问人职工号" value="bwwrLoginname"></el-option>
|
|
<el-option label="被慰问人姓名" value="bwwrUsername"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select clearable v-model="pageForm.wwsq_wwfs" placeholder="请选择慰问方式">
|
|
<el-option
|
|
v-for="item in [{x:1,y:'慰问金'},{x:2,y:'提货券、慰问品、纪念品'}]"
|
|
:key="item.x"
|
|
:label="item.y"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</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-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
|
</div>
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" type="warning" @click="openAdd"><i class="ti-plus"></i> 申请慰问</el-button>
|
|
</div>
|
|
</el-row>
|
|
<!-- 数据表格 -->
|
|
<el-row class="el-table-container">
|
|
<el-table
|
|
:data="tableData"
|
|
size="small"
|
|
header-align="center"
|
|
style="width: 100%"
|
|
@sort-change='pageOrder'
|
|
>
|
|
<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="bwwrloginname"
|
|
label="被慰问人工号"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="bwwrusername"
|
|
label="被慰问人"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
sortable
|
|
prop="wwsq_sqsj"
|
|
label="慰问申请时间"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
sortable
|
|
prop="wwsq_wwfs"
|
|
label="慰问方式"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-tag type="success" v-if="scope.row.wwsq_wwfs==1">慰问金</el-tag>
|
|
<el-tag type="warning" v-if="scope.row.wwsq_wwfs==2">提货券、慰问品、纪念品</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
sortable
|
|
prop="wwsq_sqzt"
|
|
label="申请状态"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-tag type="warning" v-if="scope.row.wwsq_sqzt==1">待校工会审核</el-tag>
|
|
<el-tag type="success" v-if="scope.row.wwsq_sqzt==2">申请成功</el-tag>
|
|
<el-tag type="danger" v-if="scope.row.wwsq_sqzt==3">申请不通过</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="userOnline"
|
|
label="操作"
|
|
header-align="center"
|
|
align="center"
|
|
width="300px">
|
|
<template slot-scope="scope">
|
|
<el-row>
|
|
<el-button type="success" size="mini" @click="openDetail(scope.row.wwsq_id)">查看</el-button>
|
|
|
|
<el-button style="margin-left: 10px;" type="primary" size="mini"
|
|
@click="openEdit(scope.row.wwsq_id)" v-if="scope.row.wwsq_sqzt==1">编辑
|
|
</el-button>
|
|
<el-button type="danger" size="mini" style="margin-left: 10px;"
|
|
@click="doDelete(scope.row.wwsq_id)" v-if="scope.row.wwsq_sqzt==1">删除
|
|
</el-button>
|
|
</el-row>
|
|
</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
|
|
class="ViewDialogClass"
|
|
:title="nLabel"
|
|
:close-on-click-modal="false"
|
|
:visible.sync="addDialogVisible"
|
|
@close="function(){
|
|
pushRys();
|
|
nData=[];
|
|
nWidth = '50%';
|
|
nLabel = '选择被慰问人';
|
|
for (var i = 0; i < kxryTableData.length; i++) {
|
|
|
|
$refs.kxryTableData.toggleRowSelection(kxryTableData[i],false);
|
|
|
|
}isNextFun();
|
|
}"
|
|
:width="nWidth">
|
|
<div v-show="firstDialogVisible==true">
|
|
<el-row>
|
|
<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">
|
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="kxrySearch"></el-button>
|
|
</div>
|
|
</el-row>
|
|
<el-row>
|
|
|
|
</el-row>
|
|
<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="loginname"
|
|
label="教工号"
|
|
header-align="center"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="username"
|
|
label="姓名"
|
|
header-align="center"
|
|
align="center"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="sex"
|
|
label="性别"
|
|
header-align="center"
|
|
align="center"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="fghname"
|
|
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>
|
|
<div v-show="secondDialogVisible==true">
|
|
<el-row style="margin-bottom: 15px; text-align: right">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select clearable size="mini"
|
|
v-model="tywwfs"
|
|
@change="tywwfsSz"
|
|
placeholder="统一设置慰问方式">
|
|
<el-option
|
|
v-for="item in [{x:1,y:'慰问金'},{x:2,y:'提货券、慰问品、纪念品'}]"
|
|
:key="item.x"
|
|
:label="item.y"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input size="mini" v-model.number="tywwje" @keyup.enter.native="tywwjeSz" style="width: 200px"
|
|
@blur="tywwjeSz" @keydown.native="inputNumLimit" placeholder="统一设置慰问金额">
|
|
<template slot="prepend">￥</template>
|
|
</el-input>
|
|
</div>
|
|
</el-row>
|
|
<el-row>
|
|
<el-table
|
|
@row-click="userOptions=[]"
|
|
class="myT"
|
|
:data="nData"
|
|
border
|
|
show-summary
|
|
style="width: 100%">
|
|
<el-table-column
|
|
prop="loginname"
|
|
label="工号"
|
|
align-="center"
|
|
header-align="center"
|
|
width="100px"
|
|
align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="username"
|
|
header-align="center"
|
|
align="center"
|
|
label="姓名">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="fghname"
|
|
header-align="center"
|
|
align="center"
|
|
label="所属基层工会">
|
|
</el-table-column>
|
|
<el-table-column
|
|
header-align="center"
|
|
align-="center"
|
|
label="慰问方式"
|
|
width="180px"
|
|
>
|
|
<template slot-scope="scope">
|
|
<el-select clearable v-model="scope.row.wwsq_wwfs" size="mini"
|
|
placeholder="请选择慰问方式">
|
|
<el-option
|
|
v-for="item in [{x:1,y:'慰问金'},{x:2,y:'提货券、慰问品、纪念品'}]"
|
|
:key="item.x"
|
|
:label="item.y"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="wwsq_wwje"
|
|
header-align="center"
|
|
align-="center"
|
|
width="160px"
|
|
label="慰问金额">
|
|
<template slot-scope="scope">
|
|
<el-input size="mini" @keydown.native="inputNumLimit" v-model.number="scope.row.wwsq_wwje"
|
|
placeholder="填写金额">
|
|
<template slot="prepend">￥</template>
|
|
</el-input>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
</div>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="function(){
|
|
pushRys();
|
|
nData=[];
|
|
nWidth = '50%';
|
|
nLabel = '选择被慰问人';
|
|
for (var i = 0; i < kxryTableData.length; i++) {
|
|
|
|
$refs.kxryTableData.toggleRowSelection(kxryTableData[i],false);
|
|
|
|
}
|
|
addDialogVisible = false;
|
|
isNextFun();
|
|
}">取 消</el-button>
|
|
<el-button type="primary" v-if="firstDialogVisible==true&&isNext==true"
|
|
@click="next">下一步</el-button>
|
|
|
|
<el-button type="primary" v-if="firstDialogVisible==true&&isNext==false" disabled>下一步</el-button>
|
|
|
|
<el-button type="primary" v-if="secondDialogVisible==true"
|
|
@click="function(){firstDialogVisible=true;secondDialogVisible=false;nWidth='50%';nLabel='选择被慰问人'}">上一步</el-button>
|
|
<el-button type="success" v-if="secondDialogVisible==true" @click="doSubmit">提 交</el-button>
|
|
|
|
</span>
|
|
</el-dialog>
|
|
<!--编辑慰问申请-->
|
|
<el-dialog
|
|
class="ViewDialogClass"
|
|
title="编辑慰问申请"
|
|
:close-on-click-modal="false"
|
|
:visible.sync="editDialogVisible"
|
|
width="30%">
|
|
<el-form :model="formData" ref="editForm" :label-position="'top'" :rules="formRules" size="small"
|
|
label-width="100px">
|
|
<el-form-item prop="fbr" class="is-required" label="申请人">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input readonly="true" v-model="formData.showname"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="wwsq_wwfs" label="慰问方式">
|
|
<el-select v-model="formData.wwsq_wwfs"
|
|
placeholder="选择慰问方式" style="width: 100%">
|
|
<el-option
|
|
v-for="item in [{x:1,y:'慰问金'},{x:2,y:'提货券、慰问品、纪念品'}]"
|
|
:key="item.x"
|
|
:label="item.y"
|
|
:value="item.x">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item class="is-required" prop="wwsq_wwje" label="慰问金额">
|
|
<el-input placeholder="请填写慰问金额" @keydown.native="inputNumLimit" v-model.number="formData.wwsq_wwje"></el-input>
|
|
</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="慰问申请详情"
|
|
:visible.sync="roleDialogVisible"
|
|
width="40%"
|
|
>
|
|
<el-card style="box-shadow: none;border: none ;padding: 0px">
|
|
<div style="padding: 0px">
|
|
<table style="width: 100%">
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="4"
|
|
style="font-weight: bolder;background-color: #1874CD;color: white;border: 1px solid #1874CD">
|
|
基本信息
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">申请人</td>
|
|
<td class="tpb">{{roleData.sqrusername}}</td>
|
|
<td class="tpa">被慰问人</td>
|
|
<td class="tpb">{{roleData.bwwrusername}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">慰问方式</td>
|
|
<td colspan="3" class="tpb zw" v-if="roleData.wwsq_wwfs==null">暂无</td>
|
|
<td colspan="3" class="tpb" v-if="roleData.wwsq_wwfs==1">慰问金</td>
|
|
<td colspan="3" class="tpb" v-if="roleData.wwsq_wwfs==2">提货券、慰问品、纪念品</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">慰问金额</td>
|
|
<td class="tpb" v-if="!(typeof(roleData.wwsq_wwje)==='undefined')">{{roleData.wwsq_wwje}}</td>
|
|
<td class="tpb zw" v-if="typeof(roleData.wwsq_wwje)==='undefined'">暂无</td>
|
|
<td class="tpa">申请时间</td>
|
|
<td class="tpb">{{roleData.wwsq_sqsj}}</td>
|
|
</tr>
|
|
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="4"
|
|
style="font-weight: bolder;background-color: #1874CD;color: white;border: 1px solid #1874CD">
|
|
校工会审核
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">审核人</td>
|
|
<td class="tpb zw" v-if="(typeof(roleData.xghsqr)==='undefined')">暂无</td>
|
|
<td class="tpb" v-if="!(typeof(roleData.xghsqr)==='undefined')">{{roleData.xghsqr}}</td>
|
|
<td class="tpa">审核时间</td>
|
|
<td class="tpb zw" v-if="(typeof(roleData.wwsq_xghshsj)==='undefined')">暂无</td>
|
|
<td class="tpb" v-if="!(typeof(roleData.wwsq_xghshsj)==='undefined')">
|
|
{{roleData.wwsq_xghshsj}}
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">审核意见</td>
|
|
<td class="tpb zw" colspan="3" v-if="(typeof(roleData.wwsq_xghshyj)==='undefined')">暂无审核意见</td>
|
|
<td class="tpb" colspan="3" v-if="!(typeof(roleData.wwsq_xghshyj)==='undefined')">
|
|
{{roleData.wwsq_xghshyj}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</el-card>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="danger" @click="roleDialogVisible = false">关 闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
var self = this
|
|
var validateUser = function (rule, value, callback) {
|
|
if (value.length == 0) {
|
|
callback(new Error(''));
|
|
} else {
|
|
callback()
|
|
}
|
|
};
|
|
var validateQssj = function (rule, value, callback) {
|
|
if ((self.formData.wwsq_wwlx == 4 || self.formData.wwsq_wwlx == 5) && typeof (value) === "undefined") {
|
|
callback(new Error(''));
|
|
} else if ((self.formData.wwsq_wwlx == 4 || self.formData.wwsq_wwlx == 5) && value == '') {
|
|
callback(new Error(''));
|
|
} else {
|
|
callback()
|
|
}
|
|
};
|
|
var validateWwsy = function (rule, value, callback) {
|
|
if (self.formData.wwsq_wwlx == 6 && typeof (value) === "undefined") {
|
|
callback(new Error(''));
|
|
} else if (self.formData.wwsq_wwlx == 6 && value == '') {
|
|
callback(new Error(''));
|
|
} else {
|
|
callback()
|
|
}
|
|
};
|
|
return {
|
|
editWwsq_cjwwryxms: [],
|
|
tywwje: '',
|
|
tycjwwryxms: [],
|
|
tywwfs: '',
|
|
tywwlx: '',
|
|
sy: '',
|
|
nowNIndex: -1,
|
|
nLabel: '选择被慰问人',
|
|
isShowQssj: false,
|
|
isShowSy: false,
|
|
nWidth: '50%',
|
|
isNext: false,
|
|
nData: [],
|
|
rys: [],
|
|
syDialogVisible: false,
|
|
firstDialogVisible: false,
|
|
secondDialogVisible: false,
|
|
addDialogVisible: false,
|
|
roleDialogVisible: false,
|
|
editDialogVisible: false,
|
|
tableData: [],
|
|
kxryTableData: [],
|
|
fghOptions: [],
|
|
userOptions: [],
|
|
gxOptions: [],
|
|
pageForm: {
|
|
time: [],
|
|
searchName: "",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
},
|
|
kxryPageForm: {
|
|
name: '',
|
|
pageNumber: 1,
|
|
pageSize: 5,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
},
|
|
roleData: {},
|
|
formData: {wwsq_cjwwryxms: [], wwsq_bwwrs: []},
|
|
formRules: {
|
|
// wwsq_bwwrs: [{validator: validateUser, trigger: ['blur', 'change']}],
|
|
wwsq_wwlx: [{required: true, message: '', trigger: ['blur', 'change']}],
|
|
wwsq_wwfs: [{required: true, message: '', trigger: ['blur', 'change']}],
|
|
wwsq_wwje: [{required: true, message: '', trigger: ['blur', 'change']}],
|
|
wwsq_qssj: [{validator: validateQssj, message: '', trigger: ['blur', 'change']}],
|
|
wwsq_wwsy: [{validator: validateWwsy, message: '', trigger: ['blur', 'change']}],
|
|
|
|
},
|
|
}
|
|
},
|
|
methods: {
|
|
inputNumLimit: function (e) {
|
|
let num = e.target.value || ''
|
|
let code = e.which || e.keyCode
|
|
let str = (e.key && e.key != 'Unidentified') ? e.key : num.substr(num.length - 1)
|
|
console.log('|type:' + e.type + '|code:' + code + '|str:' + str + '|value:' + num)
|
|
//无论任何情况，皆可执行
|
|
if (code == '8') {
|
|
return true
|
|
}
|
|
//没有满足任何一种情况，中断执行
|
|
if (!(/[\d.]/.test(str) || code == '190')) {
|
|
e.returnValue = false
|
|
return false
|
|
}
|
|
if (num.length > 12 ||
|
|
(num.indexOf('.') >= 0 && code == '190') ||
|
|
((num.indexOf('.') == num.length - 3) && num.length > 3) ||
|
|
(num.length == 0 && code == '190')) {
|
|
e.returnValue = false
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
tycjwwryxmsSz: function () {
|
|
var self = this
|
|
self.nData.forEach(function (value) {
|
|
value.wwsq_cjwwryxms = self.tycjwwryxms
|
|
})
|
|
var table = self.nData;
|
|
self.nData = []
|
|
setTimeout(function () {
|
|
self.nData = table
|
|
}, 1)
|
|
},
|
|
tywwjeSz: function () {
|
|
var self = this
|
|
self.nData.forEach(function (value) {
|
|
value.wwsq_wwje = self.tywwje
|
|
})
|
|
var table = self.nData;
|
|
self.nData = []
|
|
setTimeout(function () {
|
|
self.nData = table
|
|
}, 1)
|
|
|
|
},
|
|
tywwlxSz: function (val) {
|
|
var self = this
|
|
self.nData.forEach(function (value) {
|
|
value.wwsq_wwlx = val
|
|
})
|
|
var table = self.nData;
|
|
self.nData = []
|
|
setTimeout(function () {
|
|
self.nData = table
|
|
}, 1)
|
|
|
|
},
|
|
tywwfsSz: function (val) {
|
|
var self = this
|
|
self.nData.forEach(function (value) {
|
|
value.wwsq_wwfs = val
|
|
})
|
|
var table = self.nData;
|
|
self.nData = []
|
|
setTimeout(function () {
|
|
self.nData = table
|
|
}, 1)
|
|
},
|
|
doSubmit: function () {
|
|
var self = this
|
|
var flag = true
|
|
self.nData.forEach(function (v1) {
|
|
if (typeof (v1.wwsq_wwfs) === "undefined" || v1.wwsq_wwfs == '') {
|
|
flag = false
|
|
self.$message({
|
|
message: '请选择' + v1.username + '的慰问方式！',
|
|
type: 'error'
|
|
});
|
|
throw new Error("")
|
|
}
|
|
|
|
if (typeof (v1.wwsq_wwje) === "undefined" || v1.wwsq_wwje == '') {
|
|
flag = false
|
|
self.$message({
|
|
message: '请填写' + v1.username + '的慰问金额！',
|
|
type: 'error'
|
|
});
|
|
throw new Error("")
|
|
}
|
|
})
|
|
if (flag) {
|
|
var T = []
|
|
self.nData.forEach(function (v) {
|
|
T.push({
|
|
wwsq_wwlx: v.wwsq_wwlx,
|
|
wwsq_wwfs: v.wwsq_wwfs,
|
|
wwsq_bwwr: v.id,
|
|
wwsq_wwsy: typeof (v.wwsq_wwsy) === "undefined" ? null : v.wwsq_wwsy,
|
|
wwsq_qssj: typeof (v.wwsq_qssj) === "undefined" ? null : v.wwsq_qssj,
|
|
wwsq_wwje: v.wwsq_wwje,
|
|
})
|
|
})
|
|
$.post(base + "/platform/zgfw/txlgwwsq/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')
|
|
}
|
|
},
|
|
openWriteSy: function (scope) {
|
|
var self = this;
|
|
self.nowNIndex = scope.$index
|
|
self.syDialogVisible = true;
|
|
self.sy = self.nData[self.nowNIndex].wwsq_wwsy
|
|
},
|
|
showSy: function () {
|
|
var self = this
|
|
var count = 0
|
|
self.nData.forEach(function (value) {
|
|
if (value.wwsq_wwlx == 6) {
|
|
count++
|
|
}
|
|
})
|
|
self.isShowSy = count > 0
|
|
},
|
|
showQssj: function () {
|
|
var self = this
|
|
var count = 0
|
|
self.nData.forEach(function (value) {
|
|
if (value.wwsq_wwlx == 4 || value.wwsq_wwlx == 5) {
|
|
count++
|
|
}
|
|
})
|
|
self.isShowQssj = count > 0
|
|
},
|
|
next: function () {
|
|
var self = this
|
|
self.nWidth = '60%'
|
|
self.nLabel = '编辑慰问申请'
|
|
self.firstDialogVisible = false;
|
|
self.secondDialogVisible = true
|
|
self.nData = []
|
|
self.rys.forEach(function (value) {
|
|
value.forEach(function (v) {
|
|
self.nData.push(v)
|
|
})
|
|
})
|
|
self.showQssj()
|
|
self.showSy()
|
|
},
|
|
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;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/zgfw/txlgwwsq/queryKsqRy", self.kxryPageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.kxryTableData = data.data.list;
|
|
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()
|
|
},
|
|
doEdit: function () {
|
|
var self = this;
|
|
self.$refs["editForm"].validate(function (valid) {
|
|
if (valid) {
|
|
var flag = true;
|
|
var wwsq_cjwwryxm = ''
|
|
for (var i = 0; i < self.editWwsq_cjwwryxms.length; i++) {
|
|
wwsq_cjwwryxm += self.editWwsq_cjwwryxms[i]
|
|
if (i < self.editWwsq_cjwwryxms.length - 1) {
|
|
wwsq_cjwwryxm += "、"
|
|
}
|
|
}
|
|
self.formData.wwsq_cjwwryxm = wwsq_cjwwryxm
|
|
if (flag) {
|
|
$.post(base + "/platform/zgfw/txlgwwsq/doEdit", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
self.editDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
openEdit: function (id) {
|
|
var self = this;
|
|
self.userOptions = []
|
|
self.editWwsq_cjwwryxms = []
|
|
this.formData = {wwsq_cjwwryxm: [], wwsq_bwwrs: [], sqr: $('#username').html()};
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
$.get("/platform/zgfw/txlgwwsq/findOne", {wwsq_id: id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.formData = data.data
|
|
self.formData.showname = data.data.sqr
|
|
self.editDialogVisible = true
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, 'json')
|
|
},
|
|
userRemoteMethod: function (query) {
|
|
var self = this
|
|
if (query != '') {
|
|
$.get('/platform/zgfw/zgwwsqplsb/queryJzg', {
|
|
'pageNumber': 1,
|
|
'pageSize': 100,
|
|
"name": query,
|
|
}, function (data) {
|
|
self.userOptions = data.data.list
|
|
})
|
|
}
|
|
|
|
},
|
|
doDelete: function (wwsq_id) {
|
|
var self = this;
|
|
this.$confirm('确定要删除吗', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/zgfw/txlgwwsq/delete", {wwsq_id: wwsq_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");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
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/txlgwwsq/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");
|
|
},
|
|
openDetail: function (id) {
|
|
var self = this;
|
|
$.get(base + "/platform/zgfw/txlgwwsq/queryDetail", {"wwsq_id": id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.roleData = data.data;//加载后台表单数据
|
|
self.roleDialogVisible = true
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json")
|
|
},
|
|
openAdd: function () {
|
|
var self = this;
|
|
this.tywwje = ''
|
|
this.tycjwwryxms = []
|
|
this.tywwfs = ''
|
|
this.addDialogVisible = true;
|
|
this.firstDialogVisible = true;
|
|
this.secondDialogVisible = false;
|
|
this.kxryPageForm = {
|
|
name: '',
|
|
pageNumber: 1,
|
|
pageSize: 5,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
}
|
|
this.kxryPageData()
|
|
this.formData = {wwsq_cjwwryxm: [], wwsq_bwwrs: [], sqr: $('#username').html()};//打开新增窗口,表单先清空
|
|
this.userOptions = []
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
},
|
|
doAdd: function () {
|
|
var self = this;
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
var flag = true;
|
|
// if (self.formData.wwsq_cjwwryxm.length > 0) {
|
|
// var str = ''
|
|
// for (var i = 0; i < self.formData.wwsq_cjwwryxm.length; i++) {
|
|
// str += self.formData.wwsq_cjwwryxm[i]
|
|
// if (i < self.formData.wwsq_cjwwryxm.length - 1) {
|
|
// str += "、"
|
|
// }
|
|
// }
|
|
// console.log(str)
|
|
// self.formData.wwsq_cjwwryxm = str
|
|
// }
|
|
if (flag) {
|
|
$.post(base + "/platform/zgfw/zgwwsq/addDo", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.doSearch();//查询是带条件的,加载新建用户选择的单位用户数据
|
|
//self.pageData();
|
|
self.addDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
queryAllFgh: function () {
|
|
var self = this
|
|
$.get(base + "/platform/zgfw/zgwwsqplsb/queryAllFgh", function (data) {
|
|
self.fghOptions = data.data;
|
|
}, 'json')
|
|
},
|
|
pushRys: function () {
|
|
this.rys = []
|
|
for (var i = 0; i < 1000; i++) {
|
|
this.rys.push([])
|
|
}
|
|
}
|
|
},
|
|
created: function () {
|
|
// this.queryAllFgh()
|
|
this.pushRys()
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |