|
|
|
@ -2,127 +2,128 @@ |
|
|
|
<div class="g-main"> |
|
|
|
<div> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
<el-form :inline="true" |
|
|
|
:model="formData" |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'100px'" |
|
|
|
> |
|
|
|
:label-width="'100px'"> |
|
|
|
|
|
|
|
<el-form-item label="住房性质"> |
|
|
|
<el-select v-model="formData.gender" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in housingNatureList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<el-input |
|
|
|
v-model="formData.name" |
|
|
|
<el-input v-model="formData.name" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话"> |
|
|
|
<el-input |
|
|
|
v-model="formData.mobile" |
|
|
|
<el-input v-model="formData.mobile" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="证件号"> |
|
|
|
<el-input |
|
|
|
v-model="formData.idNum" |
|
|
|
<el-input v-model="formData.idNum" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别"> |
|
|
|
<el-select |
|
|
|
v-model="formData.gender" |
|
|
|
<el-form-item label="户籍地址"> |
|
|
|
<el-input v-model="formData.currentResidence" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in genderList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="现居地址"> |
|
|
|
<el-input v-model="formData.currentResidence" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="本地户籍"> |
|
|
|
<el-select |
|
|
|
v-model="formData.localResidenceFlag" |
|
|
|
|
|
|
|
<el-form-item label="保障类型"> |
|
|
|
<el-select v-model="formData.localResidenceFlag" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in binaryOptionList" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in binaryOptionList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="居住地址"> |
|
|
|
<el-input |
|
|
|
v-model="formData.currentResidence" |
|
|
|
<el-form-item label="补贴编号"> |
|
|
|
<el-input v-model="formData.currentResidence" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="低保"> |
|
|
|
<el-select |
|
|
|
v-model="formData.subsistenceAllowanceFlag" |
|
|
|
placeholder="请选择" |
|
|
|
<el-form-item label="补贴金额"> |
|
|
|
<el-input v-model="formData.currentResidence" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in binaryOptionList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="发证日期"> |
|
|
|
<el-date-picker v-model="formData.birthdayStart" |
|
|
|
type="date" |
|
|
|
size="small" |
|
|
|
class="u-item-width-daterange" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="开始日期"> |
|
|
|
</el-date-picker> |
|
|
|
<span class="u-data-tag">至</span> |
|
|
|
<el-date-picker v-model="formData.birthdayEnd" |
|
|
|
type="date" |
|
|
|
size="small" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="u-item-width-daterange u-data-tag" |
|
|
|
placeholder="结束日期" |
|
|
|
:picker-options="pickerOptionsEnd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="备注"> |
|
|
|
<el-input |
|
|
|
v-model="formData.remark" |
|
|
|
<el-input v-model="formData.remark" |
|
|
|
placeholder="请输入" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="24" align="right"> |
|
|
|
<el-button |
|
|
|
style="margin-left: 30px" |
|
|
|
<el-col :span="24" |
|
|
|
align="right"> |
|
|
|
<el-button style="margin-left: 30px" |
|
|
|
size="small" |
|
|
|
type="primary " |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
is-plain |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
size="small" |
|
|
|
@click="resetSearch" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
@ -131,31 +132,22 @@ |
|
|
|
<div class="m-table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
<el-button size="small" |
|
|
|
@click="handleAdd" |
|
|
|
type="primary" |
|
|
|
icon="el-icon-plus" |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
icon="el-icon-plus">新增</el-button> |
|
|
|
</div> |
|
|
|
<el-button |
|
|
|
@click="handleExport" |
|
|
|
<el-button @click="handleExport" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
@click="onDeleteBatch" |
|
|
|
class="diy-button--white el-button--default">导出</el-button> |
|
|
|
<el-button @click="onDeleteBatch" |
|
|
|
style="margin: 0 10px" |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
> |
|
|
|
type="primary"> |
|
|
|
批量删除 |
|
|
|
</el-button> |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
action="uploadUlr" |
|
|
|
@ -165,159 +157,142 @@ |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="true" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
:loading="importLoading" |
|
|
|
>导入</el-button |
|
|
|
> |
|
|
|
:loading="importLoading">导入</el-button> |
|
|
|
</el-upload> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
class="diy-button--blue" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')" |
|
|
|
>下载模板</el-button |
|
|
|
> |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
v-loading="tableLoading" |
|
|
|
class="m-table-item" |
|
|
|
style="width: 100%" |
|
|
|
:height="maxTableHeight" |
|
|
|
@selection-change="onMultiSelection" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
@selection-change="onMultiSelection"> |
|
|
|
<el-table-column type="selection" |
|
|
|
fixed="left" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
width="50" /> |
|
|
|
|
|
|
|
<el-table-column label="序号" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
width="50" /> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
<el-table-column prop="agencyName" |
|
|
|
align="center" |
|
|
|
width="150" |
|
|
|
label="所属组织" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="姓名" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
<el-table-column prop="mobile" |
|
|
|
align="center" |
|
|
|
width="150" |
|
|
|
label="联系电话" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idNum" |
|
|
|
<el-table-column prop="idNum" |
|
|
|
align="center" |
|
|
|
width="200" |
|
|
|
label="证件号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="genderName" |
|
|
|
|
|
|
|
<el-table-column prop="placeOfDomicile" |
|
|
|
align="center" |
|
|
|
width="80" |
|
|
|
label="性别" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.gender?scope.row.gender == "1" ? "男":scope.row.gender == "2"?"女" :'--':"--" }}</span> |
|
|
|
</template> |
|
|
|
width="150" |
|
|
|
label="户籍地址" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="localResidenceFlagName" |
|
|
|
<el-table-column prop="currentResidence" |
|
|
|
align="center" |
|
|
|
width="150" |
|
|
|
label="居住地址" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="本地户籍" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
label="住房性质" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="currentResidence" |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="居住地址" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
label="保障类型" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="补贴编号" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="disabilityCategoryName" |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="残疾类别" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
label="补贴金额" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="disabilityCategoryName" |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="残疾级别" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
label="发证日期" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="220" |
|
|
|
> |
|
|
|
width="220"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
<el-button @click="handleDetail(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
size="small">查看</el-button> |
|
|
|
<el-button @click="handleEdit(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
size="small">编辑</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleDel(scope.row)" type="text" size="small" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
<el-button @click="handleDel(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog |
|
|
|
v-if="showAdd" |
|
|
|
<el-dialog v-if="showAdd" |
|
|
|
:visible.sync="showAdd" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -326,21 +301,18 @@ |
|
|
|
width="720px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showAdd = false" |
|
|
|
> |
|
|
|
<add-form |
|
|
|
ref="ref_add_form" |
|
|
|
@closed="showAdd = false"> |
|
|
|
<add-form ref="ref_add_form" |
|
|
|
:formType="formType" |
|
|
|
@handleComfirm="handleComfirm" |
|
|
|
@handleClose="handleClose" |
|
|
|
></add-form> |
|
|
|
@handleClose="handleClose"></add-form> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
import { genderList, binaryOptionList } from "@/js/columns/constants"; |
|
|
|
import { genderList, binaryOptionList, yesOrNoList } from "@/js/columns/constants"; |
|
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import axios from "axios"; |
|
|
|
@ -352,24 +324,7 @@ |
|
|
|
components: { addForm, }, |
|
|
|
|
|
|
|
data () { |
|
|
|
let endDisabledDate = (time) => { |
|
|
|
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 |
|
|
|
let nowData = Date.now(); |
|
|
|
if (this.formData.serviceTimeStart) { |
|
|
|
let serviceTimeStart = new Date(this.formData.serviceTimeStart); |
|
|
|
return ( |
|
|
|
time.getTime() < serviceTimeStart - 24 * 60 * 60 * 1000 || |
|
|
|
time.getTime() === serviceTimeStart - 24 * 60 * 60 * 1000 |
|
|
|
); |
|
|
|
} else { |
|
|
|
return time.getTime() > nowData || time.getTime() === nowData; |
|
|
|
} |
|
|
|
}; |
|
|
|
// let startDisabledDate = (time) => { |
|
|
|
// //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 |
|
|
|
// let nowData = Date.now() - 24 * 60 * 60 * 1000; |
|
|
|
// return time.getTime() < nowData; |
|
|
|
// }; |
|
|
|
|
|
|
|
|
|
|
|
return { |
|
|
|
tableLoading: false, |
|
|
|
@ -377,33 +332,28 @@ |
|
|
|
agencyId: "", |
|
|
|
searchH: 170, |
|
|
|
tableData: [], |
|
|
|
|
|
|
|
genderList, |
|
|
|
binaryOptionList, |
|
|
|
yesOrNoList, |
|
|
|
|
|
|
|
formData: { |
|
|
|
name: "刘备", |
|
|
|
mobile: "174744645454", |
|
|
|
gender: "1", |
|
|
|
idNum: "37024545454544545", |
|
|
|
localResidenceFlag: "1", |
|
|
|
currentResidence: "青岛市市北区时代国际广场", |
|
|
|
disabilityCategoryCode: "", |
|
|
|
disabilityLevel: "", |
|
|
|
disabilityNum: "12345678", |
|
|
|
subsistenceAllowanceFlag: "1", |
|
|
|
monthIncome: 2000, |
|
|
|
contactName: "关羽", |
|
|
|
contactMobile: "12345678", |
|
|
|
remark: "ipsum nostrud adipisicing", |
|
|
|
certificateDateEnd: '', |
|
|
|
certificateDateStart: '', |
|
|
|
currentResidence: null, |
|
|
|
housingNature: '', |
|
|
|
idNum: '', |
|
|
|
mobile: '', |
|
|
|
name: '', |
|
|
|
placeOfDomicile: '', |
|
|
|
remark: '', |
|
|
|
securityType: '', |
|
|
|
subsidyAmount: '', |
|
|
|
subsidyNum: '', |
|
|
|
}, |
|
|
|
pageNo: 1, |
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
|
total: 1, |
|
|
|
endPickerOptions: { |
|
|
|
disabledDate: endDisabledDate, |
|
|
|
}, |
|
|
|
startPickerOptions: { |
|
|
|
// disabledDate: startDisabledDate |
|
|
|
}, |
|
|
|
|
|
|
|
showAdd: false, |
|
|
|
showEdit: false, |
|
|
|
|
jiangyuying
2 years ago