elink-star
/
epmet-work-pc
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

信息采集

V1.0
jiangyy 3 years ago
parent
06fbb5874f
commit
0231ad1c9b
6 changed files with 1209 additions and 1438 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 396
      src/views/modules/base/collect.vue
  2. 374
      src/views/modules/base/huji/chusheng/cpts/edit.vue
  3. 216
      src/views/modules/base/huji/chusheng/index.vue
  4. 133
      src/views/modules/plugins/change/changedeath.vue
  5. 13
      src/views/modules/plugins/change/resichange.vue
  6. 81
      src/views/modules/plugins/change/resideath.vue

396
src/views/modules/base/collect.vue
View File

@ -1,12 +1,11 @@
<template> <template>
<div class="resi-container"> <div>
<el-card ref="searchCard" class="search-card"> <div class="div_main">
<el-form <div ref="searchDiv"
ref="searchForm" class="div_search">
<el-form ref="searchForm"
:inline="true" :inline="true"
:model="fmData" :model="fmData">
class="demo-form-inline"
>
<!-- <el-form-item <!-- <el-form-item
v-if="communityList.length > 0" v-if="communityList.length > 0"
label="所在社区" label="所在社区"
@ -17,7 +16,7 @@
placeholder="所在社区" placeholder="所在社区"
size="small" size="small"
clearable clearable
class="resi-cell-input" class="item_width_normal"
> >
<el-option <el-option
v-for="item in communityList" v-for="item in communityList"
@ -28,95 +27,89 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="居住地址" prop="address"> <el-form-item label="居住地址"
<el-input prop="address">
v-model="fmData.address" <el-input v-model="fmData.address"
class="resi-cell-input" class="item_width_normal"
size="small" size="small"
clearable clearable
placeholder="请输入" placeholder="请输入">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="户籍地址" prop="domicilePlace"> <el-form-item label="户籍地址"
<el-input prop="domicilePlace">
v-model="fmData.domicilePlace" <el-input v-model="fmData.domicilePlace"
class="resi-cell-input" class="item_width_normal"
size="small" size="small"
clearable clearable
placeholder="请输入" placeholder="请输入">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="填写时间" prop="startTime"> <el-form-item label="填写时间"
<el-date-picker prop="startTime">
v-model="timeRange" <el-date-picker v-model="timeRange"
type="daterange" type="daterange"
clearable clearable
size="small" size="small"
class="item_width_daterange2"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item>
<el-button <div class="div_search_btn">
class="diy-button--search" <el-button class="diy-button--white"
size="small" size="small"
@click="handleSearch" @click="resetForm('searchForm')">重置</el-button>
>查询</el-button <el-button style="margin-left:10px"
>
<el-button
class="diy-button--reset"
size="small" size="small"
@click="resetForm('searchForm')" class="diy-button--blue"
>重置</el-button @click="handleSearch">查询</el-button>
>
</el-form-item> </div>
</el-form> </el-form>
</el-card>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button @click="handleChu" class="diy-button--reset" size="small"
>导出</el-button
>
</div> </div>
<el-table <div class="div_table">
:data="tableData" <div class="div_btn">
<div class="div_btn_left">
<el-button @click="handleChu"
class="diy-button--white"
size="small">导出</el-button>
</div>
</div>
<el-table :data="tableData"
border border
style="width: 100%" style="width: 100%"
class="resi-table" class="div_table_item"
:height="tableHeight" :height="tableHeight"
:span-method="arraySpanMethod" :span-method="arraySpanMethod">
> <el-table-column label="序号"
<el-table-column label="序号" prop="desc" align="center" width="50"/> prop="desc"
<el-table-column align="center"
prop="houseHolderName" width="50" />
<el-table-column prop="houseHolderName"
width="100" width="100"
label="户主姓名" label="户主姓名"
align="center" align="center"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="address"
<el-table-column
prop="address"
align="center" align="center"
min-width="140" min-width="140"
label="居住地址" label="居住地址"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.homeId == 'other'" class="badge">房屋缺失</span> <span v-if="scope.row.homeId == 'other'"
class="badge">房屋缺失</span>
<span>{{scope.row.address}}</span> <span>{{scope.row.address}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="houseType"
prop="houseType"
align="center" align="center"
width="100" width="100"
label="房屋状态" label="房屋状态">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.houseType == 1">出租</span> <span v-if="scope.row.houseType == 1">出租</span>
<span v-if="scope.row.houseType == 2">闲置</span> <span v-if="scope.row.houseType == 2">闲置</span>
@ -124,109 +117,85 @@
<span v-if="scope.row.houseType == 0">自住</span> <span v-if="scope.row.houseType == 0">自住</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="totalResi"
prop="totalResi"
width="80" width="80"
align="center" align="center"
label="居住人数" label="居住人数" />
/> <el-table-column prop="memberName"
<el-table-column
prop="memberName"
width="100" width="100"
label="成员姓名" label="成员姓名"
align="center" align="center"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="memberIdNum"
<el-table-column
prop="memberIdNum"
width="180" width="180"
align="center" align="center"
label="成员证件号" label="成员证件号"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="memberMobile"
<el-table-column
prop="memberMobile"
width="140" width="140"
align="center" align="center"
label="成员手机号" label="成员手机号"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="relationship"
<el-table-column
prop="relationship"
min-width="120" min-width="120"
align="center" align="center"
label="与户主关系" label="与户主关系"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{getRelationshipName(scope.row.relationship)}}</span> <span>{{getRelationshipName(scope.row.relationship)}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="heSuanCount"
prop="heSuanCount"
width="120" width="120"
align="center" align="center"
label="核酸检测次数" label="核酸检测次数" />
/>
<el-table-column <el-table-column prop="ymjz"
prop="ymjz"
width="140" width="140"
align="center" align="center"
label="疫苗接种情况" label="疫苗接种情况">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.ymjz == 1">全程接种</span> <span v-if="scope.row.ymjz == 1">全程接种</span>
<span v-if="scope.row.ymjz == 2">未全程接种</span> <span v-if="scope.row.ymjz == 2">未全程接种</span>
<span v-if="scope.row.ymjz == 0">未接种</span> <span v-if="scope.row.ymjz == 0">未接种</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="domicilePlace"
prop="domicilePlace"
min-width="140" min-width="140"
align="center" align="center"
label="户籍地址" label="户籍地址"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="workPlace"
<el-table-column
prop="workPlace"
min-width="120" min-width="120"
align="center" align="center"
label="单位名称" label="单位名称"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="remark"
<el-table-column
prop="remark"
align="center" align="center"
label="备注" label="备注"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="faceImg"
prop="faceImg"
min-width="120" min-width="120"
align="center" align="center"
label="人脸" label="人脸">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-image <el-image style="max-height: 50px; max-width: 50px;"
style="max-height: 50px; max-width: 50px;"
:src="scope.row.faceImg" :src="scope.row.faceImg"
:preview-src-list="[scope.row.faceImg]"> :preview-src-list="[scope.row.faceImg]">
<div slot="error" class="image-slot"> <div slot="error"
class="image-slot">
<!-- <i class="el-icon-picture-outline"></i> --> <!-- <i class="el-icon-picture-outline"></i> -->
</div> </div>
</el-image> </el-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="checkState"
prop="checkState"
min-width="120" min-width="120"
align="center" align="center"
label="状态" label="状态"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
fixed="right" fixed="right">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.checkState === '0'">未审核</span> <span v-if="scope.row.checkState === '0'">未审核</span>
<span v-else-if="scope.row.checkState === '1'">未通过</span> <span v-else-if="scope.row.checkState === '1'">未通过</span>
@ -234,90 +203,75 @@
<span v-else></span> <span v-else></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="100" fixed="right"> <el-table-column label="操作"
align="center"
width="100"
fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button type="text"
type="text" class="div-table-button--blue"
class="div-table-button--detail"
size="small" size="small"
@click="handleWatch('look', scope.row)" @click="handleWatch('look', scope.row)">查看</el-button>
>查看</el-button <el-button type="text"
> class="div-table-button--blue"
<el-button
type="text"
class="div-table-button--detail"
size="small" size="small"
v-if="scope.row.agencyId == agencyId && scope.row.checkState === '0'" v-if="scope.row.agencyId == agencyId && scope.row.checkState === '0'"
@click="handleWatch('check', scope.row)" @click="handleWatch('check', scope.row)">审核</el-button>
>审核</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>
</el-card> </div>
</div>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog :visible.sync="formShow"
:visible.sync="formShow"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
title="信息详情" title="信息详情"
width="1100px" width="1100px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="handleClose" @closed="handleClose">
> <div class="dialog-h-content scroll-h">
<div class="scroll-h"> <el-form ref="ref_form"
<el-form
ref="ref_form"
:inline="true" :inline="true"
:model="dataForm" :model="dataForm"
:disabled="true" :disabled="true"
class="form"
>
<el-form-item
label="户主姓名:"
prop="houseHolderName"
label-width="150px" label-width="150px"
> class="edit_form">
<el-form-item label="户主姓名"
prop="houseHolderName">
<!-- <el-input class="item_width_1" <!-- <el-input class="item_width_1"
v-model="dataForm.houseHolderName"> v-model="dataForm.houseHolderName">
</el-input> --> </el-input> -->
<div class="wd50">{{ dataForm.houseHolderName }}</div> <div class="wd50">{{ dataForm.houseHolderName }}</div>
</el-form-item> </el-form-item>
<el-form-item label="居住地址:" prop="address" label-width="150px"> <el-form-item label="居住地址"
prop="address">
<!-- <el-input class="wd50" v-model="dataForm.address"> <!-- <el-input class="wd50" v-model="dataForm.address">
</el-input> --> </el-input> -->
<div class="wd50">{{ dataForm.address }}</div> <div class="wd50">{{ dataForm.address }}</div>
</el-form-item> </el-form-item>
<div> <div>
<el-form-item <el-form-item label="房屋状态"
label="房屋状态:" prop="houseType">
prop="houseType"
label-width="150px"
>
<!-- <el-input class="item_width_1" <!-- <el-input class="item_width_1"
v-model="dataForm.houseType"> v-model="dataForm.houseType">
</el-input> --> </el-input> -->
<div class="wd50">{{ dataForm.houseType }}</div> <div class="wd50">{{ dataForm.houseType }}</div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="居住人数"
label="居住人数:" prop="totalResi">
prop="totalResi"
label-width="150px"
>
<!-- <el-input class="item_width_1" <!-- <el-input class="item_width_1"
v-model="dataForm.totalResi"> v-model="dataForm.totalResi">
</el-input> --> </el-input> -->
@ -325,102 +279,84 @@
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<el-table <el-table :data="dataForm.list"
:data="dataForm.list"
border border
style="width: 1060px; margin: 20px" style="width: 1010px; margin: 20px"
class="resi-table" :height="dialogTableHeight">
:height="dialogTableHeight" <el-table-column label="序号"
>
<el-table-column
label="序号"
type="index" type="index"
align="center" align="center"
width="50" width="50" />
/> <el-table-column prop="memberName"
<el-table-column
prop="memberName"
width="100" width="100"
label="成员姓名" label="成员姓名"
align="center" align="center"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="memberIdNum"
<el-table-column
prop="memberIdNum"
width="180" width="180"
align="center" align="center"
label="成员证件号" label="成员证件号"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="memberMobile"
<el-table-column
prop="memberMobile"
width="140" width="140"
align="center" align="center"
label="成员手机号" label="成员手机号"
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="heSuanCount"
<el-table-column
prop="heSuanCount"
width="120" width="120"
align="center" align="center"
label="核酸检测次数" label="核酸检测次数" />
/>
<el-table-column <el-table-column prop="ymjz"
prop="ymjz"
width="140" width="140"
align="center" align="center"
label="疫苗接种情况" label="疫苗接种情况">
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.ymjz == 1">全程接种</span> <span v-if="scope.row.ymjz == 1">全程接种</span>
<span v-if="scope.row.ymjz == 2">未全程接种</span> <span v-if="scope.row.ymjz == 2">未全程接种</span>
<span v-if="scope.row.ymjz == 0">未接种</span> <span v-if="scope.row.ymjz == 0">未接种</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="domicilePlace"
prop="domicilePlace"
min-width="140" min-width="140"
align="center" align="center"
label="户籍所在地 " label="户籍所在地 "
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="workPlace"
<el-table-column
prop="workPlace"
min-width="120" min-width="120"
align="center" align="center"
label="单位或学校 " label="单位或学校 "
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="remark"
<el-table-column
prop="remark"
align="center" align="center"
label="备注" label="备注"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="faceImg"
prop="faceImg"
min-width="120" min-width="120"
align="center" align="center"
label="人脸" label="人脸">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-image <el-image style="max-height: 50px; max-width: 50px;"
style="max-height: 50px; max-width: 50px;"
:src="scope.row.faceImg" :src="scope.row.faceImg"
:preview-src-list="[scope.row.faceImg]"> :preview-src-list="[scope.row.faceImg]">
<div slot="error" class="image-slot"> <div slot="error"
class="image-slot">
<!-- <i class="el-icon-picture-outline"></i> --> <!-- <i class="el-icon-picture-outline"></i> -->
</div> </div>
</el-image> </el-image>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="resi-btns">
<div class="div_btn">
<el-button @click="formShow = false">{{ $t('cancel') }}</el-button> <el-button @click="formShow = false">{{ $t('cancel') }}</el-button>
<el-button v-if="dialogType == 'check'" type="danger" @click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button> <el-button v-if="dialogType == 'check'"
<el-button v-if="dialogType == 'check'" type="danger" @click="showAddHouse">{{ $t('checkTGBtn') }}</el-button> class="diy-button--blue"
@click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button>
<el-button v-if="dialogType == 'check'"
class="diy-button--blue"
@click="showAddHouse">{{ $t('checkTGBtn') }}</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
@ -817,48 +753,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/management/edit-main.scss";
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-table {
::v-deep .el-button--text {
text-decoration: underline;
}
}
.resi-card-table {
margin-top: 20px;
}
.resi-row-btn {
margin-bottom: 13px;
.upload-btn {
display: inline-block;
margin: 0 10px;
}
}
.resi-btns {
margin-top: 20px;
text-align: center;
}
.resi-container .resi-card {
position: relative;
overflow: visible;
}
.wd50 {
min-width: 200px;
}
.badge {
display: block;
color: #F1F2E5;
background-color: #D7000F;
border-radius: 12px;
width: 70px;
}
</style> </style>

374
src/views/modules/base/huji/chusheng/cpts/edit.vue
View File

@ -1,377 +1,275 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form <el-form ref="ref_form"
ref="ref_form"
:inline="true" :inline="true"
:model="fmData" :model="fmData"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'"
class="form"
>
<el-form-item
label="所属网格 "
prop="gridId"
label-width="150px" label-width="150px"
style="display: block" class="edit_form">
> <el-form-item label="所属网格 "
<el-select prop="gridId"
v-model.trim="fmData.gridId" style="display: block">
<el-select v-model.trim="fmData.gridId"
placeholder="请选择" placeholder="请选择"
size="small" size="small"
clearable clearable
class="resi-cell-select" class="edit_item_width_normal"
@change="handleChangeGrid" @change="handleChangeGrid"
:disabled="formType === 'edit'" :disabled="formType === 'edit'">
style="width: 250px" <el-option v-for="item in optionsG"
>
<el-option
v-for="item in optionsG"
: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 <el-form-item label="所属房屋 "
label="所属房屋 "
prop="homeId" prop="homeId"
label-width="150px" style="display: block">
style="display: block" <div>
> <el-select v-model.trim="fmData.villageId"
<el-select
v-model.trim="fmData.villageId"
placeholder="请选择小区" placeholder="请选择小区"
size="small" size="small"
clearable clearable
class="resi-cell-select" class="edit_item_width_normal"
@clear="handleClearVillage" @clear="handleClearVillage"
@change="handleChangeV" @change="handleChangeV"
:disabled="formType === 'edit'" :disabled="formType === 'edit'">
style="margin-right: 8px; width: 120px" <el-option v-for="item in optionsV"
>
<el-option
v-for="item in optionsV"
: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-select </div>
v-model.trim="fmData.buildId" <div>
<el-select v-model.trim="fmData.buildId"
placeholder="楼号" placeholder="楼号"
size="small" size="small"
clearable clearable
style="margin-right: 8px; width: 120px" class="edit_item_width_build"
class="resi-cell-select"
:disabled="changeVDisabled || formType === 'edit'" :disabled="changeVDisabled || formType === 'edit'"
@clear="handleClearBuild" @clear="handleClearBuild"
@change="handleChangeB" @change="handleChangeB">
> <el-option v-for="item in optionsB"
<el-option
v-for="item in optionsB"
: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-select <el-select v-model.trim="fmData.unitId"
v-model.trim="fmData.unitId"
:disabled="changeBDisabled || formType === 'edit'" :disabled="changeBDisabled || formType === 'edit'"
placeholder="单元" placeholder="单元"
size="small" size="small"
clearable clearable
style="margin-right: 8px; width: 120px" style="margin-left: 10px;"
class="resi-cell-select" class="edit_item_width_build"
@click="handleClearDan" @click="handleClearDan"
@change="handleChangeD" @change="handleChangeD">
> <el-option v-for="item in optionsD"
<el-option
v-for="item in optionsD"
: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-select <el-select v-model.trim="fmData.homeId"
v-model.trim="fmData.homeId"
:disabled="changeDDisabled || formType === 'edit'" :disabled="changeDDisabled || formType === 'edit'"
placeholder="房号" placeholder="房号"
size="small" size="small"
clearable clearable
@change="handleChangeH" @change="handleChangeH"
style="width: 120px" style="margin-left: 10px;"
class="resi-cell-select" class="edit_item_width_build">
> <el-option v-for="item in optionsH"
<el-option
v-for="item in optionsH"
: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>
</div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="姓名"
label="姓名"
prop="name" prop="name"
label-width="150px" style="display: block">
style="display: block" <el-input maxlength="30"
>
<el-input
class="item_width_1"
maxlength="30"
show-word-limit show-word-limit
style="width: 200px; margin-right: 20px" class="edit_item_width_normal"
placeholder="请输入姓名 " placeholder="请输入姓名 "
:disabled="formType === 'edit'" :disabled="formType === 'edit'"
v-model="fmData.name" v-model="fmData.name">
>
</el-input> </el-input>
<div>
<el-checkbox <el-checkbox v-model="fmData.isWelfare"
v-model="fmData.isWelfare"
:disabled="formType === 'edit'" :disabled="formType === 'edit'"
true-label="1" true-label="1"
false-label="0" false-label="0">享受福利</el-checkbox>
>享受福利</el-checkbox <el-checkbox v-model="fmData.isCheck"
>
<el-checkbox
v-model="fmData.isCheck"
true-label="1" true-label="1"
false-label="0" false-label="0"
:disabled="formType === 'edit'" :disabled="formType === 'edit'"
@change="checkResiAvailable" @change="checkResiAvailable">补充居民信息</el-checkbox>
>补充居民信息</el-checkbox </div>
>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="手机号"
label="手机号"
prop="mobile" prop="mobile"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="30" maxlength="30"
show-word-limit show-word-limit
placeholder="请输入手机号 " placeholder="请输入手机号 "
v-model="fmData.mobile" v-model="fmData.mobile"
:disabled="formType === 'edit'" :disabled="formType === 'edit'">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="证件号"
label="证件号"
prop="idCard" prop="idCard"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="30" maxlength="30"
placeholder="请输入身份证号或护照号" placeholder="请输入身份证号或护照号"
v-model="fmData.idCard" v-model="fmData.idCard"
@blur="handleBlurId" @blur="handleBlurId"
:disabled="formType === 'edit'" :disabled="formType === 'edit'"></el-input>
></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="性别"
label="性别"
prop="principalName" prop="principalName"
label-width="150px" style="display: block">
style="display: block" <el-select v-model.trim="fmData.gender"
>
<el-select
v-model.trim="fmData.gender"
placeholder="性别" placeholder="性别"
size="small" size="small"
clearable clearable
style="width: 120px" class="edit_item_width_normal"
class="resi-cell-select" :disabled="formType === 'edit'">
:disabled="formType === 'edit'" <el-option v-for="item in optionsGender"
>
<el-option
v-for="item in optionsGender"
: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 <el-form-item label="出生日期"
label="出生日期"
prop="birthday" prop="birthday"
label-width="150px" style="display: block">
style="display: block" <el-date-picker v-model="fmData.birthday"
>
<el-date-picker
v-model="fmData.birthday"
type="date" type="date"
class="edit_item_width_normal"
placeholder="出生日期" placeholder="出生日期"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
:disabled="formType === 'edit'" :disabled="formType === 'edit'">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="出生地"
label="出生地"
prop="birthplace" prop="birthplace"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入出生地" placeholder="请输入出生地"
v-model="fmData.birthplace" v-model="fmData.birthplace">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="出生人父亲姓名"
label="出生人父亲姓名"
prop="father" prop="father"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="30" maxlength="30"
show-word-limit show-word-limit
placeholder="请输入出生人父亲姓名" placeholder="请输入出生人父亲姓名"
v-model="fmData.father" v-model="fmData.father">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="出生人母亲姓名"
label="出生人母亲姓名"
prop="mother" prop="mother"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="30" maxlength="30"
show-word-limit show-word-limit
placeholder="请输入出生人母亲姓名" placeholder="请输入出生人母亲姓名"
v-model="fmData.mother" v-model="fmData.mother">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="胎次"
label="胎次"
prop="count" prop="count"
label-width="150px" style="display: block">
style="display: block" <el-input-number v-model="fmData.count"
> class="edit_item_width_normal"
<el-input-number
v-model="fmData.count"
:min="1" :min="1"
:max="50" :max="50"
label="请输入胎次" label="请输入胎次"></el-input-number>
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="申报户口日期"
label="申报户口日期"
prop="reportDate" prop="reportDate"
label-width="150px" style="display: block">
style="display: block" <el-date-picker v-model="fmData.reportDate"
> class="edit_item_width_normal"
<el-date-picker
v-model="fmData.reportDate"
placeholder="申报户口日期" placeholder="申报户口日期"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd">
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="户主姓名"
label="户主姓名"
prop="householderName" prop="householderName"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入户主姓名" placeholder="请输入户主姓名"
:disabled="fmData.alreadyHaveMaster" :disabled="fmData.alreadyHaveMaster"
v-model="fmData.householderName" v-model="fmData.householderName">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="与户主关系"
label="与户主关系"
prop="householderRelation" prop="householderRelation"
label-width="150px" style="display: block">
style="display: block" <el-select v-model.trim="fmData.householderRelation"
>
<el-select
v-model.trim="fmData.householderRelation"
placeholder="与户主关系" placeholder="与户主关系"
size="small" size="small"
clearable clearable
style="width: 120px" class="edit_item_width_normal">
class="resi-cell-select" <el-option v-for="item in optionsRelation"
>
<el-option
v-for="item in optionsRelation"
: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 <el-form-item v-if="false"
v-if="false"
label="备注" label="备注"
prop="remark" prop="remark"
label-width="150px" style="display: block">
style="display: block" <el-input class="edit_item_width_normal"
>
<el-input
class="item_width_1"
type="textarea" type="textarea"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入备注，不超过500字" placeholder="请输入备注，不超过500字"
v-model="fmData.remark" v-model="fmData.remark"></el-input>
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="div_btn resi-btns">
<el-button size="small" @click="handleCancle">取 消</el-button> <div class="div_btn">
<el-button <el-button size="small"
v-if="formType != 'detail'" @click="handleCancle">取 消</el-button>
type="primary" <el-button type="primary"
size="small" size="small"
class="diy-button--blue"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm" @click="handleComfirm">保 存</el-button>
>确 定</el-button
>
</div> </div>
</div> </div>
</template> </template>
@ -830,53 +728,5 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.item_width_1 { @import "@/assets/scss/modules/management/edit-main.scss";
width: 500px;
}
.item_width_2 {
width: 400px;
}
.item_width_3 {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_map {
margin-top: 10px;
}
.div_btn {
// display: flex;
// justify-content: flex-end;
}
.el-tabs {
margin: 0 20px;
}
.el-upload__tip {
color: rgb(155, 155, 155);
margin: 0;
}
.form {
margin-top: 30px;
}
.m-staffs {
width: 468px;
.item {
display: flex;
justify-content: space-around;
margin-bottom: 7px;
}
.item-add {
}
}
</style>
<style>
.el-dialog__body {
padding: 0 10px 20px !important;
}
</style> </style>

216
src/views/modules/base/huji/chusheng/index.vue
View File

@ -1,21 +1,20 @@
<template> <template>
<div class="resi-container"> <div class="div_main">
<el-card ref="searchCard" <div ref="searchDiv"
class="search-card"> class="div_search">
<el-form ref="searchForm" <el-form ref="searchForm"
:inline="true" :inline="true"
:model="fmData" :model="fmData"
:label-width="'100px'" :label-width="'100px'">
class="demo-form-inline">
<div>
<el-form-item prop="gridId" <el-form-item prop="gridId"
label="所属网格"> label="所属网格">
<div class="resi-cell-value">
<el-select v-model.trim="fmData.gridId" <el-select v-model.trim="fmData.gridId"
placeholder="请选择" placeholder="请选择"
size="small" size="small"
clearable clearable
class="resi-cell-select" class="item_width_normal"
@change="handleChangeGrid"> @change="handleChangeGrid">
<el-option v-for="item in optionsG" <el-option v-for="item in optionsG"
:key="item.value" :key="item.value"
@ -23,16 +22,16 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</div>
</el-form-item> </el-form-item>
<el-form-item label="所属房屋"> <el-form-item label="所属房屋">
<div class="resi-cell-value">
<el-select v-model.trim="fmData.villageId" <el-select v-model.trim="fmData.villageId"
placeholder="请选择小区" placeholder="请选择小区"
size="small" size="small"
clearable clearable
class="resi-cell-select" class="item_width_communitycascader"
@clear="handleClearVillage" @clear="handleClearVillage"
@change="handleChangeV"> @change="handleChangeV">
<el-option v-for="item in optionsV" <el-option v-for="item in optionsV"
@ -45,8 +44,8 @@
placeholder="楼号" placeholder="楼号"
size="small" size="small"
clearable clearable
style="width: 120px" class="item_width_buildcascader"
class="resi-cell-select" style="margin-left:5px"
:disabled="changeVDisabled" :disabled="changeVDisabled"
@clear="handleClearBuild" @clear="handleClearBuild"
@change="handleChangeB"> @change="handleChangeB">
@ -61,8 +60,8 @@
placeholder="单元" placeholder="单元"
size="small" size="small"
clearable clearable
style="width: 120px" class="item_width_buildcascader"
class="resi-cell-select" style="margin-left:5px"
@click="handleClearDan" @click="handleClearDan"
@change="handleChangeD"> @change="handleChangeD">
<el-option v-for="item in optionsD" <el-option v-for="item in optionsD"
@ -76,23 +75,21 @@
placeholder="房号" placeholder="房号"
size="small" size="small"
clearable clearable
style="width: 120px" class="item_width_buildcascader"
class="resi-cell-select"> style="margin-left:5px">
<el-option v-for="item in optionsH" <el-option v-for="item in optionsH"
: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>
</div>
</el-form-item> </el-form-item>
</div>
<div>
<el-form-item label="姓名" <el-form-item label="姓名"
prop="name"> prop="name">
<el-input v-model="fmData.name" <el-input v-model="fmData.name"
class="resi-cell-input" class="item_width_normal"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入">
@ -102,7 +99,7 @@
<el-form-item label="手机号" <el-form-item label="手机号"
prop="mobile"> prop="mobile">
<el-input v-model="fmData.mobile" <el-input v-model="fmData.mobile"
class="resi-cell-input" class="item_width_normal"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入">
@ -112,19 +109,18 @@
<el-form-item label="证件号" <el-form-item label="证件号"
prop="idCard"> prop="idCard">
<el-input v-model="fmData.idCard" <el-input v-model="fmData.idCard"
class="resi-cell-input" class="item_width_normal"
size="small" size="small"
clearable clearable
placeholder="请输入身份证号或证件号"> placeholder="请输入证件号">
</el-input> </el-input>
</el-form-item> </el-form-item>
</div>
<div>
<el-form-item label="出生日期" <el-form-item label="出生日期"
prop="birthdayTime"> prop="birthdayTime">
<el-date-picker v-model="fmData.birthdayTime" <el-date-picker v-model="fmData.birthdayTime"
type="daterange" type="daterange"
class="item_width_daterange2"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
@ -138,8 +134,7 @@
placeholder="请选择" placeholder="请选择"
size="small" size="small"
clearable clearable
style="width: 120px" class="item_width_normal">
class="resi-cell-select">
<el-option v-for="item in optionsWelfare" <el-option v-for="item in optionsWelfare"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
@ -148,24 +143,28 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <div class="div_search_btn">
<el-button class="diy-button--search" <el-button class="diy-button--white"
size="small"
@click="handleSearch">查询</el-button>
<el-button class="diy-button--reset"
size="small" size="small"
@click="resetForm('searchForm')">重置</el-button> @click="resetForm('searchForm')">重置</el-button>
</el-form-item> <el-button style="margin-left:10px"
size="small"
class="diy-button--blue"
@click="handleSearch">查询</el-button>
</div> </div>
</el-form> </el-form>
</el-card>
<el-card class="resi-card-table"> </div>
<div class="resi-row-btn"> <div class="div_table">
<el-button class="diy-button--add" <div class="div_btn">
<div class="div_btn_left">
<el-button class="diy-button--blue"
icon="el-icon-plus"
size="small" size="small"
@click="handleAdd">出生登记</el-button> @click="handleAdd">出生登记</el-button>
<el-button v-if="false" <el-button v-if="false"
class="diy-button--export" class="diy-button--white"
size="small" size="small"
@click="handleExportModule('room')">下载模板</el-button> @click="handleExportModule('room')">下载模板</el-button>
<el-upload :headers="$getElUploadHeaders()" <el-upload :headers="$getElUploadHeaders()"
@ -183,19 +182,19 @@
:before-upload="beforeExcelUpload" :before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest"> :http-request="uploadHttpRequest">
<el-button size="small" <el-button size="small"
class="diy-button--delete" class="diy-button--white"
:loading="importLoading">{{ importBtnTitle }}</el-button> :loading="importLoading">{{ importBtnTitle }}</el-button>
</el-upload> </el-upload>
<el-button @click="handleChu" <el-button @click="handleChu"
class="diy-button--reset" class="diy-button--white"
size="small">导出</el-button> size="small">导出</el-button>
</div> </div>
</div>
<el-table :data="tableData" <el-table :data="tableData"
border border
style="width: 100%" class="div_table_item"
class="resi-table" :height="tableHeight">
:height="maxTableHeight">
<el-table-column label="序号" <el-table-column label="序号"
fixed="left" fixed="left"
type="index" type="index"
@ -288,7 +287,7 @@
<el-table-column fixed="right" <el-table-column fixed="right"
label="操作" label="操作"
align="center" align="center"
width="160"> width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button <!-- <el-button
@click="handleWatch(scope.$index)" @click="handleWatch(scope.$index)"
@ -300,12 +299,12 @@
<el-button @click="handleEdit(scope.$index)" <el-button @click="handleEdit(scope.$index)"
type="text" type="text"
size="small" size="small"
class="div-table-button--edit">修改</el-button> class="div-table-button--blue">修改</el-button>
<el-button @click="handleChangeRecord(scope.row)" <el-button @click="handleChangeRecord(scope.row)"
type="text" type="text"
size="small" size="small"
class="div-table-button--detail">变更记录</el-button> class="div-table-button--blue">变更记录</el-button>
<el-popconfirm v-if="false" <el-popconfirm v-if="false"
title="删除之后无法回复，确认删除？" title="删除之后无法回复，确认删除？"
@ -314,7 +313,7 @@
<el-button slot="reference" <el-button slot="reference"
type="text" type="text"
size="small" size="small"
class="div-table-button--delete" class="div-table-button--blue"
style="margin-left: 10px">删除</el-button> style="margin-left: 10px">删除</el-button>
</el-popconfirm> </el-popconfirm>
<el-popconfirm v-if="true" <el-popconfirm v-if="true"
@ -324,7 +323,7 @@
<el-button slot="reference" <el-button slot="reference"
type="text" type="text"
size="small" size="small"
class="div-table-button--delete" class="div-table-button--blue"
style="margin-left: 10px">删除</el-button> style="margin-left: 10px">删除</el-button>
</el-popconfirm> </el-popconfirm>
</template> </template>
@ -341,14 +340,14 @@
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
</el-card> </div>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog :visible.sync="formShow" <el-dialog :visible.sync="formShow"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:title="formTitle" :title="formTitle"
width="850px" width="670px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="handleClose"> @closed="handleClose">
@ -362,7 +361,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:title="'出生详情'" :title="'出生详情'"
width="850px" width="670px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="detailFormCancle"> @closed="detailFormCancle">
@ -451,6 +450,9 @@ export default {
scoreDiaTitle: "积分记录", scoreDiaTitle: "积分记录",
scoreDiaShow: false, scoreDiaShow: false,
changeRecordShow: false, changeRecordShow: false,
searchH: 0,
tableHeight: 0,
}; };
}, },
computed: { computed: {
@ -480,11 +482,24 @@ export default {
this.fmData.birthdayEnd = ""; this.fmData.birthdayEnd = "";
} }
}, },
searchH () {
const h = this.clientHeight - this.searchH + this.iframeHeight
const _h = this.clientHeight - this.searchH
console.log('computed-searchH---_h', _h)
this.$nextTick(() => {
this.tableHeight = this.$store.state.inIframe ? h : _h
})
}
}, },
mounted () { mounted () {
this.getGridList(); this.getGridList();
this.getValiheList(); this.getValiheList();
this.getTableData(); this.getTableData();
this.searchH = this.$refs.searchDiv.offsetHeight + 290
console.log('searchH----', this.$refs.searchDiv.offsetHeight)
}, },
methods: { methods: {
diaClose () { diaClose () {
@ -768,7 +783,20 @@ export default {
this.getTableData(); this.getTableData();
}, },
resetForm (formName) { resetForm (formName) {
this.$refs[formName].resetFields(); this.fmData = {
gridId: "",
villageId: "",
buildId: "",
unitId: "",
homeId: "",
name: "",
mobile: "",
idCard: "",
isWelfare: "", //福利0否，1是
birthdayStart: "",
birthdayEnd: "",
birthdayTime: ["", ""],
}
this.handleSearch(); this.handleSearch();
}, },
async handleAdd () { async handleAdd () {
@ -895,85 +923,5 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/modules/management/list-main.scss";
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-table {
::v-deep .el-button--text {
text-decoration: underline;
}
}
.resi-card-table {
margin-top: 20px;
}
.resi-row-btn {
margin-bottom: 13px;
.upload-btn {
display: inline-block;
margin: 0 10px;
}
}
.resi-btns {
margin-top: 20px;
text-align: center;
}
.resi-container .resi-card {
position: relative;
overflow: visible;
}
.demo-form-inline {
// display: flex;
// align-items: center;
// margin-bottom: 20px;
.resi-cell-label {
flex-shrink: 0;
min-width: 0;
box-sizing: border-box;
margin-right: 15px;
// text-align: right;
// line-height: 32;
}
.resi-cell-label1 {
width: max-content;
}
.resi-cell-value-radio {
display: flex;
align-items: center;
min-height: 32px;
}
.resi-cell-input {
width: 200px;
}
.resi-cell--daterange {
max-width: 260px;
}
.resi-cell-select {
width: 200px;
box-sizing: border-box;
margin-right: 10px;
&-middle {
width: 130px;
}
&-small {
width: 88px;
}
}
.resi-cell-select:last-child {
margin-right: 0;
}
}
.mt10 {
margin-top: 10px;
}
</style> </style>

133
src/views/modules/plugins/change/changedeath.vue
View File

@ -1,12 +1,16 @@
<template> <template>
<div class="mod-rent__rentDeath} resi-container"> <div class="div_main">
<el-card ref="searchCard" class="search-card"> <div ref="searchDiv"
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="70px"> class="div_search">
<el-form :inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()"
label-width="100px">
<el-form-item label="姓名" <el-form-item label="姓名"
prop="name"> prop="name">
<el-input v-model="dataForm.name" <el-input v-model="dataForm.name"
size="small" size="small"
class="list_item_width_1" class="item_width_normal"
clearable clearable
placeholder="请输入姓名"> placeholder="请输入姓名">
</el-input> </el-input>
@ -15,7 +19,7 @@
prop="idCard"> prop="idCard">
<el-input v-model="dataForm.idCard" <el-input v-model="dataForm.idCard"
size="small" size="small"
class="list_item_width_1" class="item_width_normal"
clearable clearable
placeholder="请输入证件号"> placeholder="请输入证件号">
</el-input> </el-input>
@ -24,17 +28,17 @@
prop="mobile"> prop="mobile">
<el-input v-model="dataForm.mobile" <el-input v-model="dataForm.mobile"
size="small" size="small"
class="list_item_width_1" class="item_width_normal"
clearable clearable
placeholder="请输入手机"> placeholder="请输入手机">
</el-input> </el-input>
</el-form-item> </el-form-item>
<br/>
<el-form-item label="死亡时间" <el-form-item label="死亡时间"
prop="startTime"> prop="startTime">
<el-date-picker v-model="timeRange" <el-date-picker v-model="timeRange"
type="daterange" type="daterange"
clearable class="item_width_daterange2"
size="small" size="small"
range-separator="至" range-separator="至"
start-placeholder="选择日期" start-placeholder="选择日期"
@ -42,31 +46,46 @@
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="享受福利" prop="isWelfare"> <el-form-item label="享受福利"
<el-select v-model="dataForm.isWelfare" placeholder="请选择" clearable> prop="isWelfare">
<el-option v-for="item in isWelfareArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> <el-select v-model="dataForm.isWelfare"
size="small"
class="item_width_normal"
placeholder="请选择"
clearable>
<el-option v-for="item in isWelfareArr"
:key="item.dictValue"
:label="item.dictName"
:value="item.dictValue">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="getDataList()">{{ $t('query') }}</el-button> <div class="div_search_btn">
</el-form-item> <el-button class="diy-button--white"
<el-form-item> size="small"
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> @click="resetForm">重置</el-button>
</el-form-item> <el-button style="margin-left:10px"
<!--<el-form-item>--> size="small"
<!--<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> class="diy-button--blue"
<!--</el-form-item>--> @click="getDataList">查询</el-button>
<!--<el-form-item>-->
<!--<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>--> </div>
<!--</el-form-item>-->
</el-form> </el-form>
</el-card>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button type="warning" size="small" class="diy-button--reset" @click="exportHandle()">{{ $t('export') }}</el-button>
</div> </div>
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> <div class="div_table">
<div class="div_btn">
<div class="div_btn_left">
<el-button size="small"
class="diy-button--white"
@click="exportHandle()">{{ $t('export') }}</el-button>
</div>
</div>
<el-table class="div_table_item"
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle">
<!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>--> <!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>-->
<el-table-column label="序号" <el-table-column label="序号"
type="index" type="index"
@ -76,14 +95,29 @@
</el-table-column> </el-table-column>
<!--<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>-->
<!--<el-table-column prop="userId" label="epmet用户主键" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="userId" label="epmet用户主键" header-align="center" align="center"></el-table-column>-->
<el-table-column prop="name" label="姓名" header-align="center" align="center"> <el-table-column prop="name"
label="姓名"
header-align="center"
align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">{{scope.row.name}}</el-button> <el-button @click="handleLook(scope.row)"
type="text"
size="small"
class="btn-color-look">{{scope.row.name}}</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="idCard" label="证件号" header-align="center" align="center"></el-table-column> <el-table-column prop="idCard"
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column> label="证件号"
<el-table-column prop="gender" label="性别" header-align="center" align="center"> header-align="center"
align="center"></el-table-column>
<el-table-column prop="mobile"
label="手机号"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="gender"
label="性别"
header-align="center"
align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ {{
scope.row.gender == '2' scope.row.gender == '2'
@ -103,19 +137,29 @@
<!--}}--> <!--}}-->
<!--</template>--> <!--</template>-->
<!--</el-table-column>--> <!--</el-table-column>-->
<el-table-column prop="deathDate" label="死亡时间" header-align="center" align="center"></el-table-column> <el-table-column prop="deathDate"
label="死亡时间"
header-align="center"
align="center"></el-table-column>
<!--<el-table-column prop="joinReason" label="加入原因" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="joinReason" label="加入原因" header-align="center" align="center"></el-table-column>-->
<!--<el-table-column prop="removeDate" label="移除时间" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="removeDate" label="移除时间" header-align="center" align="center"></el-table-column>-->
<!--<el-table-column prop="removeReason" label="移除原因" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="removeReason" label="移除原因" header-align="center" align="center"></el-table-column>-->
<!--<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>-->
<!--<el-table-column prop="customerId" label="客户ID" header-align="center" align="center"></el-table-column>--> <!--<el-table-column prop="customerId" label="客户ID" header-align="center" align="center"></el-table-column>-->
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')"
fixed="right"
header-align="center"
align="center"
width="170">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">查看</el-button> <el-button @click="handleLook(scope.row)"
type="text"
size="small"
class="div-table-button--blue">查看</el-button>
<el-button @click="handleChangeRecord(scope.row)" <el-button @click="handleChangeRecord(scope.row)"
type="text" type="text"
size="small" size="small"
class="div-table-button--detail">变更记录</el-button> class="div-table-button--blue">变更记录</el-button>
<!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>--> <!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>-->
<!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> <!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
<el-popconfirm v-if="scope.row.status !== '0'" <el-popconfirm v-if="scope.row.status !== '0'"
@ -125,14 +169,13 @@
<el-button slot="reference" <el-button slot="reference"
type="text" type="text"
size="small" size="small"
class="div-table-button--delete" class="div-table-button--blue"
style="margin-left: 10px">恢复</el-button> style="margin-left: 10px">恢复</el-button>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination :current-page="page"
:current-page="page"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
:page-size="limit" :page-size="limit"
:total="total" :total="total"
@ -140,9 +183,11 @@
@size-change="pageSizeChangeHandle" @size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"> @current-change="pageCurrentChangeHandle">
</el-pagination> </el-pagination>
</el-card> </div>
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
<people-more v-if="showedPeopleMoreInfo && lookInfo.userId" <people-more v-if="showedPeopleMoreInfo && lookInfo.userId"
:userId="lookInfo.userId" :userId="lookInfo.userId"
:gridName="lookInfo.gridName" :gridName="lookInfo.gridName"
@ -302,7 +347,8 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/modules/management/list-main.scss";
/deep/.el-form-item__label { /deep/.el-form-item__label {
width: 80px !important; width: 80px !important;
} }
@ -328,7 +374,6 @@ export default {
.form-wr { .form-wr {
.input-width { .input-width {
width: 260px; width: 260px;
} }
.input-width-textarea { .input-width-textarea {
width: 500px; width: 500px;

13
src/views/modules/plugins/change/resichange.vue
View File

@ -5,7 +5,7 @@
:form-list="searchList" :form-list="searchList"
:column-name="defaultCategotyKey" :column-name="defaultCategotyKey"
@search="handleSearch" /> @search="handleSearch" />
<el-card class="resi-card-table"> <div class="div_table">
<!-- <div class="resi-row-btn"> <!-- <div class="resi-row-btn">
<el-button size="small" <el-button size="small"
class="diy-button--add" class="diy-button--add"
@ -44,8 +44,7 @@
:data="tableData" :data="tableData"
v-loading="tableLoading" v-loading="tableLoading"
border border
style="width: 100%" class="div_table_item"
class="resi-table"
:height="tableHeight" :height="tableHeight"
@select-all="selectAll" @select-all="selectAll"
@selection-change="selectionChange"> @selection-change="selectionChange">
@ -85,7 +84,7 @@
<el-button @click="handleTransfer(scope.row)" <el-button @click="handleTransfer(scope.row)"
type="text" type="text"
size="small" size="small"
class="div-table-button--detail">迁出</el-button> class="div-table-button--blue">迁出</el-button>
<!--<el-button @click="joinBlacklist(scope.row)"--> <!--<el-button @click="joinBlacklist(scope.row)"-->
<!--type="text"--> <!--type="text"-->
<!--size="small"--> <!--size="small"-->
@ -138,7 +137,7 @@
</div> </div>
</div> </div>
</el-card> </div>
<el-dialog :title="formName" <el-dialog :title="formName"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
@ -371,8 +370,8 @@ export default {
computed: { computed: {
...mapGetters(['clientHeight', 'iframeHeight']), ...mapGetters(['clientHeight', 'iframeHeight']),
tableHeight () { tableHeight () {
const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh const h = this.clientHeight - this.searchH - 240 + this.iframeHeigh
const _h = this.clientHeight - 280 - this.searchH const _h = this.clientHeight - 240 - this.searchH
return this.$store.state.inIframe ? h : _h return this.$store.state.inIframe ? h : _h
} }
}, },

81
src/views/modules/plugins/change/resideath.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class="resi-container"> <div class="div_main">
<death-search v-if="searchList.length > 0" <death-search v-if="searchList.length > 0"
ref="deathSearch" ref="deathSearch"
:form-list="searchList" :form-list="searchList"
:column-name="defaultCategotyKey" :column-name="defaultCategotyKey"
@search="handleSearch" /> @search="handleSearch" />
<el-card class="resi-card-table"> <div class="div_table">
<!-- <div class="resi-row-btn"> <!-- <div class="resi-row-btn">
<el-button size="small" <el-button size="small"
class="diy-button--add" class="diy-button--add"
@ -44,8 +44,7 @@
:data="tableData" :data="tableData"
v-loading="tableLoading" v-loading="tableLoading"
border border
style="width: 100%" class="div_table_item"
class="resi-table"
:height="tableHeight" :height="tableHeight"
@select-all="selectAll" @select-all="selectAll"
@selection-change="selectionChange"> @selection-change="selectionChange">
@ -85,7 +84,7 @@
<el-button @click="joinBlacklist(scope.row)" <el-button @click="joinBlacklist(scope.row)"
type="text" type="text"
size="small" size="small"
class="div-table-button--detail">新增死亡人口</el-button> class="div-table-button--blue">新增死亡人口</el-button>
<!-- <el-button @click="handleLook(scope.row)" <!-- <el-button @click="handleLook(scope.row)"
type="text" type="text"
size="small" size="small"
@ -134,7 +133,7 @@
</div> </div>
</div> </div>
</el-card> </div>
<el-dialog :title="formName" <el-dialog :title="formName"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
@ -262,33 +261,63 @@
:gridName="lookInfo.gridName" :gridName="lookInfo.gridName"
@close="handleCancleLook" /> @close="handleCancleLook" />
<el-dialog title="新增死亡人口的原因" <el-dialog title="新增死亡人口"
:visible.sync="blacklistVisible" :visible.sync="blacklistVisible"
width="40%"> width="40%">
<textarea v-model="blacklistReason" <div class="dialog-h-content scroll-h">
placeholder="请输入新增死亡人口的原因" <el-form ref="ref_form"
class="blacklist-reason"></textarea> :inline="true"
<div> :model="fmData"
<br /> label-width="150px"
</div> class="edit_form">
<el-checkbox v-model="welfareFlag">享受福利</el-checkbox> <el-form-item label="死亡原因"
<div> prop="gridId"
<br /> style="display: block">
</div> <el-input class="edit_item_width_normal"
type="textarea"
:rows="3"
placeholder="请输入死亡原因"
v-model="blacklistReason"></el-input>
</el-form-item>
<el-form-item label="享受福利"
prop="gridId"
style="display: block">
<el-checkbox v-model="welfareFlag"></el-checkbox>
</el-form-item>
<el-form-item label="死亡日期"
prop="gridId"
style="display: block">
<el-date-picker v-model="deathDate" <el-date-picker v-model="deathDate"
type="date" type="date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="请选择死亡日期" placeholder="请选择死亡日期"
style="width:200px" class="edit_item_width_normal"
:clearable="false"> :clearable="false">
</el-date-picker> </el-date-picker>
<span slot="footer" </el-form-item>
</el-form>
<div class="div_btn">
<el-button size="small"
@click="blacklistVisible = false">取 消</el-button>
<el-button type="primary"
size="small"
class="diy-button--blue"
:disabled="btnDisable"
@click="confirmJoinDeathlist">保 存</el-button>
</div>
<!-- <span slot="footer"
class="dialog-footer"> class="dialog-footer">
<el-button @click="blacklistVisible = false">取 消</el-button> <el-button @click="blacklistVisible = false">取 消</el-button>
<el-button type="primary" <el-button type="primary"
@click="confirmJoinDeathlist">确 定</el-button> @click="confirmJoinDeathlist">确 定</el-button>
</span> </span> -->
</div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -366,7 +395,10 @@ export default {
blacklistReason: '', // 加入黑名单原因 blacklistReason: '', // 加入黑名单原因
welfareFlag: false, welfareFlag: false,
rowData: {}, // 加入黑名单的人员信息 rowData: {}, // 加入黑名单的人员信息
deathDate: '' deathDate: '',
fmData: {
}
} }
}, },
props: { props: {
@ -386,8 +418,8 @@ export default {
computed: { computed: {
...mapGetters(['clientHeight', 'iframeHeight']), ...mapGetters(['clientHeight', 'iframeHeight']),
tableHeight () { tableHeight () {
const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh const h = this.clientHeight - this.searchH - 240 + this.iframeHeigh
const _h = this.clientHeight - 280 - this.searchH const _h = this.clientHeight - 240 - this.searchH
return this.$store.state.inIframe ? h : _h return this.$store.state.inIframe ? h : _h
} }
}, },
@ -1260,6 +1292,9 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/management/edit-main.scss";
.tabs-other-info { .tabs-other-info {
::v-deep .el-tabs__item { ::v-deep .el-tabs__item {
// width: 50px; // width: 50px;

Write Preview
Loading…
Cancel
Save