elink-star
/
epdc-admin-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

防疫人员信息-列表修改

origin/sync_user
Jackwang 4 years ago
parent
8818550a13
commit
df56096bad
1 changed files with 358 additions and 144 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. 502
      src/views/modules/epidemic/epidemicreportuserinfo.vue

502
src/views/modules/epidemic/epidemicreportuserinfo.vue
View File

@ -5,6 +5,14 @@
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="beforeGetDataList()"> @keyup.enter.native="beforeGetDataList()">
<el-form-item label="所属组织" label-width="90px">
<el-cascader v-model="deptIdList"
ref="deptTree"
:options="options"
:props="{ checkStrictly: true }"
clearable>
</el-cascader>
</el-form-item>
<el-form-item label="姓名" <el-form-item label="姓名"
prop="username" prop="username"
label-width="100px"> label-width="100px">
@ -35,133 +43,234 @@
@keyup.native="btKeyUpMobile" @keyup.native="btKeyUpMobile"
style="width:200px"></el-input> style="width:200px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="所属组织" label-width="90px">
<el-cascader v-model="deptIdList"
ref="deptTree" <el-collapse style="width: 95%;margin-bottom: 15px">
:options="options" <el-collapse-item>
:props="{ checkStrictly: true }" <template slot="title">
clearable> <div style="float: right">展开高级检索</div>
</el-cascader> </template>
</el-form-item> <el-form-item label="特殊人群"
<el-form-item label="特殊人群" prop="specialCrowd" label-width="120px">
prop="specialCrowd" label-width="100px"> <el-select v-model="dataForm.specialCrowd" clearable
<el-select v-model="dataForm.specialCrowd" clearable placeholder="请选择">
placeholder="请选择"> <el-option v-for="item in specialCrowdList"
<el-option v-for="item in specialCrowdList" :key="item.dictValue"
:key="item.dictValue" :label="item.dictName"
:label="item.dictName" :value="item.dictValue">
:value="item.dictValue"> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="核酸检测状态" prop="checkState" label-width="120px">
<!-- <el-form-item label="户籍地"--> <el-select v-model="dataForm.checkState" clearable placeholder="核酸检测状态">
<!-- label-width="90px">--> <el-option v-for="item in checkStateList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
<!-- <el-input v-model="dataForm.householdRegisterName"--> </el-option>
<!-- placeholder="户籍地"--> </el-select>
<!-- clearable--> </el-form-item>
<!-- maxlength="500"--> <el-form-item label="已接种" label-width="120px"
<!-- style="width:200px"></el-input>--> prop="isInoculate">
<!-- </el-form-item>--> <el-select v-model="dataForm.isInoculate" clearable
<!-- <br/>--> placeholder="请选择">
<!-- <el-form-item label="街道/乡镇名称"--> <el-option v-for="item in inoculateStateArr"
<!-- prop="street"--> :key="item.dictValue"
<!-- label-width="120px">--> :label="item.dictName"
<!-- <el-input v-model="dataForm.street"--> :value="item.dictValue">
<!-- placeholder="街道/乡镇名称"--> </el-option>
<!-- clearable--> </el-select>
<!-- maxlength="20"--> <el-tooltip class="item" effect="light" placement="top-end">
<!-- style="width:200px"></el-input>--> <div slot="content">
<!-- </el-form-item>--> 未接种：从未接种过疫苗<br/>
<!-- <el-form-item label="社区/村庄名称"--> 接种中：接种过疫苗，但没有完成全程接种<br/>
<!-- prop="community"--> 接种完成：已经完成全程接种<br/>
<!-- label-width="120px">--> 接种过：有过接种疫苗记录，包括接种中和接种完成记录<br/>
<!-- <el-input v-model="dataForm.community"--> 第一针：没有完成全程接种，只接种过第一针<br/>
<!-- placeholder="社区/村庄名称"--> 第二针：没有完成全程接种，接种过第一针和第二针<br/>
<!-- clearable--> </div>
<!-- maxlength="20"--> <i class="el-icon-question" />
<!-- style="width:200px"></el-input>--> </el-tooltip>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="网格名称"--> <el-form-item label="有无所属组织" prop="haveDept" label-width="120px">
<!-- prop="gridName"--> <el-select v-model="dataForm.haveDept" clearable placeholder="有无所属组织">
<!-- label-width="90px">--> <el-option v-for="item in haveDeptList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
<!-- <el-input v-model="dataForm.gridName"--> </el-option>
<!-- placeholder="网格名称"--> </el-select>
<!-- clearable--> </el-form-item>
<!-- maxlength="20"--> <el-form-item label="户籍地"
<!-- style="width:200px"></el-input>--> label-width="120px">
<!-- </el-form-item>--> <el-input v-model="dataForm.householdRegisterName"
<!-- <el-form-item label="现居住地名称"--> placeholder="户籍地"
<!-- label-width="100px">--> clearable
<!-- <el-input v-model="dataForm.outLiveAddressName"--> maxlength="500"
<!-- placeholder="现居住地名称"--> style="width:200px"></el-input>
<!-- clearable--> </el-form-item>
<!-- maxlength="500"--> <el-form-item label="籍贯" prop="nativePlace" label-width="120px">
<!-- style="width:200px"></el-input>--> <el-input v-model="dataForm.nativePlace" placeholder="籍贯" clearable maxlength="49" style="width:200px"></el-input>
<!-- </el-form-item>--> </el-form-item>
<el-form-item label="核酸检测状态" prop="checkState"> <el-form-item label="房屋地址" prop="houseAddress" label-width="120px">
<el-select v-model="dataForm.checkState" clearable placeholder="核酸检测状态"> <el-input v-model="dataForm.houseAddress" placeholder="房屋地址" clearable maxlength="49" style="width:200px"></el-input>
<el-option v-for="item in checkStateList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> </el-form-item>
</el-option> <el-form-item label="小区" prop="plot" label-width="120px">
</el-select> <el-input v-model="dataForm.plot" placeholder="小区" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<!-- <br/>--> <el-form-item label="楼号" prop="buildingNo" label-width="120px">
<!-- <el-form-item label="出生年月" label-width="90px"--> <el-input v-model="dataForm.buildingNo" placeholder="楼号" clearable maxlength="49" style="width:200px"></el-input>
<!-- prop="ageStart">--> </el-form-item>
<!-- <el-date-picker--> <el-form-item label="单元" prop="unit" label-width="120px">
<!-- v-model="dataForm.ageStart"--> <el-input v-model="dataForm.unit" placeholder="单元" clearable maxlength="49" style="width:200px"></el-input>
<!-- value-format="yyyy-MM-dd"--> </el-form-item>
<!-- type="date"--> <el-form-item label="房间号" prop="roomNo" label-width="120px">
<!-- placeholder="选择日期">--> <el-input v-model="dataForm.roomNo" placeholder="房间号" clearable maxlength="49" style="width:200px"></el-input>
<!-- </el-date-picker>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="现居住地" prop="outLiveAddressDetail" label-width="120px">
<!-- <el-form-item label="至"--> <el-input v-model="dataForm.outLiveAddressDetail" placeholder="现居住地" clearable maxlength="49" style="width:200px"></el-input>
<!-- prop="ageEnd">--> </el-form-item>
<!-- <el-date-picker--> <el-form-item label="性别" prop="gender" label-width="120px">
<!-- v-model="dataForm.ageEnd"--> <el-select v-model="dataForm.gender" placeholder="性别" clearable>
<!-- value-format="yyyy-MM-dd"--> <el-option v-for="item in genderArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
<!-- type="date"--> </el-option>
<!-- placeholder="选择日期">--> </el-select>
<!-- </el-date-picker>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="民族" prop="nation" label-width="120px">
<el-form-item label="已接种" label-width="90px" <el-input v-model="dataForm.nation" placeholder="民族" clearable maxlength="49" style="width:200px"></el-input>
prop="isInoculate"> </el-form-item>
<el-select v-model="dataForm.isInoculate" clearable <el-form-item label="曾用名" prop="formerName" label-width="120px">
placeholder="请选择"> <el-input v-model="dataForm.formerName" placeholder="曾用名" clearable maxlength="49" style="width:200px"></el-input>
<el-option v-for="item in inoculateStateArr" </el-form-item>
:key="item.dictValue" <el-form-item label="出生日期"
:label="item.dictName" prop="startBirthdayTime" label-width="120px">
:value="item.dictValue"> <el-date-picker v-model="dataForm.startBirthdayTime"
</el-option> type="date"
</el-select> :picker-options="pickerBeginDateBefore"
<el-tooltip class="item" effect="light" placement="top-end"> value-format="yyyy-MM-dd"
<div slot="content"> format="yyyy-MM-dd"
未接种：从未接种过疫苗<br/> placeholder="选择日期时间"
接种中：接种过疫苗，但没有完成全程接种<br/> style="width:200px">
接种完成：已经完成全程接种<br/> </el-date-picker>
接种过：有过接种疫苗记录，包括接种中和接种完成记录<br/> </el-form-item>
第一针：没有完成全程接种，只接种过第一针<br/> <el-form-item label="至"
第二针：没有完成全程接种，接种过第一针和第二针<br/> label-width="120px"
</div> prop="endBirthdayTime">
<i class="el-icon-question" /> <el-date-picker v-model="dataForm.endBirthdayTime"
</el-tooltip> type="date"
</el-form-item> :picker-options="pickerBeginDateAfter"
<el-form-item label="有无所属组织" prop="haveDept" label-width="100px"> value-format="yyyy-MM-dd"
<el-select v-model="dataForm.haveDept" clearable placeholder="有无所属组织"> format="yyyy-MM-dd"
<el-option v-for="item in haveDeptList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> placeholder="选择日期时间"
</el-option> style="width:200px">
</el-select> </el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="生产企业"--> <el-form-item label="文化程度" prop="standardOfCulture" label-width="120px">
<!-- prop="company">--> <el-select v-model="dataForm.standardOfCulture" placeholder="文化程度" clearable>
<!-- <el-select v-model="companyArr" clearable multiple--> <el-option v-for="item in standardOfCultureArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
<!-- placeholder="请选择">--> </el-option>
<!-- <el-option v-for="item in companyStateArr"--> </el-select>
<!-- :key="item.value"--> </el-form-item>
<!-- :label="item.label"--> <el-form-item label="健康状况" prop="health" label-width="120px">
<!-- :value="item.value">--> <el-input v-model="dataForm.health" placeholder="健康状况" clearable maxlength="49" style="width:200px"></el-input>
<!-- </el-option>--> </el-form-item>
<!-- </el-select>--> <el-form-item label="婚姻状况" prop="maritalStatus" label-width="120px">
<!-- </el-form-item>--> <el-select v-model="dataForm.maritalStatus" placeholder="婚姻状况" clearable>
<el-option v-for="item in maritalStatusArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="与户主关系" prop="relation" label-width="120px">
<el-select v-model="dataForm.relation" placeholder="与户主关系" clearable>
<el-option v-for="item in relationArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="政治面貌" prop="politicsStatus" label-width="120px">
<el-select v-model="dataForm.politicsStatus" placeholder="政治面貌" clearable>
<el-option v-for="item in politicsStatusArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="宗教信仰" prop="faith" label-width="120px">
<el-input v-model="dataForm.faith" placeholder="宗教信仰" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="毕业院校" prop="graduateSchool" label-width="120px">
<el-input v-model="dataForm.graduateSchool" placeholder="毕业院校" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="专业" prop="professional" label-width="120px">
<el-input v-model="dataForm.professional" placeholder="专业" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="工作状态" prop="workStatus" label-width="120px">
<el-select v-model="dataForm.workStatus" placeholder="工作状态" clearable>
<el-option v-for="item in workStatusArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="行业类别" prop="industryCategory" label-width="120px">
<el-input v-model="dataForm.industryCategory" placeholder="行业类别" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="工作单位" prop="workUnits" label-width="120px">
<el-input v-model="dataForm.workUnits" placeholder="工作单位" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="兵役状况" prop="military" label-width="120px">
<el-select v-model="dataForm.military" placeholder="兵役状况" clearable>
<el-option v-for="item in militaryArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="人口类别" prop="peopleCategories" label-width="120px">
<el-select v-model="dataForm.peopleCategories" placeholder="人口类别" clearable>
<el-option v-for="item in peopleCategoriesArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="有无车辆" prop="car" label-width="120px">
<el-select v-model="dataForm.car" placeholder="有无车辆" clearable>
<el-option v-for="item in carArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="车牌号" prop="carNo" label-width="120px">
<el-input v-model="dataForm.carNo" placeholder="车牌号" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="人户状况" prop="hushaiStatus" label-width="120px">
<el-select v-model="dataForm.hushaiStatus" placeholder="人户状况" clearable>
<el-option v-for="item in hushaiStatusArr" :key="item.dictName" :label="item.dictName" :value="item.dictName" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="血型" prop="bloodType" label-width="120px">
<el-input v-model="dataForm.bloodType" placeholder="血型" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="核酸检测时间"
prop="startCheckTime" label-width="120px">
<el-date-picker v-model="dataForm.startCheckTime"
type="date"
:picker-options="pickerBeginCheckDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:200px">
</el-date-picker>
</el-form-item>
<el-form-item label="至"
label-width="120px"
prop="endCheckTime">
<el-date-picker v-model="dataForm.endCheckTime"
type="date"
:picker-options="pickerBeginCheckDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:200px">
</el-date-picker>
</el-form-item>
<el-form-item label="户口类型" prop="accountType" label-width="120px">
<el-input v-model="dataForm.accountType" placeholder="户口类型" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="家庭类别" prop="familyCategory" label-width="120px">
<el-input v-model="dataForm.familyCategory" placeholder="家庭类别" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
<el-form-item label="救助情况" prop="helpStatus" label-width="120px">
<el-input v-model="dataForm.helpStatus" placeholder="救助情况" clearable maxlength="49" style="width:200px"></el-input>
</el-form-item>
</el-collapse-item>
</el-collapse>
<el-form-item> <el-form-item>
<el-button type="primary" <el-button type="primary"
@click="beforeGetDataListSearch()">{{ $t('query') }}</el-button> @click="beforeGetDataListSearch()">{{ $t('query') }}</el-button>
@ -439,7 +548,43 @@ export default {
streetId: '', streetId: '',
communityId: '', communityId: '',
gridId: '', gridId: '',
haveDept:'' haveDept:'',
startBirthdayTime:'',
endBirthdayTime:'',
startCheckTime: '',
endCheckTime: ''
},
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.endBirthdayTime;
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.startBirthdayTime;
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
}
}
},
pickerBeginCheckDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.endCheckTime;
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
}
}
},
pickerBeginCheckDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.startCheckTime;
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
}
}
}, },
haveDeptList: [ haveDeptList: [
{dictValue: '1', dictName: '有'}, {dictValue: '1', dictName: '有'},
@ -458,23 +603,88 @@ export default {
specialCrowdList: [], specialCrowdList: [],
peopleCategoriesList: [], peopleCategoriesList: [],
publicPath: process.env.BASE_URL, publicPath: process.env.BASE_URL,
pickerBeginDateBefore: { // pickerBeginDateBefore: {
disabledDate: (time) => { // disabledDate: (time) => {
let beginDateVal = this.dataForm.endTime // let beginDateVal = this.dataForm.endTime
if (beginDateVal) { // if (beginDateVal) {
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() // return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
} // }
} // }
}, // },
pickerBeginDateAfter: { // pickerBeginDateAfter: {
disabledDate: (time) => { // disabledDate: (time) => {
let EndDateVal = this.dataForm.startTime // let EndDateVal = this.dataForm.startTime
if (EndDateVal) { // if (EndDateVal) {
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() // return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
} // }
} // }
}, // },
options: [], options: [],
standardOfCultureArr: [
{ dictValue: 1, dictName: '博士研究生' },
{ dictValue: 2, dictName: '硕士研究生' },
{ dictValue: 3, dictName: '大学本科' },
{ dictValue: 4, dictName: '大学专科' },
{ dictValue: 5, dictName: '高中' },
{ dictValue: 6, dictName: '初中' },
{ dictValue: 7, dictName: '小学' },
{ dictValue: 8, dictName: '学前教育' },
{ dictValue: 9, dictName: '未上过学' }
],
maritalStatusArr: [
{ dictValue: 1, dictName: '已婚' },
{ dictValue: 2, dictName: '未婚' },
{ dictValue: 3, dictName: '丧偶' },
{ dictValue: 4, dictName: '离婚' }
],
relationArr: [
{ dictValue: 1, dictName: '户主' },
{ dictValue: 2, dictName: '配偶' },
{ dictValue: 3, dictName: '子女' },
{ dictValue: 4, dictName: '父母' },
{ dictValue: 5, dictName: '岳父母或公婆' },
{ dictValue: 6, dictName: '祖父母' },
{ dictValue: 7, dictName: '媳婿' },
{ dictValue: 8, dictName: '孙子女' },
{ dictValue: 9, dictName: '兄弟姐妹' },
{ dictValue: 10, dictName: '其他' }
],
politicsStatusArr: [
{ dictValue: 1, dictName: '中共党员' },
{ dictValue: 2, dictName: '共青团员' },
{ dictValue: 3, dictName: '群众' },
{ dictValue: 4, dictName: '民主党派' }
],
workStatusArr: [
{ dictValue: 1, dictName: '在职' },
{ dictValue: 2, dictName: '学生' },
{ dictValue: 3, dictName: '学龄前儿童' },
{ dictValue: 4, dictName: '军人' },
{ dictValue: 5, dictName: '退休' },
{ dictValue: 6, dictName: '务农' },
{ dictValue: 7, dictName: '无业' }
],
militaryArr: [
{ dictValue: 1, dictName: '未服兵役' },
{ dictValue: 2, dictName: '退出现役' },
{ dictValue: 3, dictName: '预备役' },
{ dictValue: 4, dictName: '服现役' },
{ dictValue: 5, dictName: '其他' }
],
peopleCategoriesArr: [
{ dictValue: 1, dictName: '常住' },
{ dictValue: 2, dictName: '流动' },
{ dictValue: 3, dictName: '境外' }
],
carArr: [
{ dictValue: 1, dictName: '有' },
{ dictValue: 2, dictName: '无' }
],
hushaiStatusArr: [
{ dictValue: 1, dictName: '人户同在' },
{ dictValue: 2, dictName: '人在户不在' },
{ dictValue: 3, dictName: '户在人不在' }
],
inoculateStateArr: [ inoculateStateArr: [
{ dictValue: '0', dictName: '未接种' }, { dictValue: '0', dictName: '未接种' },
{ dictValue: '10', dictName: '接种中' }, { dictValue: '10', dictName: '接种中' },
@ -483,6 +693,10 @@ export default {
{ dictValue: '1', dictName: '第一针' }, { dictValue: '1', dictName: '第一针' },
{ dictValue: '2', dictName: '第二针' } { dictValue: '2', dictName: '第二针' }
], ],
genderArr: [
{ dictValue: 1, dictName: '男' },
{ dictValue: 2, dictName: '女' }
],
specialCrowdOptions: [ specialCrowdOptions: [
{ dictValue: '刑满释放', dictName: '刑满释放' }, { dictValue: '刑满释放', dictName: '刑满释放' },
{ dictValue: '社区矫正', dictName: '社区矫正' }, { dictValue: '社区矫正', dictName: '社区矫正' },

Write Preview
Loading…
Cancel
Save