1715 lines
88 KiB
HTML
1715 lines
88 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<style>
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.int_input .el-input-number__decrease {
|
|
display: none;
|
|
}
|
|
|
|
.int_input .el-input-number__increase {
|
|
display: none;
|
|
}
|
|
|
|
.int_input .el-input-number.is-controls-right .el-input__inner {
|
|
text-align: left;
|
|
}
|
|
|
|
.border_table .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
|
border-right: 1px solid #EBEEF5;
|
|
border-right-width: 1px;
|
|
border-right-style: solid;
|
|
border-right-color: rgb(235, 238, 245);
|
|
}
|
|
|
|
.border_table .el-table {
|
|
border: 1px solid #EBEEF5;
|
|
border-top-color: rgb(235, 238, 245);
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-right-color: rgb(235, 238, 245);
|
|
border-right-style: solid;
|
|
border-right-width: 1px;
|
|
border-bottom-color: rgb(235, 238, 245);
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-left-color: rgb(235, 238, 245);
|
|
border-left-style: solid;
|
|
border-left-width: 1px;
|
|
border-image-source: initial;
|
|
border-image-slice: initial;
|
|
border-image-width: initial;
|
|
border-image-outset: initial;
|
|
border-image-repeat: initial;
|
|
}
|
|
|
|
.border_table .el-table--border::after, .el-table--group::after {
|
|
width: 1px;
|
|
}
|
|
|
|
.textareaDiv {
|
|
white-space: pre-wrap;
|
|
white-space: -moz-pre-wrap;
|
|
white-space: -o-pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.ll .el-form-item__label {
|
|
text-align: left;
|
|
}
|
|
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<el-row class="header navbar bg-white shadow">
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<div class="block">
|
|
<el-date-picker
|
|
v-model="pageForm.year"
|
|
type="year"
|
|
value-format="yyyy"
|
|
placeholder="年度">
|
|
</el-date-picker>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.unit" filterable placeholder="请选择单位" clearable>
|
|
<el-option
|
|
v-for="item in unitOptions"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<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: 100px;">
|
|
<el-option label="工号" value="sqr.loginname"></el-option>
|
|
<el-option label="姓名" value="sqr.username"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</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" @click="openAdd"><i class="el-icon-edit"></i> 填写申请</el-button>
|
|
</div>
|
|
</el-row>
|
|
|
|
<el-row class="el-table-container">
|
|
<el-table
|
|
:data="tableData"
|
|
size="mini"
|
|
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
|
|
align="center" header-align="center"
|
|
prop="sqrloginname"
|
|
label="工号"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center" header-align="center"
|
|
prop="sqrname"
|
|
label="姓名"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center" header-align="center"
|
|
prop="dwname"
|
|
label="单位"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column sortable
|
|
align="center" header-align="center"
|
|
prop="sqsj"
|
|
label="申请时间"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column sortable
|
|
align="center" header-align="center"
|
|
prop="zt"
|
|
label="状态"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span :style="'color:'+ztObj[scope.row.zt].color ">{{ztObj[scope.row.zt].label}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center" header-align="center"
|
|
prop="userOnline"
|
|
label="操作"
|
|
width="250">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" @click="openView(scope.row.id)">查看</el-button>
|
|
<!-- <el-button size="mini" type="primary" v-if="scope.row.zt==4"-->
|
|
<!-- @click="location.href='/platform/knbf/sq/download?id='+scope.row.id">导出-->
|
|
<!-- </el-button>-->
|
|
<el-button type="primary" v-if="scope.row.zt==1" size="mini" @click="openEdit(scope.row.id)">编辑
|
|
</el-button>
|
|
<el-button type="danger" v-if="scope.row.zt==1||scope.row.zt==5" size="mini"
|
|
@click="doDelete(scope.row.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
|
|
top="1%"
|
|
title="填写困难帮扶申请"
|
|
:visible.sync="addDialogVisible"
|
|
:close-on-click-modal="false"
|
|
width="70%"
|
|
>
|
|
<el-form :model="formData" ref="addForm" :rules="formRules" size="medium" label-position="right"
|
|
label-width="120px">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="username" label="姓  名">
|
|
<el-input maxlength="50" placeholder="" disabled clearable v-model="formData.username"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="loginname" label="工  号">
|
|
<el-input maxlength="50" placeholder="" disabled clearable v-model="formData.loginname"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="idcard" label="身份证号">
|
|
<el-input maxlength="50" placeholder="请输入身份证号" clearable v-model="formData.idcard"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="mz" label="民  族">
|
|
<el-select v-model="formData.mz" placeholder="请选择民族" filterable clearable>
|
|
<el-option
|
|
v-for="item in mzOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zzmm" label="政治面貌">
|
|
<el-input maxlength="50" placeholder="请输入政治面貌" clearable v-model="formData.zzmm"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="birthday" label="生  日">
|
|
<el-date-picker
|
|
clearable
|
|
style="width: 100%"
|
|
v-model="formData.birthday"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择生日">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="sex" label="性  别">
|
|
<el-select v-model="formData.sex" placeholder="请选择性别" clearable>
|
|
<el-option
|
|
v-for="item in ['男','女']"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zc" label="职  称">
|
|
<el-select v-model="formData.zc" placeholder="请选择或输入职称" filterable clearable
|
|
@blur="zcBlur">
|
|
<el-option
|
|
v-for="item in zcOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zw" label="职  务">
|
|
<el-input maxlength="50" clearable placeholder="请填写职务" v-model="formData.zw"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="rsbz" label="人事编制">
|
|
<el-select v-model="formData.rsbz" placeholder="请选择人事编制" clearable>
|
|
<el-option
|
|
v-for="item in bzOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="cjgzsj" label="参加工作时间">
|
|
<el-date-picker clearable
|
|
style="width: 100%"
|
|
v-model="formData.cjgzsj"
|
|
type="month"
|
|
value-format="yyyy-MM"
|
|
placeholder="参加工作时间">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="ybzk" label="医保状况">
|
|
<el-select v-model="formData.ybzk" placeholder="请选择医保状况" clearable>
|
|
<el-option
|
|
v-for="item in ybOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="unitname" label="所在单位">
|
|
<el-input maxlength="50" clearable placeholder="所在单位" disabled v-model="formData.unitname"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="lxfs" label="手机号码">
|
|
<el-input maxlength="100" clearable placeholder="请填写手机号码" v-model="formData.lxfs"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="brnzsr" label="本人年收入" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.brnzsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入（元）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jtnzsr" label="家庭年收入" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jtnzsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入（元）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jtrs" label="家庭人数" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jtrs" :min="0" :max="99"
|
|
controls-position="right" placeholder="请填写家庭人数">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="xzflx" label="现住房类型">
|
|
<el-select v-model="formData.xzflx" placeholder="请选择住房类型" clearable>
|
|
<el-option
|
|
v-for="item in fclxOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jzmj" label="建筑面积" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jzmj" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写建筑面积（㎡）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="jtzz" label="目前住址">
|
|
<el-input maxlength="50" placeholder="请输入目前住址" clearable v-model="formData.jtzz"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="hyzt" label="婚姻状况" class="int_input">
|
|
<el-select v-model="formData.hyzt" placeholder="请选择婚姻状况" clearable>
|
|
<el-option
|
|
v-for="item in hyzkOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<!-- <el-form-item prop="jtfc2" label="家庭房产" class="int_input border_table ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="formData.jtfc.length==9"-->
|
|
<!-- @click="formData.jtfc.splice(formData.jtfc.length,0,{})"> 添加房产-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtfc" label="家庭房产" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"
|
|
size="mini"
|
|
:disabled="formData.jtfc.length==9"
|
|
@click="formData.jtfc.splice(formData.jtfc.length,0,{})"> 添加房产
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtfc"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column type="index" label="序号" align="center" header-align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="fcly" label="房产来源" width="200px" align="center"
|
|
header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.fcly" placeholder="请选择房产来源" clearable>
|
|
<el-option
|
|
v-for="item in fclyOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="dz" label="地址" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入地址" maxlength="300" v-model="scope.row.dz"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="mj" label="面积" width="200px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.mj"
|
|
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
|
placeholder="请输入面积" type="number">
|
|
<template style="border: none;background-color: white;" slot="append">㎡
|
|
</template>
|
|
</el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtfc.length==0"
|
|
@click="formData.jtfc.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<!-- <el-form-item prop="jtcc2" label="家庭车产" class="int_input border_table ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="formData.jtcc.length==9"-->
|
|
<!-- @click="formData.jtcc.splice(formData.jtcc.length,0,{})"> 添加成员-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtcc" label="家庭车产" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"
|
|
size="mini"
|
|
:disabled="formData.jtcc.length==9"
|
|
@click="formData.jtcc.splice(formData.jtcc.length,0,{})"> 添加车辆
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtcc"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column type="index" label="序号" align="center" header-align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="pp" label="品牌" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入品牌" maxlength="100" v-model="scope.row.pp"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="xh" label="型号" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入型号" maxlength="100" v-model="scope.row.xh"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="jg" label="价格" width="200px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.jg"
|
|
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
|
placeholder="请输入价格" type="number">
|
|
<template style="border: none;background-color: white;" slot="append">元
|
|
</template>
|
|
</el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtcc.length==0"
|
|
@click="formData.jtcc.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- <el-form-item prop="jtcys2" label="主要家庭成员" class="int_input ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus" size="mini"-->
|
|
<!-- :disabled="formData.jtcys.length==9"-->
|
|
<!-- @click="formData.jtcys.splice(formData.jtcys.length,0,{})"> 添加成员-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtcys" label="主要家庭成员" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus" size="mini"
|
|
:disabled="formData.jtcys.length==9"
|
|
@click="formData.jtcys.splice(formData.jtcys.length,0,{})"> 添加成员
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtcys"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入姓名" maxlength="100" v-model="scope.row.xm" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入与本人关系" maxlength="30" v-model="scope.row.gx" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="nl" label="年龄" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input-number clearable style="width: 100%" v-model="scope.row.nl" :min="0" :max="99"
|
|
controls-position="right" placeholder="请填写年龄">
|
|
</el-input-number>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="gzdw" label="工作单位" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入工作单位" maxlength="100" v-model="scope.row.gzdw"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="nsr" label="年收入（元）" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input-number clearable style="width: 100%" v-model="scope.row.nsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入">
|
|
</el-input-number>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtcys.length==0"
|
|
@click="formData.jtcys.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="yhmc" label="发放补助银行">
|
|
<el-input maxlength="100" placeholder="请输入发放补助银行" clearable v-model="formData.yhmc"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="yhkh" label="银行卡号">
|
|
<el-input maxlength="30" placeholder="请输入银行卡号" clearable v-model="formData.yhkh"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-form-item prop="zyzkyy" label="主要致困原因">
|
|
<el-checkbox-group
|
|
v-model="formData.zyzkyy">
|
|
<el-checkbox v-for="item in zzyyOptions" :label="item" :key="item">{{item}}</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item prop="zyzkyybz" label="备  注">
|
|
<el-input maxlength="500" placeholder="请简述原因" clearable v-model="formData.zyzkyybz"
|
|
type="textarea"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="addDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doAdd" :disabled="subDis">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 编辑-->
|
|
<el-dialog
|
|
top="1%"
|
|
title="修改困难帮扶申请"
|
|
:visible.sync="editDialogVisible"
|
|
:close-on-click-modal="false"
|
|
width="70%"
|
|
>
|
|
<el-form :model="formData" ref="editForm" :rules="formRules" size="medium" label-position="right"
|
|
label-width="120px">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="sqrname" label="姓  名">
|
|
<el-input maxlength="50" placeholder="" disabled clearable v-model="formData.sqrname"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="sqrloginname" label="工  号">
|
|
<el-input maxlength="50" placeholder="" disabled clearable v-model="formData.sqrloginname"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="idcard" label="身份证号">
|
|
<el-input maxlength="50" placeholder="请输入身份证号" clearable v-model="formData.idcard"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="mz" label="民  族">
|
|
<el-select v-model="formData.mz" placeholder="请选择民族" filterable clearable>
|
|
<el-option
|
|
v-for="item in mzOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zzmm" label="政治面貌">
|
|
<el-input maxlength="50" placeholder="请输入政治面貌" clearable v-model="formData.zzmm"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="birthday" label="生  日">
|
|
<el-date-picker
|
|
clearable
|
|
style="width: 100%"
|
|
v-model="formData.birthday"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择生日">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="sex" label="性  别">
|
|
<el-select v-model="formData.sex" placeholder="请选择性别" clearable>
|
|
<el-option
|
|
v-for="item in ['男','女']"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zc" label="职  称">
|
|
<el-select v-model="formData.zc" placeholder="请选择或输入职称" filterable clearable
|
|
@blur="zcBlur">
|
|
<el-option
|
|
v-for="item in zcOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="zw" label="职  务">
|
|
<el-input maxlength="50" clearable placeholder="请填写职务" v-model="formData.zw"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="rsbz" label="人事编制">
|
|
<el-select v-model="formData.rsbz" placeholder="请选择人事编制" clearable>
|
|
<el-option
|
|
v-for="item in bzOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="cjgzsj" label="参加工作时间">
|
|
<el-date-picker clearable
|
|
style="width: 100%"
|
|
v-model="formData.cjgzsj"
|
|
type="month"
|
|
value-format="yyyy-MM"
|
|
placeholder="参加工作时间">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="ybzk" label="医保状况">
|
|
<el-select v-model="formData.ybzk" placeholder="请选择医保状况" clearable>
|
|
<el-option
|
|
v-for="item in ybOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="sqrunitname" label="所在单位">
|
|
<el-input maxlength="50" clearable placeholder="所在单位" disabled v-model="formData.sqrunitname"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="lxfs" label="手机号码">
|
|
<el-input maxlength="100" clearable placeholder="请填写手机号码" v-model="formData.lxfs"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item prop="brnzsr" label="本人年收入" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.brnzsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入（元）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jtnzsr" label="家庭年收入" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jtnzsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入（元）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jtrs" label="家庭人数" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jtrs" :min="0" :max="99"
|
|
controls-position="right" placeholder="请填写家庭人数">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="xzflx" label="现住房类型">
|
|
<el-select v-model="formData.xzflx" placeholder="请选择住房类型" clearable>
|
|
<el-option
|
|
v-for="item in fclxOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="jzmj" label="建筑面积" class="int_input">
|
|
<el-input-number clearable style="width: 100%" v-model="formData.jzmj" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写建筑面积（㎡）">
|
|
</el-input-number>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="jtzz" label="目前住址">
|
|
<el-input maxlength="50" placeholder="请输入目前住址" clearable v-model="formData.jtzz"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="hyzt" label="婚姻状况" class="int_input">
|
|
<el-select v-model="formData.hyzt" placeholder="请选择婚姻状况" clearable>
|
|
<el-option
|
|
v-for="item in hyzkOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<!-- <el-form-item prop="jtfc2" label="家庭房产" class="int_input border_table ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="formData.jtfc.length==9"-->
|
|
<!-- @click="formData.jtfc.splice(formData.jtfc.length,0,{})"> 添加房产-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtfc" label="家庭房产" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"
|
|
size="mini"
|
|
:disabled="formData.jtfc.length==9"
|
|
@click="formData.jtfc.splice(formData.jtfc.length,0,{})"> 添加房产
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtfc"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column type="index" label="序号" align="center" header-align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="fcly" label="房产来源" width="200px" align="center"
|
|
header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.fcly" placeholder="请选择房产来源" clearable>
|
|
<el-option
|
|
v-for="item in fclyOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="dz" label="地址" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入地址" maxlength="300" v-model="scope.row.dz"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="mj" label="面积" width="200px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.mj"
|
|
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
|
placeholder="请输入面积" type="number">
|
|
<template style="border: none;background-color: white;" slot="append">㎡
|
|
</template>
|
|
</el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtfc.length==0"
|
|
@click="formData.jtfc.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<!-- <el-form-item prop="jtcc2" label="家庭车产" class="int_input border_table ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="formData.jtcc.length==9"-->
|
|
<!-- @click="formData.jtcc.splice(formData.jtcc.length,0,{})"> 添加成员-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtcc" label="家庭车产" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus"
|
|
size="mini"
|
|
:disabled="formData.jtcc.length==9"
|
|
@click="formData.jtcc.splice(formData.jtcc.length,0,{})"> 添加车辆
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtcc"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column type="index" label="序号" align="center" header-align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="pp" label="品牌" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入品牌" maxlength="100" v-model="scope.row.pp"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="xh" label="型号" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入型号" maxlength="100" v-model="scope.row.xh"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="jg" label="价格" width="200px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.jg"
|
|
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
|
placeholder="请输入价格" type="number">
|
|
<template style="border: none;background-color: white;" slot="append">元
|
|
</template>
|
|
</el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtcc.length==0"
|
|
@click="formData.jtcc.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- <el-form-item prop="jtcys2" label="主要家庭成员" class="int_input ll" style="margin-bottom: 0">-->
|
|
<!-- <el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus" size="mini"-->
|
|
<!-- :disabled="formData.jtcys.length==9"-->
|
|
<!-- @click="formData.jtcys.splice(formData.jtcys.length,0,{})"> 添加成员-->
|
|
<!-- </el-button>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item prop="jtcys" label="主要家庭成员" class="int_input border_table">
|
|
<el-button style="float: right;margin-bottom: 10px" type="warning" icon="el-icon-plus" size="mini"
|
|
:disabled="formData.jtcys.length==9"
|
|
@click="formData.jtcys.splice(formData.jtcys.length,0,{})"> 添加成员
|
|
</el-button>
|
|
<el-table
|
|
:data="formData.jtcys"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入姓名" maxlength="100" v-model="scope.row.xm" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入与本人关系" maxlength="30" v-model="scope.row.gx" clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="nl" label="年龄" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input-number clearable style="width: 100%" v-model="scope.row.nl" :min="0" :max="99"
|
|
controls-position="right" placeholder="请填写年龄">
|
|
</el-input-number>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="gzdw" label="工作单位" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入工作单位" maxlength="100" v-model="scope.row.gzdw"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="nsr" label="年收入（元）" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input-number clearable style="width: 100%" v-model="scope.row.nsr" :min="0"
|
|
:max="9999999"
|
|
controls-position="right" placeholder="请填写年收入">
|
|
</el-input-number>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
|
:disabled="formData.jtcys.length==0"
|
|
@click="formData.jtcys.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item prop="yhmc" label="发放补助银行">
|
|
<el-input maxlength="100" placeholder="请输入发放补助银行" clearable v-model="formData.yhmc"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item prop="yhkh" label="银行卡号">
|
|
<el-input maxlength="30" placeholder="请输入银行卡号" clearable v-model="formData.yhkh"
|
|
type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-form-item prop="zyzkyy" label="主要致困原因">
|
|
<el-checkbox-group
|
|
v-model="formData.zyzkyy">
|
|
<el-checkbox v-for="item in zzyyOptions" :label="item" :key="item">{{item}}</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item prop="zyzkyybz" label="备  注">
|
|
<el-input maxlength="500" placeholder="请简述原因" clearable v-model="formData.zyzkyybz"
|
|
type="textarea"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="editDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doEdit" :disabled="subDis">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 查看 -->
|
|
<el-dialog
|
|
top="1%"
|
|
custom-class="ViewDialogClass"
|
|
:close-on-click-modal="false"
|
|
width="60%"
|
|
title="申请详细信息"
|
|
:visible.sync="viewDialogVisible"
|
|
width="70%">
|
|
<el-tabs tab-position="top" v-model="activeNames">
|
|
<el-tab-pane label="基本信息" name="1">
|
|
<el-card>
|
|
<table style="width: 100%" class="tabInfo">
|
|
<tr>
|
|
<td class="title">姓  名</td>
|
|
<td class="content">{{viewData.sqrname}}</td>
|
|
<td class="title">工  号</td>
|
|
<td class="content">{{viewData.sqrloginname}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">身份证号</td>
|
|
<td class="content">{{viewData.idcard}}</td>
|
|
<td class="title">生  日</td>
|
|
<td class="content">{{viewData.birthday}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">民  族</td>
|
|
<td class="content">{{viewData.mz}}</td>
|
|
<td class="title">政治面貌</td>
|
|
<td class="content">{{viewData.zzmm}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">性  别</td>
|
|
<td class="content">{{viewData.sex}}</td>
|
|
<td class="title">职  称</td>
|
|
<td class="content">{{viewData.zc}}</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="title">职  务</td>
|
|
<td class="content">{{viewData.zw}}</td>
|
|
<td class="title">人事编制</td>
|
|
<td class="content">{{viewData.rsbz}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">参加工作时间</td>
|
|
<td class="content">{{viewData.cjgzsj}}</td>
|
|
<td class="title">医保状况</td>
|
|
<td class="content">{{viewData.ybzk}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">所在单位</td>
|
|
<td class="content">{{viewData.sqrunitname}}</td>
|
|
<td class="title">手机号码</td>
|
|
<td class="content">{{viewData.lxfs}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">本人年收入</td>
|
|
<td class="content">{{viewData.brnzsr}}</td>
|
|
<td class="title">家庭年收入</td>
|
|
<td class="content">{{viewData.jtnzsr}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">家庭人数</td>
|
|
<td class="content" colspan="3">{{viewData.jtrs}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">现住房类型</td>
|
|
<td class="content">{{viewData.xzflx}}</td>
|
|
<td class="title">建筑面积</td>
|
|
<td class="content">{{viewData.jzmj}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">家庭住址</td>
|
|
<td class="content">{{viewData.jtzz}}</td>
|
|
<td class="title">婚姻状况</td>
|
|
<td class="content">{{viewData.hyzt}}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="title">家庭房产</td>
|
|
<td class="content" colspan="5" style="padding: 0;">
|
|
<table style="width: 100%" v-if="viewData.jtfc&&viewData.jtfc.length>0">
|
|
<tr>
|
|
<td class="title" style="border: none">房产来源</td>
|
|
<td class="title" style="border: none">地址</td>
|
|
<td class="title" style="border: none">面积（㎡）</td>
|
|
</tr>
|
|
<tr v-for="item in viewData.jtfc">
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.fcly}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.dz}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.mj}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="title">家庭车产</td>
|
|
<td class="content" colspan="5" style="padding: 0;">
|
|
<table style="width: 100%" v-if="viewData.jtcc&&viewData.jtcc.length>0">
|
|
<tr>
|
|
<td class="title" style="border: none">品牌</td>
|
|
<td class="title" style="border: none">型号</td>
|
|
<td class="title" style="border: none">价格（元）</td>
|
|
</tr>
|
|
<tr v-for="item in viewData.jtcc">
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.pp}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.xh}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.jg}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="title">主要家庭成员</td>
|
|
<td class="content" colspan="5" style="padding: 0;">
|
|
<table style="width: 100%" v-if="viewData.jtcys&&viewData.jtcys.length>0">
|
|
<tr>
|
|
<td class="title" style="border: none">姓名</td>
|
|
<td class="title" style="border: none">与本人关系</td>
|
|
<td class="title" style="border: none">年龄</td>
|
|
<td class="title" style="border: none">工作单位</td>
|
|
<td class="title" style="border: none">年收入（元）</td>
|
|
</tr>
|
|
<tr v-for="item in viewData.jtcys">
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.xm}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.gx}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.nl}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.gzdw}}
|
|
</td>
|
|
<td class="content"
|
|
style="border-right: none;border-left: none;border-bottom: none">
|
|
{{item.nsr}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="title">开户银行</td>
|
|
<td class="content">{{viewData.yhmc}}</td>
|
|
<td class="title">银行卡号</td>
|
|
<td class="content">{{viewData.yhkh}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">主要致困原因</td>
|
|
<td class="content" colspan="5" style="text-align: left">
|
|
{{viewData.zyzkyy | arr2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">备  注</td>
|
|
<td class="content textareaDiv" colspan="5" style="text-align: left">{{viewData.zyzkyybz}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">档位</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.jb)">暂无</span>
|
|
<span v-else>{{viewData.jb}}</span>
|
|
</td>
|
|
<td class="title">补助金额</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.xghbzje)">暂无</span>
|
|
<span v-else>{{viewData.xghbzje}} 元</span>
|
|
</td>
|
|
<!--<td class="title">上级工会补助金额</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.sjghbzje)">暂无</span>
|
|
<span v-else>{{viewData.sjghbzje}} 元</span>
|
|
</td>-->
|
|
</tr>
|
|
</table>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="基层工会审核意见" name="2">
|
|
<el-card>
|
|
<table style="width: 100%" class="tabInfo">
|
|
<tr>
|
|
<td class="title">审核人</td>
|
|
<td class="content">
|
|
{{viewData.fghshrname | none2str}}
|
|
</td>
|
|
<td class="title">审核时间</td>
|
|
<td class="content">
|
|
{{viewData.fghshsj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">审核意见</td>
|
|
<td class="content" colspan="3">
|
|
{{viewData.fghshyj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">签  字</td>
|
|
<td class="content" colspan="3">
|
|
<img style="max-height: 80px" :src="viewData.fqz">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
|
|
<!--<el-tab-pane label="福利委员会审核意见" name="3">
|
|
<el-card>
|
|
<table style="width: 100%" class="tabInfo">
|
|
<tr>
|
|
<td class="title">审核人</td>
|
|
<td class="content">
|
|
{{viewData.dwshrname | none2str}}
|
|
</td>
|
|
<td class="title">审核时间</td>
|
|
<td class="content">
|
|
{{viewData.dwshsj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">审核意见</td>
|
|
<td class="content" colspan="3">
|
|
{{viewData.dwshyj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">档位</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.jb)">暂无</span>
|
|
<span v-else>{{viewData.jb}}</span>
|
|
</td>
|
|
<td class="title">补助金额</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.xghbzje)">暂无</span>
|
|
<span v-else>{{viewData.xghbzje}} 元</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</el-card>
|
|
</el-tab-pane>-->
|
|
|
|
<el-tab-pane label="校工会审核意见" name="4">
|
|
<el-card>
|
|
<table style="width: 100%" class="tabInfo">
|
|
<tr>
|
|
<td class="title">审核人</td>
|
|
<td class="content">
|
|
{{viewData.xghshrname | none2str}}
|
|
</td>
|
|
<td class="title">审核时间</td>
|
|
<td class="content">
|
|
{{viewData.xghshsj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">档位</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.jb)">暂无</span>
|
|
<span v-else>{{viewData.jb}}</span>
|
|
</td>
|
|
<td class="title">补助金额</td>
|
|
<td class="content">
|
|
<span v-if="isNull(viewData.xghbzje)">暂无</span>
|
|
<span v-else>{{viewData.xghbzje}} 元</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">审核意见</td>
|
|
<td class="content" colspan="3">
|
|
{{viewData.xghshyj | none2str}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="title">签  字</td>
|
|
<td class="content" colspan="3">
|
|
<img style="max-height: 80px" :src="viewData.xqz">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</el-card>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
unitOptions: [],
|
|
ybOptions: ['统筹', '社保'],
|
|
activeName: ['1'],
|
|
zzyyOptions: ['本人大病', '供养直系亲属大病', '本人残疾', '家属残疾', '本人下岗失业', '家属下岗失业', '收入低', '自然灾害', '重大事故', '子女上学', '其他'],
|
|
fclxOptions: ['商品房', '福利房', '经济适用房', '限价房', '自建房'],
|
|
fclyOptions: ['购买', '接收赠与', '继承', '其他来源'],
|
|
hyzkOptions: ['未婚', '已婚', '离异', '丧偶', '再婚'],
|
|
zcOptions: ['教授', '副教授', '讲师', '助教'],
|
|
mzOptions: [
|
|
'汉族',
|
|
'蒙古族',
|
|
'回族',
|
|
'藏族',
|
|
'维吾尔族',
|
|
'苗族',
|
|
'彝族',
|
|
'壮族',
|
|
'布依族',
|
|
'朝鲜族',
|
|
'满族',
|
|
'侗族',
|
|
'瑶族',
|
|
'白族',
|
|
'土家族',
|
|
'哈尼族',
|
|
'哈萨克族',
|
|
'傣族',
|
|
'黎族',
|
|
'傈僳族',
|
|
'佤族',
|
|
'畲族',
|
|
'高山族',
|
|
'拉祜族',
|
|
'水族',
|
|
'东乡族',
|
|
'纳西族',
|
|
'景颇族',
|
|
'柯尔克孜族',
|
|
'土族',
|
|
'达翰尔族',
|
|
'么佬族',
|
|
'羌族',
|
|
'布朗族',
|
|
'撒拉族',
|
|
'毛南族',
|
|
'仡佬族',
|
|
'锡伯族',
|
|
'阿昌族',
|
|
'普米族',
|
|
'塔吉克族',
|
|
'怒族',
|
|
'乌孜别克族',
|
|
'俄罗斯族',
|
|
'鄂温克族',
|
|
'德昂族',
|
|
'保安族',
|
|
'裕固族',
|
|
'京族',
|
|
'塔塔尔族',
|
|
'独龙族',
|
|
'鄂伦春族',
|
|
'赫哲族',
|
|
'门巴族',
|
|
'珞巴族',
|
|
'基诺族',
|
|
],
|
|
bzOptions: ['事业编制职工（正式职工）', '合同制职工', '人事代理职工', '集体职工', '流动编制职工', '非事业编制职工', '博士后进站人员', '劳务派遣人员', '聘用工（各二级单位聘用）'],
|
|
ztObj: {
|
|
1: {color: '#E6A23C', label: '待基层工会审核'},
|
|
2: {color: '#E6A23C', label: '待福利委员会审核'},
|
|
3: {color: '#E6A23C', label: '待校工会审核'},
|
|
4: {color: '#67C23A', label: '审核通过'},
|
|
5: {color: '#F56C6C', label: '审核不通过'},
|
|
},
|
|
subDis: false,
|
|
formData: {
|
|
zyzkyy: [],
|
|
jtcys: [],
|
|
jtfc: [],
|
|
jtcc: [],
|
|
},
|
|
userData: {},
|
|
viewData: {},
|
|
viewDialogVisible: false,
|
|
addDialogVisible: false,
|
|
editDialogVisible: false,
|
|
tableData: [],
|
|
activeNames: "1",
|
|
pageForm: {
|
|
year: '',
|
|
searchName: "sqr.username",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
},
|
|
formRules: {
|
|
// parentUnit: [{validator: validateUnit, trigger: ['blur', 'change']}],
|
|
idcard: [{
|
|
required: true,
|
|
message: '必填',
|
|
trigger: ['blur', 'change']
|
|
}, {
|
|
pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
|
message: '请输入正确的身份证号'
|
|
}],
|
|
username: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
sqrname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
loginname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
sqrloginname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
unitname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
sqrunitname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
zyzkyy: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
|
brnzsr: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
jtnzsr: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
jtrs: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
yhmc: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
yhkh: [{required: true, message: '必填', trigger: ['blur', 'change']}, {
|
|
pattern: /^[1-9]\d{12,18}$/,
|
|
message: '请输入正确的银行卡号'
|
|
}],
|
|
rsbz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
},
|
|
isNull(val) {
|
|
if (val === null || val === undefined || val === '') {
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
},
|
|
filters: {
|
|
arr2str(val) {
|
|
if (val && val.length > 0) {
|
|
let str = ""
|
|
for (let i = 0; i < val.length; i++) {
|
|
str += val[i]
|
|
if (i < val.length - 1) {
|
|
str += '、'
|
|
}
|
|
}
|
|
return str
|
|
}
|
|
return ''
|
|
},
|
|
none2str(val) {
|
|
if (val === null || val === undefined || val === '') {
|
|
return '暂无'
|
|
}
|
|
return val
|
|
}
|
|
},
|
|
methods: {
|
|
zcBlur(e) {
|
|
this.$set(this.formData, 'zc', e.target.value)
|
|
},
|
|
openView(id) {
|
|
$.get(base + "/platform/knbf/sq/findOne", {id: id}, (data) => {
|
|
if (data.code == 0) {
|
|
data.data.zyzkyy = JSON.parse(data.data.zyzkyy)
|
|
data.data.jtfc = JSON.parse(data.data.jtfc)
|
|
data.data.jtcc = JSON.parse(data.data.jtcc)
|
|
this.viewData = data.data;//加载后台表单数据
|
|
this.viewDialogVisible = true;//打开编辑窗口
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
this.activeNames = "1";
|
|
},
|
|
doDelete(id) {
|
|
this.$confirm('确定删除吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: (a, b) => {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base + "/platform/knbf/sq/delete", {id: id}, (data) => {
|
|
if (data.code == 0) {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
this.pageData();
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
doEdit() {
|
|
this.$refs["editForm"].validate((valid) => {
|
|
if (valid) {
|
|
this.subDis = true
|
|
const loading = this.$loading({
|
|
lock: true,
|
|
text: '数据提交中...',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
});
|
|
|
|
var formData = Object.assign({}, this.formData)
|
|
formData.zyzkyy = JSON.stringify(formData.zyzkyy)
|
|
formData.jtcys = JSON.stringify(formData.jtcys)
|
|
formData.jtfc = JSON.stringify(formData.jtfc)
|
|
formData.jtcc = JSON.stringify(formData.jtcc)
|
|
|
|
$.post(base + "/platform/knbf/sq/doEdit", formData, (data) => {
|
|
if (data.code == 0) {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
this.pageData();
|
|
this.editDialogVisible = false;
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
this.subDis = false
|
|
loading.close()
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
openEdit(id) {
|
|
$.get(base + "/platform/knbf/sq/findOne", {id: id}, (data) => {
|
|
if (data.code == 0) {
|
|
data.data.zyzkyy = JSON.parse(data.data.zyzkyy)
|
|
data.data.jtfc = JSON.parse(data.data.jtfc)
|
|
data.data.jtcc = JSON.parse(data.data.jtcc)
|
|
this.formData = data.data;//加载后台表单数据
|
|
this.editDialogVisible = true;//打开编辑窗口
|
|
if (this.$refs["editForm"])
|
|
this.$refs["editForm"].resetFields();
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
doAdd() {
|
|
this.$refs["addForm"].validate((valid) => {
|
|
if (valid) {
|
|
this.subDis = true
|
|
const loading = this.$loading({
|
|
lock: true,
|
|
text: '数据提交中...',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
});
|
|
|
|
var formData = Object.assign({}, this.formData)
|
|
formData.zyzkyy = JSON.stringify(formData.zyzkyy)
|
|
formData.jtcys = JSON.stringify(formData.jtcys)
|
|
formData.jtfc = JSON.stringify(formData.jtfc)
|
|
formData.jtcc = JSON.stringify(formData.jtcc)
|
|
|
|
|
|
$.post(base + "/platform/knbf/sq/doAdd", formData, (data) => {
|
|
if (data.code == 0) {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
this.pageData();
|
|
this.addDialogVisible = false;
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
this.subDis = false
|
|
loading.close()
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
openAdd() {
|
|
this.formData = Object.assign({}, this.userData)
|
|
vue.$set(this.formData, "jtcys", [])
|
|
vue.$set(this.formData, "zyzkyy", [])
|
|
vue.$set(this.formData, "jtfc", [])
|
|
vue.$set(this.formData, "jtcc", [])
|
|
vue.$set(this.formData, "sqsj", moment().format('YYYY-MM-DD'))
|
|
this.addDialogVisible = true;
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
},
|
|
doSearch() {
|
|
// if (!this.isNull(this.pageForm.time)) {
|
|
// 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(column) {//按字段排序
|
|
this.pageForm.pageOrderName = column.prop;
|
|
this.pageForm.pageOrderBy = column.order;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange(val) {//页码更新操作
|
|
this.pageForm.pageNumber = val;
|
|
this.pageData();
|
|
},
|
|
pageSizeChange(val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageData() {//加载分页数据
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/knbf/sq/pageData", this.pageForm, (data) => {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
this.tableData = data.data.list;
|
|
this.pageForm.totalCount = data.data.totalCount;
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
getUserData() {
|
|
$.post(base + "/platform/knbf/sq/getUserData", (data) => {
|
|
if (data.code == 0) {
|
|
this.userData = data.data;
|
|
}
|
|
}, "json");
|
|
},
|
|
getUnits() {
|
|
$.get(base + "/platform/knbf/yl/getUnits", (data) => {
|
|
if (data.code == 0) {
|
|
this.unitOptions = data.data
|
|
}
|
|
}, "json");
|
|
},
|
|
},
|
|
created() {
|
|
this.getUserData();
|
|
this.pageData();
|
|
this.getUnits();
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |