|
@ -2,127 +2,128 @@ |
|
|
<div class="g-main"> |
|
|
<div class="g-main"> |
|
|
<div> |
|
|
<div> |
|
|
<div class="m-search"> |
|
|
<div class="m-search"> |
|
|
<el-form |
|
|
<el-form :inline="true" |
|
|
:inline="true" |
|
|
|
|
|
:model="formData" |
|
|
:model="formData" |
|
|
ref="ref_searchform" |
|
|
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-form-item label="姓名"> |
|
|
<el-input |
|
|
<el-input v-model="formData.name" |
|
|
v-model="formData.name" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="联系电话"> |
|
|
<el-form-item label="联系电话"> |
|
|
<el-input |
|
|
<el-input v-model="formData.mobile" |
|
|
v-model="formData.mobile" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="证件号"> |
|
|
<el-form-item label="证件号"> |
|
|
<el-input |
|
|
<el-input v-model="formData.idNum" |
|
|
v-model="formData.idNum" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="性别"> |
|
|
<el-form-item label="户籍地址"> |
|
|
<el-select |
|
|
<el-input v-model="formData.currentResidence" |
|
|
v-model="formData.gender" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
> |
|
|
</el-form-item> |
|
|
<el-option |
|
|
|
|
|
v-for="item in genderList" |
|
|
<el-form-item label="现居地址"> |
|
|
:key="item.value" |
|
|
<el-input v-model="formData.currentResidence" |
|
|
:label="item.label" |
|
|
placeholder="请输入" |
|
|
:value="item.value" |
|
|
size="small" |
|
|
> |
|
|
class="u-item-width-normal" |
|
|
</el-option> |
|
|
clearable></el-input> |
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="本地户籍"> |
|
|
|
|
|
<el-select |
|
|
<el-form-item label="保障类型"> |
|
|
v-model="formData.localResidenceFlag" |
|
|
<el-select v-model="formData.localResidenceFlag" |
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable> |
|
|
> |
|
|
<el-option v-for="item in binaryOptionList" |
|
|
<el-option |
|
|
|
|
|
v-for="item in binaryOptionList" |
|
|
|
|
|
:key="item.value" |
|
|
:key="item.value" |
|
|
:label="item.label" |
|
|
:label="item.label" |
|
|
:value="item.value" |
|
|
:value="item.value"> |
|
|
> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="居住地址"> |
|
|
<el-form-item label="补贴编号"> |
|
|
<el-input |
|
|
<el-input v-model="formData.currentResidence" |
|
|
v-model="formData.currentResidence" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="低保"> |
|
|
<el-form-item label="补贴金额"> |
|
|
<el-select |
|
|
<el-input v-model="formData.currentResidence" |
|
|
v-model="formData.subsistenceAllowanceFlag" |
|
|
placeholder="请输入" |
|
|
placeholder="请选择" |
|
|
|
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
> |
|
|
</el-form-item> |
|
|
<el-option |
|
|
|
|
|
v-for="item in binaryOptionList" |
|
|
<el-form-item label="发证日期"> |
|
|
:key="item.value" |
|
|
<el-date-picker v-model="formData.birthdayStart" |
|
|
:label="item.label" |
|
|
type="date" |
|
|
:value="item.value" |
|
|
size="small" |
|
|
> |
|
|
class="u-item-width-daterange" |
|
|
</el-option> |
|
|
value-format="yyyy-MM-dd" |
|
|
</el-select> |
|
|
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> |
|
|
|
|
|
|
|
|
<el-form-item label="备注"> |
|
|
<el-form-item label="备注"> |
|
|
<el-input |
|
|
<el-input v-model="formData.remark" |
|
|
v-model="formData.remark" |
|
|
|
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
size="small" |
|
|
size="small" |
|
|
class="u-item-width-normal" |
|
|
class="u-item-width-normal" |
|
|
clearable |
|
|
clearable></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-row type="flex"> |
|
|
<el-row type="flex"> |
|
|
<el-col :span="24" align="right"> |
|
|
<el-col :span="24" |
|
|
<el-button |
|
|
align="right"> |
|
|
style="margin-left: 30px" |
|
|
<el-button style="margin-left: 30px" |
|
|
size="small" |
|
|
size="small" |
|
|
type="primary " |
|
|
type="primary " |
|
|
@click="handleSearch" |
|
|
@click="handleSearch">查询</el-button> |
|
|
>查询</el-button |
|
|
<el-button style="margin-left: 10px" |
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
style="margin-left: 10px" |
|
|
|
|
|
is-plain |
|
|
is-plain |
|
|
class="diy-button--white el-button--default" |
|
|
class="diy-button--white el-button--default" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="resetSearch" |
|
|
@click="resetSearch">重置</el-button> |
|
|
>重置</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
@ -131,31 +132,22 @@ |
|
|
<div class="m-table"> |
|
|
<div class="m-table"> |
|
|
<div class="div_btn"> |
|
|
<div class="div_btn"> |
|
|
<div class="div_btn_left"> |
|
|
<div class="div_btn_left"> |
|
|
<el-button |
|
|
<el-button size="small" |
|
|
size="small" |
|
|
|
|
|
@click="handleAdd" |
|
|
@click="handleAdd" |
|
|
type="primary" |
|
|
type="primary" |
|
|
icon="el-icon-plus" |
|
|
icon="el-icon-plus">新增</el-button> |
|
|
>新增</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<el-button |
|
|
<el-button @click="handleExport" |
|
|
@click="handleExport" |
|
|
|
|
|
type="primary" |
|
|
type="primary" |
|
|
size="small" |
|
|
size="small" |
|
|
class="diy-button--white el-button--default" |
|
|
class="diy-button--white el-button--default">导出</el-button> |
|
|
>导出</el-button |
|
|
<el-button @click="onDeleteBatch" |
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
@click="onDeleteBatch" |
|
|
|
|
|
style="margin: 0 10px" |
|
|
style="margin: 0 10px" |
|
|
size="small" |
|
|
size="small" |
|
|
type="primary" |
|
|
type="primary"> |
|
|
> |
|
|
|
|
|
批量删除 |
|
|
批量删除 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-upload |
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
:headers="$getElUploadHeaders()" |
|
|
|
|
|
ref="upload" |
|
|
ref="upload" |
|
|
class="upload-btn" |
|
|
class="upload-btn" |
|
|
action="uploadUlr" |
|
|
action="uploadUlr" |
|
@ -165,159 +157,142 @@ |
|
|
:show-file-list="false" |
|
|
:show-file-list="false" |
|
|
:auto-upload="true" |
|
|
:auto-upload="true" |
|
|
:before-upload="beforeExcelUpload" |
|
|
:before-upload="beforeExcelUpload" |
|
|
:http-request="uploadHttpRequest" |
|
|
:http-request="uploadHttpRequest"> |
|
|
> |
|
|
<el-button type="primary" |
|
|
<el-button |
|
|
|
|
|
type="primary" |
|
|
|
|
|
size="small" |
|
|
size="small" |
|
|
class="diy-button--white el-button--default" |
|
|
class="diy-button--white el-button--default" |
|
|
:loading="importLoading" |
|
|
:loading="importLoading">导入</el-button> |
|
|
>导入</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</el-upload> |
|
|
</el-upload> |
|
|
<el-button |
|
|
<el-button style="margin-left: 10px" |
|
|
style="margin-left: 10px" |
|
|
|
|
|
class="diy-button--blue" |
|
|
class="diy-button--blue" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleExportModule('room')" |
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
>下载模板</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<el-table |
|
|
<el-table :data="tableData" |
|
|
:data="tableData" |
|
|
|
|
|
border |
|
|
border |
|
|
v-loading="tableLoading" |
|
|
v-loading="tableLoading" |
|
|
class="m-table-item" |
|
|
class="m-table-item" |
|
|
style="width: 100%" |
|
|
style="width: 100%" |
|
|
:height="maxTableHeight" |
|
|
:height="maxTableHeight" |
|
|
@selection-change="onMultiSelection" |
|
|
@selection-change="onMultiSelection"> |
|
|
> |
|
|
<el-table-column type="selection" |
|
|
<el-table-column |
|
|
|
|
|
type="selection" |
|
|
|
|
|
fixed="left" |
|
|
fixed="left" |
|
|
align="center" |
|
|
align="center" |
|
|
width="50" |
|
|
width="50" /> |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
<el-table-column label="序号" |
|
|
label="序号" |
|
|
|
|
|
fixed="left" |
|
|
fixed="left" |
|
|
type="index" |
|
|
type="index" |
|
|
align="center" |
|
|
align="center" |
|
|
width="50" |
|
|
width="50" /> |
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="agencyName" |
|
|
prop="name" |
|
|
align="center" |
|
|
|
|
|
width="150" |
|
|
|
|
|
label="所属组织" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="name" |
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="姓名" |
|
|
label="姓名" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="mobile" |
|
|
prop="mobile" |
|
|
|
|
|
align="center" |
|
|
align="center" |
|
|
width="150" |
|
|
width="150" |
|
|
label="联系电话" |
|
|
label="联系电话" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="idNum" |
|
|
prop="idNum" |
|
|
|
|
|
align="center" |
|
|
align="center" |
|
|
width="200" |
|
|
width="200" |
|
|
label="证件号" |
|
|
label="证件号" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
|
|
|
prop="genderName" |
|
|
<el-table-column prop="placeOfDomicile" |
|
|
align="center" |
|
|
align="center" |
|
|
width="80" |
|
|
width="150" |
|
|
label="性别" |
|
|
label="户籍地址" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span>{{ scope.row.gender?scope.row.gender == "1" ? "男":scope.row.gender == "2"?"女" :'--':"--" }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="currentResidence" |
|
|
prop="localResidenceFlagName" |
|
|
align="center" |
|
|
|
|
|
width="150" |
|
|
|
|
|
label="居住地址" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="本地户籍" |
|
|
label="住房性质" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
prop="currentResidence" |
|
|
|
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="居住地址" |
|
|
label="保障类型" |
|
|
:show-overflow-tooltip="true" |
|
|
: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" |
|
|
|
|
|
align="center" |
|
|
|
|
|
width="100" |
|
|
|
|
|
label="补贴金额" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
prop="disabilityCategoryName" |
|
|
|
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="残疾类别" |
|
|
label="发证日期" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="disabilityCategoryName" |
|
|
prop="disabilityCategoryName" |
|
|
|
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="残疾级别" |
|
|
label="备注" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column fixed="right" |
|
|
fixed="right" |
|
|
|
|
|
label="操作" |
|
|
label="操作" |
|
|
align="center" |
|
|
align="center" |
|
|
width="220" |
|
|
width="220"> |
|
|
> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button @click="handleDetail(scope.row)" |
|
|
@click="handleDetail(scope.row)" |
|
|
|
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small">查看</el-button> |
|
|
>查看</el-button |
|
|
<el-button @click="handleEdit(scope.row)" |
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small">编辑</el-button> |
|
|
>编辑</el-button |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<el-button @click="handleDel(scope.row)" type="text" size="small" |
|
|
<el-button @click="handleDel(scope.row)" |
|
|
>删除</el-button |
|
|
type="text" |
|
|
> |
|
|
size="small">删除</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<el-pagination |
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
@size-change="handleSizeChange" |
|
|
|
|
|
@current-change="handleCurrentChange" |
|
|
@current-change="handleCurrentChange" |
|
|
:current-page.sync="pageNo" |
|
|
:current-page.sync="pageNo" |
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
:page-size="parseInt(pageSize)" |
|
|
:page-size="parseInt(pageSize)" |
|
|
layout="sizes, prev, pager, next, total" |
|
|
layout="sizes, prev, pager, next, total" |
|
|
:total="total" |
|
|
:total="total"> |
|
|
> |
|
|
|
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-dialog |
|
|
<el-dialog v-if="showAdd" |
|
|
v-if="showAdd" |
|
|
|
|
|
:visible.sync="showAdd" |
|
|
:visible.sync="showAdd" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-press-escape="false" |
|
|
:close-on-press-escape="false" |
|
@ -326,50 +301,30 @@ |
|
|
width="720px" |
|
|
width="720px" |
|
|
top="5vh" |
|
|
top="5vh" |
|
|
class="dialog-h" |
|
|
class="dialog-h" |
|
|
@closed="showAdd = false" |
|
|
@closed="showAdd = false"> |
|
|
> |
|
|
<add-form ref="ref_add_form" |
|
|
<add-form |
|
|
|
|
|
ref="ref_add_form" |
|
|
|
|
|
:formType="formType" |
|
|
:formType="formType" |
|
|
@handleComfirm="handleComfirm" |
|
|
@handleComfirm="handleComfirm" |
|
|
@handleClose="handleClose" |
|
|
@handleClose="handleClose"></add-form> |
|
|
></add-form> |
|
|
|
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
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 nextTick from "dai-js/tools/nextTick"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import axios from "axios"; |
|
|
import axios from "axios"; |
|
|
import addForm from "./addForm"; |
|
|
import addForm from "./addForm"; |
|
|
// import detailForm from "./detailForm"; |
|
|
// import detailForm from "./detailForm"; |
|
|
// import editForm from "./editForm"; |
|
|
// import editForm from "./editForm"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { addForm, }, |
|
|
components: { addForm, }, |
|
|
|
|
|
|
|
|
data() { |
|
|
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 { |
|
|
return { |
|
|
tableLoading: false, |
|
|
tableLoading: false, |
|
@ -377,33 +332,28 @@ |
|
|
agencyId: "", |
|
|
agencyId: "", |
|
|
searchH: 170, |
|
|
searchH: 170, |
|
|
tableData: [], |
|
|
tableData: [], |
|
|
|
|
|
|
|
|
genderList, |
|
|
genderList, |
|
|
binaryOptionList, |
|
|
binaryOptionList, |
|
|
|
|
|
yesOrNoList, |
|
|
|
|
|
|
|
|
formData: { |
|
|
formData: { |
|
|
name: "刘备", |
|
|
certificateDateEnd: '', |
|
|
mobile: "174744645454", |
|
|
certificateDateStart: '', |
|
|
gender: "1", |
|
|
currentResidence: null, |
|
|
idNum: "37024545454544545", |
|
|
housingNature: '', |
|
|
localResidenceFlag: "1", |
|
|
idNum: '', |
|
|
currentResidence: "青岛市市北区时代国际广场", |
|
|
mobile: '', |
|
|
disabilityCategoryCode: "", |
|
|
name: '', |
|
|
disabilityLevel: "", |
|
|
placeOfDomicile: '', |
|
|
disabilityNum: "12345678", |
|
|
remark: '', |
|
|
subsistenceAllowanceFlag: "1", |
|
|
securityType: '', |
|
|
monthIncome: 2000, |
|
|
subsidyAmount: '', |
|
|
contactName: "关羽", |
|
|
subsidyNum: '', |
|
|
contactMobile: "12345678", |
|
|
|
|
|
remark: "ipsum nostrud adipisicing", |
|
|
|
|
|
}, |
|
|
}, |
|
|
pageNo: 1, |
|
|
pageNo: 1, |
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
total: 1, |
|
|
total: 1, |
|
|
endPickerOptions: { |
|
|
|
|
|
disabledDate: endDisabledDate, |
|
|
|
|
|
}, |
|
|
|
|
|
startPickerOptions: { |
|
|
|
|
|
// disabledDate: startDisabledDate |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
showAdd: false, |
|
|
showAdd: false, |
|
|
showEdit: false, |
|
|
showEdit: false, |
|
@ -422,7 +372,7 @@ |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
maxTableHeight() { |
|
|
maxTableHeight () { |
|
|
const h = this.clientHeight - this.searchH - 330 + this.iframeHeight; |
|
|
const h = this.clientHeight - this.searchH - 330 + this.iframeHeight; |
|
|
const _h = this.clientHeight - 330 - this.searchH; |
|
|
const _h = this.clientHeight - 330 - this.searchH; |
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
return this.$store.state.inIframe ? h : _h; |
|
@ -430,10 +380,10 @@ |
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
}, |
|
|
}, |
|
|
watch: {}, |
|
|
watch: {}, |
|
|
async created() { |
|
|
async created () { |
|
|
await this.getDicts(); |
|
|
await this.getDicts(); |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted () { |
|
|
console.log(this.$store.state); |
|
|
console.log(this.$store.state); |
|
|
this.user = this.$store.state.user; |
|
|
this.user = this.$store.state.user; |
|
|
this.agencyId = this.user.agencyId; |
|
|
this.agencyId = this.user.agencyId; |
|
@ -441,7 +391,7 @@ |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
// --------------------------------------字典------------------------------------------ |
|
|
// --------------------------------------字典------------------------------------------ |
|
|
async getDicts() { |
|
|
async getDicts () { |
|
|
try { |
|
|
try { |
|
|
const requests = [ |
|
|
const requests = [ |
|
|
this.$http.post("sys/dict/data/nation", { |
|
|
this.$http.post("sys/dict/data/nation", { |
|
@ -466,13 +416,13 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
binaryText(value){ |
|
|
binaryText (value) { |
|
|
let text = '' |
|
|
let text = '' |
|
|
text = this.binaryOptionList.filter(item=>item.value == value)[0].label |
|
|
text = this.binaryOptionList.filter(item => item.value == value)[0].label |
|
|
return text || "--" |
|
|
return text || "--" |
|
|
}, |
|
|
}, |
|
|
// ------------------------------------事件------------------------------------------ |
|
|
// ------------------------------------事件------------------------------------------ |
|
|
checkNumberInput(){ |
|
|
checkNumberInput () { |
|
|
if (isNaN(this.formData.retirementAmount)) { |
|
|
if (isNaN(this.formData.retirementAmount)) { |
|
|
this.$message.error('请输入数字'); |
|
|
this.$message.error('请输入数字'); |
|
|
this.formData.retirementAmount = ''; |
|
|
this.formData.retirementAmount = ''; |
|
@ -481,7 +431,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 导入 |
|
|
// 导入 |
|
|
beforeExcelUpload(file) { |
|
|
beforeExcelUpload (file) { |
|
|
console.log("file", file); |
|
|
console.log("file", file); |
|
|
const isType = file.type === "application/vnd.ms-excel"; |
|
|
const isType = file.type === "application/vnd.ms-excel"; |
|
|
const isTypeComputer = |
|
|
const isTypeComputer = |
|
@ -499,7 +449,7 @@ |
|
|
return fileType && isLt1M; |
|
|
return fileType && isLt1M; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async uploadHttpRequest(file) { |
|
|
async uploadHttpRequest (file) { |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
showClose: true, |
|
|
showClose: true, |
|
|
dangerouslyUseHTMLString: true, |
|
|
dangerouslyUseHTMLString: true, |
|
@ -530,20 +480,20 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 搜索事件 |
|
|
// 搜索事件 |
|
|
handleSearch(val) { |
|
|
handleSearch (val) { |
|
|
console.log(this.formData); |
|
|
console.log(this.formData); |
|
|
this.pageNo = 1; |
|
|
this.pageNo = 1; |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 调出新增组件 |
|
|
// 调出新增组件 |
|
|
async handleAdd() { |
|
|
async handleAdd () { |
|
|
this.addDiaTitle = "新增"; |
|
|
this.addDiaTitle = "新增"; |
|
|
this.formType = "add"; |
|
|
this.formType = "add"; |
|
|
this.showAdd = true; |
|
|
this.showAdd = true; |
|
|
}, |
|
|
}, |
|
|
// 查看详情触发事件 |
|
|
// 查看详情触发事件 |
|
|
async handleDetail(row) { |
|
|
async handleDetail (row) { |
|
|
this.addDiaTitle = "详情"; |
|
|
this.addDiaTitle = "详情"; |
|
|
this.formType = "detail"; |
|
|
this.formType = "detail"; |
|
|
this.showAdd = true; |
|
|
this.showAdd = true; |
|
@ -553,21 +503,21 @@ |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 编辑触发事件 |
|
|
// 编辑触发事件 |
|
|
async handleEdit(row) {}, |
|
|
async handleEdit (row) { }, |
|
|
// 新增弹出框组件取消事件 |
|
|
// 新增弹出框组件取消事件 |
|
|
handleClose() { |
|
|
handleClose () { |
|
|
this.formType = ""; |
|
|
this.formType = ""; |
|
|
this.showAdd = false; |
|
|
this.showAdd = false; |
|
|
this.showEdit = false; |
|
|
this.showEdit = false; |
|
|
}, |
|
|
}, |
|
|
// 新增弹出框组件确定事件 |
|
|
// 新增弹出框组件确定事件 |
|
|
handleComfirm() { |
|
|
handleComfirm () { |
|
|
this.handleClose(); |
|
|
this.handleClose(); |
|
|
this.pageNo = 1; |
|
|
this.pageNo = 1; |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
// 删除触发事件 |
|
|
// 删除触发事件 |
|
|
async handleDel(row) { |
|
|
async handleDel (row) { |
|
|
this.$confirm("确认删除?", "提示", { |
|
|
this.$confirm("确认删除?", "提示", { |
|
|
confirmButtonText: "确定", |
|
|
confirmButtonText: "确定", |
|
|
cancelButtonText: "取消", |
|
|
cancelButtonText: "取消", |
|
@ -586,7 +536,7 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 删除处理 |
|
|
// 删除处理 |
|
|
async cancelFuwu(id) { |
|
|
async cancelFuwu (id) { |
|
|
const url = ""; |
|
|
const url = ""; |
|
|
const { data, code, msg } = await requestPost(url, id); |
|
|
const { data, code, msg } = await requestPost(url, id); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
@ -597,7 +547,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 获取列表 |
|
|
// 获取列表 |
|
|
async getTableData() { |
|
|
async getTableData () { |
|
|
this.tableLoading = true; |
|
|
this.tableLoading = true; |
|
|
const url = ""; |
|
|
const url = ""; |
|
|
|
|
|
|
|
@ -616,7 +566,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 导出 |
|
|
// 导出 |
|
|
async handleExport() { |
|
|
async handleExport () { |
|
|
const url = ""; |
|
|
const url = ""; |
|
|
const { pageSize, pageNo, formData } = this; |
|
|
const { pageSize, pageNo, formData } = this; |
|
|
axios({ |
|
|
axios({ |
|
@ -653,7 +603,7 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 下载模板 |
|
|
// 下载模板 |
|
|
async handleExportModule() { |
|
|
async handleExportModule () { |
|
|
let url = ""; |
|
|
let url = ""; |
|
|
let params = {}; |
|
|
let params = {}; |
|
|
await this.$http({ |
|
|
await this.$http({ |
|
@ -690,31 +640,31 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 分页 |
|
|
// 分页 |
|
|
handleSizeChange(val) { |
|
|
handleSizeChange (val) { |
|
|
this.pageSize = val; |
|
|
this.pageSize = val; |
|
|
window.localStorage.setItem("pageSize", val); |
|
|
window.localStorage.setItem("pageSize", val); |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 分页 |
|
|
// 分页 |
|
|
handleCurrentChange(val) { |
|
|
handleCurrentChange (val) { |
|
|
this.pageNo = val; |
|
|
this.pageNo = val; |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
// 重置 |
|
|
// 重置 |
|
|
resetSearch() { |
|
|
resetSearch () { |
|
|
this.formData = {}; |
|
|
this.formData = {}; |
|
|
|
|
|
|
|
|
this.pageNo = 1; |
|
|
this.pageNo = 1; |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
// 多选事件 |
|
|
// 多选事件 |
|
|
onMultiSelection(rows) { |
|
|
onMultiSelection (rows) { |
|
|
this.multiSelection = rows; |
|
|
this.multiSelection = rows; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 批量删除 |
|
|
// 批量删除 |
|
|
onDeleteBatch() { |
|
|
onDeleteBatch () { |
|
|
if (this.multiSelection.length == 0) { |
|
|
if (this.multiSelection.length == 0) { |
|
|
this.$message.warning("请先选中至少一项"); |
|
|
this.$message.warning("请先选中至少一项"); |
|
|
return; |
|
|
return; |
|
@ -736,15 +686,15 @@ |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
props: {}, |
|
|
props: {}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
.div_btn_left > * { |
|
|
.div_btn_left > * { |
|
|
margin-right: 10px; |
|
|
margin-right: 10px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|