|
|
@@ -1,1982 +1,2046 @@
|
|
|
-<template>
|
|
|
- <div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="姓名" prop="userName">
|
|
|
- <el-input v-model="queryParams.userName" placeholder="请输入姓名" style="width:240px;" clearable @keyup.enter.native="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="身份证号" prop="idCard">
|
|
|
- <el-input v-model="queryParams.idCard" placeholder="请输入身份证号码" style="width:240px;" clearable @keyup.enter.native="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="联系号码" prop="phoneNum">
|
|
|
- <el-input v-model="queryParams.phoneNum" placeholder="请输入联系号码" style="width:240px;"clearable @keyup.enter.native="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="剂次" prop="jici">
|
|
|
- <el-select style="width:240px;" v-model="queryParams.jici" placeholder="剂次" clearable :disabled="shouwestwo">
|
|
|
- <el-option v-for="dict in typeOptionstimesgt" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col><el-col :span="8">
|
|
|
- <el-form-item label="年龄阶段" >
|
|
|
- <el-select v-model="queryParams.params.age" placeholder="年龄阶段" style="width:240px;" clearable>
|
|
|
- <el-option v-for="dict in angesList" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4.8">
|
|
|
- <el-form-item label="重点行业" prop="keyIndustries">
|
|
|
- <el-select v-model="queryParams.keyIndustries" placeholder="重点行业" clearable style="width:240px;">
|
|
|
- <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="疫苗名称" prop="vaccineName">
|
|
|
- <el-select style="width:240px;" v-model="queryParams.vaccineName" placeholder="疫苗名称" clearable :disabled="shouwestwo" >
|
|
|
- <el-option v-for="dict in typeOptionsname" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="接种时间" prop="vaccinationTime">
|
|
|
- <el-date-picker
|
|
|
- clearable
|
|
|
- v-model="queryParams.vaccinationTime"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- format="yyyy-MM-dd"
|
|
|
- placeholder="选择接种时间"
|
|
|
- style="width:240px;"
|
|
|
- :disabled="shouwestwo"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="接种地点" prop="vaccinationPlace">
|
|
|
- <el-select v-model="queryParams.vaccinationPlace" placeholder="接种地点" style="width:240px;" clearable :disabled="shouwestwo">
|
|
|
- <el-option v-for="dict in typeOptionsvaccinatio" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
- <!-- dictValue -->
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8" class="jehak">
|
|
|
- <el-form-item label="户籍地址" prop="villagerGroup">
|
|
|
- <el-cascader
|
|
|
- placeholder="点击选择户籍地址"
|
|
|
- :options="options"
|
|
|
- filterable
|
|
|
- @change="chahetwo"
|
|
|
- :props="optionPropstwo"
|
|
|
- style="width: 110%;"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- clearable
|
|
|
- ></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="14" class="jehak">
|
|
|
- <el-form-item label="居住地址" prop="villagerGroup">
|
|
|
- <!-- <el-cascader
|
|
|
- placeholder="点击选择居住地址"
|
|
|
- :options="options"
|
|
|
- filterable
|
|
|
- @change="chahetwo"
|
|
|
- :props="optionProps"
|
|
|
- style="width: 100%;"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- clearable
|
|
|
- ></el-cascader> -->
|
|
|
- <area-select
|
|
|
- type="text"
|
|
|
- v-model="selectedtwo"
|
|
|
- :data="$pcaa"
|
|
|
- :level="2"
|
|
|
- style="display: flex;line-height: 18px;"
|
|
|
- @change="onSelectedtwo"
|
|
|
- @blur="dakousr"
|
|
|
- class="hues"
|
|
|
- ></area-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="5">
|
|
|
- <el-form-item label="接种情况" prop="isVaccination">
|
|
|
- <el-radio-group v-model="queryParams.isVaccination" @change="gywoatwo">
|
|
|
- <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-form-item label="应种未种" prop="shouldBe">
|
|
|
- <el-radio-group v-model="queryParams.shouldBe" style="width: 100%;" :disabled="!shouwestwo">
|
|
|
- <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <!-- <el-input
|
|
|
- v-model="queryParams.shouldBe"
|
|
|
- placeholder="请输入应种未种
|
|
|
- "
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- /> -->
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-form-item label="应续未续" prop="shouldSlow">
|
|
|
- <el-radio-group v-model="queryParams.shouldSlow" style="width: 100%;">
|
|
|
- <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <!-- <el-input
|
|
|
- v-model="queryParams.shouldBe"
|
|
|
- placeholder="请输入应种未种
|
|
|
- "
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- /> -->
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="4" style="text-align: center;">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5"><el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['core:info:add']">新增</el-button></el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['core:info:edit']">修改</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['core:info:remove']">删除</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- plain
|
|
|
- icon="el-icon-upload2"
|
|
|
- size="mini"
|
|
|
- @click="handleImport"
|
|
|
- v-hasPermi="['system:user:import']"
|
|
|
- >导入</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['core:info:export']">导出</el-button>
|
|
|
- </el-col>
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" stripe style="width: 100%" height="350">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="姓名" align="center" prop="userName" fixed />
|
|
|
- <el-table-column label="是否完成" align="center" prop="progress" fixed />
|
|
|
- <el-table-column label="最后一次的接种时间" align="center" prop="vaccinationTime" width="150" />
|
|
|
- <el-table-column label="下次应接时间" align="center" prop="vaccinationTimeNext" width="150"/>
|
|
|
- <el-table-column label="联系方式" align="center" prop="phoneNum" width="110" />
|
|
|
- <!-- <el-table-column label="性别" align="center" prop="gender" /> -->
|
|
|
- <el-table-column label="受种者编号" align="center" prop="code" width="170"/>
|
|
|
- <el-table-column label="身份证号码" align="center" prop="idCard" width="180" />
|
|
|
-
|
|
|
- <!-- <el-table-column label="现居省份" align="center" prop="province" />
|
|
|
- <el-table-column label="现居市" align="center" prop="city" />
|
|
|
- <el-table-column label="现居县区" align="center" prop="region" /> -->
|
|
|
- <el-table-column label="户籍地址" align="center" prop="domicileSelect" width="250" />
|
|
|
- <el-table-column label="居住地址" align="center" prop="nowInSelect" width="250" />
|
|
|
-
|
|
|
- <!-- <el-table-column label="户籍乡镇" align="center" prop="villageTowns" />
|
|
|
- <el-table-column label="户籍村居" align="center" prop="village" />
|
|
|
- <el-table-column label="户籍村民组" align="center" prop="villagerGroup" /> -->
|
|
|
- <!-- <el-table-column label="户主" align="center" prop="houseType" /> -->
|
|
|
-
|
|
|
- <!-- <el-table-column label="重点行业" align="center" prop="keyIndustries" /> -->
|
|
|
- <!-- <el-table-column label="接种情况" align="center" prop="isVaccination" /> -->
|
|
|
- <!-- <el-table-column label="接种记录" align="center" class-name="small-padding fixed-width">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button size="mini" type="text" @click="chakei(scope.row)">查看</el-button>
|
|
|
-
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
- <!-- v-hasPermi="['core:info:edit']" -->
|
|
|
- <!-- <el-table-column
|
|
|
- label="应种未种
|
|
|
-"
|
|
|
- align="center"
|
|
|
- prop="shouldBe"
|
|
|
- /> -->
|
|
|
- <!-- <el-table-column label="工作单位" align="center" prop="other" /> -->
|
|
|
- <!-- <el-table-column label="进度" align="center" prop="vaccineInfoUserList[0].progress" /> -->
|
|
|
- <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
|
|
|
- <!-- <el-table-column label="状态" align="center" prop="status">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.status==0?'启用' :'停用' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
- <!-- <el-table-column label="是否删除" align="center" prop="isDel" /> -->
|
|
|
- <el-table-column label="操作" align="left" class-name="small-padding fixed-width" fixed="right" >
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['core:info:edit']">查看修改</el-button>
|
|
|
- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" class="hueya" v-hasPermi="['core:info:remove']">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
|
|
-
|
|
|
- <!-- 添加或修改疫苗信息对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="1240px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="身份证号" prop="idCard"><el-input v-model="form.idCard" placeholder="请输入身份证号码" @blur="idcde" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="姓名" prop="userName"><el-input v-model="form.userName" placeholder="请输入姓名" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="6">
|
|
|
- <el-form-item label="出生日期" prop="birthday">
|
|
|
- <el-date-picker
|
|
|
- clearable
|
|
|
- v-model="form.birthday"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- format="yyyy-MM-dd "
|
|
|
- style="width: 100%;"
|
|
|
- placeholder="选择出生日期"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="性别" prop="gender">
|
|
|
- <!-- <el-input v-model="form.gender" placeholder="请输入性别" /> -->
|
|
|
- <el-select v-model="form.gender" placeholder="性别" clearable style="width: 100%;">
|
|
|
- <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="联系号码" prop="phoneNum"><el-input v-model="form.phoneNum" placeholder="请输入联系号码" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="6">
|
|
|
- <el-form-item label="编号" prop="code"><el-input v-model="form.code" placeholder="请输入编号" /></el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="重点行业" prop="keyIndustries">
|
|
|
- <el-select v-model="form.keyIndustries" placeholder="重点行业" clearable style="width: 100%;">
|
|
|
- <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="年龄" prop="age"><el-input v-model="form.age" placeholder="请输入年龄" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="现居地" prop="region">
|
|
|
- <area-select
|
|
|
- type="text"
|
|
|
- v-model="selected"
|
|
|
- :data="$pcaa"
|
|
|
- :level="2"
|
|
|
- style="display: flex;line-height: 18px;"
|
|
|
- @change="onSelected"
|
|
|
- @blur="dakousr"
|
|
|
- class="hues"
|
|
|
- ></area-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="详细地址" prop="nowIn"><el-input v-model="form.nowIn" type="input" placeholder="请输入内容" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="户籍地址" prop="villageTowns">
|
|
|
- <!-- <el-input v-model="form.villageTowns" type="textarea" placeholder="请输入内容" /> -->
|
|
|
- <!-- <treeselect v-model="form.parentId" :options="deptOptionstwo" :normalizer="normalizer" :flat="true" :maxHeight="150" @select="djieskle" :multiple=true placeholder="点击选择户籍地" /> -->
|
|
|
- <el-cascader
|
|
|
- placeholder="点击选择户籍地址"
|
|
|
- :options="options"
|
|
|
- :filterable="true"
|
|
|
- separator="/"
|
|
|
- @change="chahe"
|
|
|
- v-model="villageTownshy"
|
|
|
- :props="optionProps"
|
|
|
- style="width: 100%;"
|
|
|
- ref="myCascader"
|
|
|
- ></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="详细地址" prop="domicile"><el-input v-model="form.domicile" type="input" placeholder="请输入户籍详细地址" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="工作单位" prop="work_unit"><el-input v-model="form.workUnit" placeholder="请输入工作单位" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="备注" prop="remark"><el-input v-model="form.remark" placeholder="请输入备注" /></el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="12">
|
|
|
- <el-form-item label="人群分类" prop="crowd_classification"><el-input v-model="form.crowd_classification" placeholder="请输入人群分类" /></el-form-item>
|
|
|
- </el-col> -->
|
|
|
-
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="户主" prop="houseType">
|
|
|
- <!-- <el-select v-model="form.houseType" placeholder="请选择户别"><el-option label="请选择字典生成" value="" /></el-select> -->
|
|
|
- <!-- <el-input v-model="form.houseType" placeholder="请输入内容" /> -->
|
|
|
- <el-select v-model="form.houseType" placeholder="户主" clearable style="width: 100%;">
|
|
|
- <el-option v-for="dict in typeOptionshuuj" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="受种者编号" prop="code">
|
|
|
- <el-input v-model="form.code" placeholder="请输入受种者编号"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="5.5">
|
|
|
- <el-form-item label="接种情况" prop="isVaccination">
|
|
|
- <!-- <el-input v-model="form.isVaccination" placeholder="请输入接种情况" /> -->
|
|
|
- <el-radio-group v-model="form.isVaccination" @change="gywoa">
|
|
|
- <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="3">
|
|
|
- <el-form-item label="应种未种" prop="shouldBe">
|
|
|
- <el-checkbox :disabled="shouwes" v-model="form.shouldBe" true-label="是" false-label="否"></el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <!-- <el-col :span="5">
|
|
|
- <el-form-item label="应续未续" prop="shouldSlow">
|
|
|
- <el-checkbox v-model="form.shouldSlow" true-label="是" false-label="否"></el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" style="height: 40px;"><el-form-item label="接种记录 :" prop="shouldBe"></el-form-item></el-col>
|
|
|
- <el-col :span="24" v-for="(item, index) in form.vaccineInfoUserList" :key="index">
|
|
|
- <el-row type="flex">
|
|
|
- <!-- <el-col :span="4"> -->
|
|
|
- <el-form-item label="疫苗名称" class="iejghiadh">
|
|
|
- <el-select v-model="item.vaccineName" placeholder="疫苗名称" style="width:123px" clearable :disabled="naneme || item.disableg " @change="changeheu(index)">
|
|
|
- <el-option
|
|
|
- v-for="dict in typeOptionsname"
|
|
|
- :key="dict.dictValue"
|
|
|
- :label="dict.dictLabel"
|
|
|
- :value="{ value: dict.dictValue, label: dict.dictLabel }"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <!-- </el-col> -->
|
|
|
- <!-- <el-col :span="4" class="oiuyty"> -->
|
|
|
- <el-form-item label="接种时间" class="oiuyty">
|
|
|
- <el-date-picker
|
|
|
- clearable
|
|
|
- v-model="item.vaccinationTime"
|
|
|
- type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择接种时间"
|
|
|
- style="width: 167px;"
|
|
|
- :disabled="naneme || item.disableg"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <!-- </el-col> -->
|
|
|
- <el-col :span="5" class="ijeuhdy">
|
|
|
- <el-form-item label="接种地点" >
|
|
|
- <el-select :disabled="naneme || item.disableg " v-model="item.vaccinationPlace" placeholder="接种地点" clearable size="small" style="100%">
|
|
|
- <el-option v-for="dict in typeOptionsvaccinatio" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
- <!-- dict.dictValue -->
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="3"> -->
|
|
|
- <el-form-item label="剂次" class="jhy">
|
|
|
- <!-- <el-input v-model="form.jici" placeholder="请输入剂次" /> -->
|
|
|
- <el-select @change="changeheujici(index)" v-model="item.jici" placeholder="剂次" clearable style="width:75px" :disabled="naneme || item.disableg" >
|
|
|
- <el-option
|
|
|
- v-for="dict in typeOptionstimes"
|
|
|
- :key="dict.dictValue"
|
|
|
- :label="dict.dictLabel"
|
|
|
- :value="{ value: dict.dictValue, label: dict.dictLabel }"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <!-- </el-col> -->
|
|
|
-
|
|
|
- <!-- <el-col style="width: 135px;">
|
|
|
- <el-form-item label="进度" class="jhy">
|
|
|
- <el-select v-model="item.progress" placeholder="进度" clearable style="width:100%" :disabled="naneme || item.disableg">
|
|
|
- <el-option v-for="dict in statusOptionstue" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="3">
|
|
|
- <el-form-item class="jdueuh">
|
|
|
- <div class="jdidur jdoier">
|
|
|
- <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
- <el-upload
|
|
|
- :disabled="naneme"
|
|
|
- class="upload-demo"
|
|
|
- :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
- :action="process + '/boman-file/upload'"
|
|
|
- :on-change="handleChangertwo"
|
|
|
- :on-success="upImageFntwo"
|
|
|
- :on-error="errtwo"
|
|
|
- :on-remove="reseImagetwo"
|
|
|
- :file-list="item.url == '' ? item.url : JSON.parse(item.url)"
|
|
|
- :on-preview="handlePictureCardPreviewtwo"
|
|
|
- :before-upload="beforstwo"
|
|
|
- >
|
|
|
- <el-button size="small" type="primary">附件上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-tooltip>
|
|
|
- <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
- <div class="hyeoa">
|
|
|
- <el-tooltip class="item" effect="dark" content="新增疫苗信息,请慎重操作" placement="top-start">
|
|
|
- <img src="../../../assets/images/icon_tc_add.png" alt="" class="hueyde" @click="tijea(index)" />
|
|
|
- </el-tooltip>
|
|
|
- <el-tooltip class="item" effect="dark" content="删除无法恢复,请慎重操作" placement="top-start">
|
|
|
- <img src="../../../assets/images/delei.png" alt="" class="hueydele" @click="naeyrfakjf(index, item)" />
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- <el-col :span="2" class="hjdoecdre"> -->
|
|
|
-
|
|
|
- <!-- </el-col> -->
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-row>
|
|
|
- <el-col :span="7" style="width: 360px;">
|
|
|
- <el-row>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="禁忌症" prop="contraindication" class="ehiqya">
|
|
|
- <el-select :disabled="shouwes" v-model="form.contraindication" placeholder="禁忌症" clearable size="small" style="width: 100%;">
|
|
|
- <el-option v-for="dict in typeOptionscont" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" style="margin-left: 10px;">
|
|
|
- <div class="jdidur">
|
|
|
- <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
- <el-upload
|
|
|
- :disabled="shouwes"
|
|
|
- class="upload-demo"
|
|
|
- :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
- :action="process + '/boman-file/upload'"
|
|
|
- :on-change="handleChangert"
|
|
|
- :on-success="upImageFn"
|
|
|
- :on-error="err"
|
|
|
- :on-remove="reseImage"
|
|
|
- :file-list="config"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :before-upload="befors"
|
|
|
- >
|
|
|
- <el-button size="small" type="primary">附件上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-tooltip>
|
|
|
- <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="9">
|
|
|
- <el-row>
|
|
|
- <el-col :span="18" class="znshu">
|
|
|
- <el-form-item label="暂缓接种" prop="suspend">
|
|
|
- <!-- <el-input
|
|
|
- v-model="form.suspend"
|
|
|
- placeholder="请输入暂缓"
|
|
|
- /> -->
|
|
|
- <el-select :disabled="shouwes" v-model="form.suspend" placeholder="暂缓接种" clearable size="small" style="width: 100%;">
|
|
|
- <el-option v-for="dict in typeOptionstyzandeh" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
- <!-- dict.dictValue -->
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5" style="margin-left: 10px;">
|
|
|
- <div class="jdidur">
|
|
|
- <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
- <el-upload
|
|
|
- :disabled="shouwes"
|
|
|
- class="upload-demo"
|
|
|
- :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
- :action="process + '/boman-file/upload'"
|
|
|
- :on-change="handleChangerther"
|
|
|
- :on-success="upImageFnther"
|
|
|
- :on-error="err"
|
|
|
- :on-remove="reseImagether"
|
|
|
- :file-list="configther"
|
|
|
- :on-preview="handlePictureCardPreviewther"
|
|
|
- :before-upload="beforsther"
|
|
|
- >
|
|
|
- <el-button size="small" type="primary">附件上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-tooltip>
|
|
|
- <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <el-row>
|
|
|
- <el-col :span="12" class="heioangd">
|
|
|
- <el-form-item label="其他" prop="other" class="ehiqya">
|
|
|
- <el-select :disabled="shouwes" v-model="form.other" placeholder="其他" clearable size="small" style="width: 100%;">
|
|
|
- <el-option v-for="dict in typeOptionscontqit" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel"/>
|
|
|
- <!-- dictValue -->
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" style="margin-left: 10px;">
|
|
|
- <div class="jdidur">
|
|
|
- <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
- <el-upload
|
|
|
- :disabled="shouwes"
|
|
|
- class="upload-demo"
|
|
|
- :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
- :action="process + '/boman-file/upload'"
|
|
|
- :on-change="handleChangerfor"
|
|
|
- :on-success="upImageFnfor"
|
|
|
- :on-error="errfor"
|
|
|
- :on-remove="reseImagefor"
|
|
|
- :file-list="configfor"
|
|
|
- :on-preview="handlePictureCardPreviewfor"
|
|
|
- :before-upload="beforsfor"
|
|
|
- >
|
|
|
- <el-button size="small" type="primary">附件上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-tooltip>
|
|
|
- <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!-- 图片预览 -->
|
|
|
- <el-dialog :close-on-click-modal="false" title="预览" :visible.sync="imashow" width="1200px" append-to-body>
|
|
|
- <div class="demo-image__preview">
|
|
|
- <img :src="dialogImageUrl" alt="" style="width: 100%;" />
|
|
|
- <!-- <iframe v-if="shouewhu" :src="dialogImageUrl" frameborder="0" style="width: 100%; height: 100vh;"></iframe>
|
|
|
- <a v-if="exelshow" :href="dialogImageUrl" :download="dialogImageUrlname" >{{dialogImageUrlname}} <span style="color: #039BE5;">点击下载</span></a> -->
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!-- 接种记录 -->
|
|
|
- <el-dialog :close-on-click-modal="false" title="接种记录" :visible.sync="jiezhong" width="1200px" append-to-body class="ojhgy">
|
|
|
- <el-table :data="jiezheList" stripe style="width: 100%">
|
|
|
- <el-table-column label="疫苗名称" align="center" prop="vaccineName" />
|
|
|
- <el-table-column label="剂次" align="center" prop="jici" />
|
|
|
- <el-table-column label="接种时间" align="center" prop="vaccinationTime" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.vaccinationTime }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="接种地点" align="center" prop=".vaccinationPlace" />
|
|
|
- </el-table>
|
|
|
- </el-dialog>
|
|
|
- <!-- 用户导入对话框 -->
|
|
|
- <el-dialog :close-on-click-modal="false" :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
|
|
|
- <el-upload
|
|
|
- ref="upload"
|
|
|
- :limit="1"
|
|
|
- accept=".xlsx, .xls"
|
|
|
- :headers="upload.headers"
|
|
|
- :action="upload.url + '?updateSupport=' + upload.updateSupport"
|
|
|
- :disabled="upload.isUploading"
|
|
|
- :on-progress="handleFileUploadProgress"
|
|
|
- :on-success="handleFileSuccess"
|
|
|
- :auto-upload="false"
|
|
|
- drag
|
|
|
- >
|
|
|
- <i class="el-icon-upload"></i>
|
|
|
- <div class="el-upload__text">
|
|
|
- 将文件拖到此处，或
|
|
|
- <em>点击上传</em>
|
|
|
- </div>
|
|
|
- <div class="el-upload__tip" slot="tip">
|
|
|
- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
|
|
|
- <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
|
|
|
- </div>
|
|
|
- <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
|
|
|
- </el-upload>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
- <el-button @click="upload.open = false">取 消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { listInfo, getInfo, delInfo, addInfo, updateInfo, exportInfo, listRoleer, idces, delInfort,yiaoe } from '@/api/system/time';
|
|
|
-import { treeselect } from '@/api/system/dept';
|
|
|
-import Treeselect from '@riophae/vue-treeselect';
|
|
|
-import { getToken } from '@/utils/auth';
|
|
|
-import '@riophae/vue-treeselect/dist/vue-treeselect.css';
|
|
|
-export default {
|
|
|
- name: 'Info',
|
|
|
- components: { Treeselect },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // 遮罩层
|
|
|
- loading: true,
|
|
|
- // 选中数组
|
|
|
- ids: [],
|
|
|
- // 非单个禁用
|
|
|
- single: true,
|
|
|
- // 非多个禁用
|
|
|
- multiple: true,
|
|
|
- // 显示搜索条件
|
|
|
- showSearch: true,
|
|
|
- // 总条数
|
|
|
- total: 0,
|
|
|
- // 疫苗信息表格数据
|
|
|
- infoList: [],
|
|
|
- dialogImageUrl: '',
|
|
|
- // 弹出层标题
|
|
|
- title: '',
|
|
|
- // 是否显示弹出层
|
|
|
- open: false,
|
|
|
- process: process.env.VUE_APP_BASE_API,
|
|
|
- // 查询参数
|
|
|
- queryParams: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- villageTowns: null,
|
|
|
- village: null,
|
|
|
- villagerGroup: null,
|
|
|
- houseType: null,
|
|
|
- domicile: null,
|
|
|
- province: null,
|
|
|
- city: null,
|
|
|
- region: null,
|
|
|
- userName: null,
|
|
|
- gender: null,
|
|
|
- idCard: null,
|
|
|
- phoneNum: null,
|
|
|
- keyIndustries: null,
|
|
|
- isVaccination: null,
|
|
|
- vaccineName: null,
|
|
|
- jici: null,
|
|
|
- vaccinationTime: null,
|
|
|
- vaccinationPlace: null,
|
|
|
- contraindication: null,
|
|
|
- suspend: null,
|
|
|
- death: null,
|
|
|
- lostInMissing: null,
|
|
|
- shouldBe: null,
|
|
|
- other: null,
|
|
|
- progress: null,
|
|
|
- status: null,
|
|
|
- isDel: null,
|
|
|
- params:{
|
|
|
- age:''
|
|
|
- }
|
|
|
- },
|
|
|
- config: [],
|
|
|
- comfietg:[],
|
|
|
- configther:[],
|
|
|
- configfor:[],
|
|
|
- // 表单参数
|
|
|
- form: {
|
|
|
- nowIn: '',
|
|
|
- age:'',
|
|
|
- code:'',
|
|
|
- vaccineInfoUserList: [
|
|
|
- {
|
|
|
- vaccineName: '',
|
|
|
- vaccinationTime: '',
|
|
|
- vaccinationPlace: '',
|
|
|
- jici: '',
|
|
|
- progress: '',
|
|
|
- url:null,
|
|
|
- disableg:false
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- // 用户导入参数
|
|
|
- upload: {
|
|
|
- // 是否显示弹出层（用户导入）
|
|
|
- open: false,
|
|
|
- // 弹出层标题（用户导入）
|
|
|
- title: "",
|
|
|
- // 是否禁用上传
|
|
|
- isUploading: false,
|
|
|
- // 是否更新已经存在的用户数据
|
|
|
- updateSupport: 0,
|
|
|
- // 设置上传的请求头部
|
|
|
- headers: { Authorization: "Bearer " + getToken() },
|
|
|
- // 上传的地址
|
|
|
- url: process.env.VUE_APP_BASE_API + "/system/user/importData"
|
|
|
- },
|
|
|
- // 表单校验
|
|
|
- rules: {
|
|
|
- region: [{ required: true, message: '区不能为空', trigger: 'blur' }],
|
|
|
- idCard: [{ required: true, message: '身份证号码不能为空', trigger: 'blur' }],
|
|
|
- userName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
|
|
|
- villageTowns:[{ required: true, message: '户籍地址不能为空或不能只选潜山市', trigger: 'blur' }],
|
|
|
- code:[{
|
|
|
- required: true, message: '受种者编号不能为空', trigger: 'blur'
|
|
|
- }]
|
|
|
- },
|
|
|
- selected: ['安徽省', '安庆市', '潜山市'],
|
|
|
- selectedtwo: [],
|
|
|
- statusOptions: [
|
|
|
- {
|
|
|
- dictValue: '女',
|
|
|
- dictLabel: '女'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '男',
|
|
|
- dictLabel: '男'
|
|
|
- }
|
|
|
- ],
|
|
|
- statusOptionstue: [
|
|
|
- {
|
|
|
- dictValue: '已完成',
|
|
|
- dictLabel: '已完成'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '未完成',
|
|
|
- dictLabel: '未完成'
|
|
|
- }
|
|
|
- ],
|
|
|
- typeOptionshuuj: [
|
|
|
- {
|
|
|
- dictValue: '是',
|
|
|
- dictLabel: '是'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '否',
|
|
|
- dictLabel: '否'
|
|
|
- }
|
|
|
- ],
|
|
|
- deptOptionstwo: [],
|
|
|
- options: [],
|
|
|
- optionProps: {
|
|
|
- value: 'label',
|
|
|
- label: 'label',
|
|
|
- children: 'children',
|
|
|
- checkStrictly: true
|
|
|
- },
|
|
|
- optionPropstwo: {
|
|
|
- value: 'id',
|
|
|
- label: 'label',
|
|
|
- children: 'children',
|
|
|
- checkStrictly: true
|
|
|
- },
|
|
|
- heuiq: [],
|
|
|
- typeOptions: [],
|
|
|
- typeOptionsty: [
|
|
|
- {
|
|
|
- dictValue: '是',
|
|
|
- dictLabel: '是'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '否',
|
|
|
- dictLabel: '否'
|
|
|
- }
|
|
|
- ],
|
|
|
- typeOptionstyzandeh:[],
|
|
|
- angesList: [
|
|
|
-
|
|
|
- ],
|
|
|
- typeOptionsname: [],
|
|
|
- typeOptionstimes: [],
|
|
|
- typeOptionsvaccinatio: [],
|
|
|
- typeOptionscont: [],
|
|
|
- typeOptionscontty: [],
|
|
|
- typeOptionscontqit:[],
|
|
|
- // 剂次
|
|
|
- typeOptionstimesgt: [
|
|
|
- {
|
|
|
- dictValue: '1',
|
|
|
- dictLabel: '1'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '2',
|
|
|
- dictLabel: '2'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '3',
|
|
|
- dictLabel: '3'
|
|
|
- },
|
|
|
- {
|
|
|
- dictValue: '加强针',
|
|
|
- dictLabel: '加强针'
|
|
|
- }
|
|
|
- ],
|
|
|
- imashow: false,
|
|
|
- naneme: false,
|
|
|
- shouwes: false,
|
|
|
- shouwestwo:false,
|
|
|
- villageTownshy: undefined,
|
|
|
- naiseurya: '',
|
|
|
- hsuej: '',
|
|
|
- jdourdjoaj: false,
|
|
|
- jiezhong: false,
|
|
|
- jiezheList: [],
|
|
|
- fireLise:{config:[]},
|
|
|
- nameutaiL:0
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getList();
|
|
|
- this.getTreeselectjue();
|
|
|
- // 重点行业
|
|
|
- this.getDicts('key_trades').then(response => {
|
|
|
- this.typeOptions = response.data;
|
|
|
- });
|
|
|
- // 疫苗名称
|
|
|
- this.getDicts('vaccine_name').then(response => {
|
|
|
- this.typeOptionsname = response.data;
|
|
|
- });
|
|
|
-
|
|
|
- // 接种地点
|
|
|
- this.getDicts('vaccination_site').then(response => {
|
|
|
- this.typeOptionsvaccinatio = response.data;
|
|
|
- });
|
|
|
- // 暂缓接种
|
|
|
- this.getDicts('moratorium_on_vaccination').then(response => {
|
|
|
- this.typeOptionstyzandeh = response.data;
|
|
|
- });
|
|
|
- // typeOptionscontty
|
|
|
- // 禁忌症
|
|
|
- this.getDicts('contraindication').then(response => {
|
|
|
- this.typeOptionscont = response.data;
|
|
|
- });
|
|
|
- // 其他 typeOptionscontqit
|
|
|
- this.getDicts('other_status').then(response => {
|
|
|
- this.typeOptionscontqit = response.data;
|
|
|
- });
|
|
|
- // 年龄阶段
|
|
|
- this.getDicts('age_interval').then(response => {
|
|
|
- this.angesList = response.data;
|
|
|
- });
|
|
|
-
|
|
|
- this.form.province = this.selected[0];
|
|
|
- this.form.city = this.selected[1];
|
|
|
- this.form.region = this.selected[2];
|
|
|
- console.log(this.form.vaccineInfoUserList,456)
|
|
|
- // this.queryParams.province = this.selectedtwo[0];
|
|
|
- // this.queryParams.city = this.selectedtwo[1];
|
|
|
- // this.queryParams.region = this.selectedtwo[2];
|
|
|
- // this.naiseurya = this.form.province + this.form.city + this.form.region;
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- console.log(136)
|
|
|
- },
|
|
|
- methods: {
|
|
|
- onSelected(data) {
|
|
|
- console.log(data, 125);
|
|
|
- // province
|
|
|
- this.form.province = data[0];
|
|
|
- this.form.city = data[1];
|
|
|
- this.form.region = data[2];
|
|
|
- this.naiseurya = this.form.province + this.form.city + this.form.region;
|
|
|
- if (this.jdourdjoaj == false) {
|
|
|
- // 修改
|
|
|
- this.form.nowIn = '';
|
|
|
- }
|
|
|
- // this.form.nowIn = undefined
|
|
|
- // this.form.villageTowns = data[3]
|
|
|
- },
|
|
|
- dakousr() {
|
|
|
- console.log(2345);
|
|
|
- },
|
|
|
- onSelectedtwo(data) {
|
|
|
- console.log(data);
|
|
|
- // province
|
|
|
- this.queryParams.province = data[0];
|
|
|
- this.queryParams.city = data[1];
|
|
|
- this.queryParams.region = data[2];
|
|
|
- // this.queryParams.villageTowns = data[3]
|
|
|
- },
|
|
|
- /** 查询疫苗信息列表 */
|
|
|
- getList() {
|
|
|
- this.loading = true;
|
|
|
- listInfo(this.queryParams).then(response => {
|
|
|
- this.infoList = response.rows;
|
|
|
- this.total = response.total;
|
|
|
- this.loading = false;
|
|
|
- });
|
|
|
- },
|
|
|
- getToken() {
|
|
|
- return getToken();
|
|
|
- },
|
|
|
- getTreeselectjue() {
|
|
|
- this.loading = true;
|
|
|
- listRoleer(this.queryParams).then(response => {
|
|
|
- this.options = response.data;
|
|
|
- this.loading = false;
|
|
|
- });
|
|
|
- },
|
|
|
- /** 转换角色数据结构 */
|
|
|
- normalizer(node) {
|
|
|
- // if (node.children && !node.children.length) {
|
|
|
- // delete node.children;
|
|
|
- // }
|
|
|
- return {
|
|
|
- id: node.id,
|
|
|
- label: node.roleName
|
|
|
- };
|
|
|
- },
|
|
|
- // 点击组/角色
|
|
|
- djieskle(node, instanceId) {
|
|
|
- // this.personnel(node.id);
|
|
|
- console.log(node, instanceId);
|
|
|
- },
|
|
|
- // 身份证
|
|
|
- idcde(event) {
|
|
|
- console.log(event);
|
|
|
- // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
|
|
|
- let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
|
|
|
- if (reg.test(this.form.idCard)) {
|
|
|
- this.idea();
|
|
|
- // this.go(this.form.idCard.length);
|
|
|
- // callback()
|
|
|
- } else {
|
|
|
- // callback(new Error('身份证号码不正确'))
|
|
|
- this.msgInfo('身份证号码不正确');
|
|
|
- }
|
|
|
- },
|
|
|
- // 实现自动生成生日，性别，年龄
|
|
|
- go(val) {
|
|
|
- let iden = this.form.idCard;
|
|
|
- let sex = null;
|
|
|
- let birth = null;
|
|
|
- let birthr = '';
|
|
|
- let myDate = new Date();
|
|
|
- let month = myDate.getMonth() + 1;
|
|
|
- let day = myDate.getDate();
|
|
|
- let age = 0;
|
|
|
-
|
|
|
- if (val === 18) {
|
|
|
- age = myDate.getFullYear() - iden.substring(6, 10) - 1;
|
|
|
- sex = iden.substring(16, 17);
|
|
|
- birth = iden.substring(6, 10) + '-' + iden.substring(10, 12) + '-' + iden.substring(12, 14);
|
|
|
- if (iden.substring(10, 12) < month || (iden.substring(10, 12) == month && iden.substring(12, 14) <= day)) age++;
|
|
|
- }
|
|
|
- if (val === 15) {
|
|
|
- age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
|
|
|
- sex = iden.substring(13, 14);
|
|
|
- birth = '19' + iden.substring(6, 8) + '-' + iden.substring(8, 10) + '-' + iden.substring(10, 12);
|
|
|
- if (iden.substring(8, 10) < month || (iden.substring(8, 10) == month && iden.substring(10, 12) <= day)) age++;
|
|
|
- }
|
|
|
-
|
|
|
- if (sex % 2 === 0) sex = '女';
|
|
|
- else sex = '男';
|
|
|
- this.form.gender = sex;
|
|
|
- // this.baseInfo.age = age;
|
|
|
- birthr = birth + '';
|
|
|
- console.log(birthr);
|
|
|
- // this.form.birthday = birthr;
|
|
|
- // this.$set(this.form.birthday, birthr)
|
|
|
- // this.baseInfo.birthplace = this.area[iden.substring(0,2)];
|
|
|
- },
|
|
|
- // 请求身份证数据
|
|
|
- idea() {
|
|
|
- idces({ idCard: this.form.idCard }).then(response => {
|
|
|
- console.log(response);
|
|
|
- this.form.gender = response.data.gender;
|
|
|
- // this.form.birthday = response.data.birthday;
|
|
|
- this.form.age = response.data.age
|
|
|
- this.form.code = response.data.code
|
|
|
- if (response.data.userName == null) {
|
|
|
- this.form.userName = undefined;
|
|
|
- } else {
|
|
|
- this.form.userName = response.data.userName;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 取消按钮
|
|
|
- cancel() {
|
|
|
- this.open = false;
|
|
|
- this.jiezhong = false;
|
|
|
- this.imashow = false;
|
|
|
- this.reset();
|
|
|
- },
|
|
|
- gywoa() {
|
|
|
- console.log(this.form.isVaccination);
|
|
|
- if (this.form.isVaccination !== null) {
|
|
|
- if (this.form.isVaccination == '是') {
|
|
|
- // 接种疫苗
|
|
|
- this.naneme = false,
|
|
|
- this.shouwes = true;
|
|
|
- }else {
|
|
|
- this.naneme = true,
|
|
|
- this.shouwes = false,
|
|
|
- this.form.vaccineInfoUserList = [{
|
|
|
- vaccineName: '',
|
|
|
- vaccinationTime: '',
|
|
|
- vaccinationPlace: '',
|
|
|
- jici: '',
|
|
|
- progress: '',
|
|
|
- url:null
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- gywoatwo() {
|
|
|
- console.log(this.queryParams.isVaccination);
|
|
|
- if (this.queryParams.isVaccination !== null) {
|
|
|
- if (this.queryParams.isVaccination == '是') {
|
|
|
- // 接种疫苗
|
|
|
- // (this.naneme = false), (this.shouwes = true);
|
|
|
- this.shouwestwo = false
|
|
|
- } else {
|
|
|
- // (this.naneme = true), (this.shouwes = false);
|
|
|
- this.shouwestwo = true
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 上传前控制
|
|
|
- befors(res, file) {
|
|
|
- console.log(res, file);
|
|
|
- console.log(res.name.substr(0, res.name.length - 4));
|
|
|
- // if(res.type !== 'application/pdf'){
|
|
|
- // this.msgSuccess('只能上传pdf文件');
|
|
|
- // return false
|
|
|
- // }else{
|
|
|
- // return true
|
|
|
- // }
|
|
|
- return true;
|
|
|
- },
|
|
|
- // 图片预览
|
|
|
- handlePictureCardPreview(file) {
|
|
|
- console.log(file, 87);
|
|
|
- console.log(file.name.split('.'));
|
|
|
- let hegs = file.name.split('.');
|
|
|
- console.log(hegs[hegs.length - 1]);
|
|
|
- if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
- this.shouewhu = true;
|
|
|
- } else {
|
|
|
- if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
- this.shouewhu = false;
|
|
|
- this.exelshow = false;
|
|
|
- } else {
|
|
|
- this.exelshow = true;
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(this.shouewhu, this.exelshow);
|
|
|
- this.dialogImageUrl = file.url;
|
|
|
- this.dialogImageUrlname = file.name;
|
|
|
- console.log(this.dialogImageUrlname);
|
|
|
- this.dialogVisible = true;
|
|
|
- this.imashow = true;
|
|
|
- },
|
|
|
- // 上传文件
|
|
|
- handleChangert(file, fileList) {
|
|
|
- this.fileList = fileList.slice(-3);
|
|
|
- },
|
|
|
- upImageFn(res, file) {
|
|
|
- if (res.code !== 200) {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- this.msgSuccess('上传成功');
|
|
|
- this.config.push(res.data);
|
|
|
- this.config.filter( router=> {
|
|
|
- router.name = '禁忌症附件'
|
|
|
- })
|
|
|
- console.log(res.data);
|
|
|
- console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
- this.form.url = this.config;
|
|
|
- this.form.url = JSON.stringify(this.form.url);
|
|
|
- }
|
|
|
- // querjtgoe.message_title
|
|
|
- console.log(res);
|
|
|
- console.log(res.data.name.substr(-4));
|
|
|
- },
|
|
|
- err() {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- console.log(35);
|
|
|
- },
|
|
|
- reseImage(file, fileList) {
|
|
|
- let urls = '';
|
|
|
- if (file.response) {
|
|
|
- urls = file.response.url;
|
|
|
- } else {
|
|
|
- urls = file.url;
|
|
|
- }
|
|
|
- for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
- if (this.config[i].url == urls) {
|
|
|
- this.config.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.config.length == 0) {
|
|
|
- this.form.url = undefined;
|
|
|
- } else {
|
|
|
- this.form.url = JSON.stringify(this.config);
|
|
|
- }
|
|
|
- },
|
|
|
- // 上传前控制
|
|
|
- beforstwo(res, file) {
|
|
|
- console.log(res, file);
|
|
|
- // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
- // if(res.type !== 'application/pdf'){
|
|
|
- // this.msgSuccess('只能上传pdf文件');
|
|
|
- // return false
|
|
|
- // }else{
|
|
|
- // return true
|
|
|
- // }
|
|
|
- return true;
|
|
|
- },
|
|
|
- // 图片预览
|
|
|
- handlePictureCardPreviewtwo(file) {
|
|
|
- console.log(file, 87);
|
|
|
- console.log(file.name.split('.'));
|
|
|
- let hegs = file.name.split('.');
|
|
|
- console.log(hegs[hegs.length - 1]);
|
|
|
- if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
- this.shouewhu = true;
|
|
|
- } else {
|
|
|
- if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
- this.shouewhu = false;
|
|
|
- this.exelshow = false;
|
|
|
- } else {
|
|
|
- this.exelshow = true;
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(this.shouewhu, this.exelshow);
|
|
|
- this.dialogImageUrl = file.url;
|
|
|
- this.dialogImageUrlname = file.name;
|
|
|
- console.log(this.dialogImageUrlname);
|
|
|
- this.dialogVisible = true;
|
|
|
- this.imashow = true;
|
|
|
- },
|
|
|
- // 上传文件
|
|
|
- handleChangertwo(file, fileList) {
|
|
|
- // this.fileList = fileList.slice(-3);
|
|
|
- },
|
|
|
- upImageFntwo(res, file) {
|
|
|
- this.comfietg = []
|
|
|
-
|
|
|
- if (res.code !== 200) {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- this.msgSuccess('上传成功');
|
|
|
- this.comfietg.push(res.data);
|
|
|
- this.comfietg.filter( router=> {
|
|
|
- router.name = '附件'
|
|
|
- })
|
|
|
- console.log(this.comfietg);
|
|
|
- this.form.vaccineInfoUserList[this.nameutaiL].url = []
|
|
|
- console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
- console.log(this.nameutaiL)
|
|
|
- this.form.vaccineInfoUserList[this.nameutaiL].url = this.comfietg
|
|
|
- // this.form.url = this.config;
|
|
|
- this.form.vaccineInfoUserList[this.nameutaiL].url = JSON.stringify(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
- }
|
|
|
- // querjtgoe.message_title
|
|
|
- console.log(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
- console.log(res.data.name.substr(-4));
|
|
|
- },
|
|
|
- errtwo() {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- console.log(35);
|
|
|
- },
|
|
|
- reseImagetwo(file, fileList) {
|
|
|
- let urls = '';
|
|
|
- if (file.response) {
|
|
|
- urls = file.response.url;
|
|
|
- } else {
|
|
|
- urls = file.url;
|
|
|
- }
|
|
|
- for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
- if (this.comfietg[i].url == urls) {
|
|
|
- this.comfietg.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.comfietg.length == 0) {
|
|
|
- this.form.vaccineInfoUserList[this.nameutaiL].url = null;
|
|
|
- } else {
|
|
|
- this.form.vaccineInfoUserList[this.nameutaiL].url = JSON.stringify(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
- }
|
|
|
- },
|
|
|
- // 暂缓
|
|
|
- // 上传前控制
|
|
|
- beforsther(res, file) {
|
|
|
- console.log(res, file);
|
|
|
- // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
- // if(res.type !== 'application/pdf'){
|
|
|
- // this.msgSuccess('只能上传pdf文件');
|
|
|
- // return false
|
|
|
- // }else{
|
|
|
- // return true
|
|
|
- // }
|
|
|
- return true;
|
|
|
- },
|
|
|
- // 图片预览
|
|
|
- handlePictureCardPreviewther(file) {
|
|
|
- console.log(file, 87);
|
|
|
- console.log(file.name.split('.'));
|
|
|
- let hegs = file.name.split('.');
|
|
|
- console.log(hegs[hegs.length - 1]);
|
|
|
- if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
- this.shouewhu = true;
|
|
|
- } else {
|
|
|
- if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
- this.shouewhu = false;
|
|
|
- this.exelshow = false;
|
|
|
- } else {
|
|
|
- this.exelshow = true;
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(this.shouewhu, this.exelshow);
|
|
|
- this.dialogImageUrl = file.url;
|
|
|
- this.dialogImageUrlname = file.name;
|
|
|
- console.log(this.dialogImageUrlname);
|
|
|
- this.dialogVisible = true;
|
|
|
- this.imashow = true;
|
|
|
- },
|
|
|
- // 上传文件
|
|
|
- handleChangerther(file, fileList) {
|
|
|
- // this.fileList = fileList.slice(-3);
|
|
|
- },
|
|
|
- upImageFnther(res, file) {
|
|
|
- this.configther = []
|
|
|
- if (res.code !== 200) {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- this.msgSuccess('上传成功');
|
|
|
- this.configther.push(res.data);
|
|
|
- this.configther.filter( router=> {
|
|
|
- router.name = '暂缓附件'
|
|
|
- })
|
|
|
- console.log(this.configther);
|
|
|
- console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
- console.log(this.nameutaiL)
|
|
|
- this.form.suspendUrl = this.configther
|
|
|
- // this.form.url = this.config;
|
|
|
- this.form.suspendUrl = JSON.stringify(this.form.suspendUrl);
|
|
|
- }
|
|
|
- // querjtgoe.message_title
|
|
|
- console.log(this.form.suspendUrl);
|
|
|
- console.log(res.data.name.substr(-4));
|
|
|
- },
|
|
|
- errther() {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- console.log(35);
|
|
|
- },
|
|
|
- reseImagether(file, fileList) {
|
|
|
- let urls = '';
|
|
|
- if (file.response) {
|
|
|
- urls = file.response.url;
|
|
|
- } else {
|
|
|
- urls = file.url;
|
|
|
- }
|
|
|
- for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
- if (this.comfietg[i].url == urls) {
|
|
|
- this.comfietg.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.comfietg.length == 0) {
|
|
|
- this.form.suspendUrl = undefined
|
|
|
- } else {
|
|
|
- this.form.suspendUrl = JSON.stringify(this.form.suspendUrl);
|
|
|
- }
|
|
|
- },
|
|
|
- // 其他
|
|
|
- // 上传前控制
|
|
|
- beforsfor(res, file) {
|
|
|
- console.log(res, file);
|
|
|
- // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
- // if(res.type !== 'application/pdf'){
|
|
|
- // this.msgSuccess('只能上传pdf文件');
|
|
|
- // return false
|
|
|
- // }else{
|
|
|
- // return true
|
|
|
- // }
|
|
|
- return true;
|
|
|
- },
|
|
|
- // 图片预览
|
|
|
- handlePictureCardPreviewfor(file) {
|
|
|
- console.log(file, 87);
|
|
|
- console.log(file.name.split('.'));
|
|
|
- let hegs = file.name.split('.');
|
|
|
- console.log(hegs[hegs.length - 1]);
|
|
|
- if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
- this.shouewhu = true;
|
|
|
- } else {
|
|
|
- if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
- this.shouewhu = false;
|
|
|
- this.exelshow = false;
|
|
|
- } else {
|
|
|
- this.exelshow = true;
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(this.shouewhu, this.exelshow);
|
|
|
- this.dialogImageUrl = file.url;
|
|
|
- this.dialogImageUrlname = file.name;
|
|
|
- console.log(this.dialogImageUrlname);
|
|
|
- this.dialogVisible = true;
|
|
|
- this.imashow = true;
|
|
|
- },
|
|
|
- // 上传文件
|
|
|
- handleChangerfor(file, fileList) {
|
|
|
- // this.fileList = fileList.slice(-3);
|
|
|
- },
|
|
|
- upImageFnfor(res, file) {
|
|
|
- this.configfor = []
|
|
|
- if (res.code !== 200) {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- this.msgSuccess('上传成功');
|
|
|
- this.configfor.push(res.data);
|
|
|
- this.configfor.filter( router=> {
|
|
|
- router.name = '其他附件'
|
|
|
- })
|
|
|
- console.log(this.configfor);
|
|
|
- console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
- console.log(this.nameutaiL)
|
|
|
- this.form.otherUrl = this.configfor
|
|
|
- // this.form.url = this.config;
|
|
|
- this.form.otherUrl = JSON.stringify(this.form.otherUrl);
|
|
|
- }
|
|
|
- // querjtgoe.message_title
|
|
|
- console.log(this.form.otherUrl);
|
|
|
- console.log(res.data.name.substr(-4));
|
|
|
- },
|
|
|
- errfor() {
|
|
|
- this.msgInfo('上传失败');
|
|
|
- console.log(35);
|
|
|
- },
|
|
|
- reseImagefor(file, fileList) {
|
|
|
- let urls = '';
|
|
|
- if (file.response) {
|
|
|
- urls = file.response.url;
|
|
|
- } else {
|
|
|
- urls = file.url;
|
|
|
- }
|
|
|
- for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
- if (this.configfor[i].url == urls) {
|
|
|
- this.configfor.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.configfor.length == 0) {
|
|
|
- this.form.otherUrl = undefined
|
|
|
- } else {
|
|
|
- this.form.otherUrl = JSON.stringify(this.form.otherUrl);
|
|
|
- }
|
|
|
- },
|
|
|
- // 表单重置
|
|
|
- reset() {
|
|
|
- this.form = {
|
|
|
- id: null,
|
|
|
- villageTowns: null,
|
|
|
- village: null,
|
|
|
- age:'',
|
|
|
- code:'',
|
|
|
- villagerGroup: null,
|
|
|
- houseType: null,
|
|
|
- domicile: null,
|
|
|
- province: null,
|
|
|
- city: null,
|
|
|
- region: null,
|
|
|
- userName: null,
|
|
|
- gender: null,
|
|
|
- idCard: null,
|
|
|
- phoneNum: null,
|
|
|
- keyIndustries: null,
|
|
|
- isVaccination: null,
|
|
|
- vaccinationPlace: null,
|
|
|
- contraindication: null,
|
|
|
- suspend: null,
|
|
|
- death: null,
|
|
|
- lostInMissing: null,
|
|
|
- shouldBe: null,
|
|
|
- other: null,
|
|
|
- nowIn: '',
|
|
|
- remark: null,
|
|
|
- status: '0',
|
|
|
- createBy: null,
|
|
|
- createTime: null,
|
|
|
- updateBy: null,
|
|
|
- updateTime: null,
|
|
|
- isDel: null,
|
|
|
- vaccineInfoUserList: [
|
|
|
- {
|
|
|
- vaccineName: '',
|
|
|
- vaccinationTime: '',
|
|
|
- vaccinationPlace: '',
|
|
|
- jici: '',
|
|
|
- progress: '',
|
|
|
- url:null,
|
|
|
- disableg:false
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
- this.resetForm('form');
|
|
|
- },
|
|
|
- /** 搜索按钮操作 */
|
|
|
- handleQuery() {
|
|
|
- this.queryParams.pageNum = 1;
|
|
|
- console.log(this.queryParams)
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- /** 重置按钮操作 */
|
|
|
- resetQuery() {
|
|
|
- this.resetForm('queryForm');
|
|
|
- this.handleQuery();
|
|
|
- },
|
|
|
- // 多选框选中数据
|
|
|
- handleSelectionChange(selection) {
|
|
|
- this.ids = selection.map(item => item.id);
|
|
|
- this.single = selection.length !== 1;
|
|
|
- this.multiple = !selection.length;
|
|
|
- },
|
|
|
- /** 新增按钮操作 */
|
|
|
- handleAdd() {
|
|
|
- this.reset();
|
|
|
- this.open = true;
|
|
|
- (this.naneme = false),
|
|
|
- (this.shouwes = false);
|
|
|
- // this.selected = ['安徽省', '安庆市', '潜山市'],
|
|
|
- this.form.province = this.selected[0];
|
|
|
- this.villageTownshy = '';
|
|
|
- this.naiseurya = '';
|
|
|
- this.hsuej = '';
|
|
|
- this.form.city = this.selected[1];
|
|
|
- this.form.region = this.selected[2];
|
|
|
- this.title = '添加疫苗信息';
|
|
|
- this.jdourdjoaj = true;
|
|
|
- console.log(this.form)
|
|
|
- },
|
|
|
- /** 修改按钮操作 */
|
|
|
- handleUpdate(row) {
|
|
|
- this.reset();
|
|
|
- const id = row.id || this.ids;
|
|
|
- getInfo(id).then(response => {
|
|
|
- this.form = response.data;
|
|
|
- this.selected[0] = response.data.province;
|
|
|
- this.selected[1] = response.data.city;
|
|
|
- this.selected[2] = response.data.region;
|
|
|
- // if(this.form){
|
|
|
- if (this.form.isVaccination !== null) {
|
|
|
- if (this.form.isVaccination == '是') {
|
|
|
- // 接种疫苗
|
|
|
- (this.naneme = false), (this.shouwes = true);
|
|
|
- } else {
|
|
|
- (this.naneme = true), (this.shouwes = false);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.naneme = false;
|
|
|
- this.shouwes = false;
|
|
|
- }
|
|
|
-
|
|
|
- if (this.form.dictValue !== null && this.form.dictValue !== undefined) {
|
|
|
- this.jicheru(this.form.dictValue);
|
|
|
- }
|
|
|
- if (this.form.villageTowns !== null) {
|
|
|
- this.villageTownshy = this.form.villageTowns;
|
|
|
- if (this.form.village !== null) {
|
|
|
- this.villageTownshy = this.form.village;
|
|
|
- if (this.form.villagerGroup !== null) {
|
|
|
- this.villageTownshy = this.form.villagerGroup;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.form.vaccineInfoUserList !== null) {
|
|
|
- if (this.form.vaccineInfoUserList.length == 0) {
|
|
|
-
|
|
|
- this.form.vaccineInfoUserList = [
|
|
|
- {
|
|
|
- vaccineName: '',
|
|
|
- vaccinationTime: '',
|
|
|
- vaccinationPlace: '',
|
|
|
- jici: '',
|
|
|
- progress: '',
|
|
|
- url:null,
|
|
|
- disableg:false
|
|
|
- }
|
|
|
- ];
|
|
|
- }else {
|
|
|
- this.form.isVaccination = '是'
|
|
|
- this.form.vaccineInfoUserList.filter(router =>{
|
|
|
- if(router.url == undefined){
|
|
|
- router.url = null
|
|
|
- }else if(router.url == []){
|
|
|
- router.url = null
|
|
|
- }
|
|
|
- router.disableg = true
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- // villageTownshy
|
|
|
- // }
|
|
|
- // this.heuiq.push()
|
|
|
- this.naiseurya = '';
|
|
|
- this.hsuej = '';
|
|
|
- this.open = true;
|
|
|
- this.jdourdjoaj = false;
|
|
|
- this.title = '查看编辑疫苗信息';
|
|
|
- });
|
|
|
- },
|
|
|
- chahe(data) {
|
|
|
- console.log(data);
|
|
|
- // let labelValue = this.$refs['myCascader'].inputValue
|
|
|
- // console.log(labelValue)
|
|
|
- console.log(this.$refs['myCascader'])
|
|
|
- this.form.villageTowns = data[1];
|
|
|
- this.form.village = data[2];
|
|
|
- this.form.villagerGroup = data[3];
|
|
|
- if (this.form.villageTowns !== undefined) {
|
|
|
- this.hsuej = this.form.villageTowns;
|
|
|
- if (this.form.village !== undefined) {
|
|
|
- this.hsuej = this.form.villageTowns + this.form.village;
|
|
|
- if (this.form.villagerGroup !== undefined) {
|
|
|
- this.hsuej = this.form.villageTowns + this.form.village + this.form.villagerGroup;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- this.form.domicile = '';
|
|
|
- },
|
|
|
- chahetwo(data) {
|
|
|
- console.log(data)
|
|
|
- // this.queryParams.villageTowns = data[1];
|
|
|
- // this.queryParams.village = data[2];
|
|
|
- // this.queryParams.villagerGroup = data[3];
|
|
|
- this.queryParams.deptId = data[ data.length - 1]
|
|
|
- },
|
|
|
- /** 提交按钮 */
|
|
|
- submitForm() {
|
|
|
- this.$refs['form'].validate(valid => {
|
|
|
- console.log(this.selected);
|
|
|
- if (valid) {
|
|
|
- if (this.form.id != null) {
|
|
|
- // this.form.nowIn = this.naiseurya + this.form.nowIn;
|
|
|
- // this.form.domicile = this.hsuej + this.form.domicile;
|
|
|
- updateInfo(this.form).then(response => {
|
|
|
- this.msgSuccess('修改成功');
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- } else {
|
|
|
- // this.form.nowIn = this.naiseurya + this.form.nowIn;
|
|
|
- // this.form.domicile = this.hsuej + this.form.domicile;
|
|
|
- // if (this.form.nowIn == 'undefined') {
|
|
|
- // this.form.nowIn = null;
|
|
|
- // }
|
|
|
- console.log(this.form)
|
|
|
- // return
|
|
|
- addInfo(this.form).then(response => {
|
|
|
- this.msgSuccess('新增成功');
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- /** 删除按钮操作 */
|
|
|
- handleDelete(row) {
|
|
|
- const ids = row.id || this.ids;
|
|
|
- this.$confirm('是否确认删除疫苗信息编号为"' + ids + '"的数据项?', '警告', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(function() {
|
|
|
- return delInfo(ids);
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.getList();
|
|
|
- this.msgSuccess('删除成功');
|
|
|
- });
|
|
|
- },
|
|
|
- /** 导出按钮操作 */
|
|
|
- handleExport() {
|
|
|
- this.download(
|
|
|
- '/boman-web-core/core/info/export',
|
|
|
- {
|
|
|
- ...this.queryParams
|
|
|
- },
|
|
|
- `post_${new Date().getTime()}.xlsx`
|
|
|
- );
|
|
|
- },
|
|
|
- // 疫苗名称改变
|
|
|
- changeheu(index, data) {
|
|
|
- console.log(index, data);
|
|
|
- let hueya = this.form.vaccineInfoUserList[index].vaccineName;
|
|
|
- // this.form.vaccineName = this.form.vaccineName.label;
|
|
|
- this.form.vaccineInfoUserList[index].vaccineName = hueya.label;
|
|
|
- console.log(this.form.vaccineInfoUserList[index].vaccineName);
|
|
|
- this.jicheru(hueya.value);
|
|
|
- },
|
|
|
-
|
|
|
- // 剂次
|
|
|
- jicheru(data) {
|
|
|
- // 计次
|
|
|
- this.getDicts(data).then(response => {
|
|
|
- this.typeOptionstimes = response.data;
|
|
|
- });
|
|
|
- },
|
|
|
- // 剂次改变
|
|
|
- changeheujici(index) {
|
|
|
- console.log(index);
|
|
|
- let hueya = this.form.vaccineInfoUserList[index].jici;
|
|
|
- // this.form.vaccineName = this.form.vaccineName.label;
|
|
|
- this.form.vaccineInfoUserList[index].jici = hueya.label;
|
|
|
- console.log(this.form.vaccineInfoUserList[index].jici);
|
|
|
- if (hueya.value == this.typeOptionstimes.length) {
|
|
|
- this.form.vaccineInfoUserList[index].progress = '已完成';
|
|
|
- } else {
|
|
|
- this.form.vaccineInfoUserList[index].progress = '未完成';
|
|
|
- }
|
|
|
- },
|
|
|
- // 剂次
|
|
|
- jicherutwo(data) {
|
|
|
- // 计次
|
|
|
- this.getDicts(data).then(response => {
|
|
|
- this.typeOptionstimes = response.data;
|
|
|
- });
|
|
|
- },
|
|
|
- // 疫苗名称改变
|
|
|
- changeheutwo(data) {
|
|
|
- console.log(data);
|
|
|
- this.queryParams.vaccineName = this.queryParams.vaccineName.label;
|
|
|
- console.log(this.queryParams.vaccineName);
|
|
|
- this.jicherutwo(data.value);
|
|
|
- },
|
|
|
- // 点击新增
|
|
|
- tijea(index) {
|
|
|
- console.log(index+ 1)
|
|
|
- this.nameutaiL = index+ 1
|
|
|
- this.form.vaccineInfoUserList.push({
|
|
|
- vaccineName: '',
|
|
|
- vaccinationTime: '',
|
|
|
- vaccinationPlace: '',
|
|
|
- jici: '',
|
|
|
- progress: '',
|
|
|
- url:null,
|
|
|
- disableg:false
|
|
|
- });
|
|
|
- },
|
|
|
- // 点击删除
|
|
|
- naeyrfakjf(index, item) {
|
|
|
- var that = this
|
|
|
- this.$confirm('是否确认删除疫苗信息?', '警告', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(function() {
|
|
|
- return that.delseeug(index,item)
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- // this.getList();
|
|
|
- this.msgSuccess('删除成功');
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- delseeug(index,item){
|
|
|
- console.log(234)
|
|
|
- if (this.form.vaccineInfoUserList.length == 1) {
|
|
|
- // if (this.jdourdjoaj == true) {
|
|
|
- // // 新增
|
|
|
- // this.form.vaccineInfoUserList = [{
|
|
|
- // vaccineName: '',
|
|
|
- // vaccinationTime: '',
|
|
|
- // vaccinationPlace: '',
|
|
|
- // jici: '',
|
|
|
- // progress: '',
|
|
|
- // url:null,
|
|
|
- // disableg:false
|
|
|
- // }]
|
|
|
- // } else {
|
|
|
- // // 修改
|
|
|
- // let ide = this.form.vaccineInfoUserList[index].id;
|
|
|
- // console.log(this.form.vaccineInfoUserList[index]);
|
|
|
- // // ()
|
|
|
- // console.log(ide);
|
|
|
- // if (ide !== undefined) {
|
|
|
- // console.log(234);
|
|
|
- // delInfort(ide).then(response => {
|
|
|
- // this.msgSuccess('操作成功');
|
|
|
- // });
|
|
|
- // }
|
|
|
- // this.form.vaccineInfoUserList = [{
|
|
|
- // vaccineName: '',
|
|
|
- // vaccinationTime: '',
|
|
|
- // vaccinationPlace: '',
|
|
|
- // jici: '',
|
|
|
- // progress: '',
|
|
|
- // url:null,
|
|
|
- // disableg:false
|
|
|
- // }]
|
|
|
- // }
|
|
|
- return false;
|
|
|
- }
|
|
|
- if (this.jdourdjoaj == true) {
|
|
|
- // 新增
|
|
|
- this.form.vaccineInfoUserList.splice(index, 1);
|
|
|
- } else {
|
|
|
- // 修改
|
|
|
- let ide = this.form.vaccineInfoUserList[index].id;
|
|
|
- console.log(this.form.vaccineInfoUserList[index]);
|
|
|
- // ()
|
|
|
- console.log(ide);
|
|
|
- if (ide !== undefined) {
|
|
|
- console.log(234);
|
|
|
- delInfort(ide).then(response => {
|
|
|
- this.msgSuccess('操作成功');
|
|
|
- });
|
|
|
- }
|
|
|
- this.form.vaccineInfoUserList.splice(index, 1);
|
|
|
- }
|
|
|
- },
|
|
|
- // 点击查看
|
|
|
- chakei(row) {
|
|
|
- console.log(row);
|
|
|
- yiaoe({idCard:row.idCard}).then(response => {
|
|
|
- // this.msgSuccess('操作成功');
|
|
|
- if(response.code == 200){
|
|
|
- this.jiezheList = response.data
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- this.jiezhong = true;
|
|
|
- },
|
|
|
- /** 导入按钮操作 */
|
|
|
- handleImport() {
|
|
|
- this.upload.title = "用户导入";
|
|
|
- this.upload.open = true;
|
|
|
- },
|
|
|
- // 文件上传中处理
|
|
|
- handleFileUploadProgress(event, file, fileList) {
|
|
|
- this.upload.isUploading = true;
|
|
|
- },
|
|
|
- // 文件上传成功处理
|
|
|
- handleFileSuccess(response, file, fileList) {
|
|
|
- this.upload.open = false;
|
|
|
- this.upload.isUploading = false;
|
|
|
- this.$refs.upload.clearFiles();
|
|
|
- this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 提交上传文件
|
|
|
- submitFileForm() {
|
|
|
- this.$refs.upload.submit();
|
|
|
- }
|
|
|
- }
|
|
|
-};
|
|
|
-</script>
|
|
|
-<style lang="scss">
|
|
|
- .jdueuh{
|
|
|
- .el-form-item__label {
|
|
|
- width: 0px !important;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 10px !important;
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- }
|
|
|
- .ijeuhdy{
|
|
|
- .el-form-item__label {
|
|
|
- width: 80px !important;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 80px !important;
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- }
|
|
|
- .znshu{
|
|
|
- .el-form-item__label {
|
|
|
- width: 80px !important;
|
|
|
- // padding-left: 30px;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 80px !important;
|
|
|
-
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- .el-input__inner{
|
|
|
- padding-left: 0 !important;
|
|
|
- }
|
|
|
- }
|
|
|
- .heioangd{
|
|
|
- .el-form-item__label {
|
|
|
- width: 70px !important;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 70px !important;
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- }
|
|
|
-.hues {
|
|
|
- .area-select {
|
|
|
- margin-left: 0 !important;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-}
|
|
|
-.jehak {
|
|
|
- .el-form-item {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- width: 60%;
|
|
|
- }
|
|
|
-}
|
|
|
-.oiuyty {
|
|
|
- .el-form-item__label {
|
|
|
- width: 80px !important;
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 80px !important;
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- input {
|
|
|
- padding-right: 0 !important;
|
|
|
- }
|
|
|
-}
|
|
|
-.el-dialog__body {
|
|
|
- padding-top: 0;
|
|
|
- padding-bottom: 0;
|
|
|
-}
|
|
|
-.jhy {
|
|
|
- // width: 100%;
|
|
|
- // .el-form-item__content {
|
|
|
- // width: 100%;
|
|
|
- // margin-left: 0 !important;
|
|
|
- // }
|
|
|
- .el-form-item__content {
|
|
|
- margin-left: 55px !important;
|
|
|
- // width: 70%;
|
|
|
- }
|
|
|
- .el-form-item__label {
|
|
|
- width: 55px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-.ehiqya {
|
|
|
- .el-form-item__content {
|
|
|
- display: flex;
|
|
|
- .jdidur {
|
|
|
- flex: 1;
|
|
|
- margin-left: 10px;
|
|
|
- // text-align: left;
|
|
|
- display: flex;
|
|
|
- }
|
|
|
- }
|
|
|
- .upload-demo {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-}
|
|
|
-.jdoier{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .upload-demo {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-}
|
|
|
-.hueyde {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- margin: 0 5px;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-.hueydele {
|
|
|
- width: 15px;
|
|
|
- height: 18px;
|
|
|
-}
|
|
|
-.hyeoa {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.hjdoecdre {
|
|
|
- // margin-top: 50%;
|
|
|
- transform: translateY(50%);
|
|
|
-}
|
|
|
-.ojhgy {
|
|
|
- .el-dialog {
|
|
|
- padding-bottom: 40px;
|
|
|
- padding-top: 10px;
|
|
|
- }
|
|
|
- .el-dialog__header {
|
|
|
- padding-bottom: 20px;
|
|
|
- }
|
|
|
- .el-table .cell {
|
|
|
- line-height: 50px;
|
|
|
- }
|
|
|
-}
|
|
|
-.hueya{
|
|
|
- margin-left: 0 !important;
|
|
|
-}
|
|
|
-.iejghiadh{
|
|
|
- .el-input__inner{
|
|
|
- padding-right: 0 !important;
|
|
|
- padding-left: 5px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="姓名" prop="userName">
|
|
|
+ <el-input v-model="queryParams.userName" placeholder="请输入姓名" style="width:240px;" clearable @keyup.enter.native="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="身份证号" prop="idCard">
|
|
|
+ <el-input v-model="queryParams.idCard" placeholder="请输入身份证号码" style="width:240px;" clearable @keyup.enter.native="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系号码" prop="phoneNum">
|
|
|
+ <el-input v-model="queryParams.phoneNum" placeholder="请输入联系号码" style="width:240px;"clearable @keyup.enter.native="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="剂次" prop="jici">
|
|
|
+ <el-select style="width:240px;" v-model="queryParams.jici" placeholder="剂次" clearable :disabled="shouwestwo">
|
|
|
+ <el-option v-for="dict in typeOptionstimesgt" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col><el-col :span="8">
|
|
|
+ <el-form-item label="年龄阶段" >
|
|
|
+ <el-select v-model="queryParams.params.age" placeholder="年龄阶段" style="width:240px;" clearable>
|
|
|
+ <el-option v-for="dict in angesList" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4.8">
|
|
|
+ <el-form-item label="重点行业" prop="keyIndustries">
|
|
|
+ <el-select v-model="queryParams.keyIndustries" placeholder="重点行业" clearable style="width:240px;">
|
|
|
+ <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="疫苗名称" prop="vaccineName">
|
|
|
+ <el-select style="width:240px;" v-model="queryParams.vaccineName" placeholder="疫苗名称" clearable :disabled="shouwestwo" >
|
|
|
+ <el-option v-for="dict in typeOptionsname" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="接种时间" prop="vaccinationTime">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="queryParams.vaccinationTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ placeholder="选择接种时间"
|
|
|
+ style="width:240px;"
|
|
|
+ :disabled="shouwestwo"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="接种地点" prop="vaccinationPlace">
|
|
|
+ <el-select v-model="queryParams.vaccinationPlace" placeholder="接种地点" style="width:240px;" clearable :disabled="shouwestwo">
|
|
|
+ <el-option v-for="dict in typeOptionsvaccinatio" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
+ <!-- dictValue -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8" class="jehak">
|
|
|
+ <el-form-item label="户籍地址" prop="villagerGroup">
|
|
|
+ <el-cascader
|
|
|
+ placeholder="点击选择户籍地址"
|
|
|
+ :options="options"
|
|
|
+ filterable
|
|
|
+ @change="chahetwo"
|
|
|
+ :props="optionPropstwo"
|
|
|
+ style="width: 110%;"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ clearable
|
|
|
+ ></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="14" class="jehak">
|
|
|
+ <el-form-item label="居住地址" prop="villagerGroup">
|
|
|
+ <!-- <el-cascader
|
|
|
+ placeholder="点击选择居住地址"
|
|
|
+ :options="options"
|
|
|
+ filterable
|
|
|
+ @change="chahetwo"
|
|
|
+ :props="optionProps"
|
|
|
+ style="width: 100%;"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ clearable
|
|
|
+ ></el-cascader> -->
|
|
|
+ <area-select
|
|
|
+ type="text"
|
|
|
+ v-if="nhue"
|
|
|
+ v-model="selectedtwo"
|
|
|
+ :data="$pcaa"
|
|
|
+ :level="2"
|
|
|
+ style="display: flex;line-height: 18px;"
|
|
|
+ @change="onSelectedtwo"
|
|
|
+ @blur="dakousr"
|
|
|
+ class="hues"
|
|
|
+ ></area-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="接种情况" prop="isVaccination">
|
|
|
+ <el-radio-group v-model="queryParams.isVaccination" @change="gywoatwo">
|
|
|
+ <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="应种未种" prop="shouldBe">
|
|
|
+ <el-radio-group v-model="queryParams.shouldBe" style="width: 100%;" :disabled="!shouwestwo">
|
|
|
+ <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <!-- <el-input
|
|
|
+ v-model="queryParams.shouldBe"
|
|
|
+ placeholder="请输入应种未种
|
|
|
+ "
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ /> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="应续未续" prop="shouldSlow">
|
|
|
+ <el-radio-group v-model="queryParams.shouldSlow" style="width: 100%;">
|
|
|
+ <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <!-- <el-input
|
|
|
+ v-model="queryParams.shouldBe"
|
|
|
+ placeholder="请输入应种未种
|
|
|
+ "
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ /> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="4" style="text-align: center;">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5"><el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['core:info:add']">新增</el-button></el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['core:info:edit']">修改</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['core:info:remove']">删除</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="info"
|
|
|
+ plain
|
|
|
+ icon="el-icon-upload2"
|
|
|
+ size="mini"
|
|
|
+ @click="handleImport"
|
|
|
+ >导入</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['core:info:export']">导出</el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" stripe style="width: 100%" height="350">
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="姓名" align="center" prop="userName" fixed />
|
|
|
+ <el-table-column label="是否完成" align="center" prop="progress" fixed />
|
|
|
+ <el-table-column label="最后一次的接种时间" align="center" prop="vaccinationTime" width="150" />
|
|
|
+ <el-table-column label="下次应接时间" align="center" prop="vaccinationTimeNext" width="150"/>
|
|
|
+ <el-table-column label="联系方式" align="center" prop="phoneNum" width="110" />
|
|
|
+ <!-- <el-table-column label="性别" align="center" prop="gender" /> -->
|
|
|
+ <el-table-column label="受种者编号" align="center" prop="code" width="170"/>
|
|
|
+ <el-table-column label="身份证号码" align="center" prop="idCard" width="180" />
|
|
|
+
|
|
|
+ <!-- <el-table-column label="现居省份" align="center" prop="province" />
|
|
|
+ <el-table-column label="现居市" align="center" prop="city" />
|
|
|
+ <el-table-column label="现居县区" align="center" prop="region" /> -->
|
|
|
+ <el-table-column label="户籍地址" align="center" prop="domicileSelect" width="250" />
|
|
|
+ <el-table-column label="居住地址" align="center" prop="nowInSelect" width="250" />
|
|
|
+
|
|
|
+ <!-- <el-table-column label="户籍乡镇" align="center" prop="villageTowns" />
|
|
|
+ <el-table-column label="户籍村居" align="center" prop="village" />
|
|
|
+ <el-table-column label="户籍村民组" align="center" prop="villagerGroup" /> -->
|
|
|
+ <!-- <el-table-column label="户主" align="center" prop="houseType" /> -->
|
|
|
+
|
|
|
+ <!-- <el-table-column label="重点行业" align="center" prop="keyIndustries" /> -->
|
|
|
+ <!-- <el-table-column label="接种情况" align="center" prop="isVaccination" /> -->
|
|
|
+ <!-- <el-table-column label="接种记录" align="center" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="text" @click="chakei(scope.row)">查看</el-button>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <!-- v-hasPermi="['core:info:edit']" -->
|
|
|
+ <!-- <el-table-column
|
|
|
+ label="应种未种
|
|
|
+"
|
|
|
+ align="center"
|
|
|
+ prop="shouldBe"
|
|
|
+ /> -->
|
|
|
+ <!-- <el-table-column label="工作单位" align="center" prop="other" /> -->
|
|
|
+ <!-- <el-table-column label="进度" align="center" prop="vaccineInfoUserList[0].progress" /> -->
|
|
|
+ <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
|
|
|
+ <!-- <el-table-column label="状态" align="center" prop="status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.status==0?'启用' :'停用' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <!-- <el-table-column label="是否删除" align="center" prop="isDel" /> -->
|
|
|
+ <el-table-column label="操作" align="left" class-name="small-padding fixed-width" fixed="right" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['core:info:edit']">查看修改</el-button>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" class="hueya" v-hasPermi="['core:info:remove']">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
|
|
+
|
|
|
+ <!-- 添加或修改疫苗信息对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="opens" width="1240px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="身份证号" prop="idCard"><el-input v-model="form.idCard" placeholder="请输入身份证号码" @blur="idcde" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="姓名" prop="userName"><el-input v-model="form.userName" placeholder="请输入姓名" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="6">
|
|
|
+ <el-form-item label="出生日期" prop="birthday">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="form.birthday"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ format="yyyy-MM-dd "
|
|
|
+ style="width: 100%;"
|
|
|
+ placeholder="选择出生日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="性别" prop="gender">
|
|
|
+ <!-- <el-input v-model="form.gender" placeholder="请输入性别" /> -->
|
|
|
+ <el-select v-model="form.gender" placeholder="性别" clearable style="width: 100%;">
|
|
|
+ <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系号码" prop="phoneNum"><el-input v-model="form.phoneNum" placeholder="请输入联系号码" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="6">
|
|
|
+ <el-form-item label="编号" prop="code"><el-input v-model="form.code" placeholder="请输入编号" /></el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="重点行业" prop="keyIndustries">
|
|
|
+ <el-select v-model="form.keyIndustries" placeholder="重点行业" clearable style="width: 100%;">
|
|
|
+ <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="年龄" prop="age"><el-input v-model="form.age" placeholder="请输入年龄" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="现居地" prop="region">
|
|
|
+ <area-select
|
|
|
+ type="text"
|
|
|
+ v-model="selected"
|
|
|
+ v-if="jue"
|
|
|
+ :data="$pcaa"
|
|
|
+ :level="2"
|
|
|
+ style="display: flex;line-height: 18px;"
|
|
|
+ @change="onSelected"
|
|
|
+ class="hues"
|
|
|
+ ></area-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="详细地址" prop="nowIn"><el-input v-model="form.nowIn" type="input" placeholder="请输入内容" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="户籍地址" prop="villageTowns">
|
|
|
+ <!-- <el-input v-model="form.villageTowns" type="textarea" placeholder="请输入内容" /> -->
|
|
|
+ <!-- <treeselect v-model="form.parentId" :options="deptOptionstwo" :normalizer="normalizer" :flat="true" :maxHeight="150" @select="djieskle" :multiple=true placeholder="点击选择户籍地" /> -->
|
|
|
+ <el-cascader
|
|
|
+ placeholder="点击选择户籍地址"
|
|
|
+ :options="options"
|
|
|
+ :filterable="true"
|
|
|
+ separator="/"
|
|
|
+ @change="chahe"
|
|
|
+ v-model="villageTownshy"
|
|
|
+ :props="optionProps"
|
|
|
+ style="width: 100%;"
|
|
|
+ ref="myCascader"
|
|
|
+ ></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="详细地址" prop="domicile"><el-input v-model="form.domicile" type="input" placeholder="请输入户籍详细地址" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工作单位" prop="work_unit"><el-input v-model="form.workUnit" placeholder="请输入工作单位" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="备注" prop="remark"><el-input v-model="form.remark" placeholder="请输入备注" /></el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="12">
|
|
|
+ <el-form-item label="人群分类" prop="crowd_classification"><el-input v-model="form.crowd_classification" placeholder="请输入人群分类" /></el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="户主" prop="houseType">
|
|
|
+ <!-- <el-select v-model="form.houseType" placeholder="请选择户别"><el-option label="请选择字典生成" value="" /></el-select> -->
|
|
|
+ <!-- <el-input v-model="form.houseType" placeholder="请输入内容" /> -->
|
|
|
+ <el-select v-model="form.houseType" placeholder="户主" clearable style="width: 100%;">
|
|
|
+ <el-option v-for="dict in typeOptionshuuj" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="受种者编号" prop="code">
|
|
|
+ <el-input v-model="form.code" placeholder="请输入受种者编号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="5.5">
|
|
|
+ <el-form-item label="接种情况" prop="isVaccination">
|
|
|
+ <!-- <el-input v-model="form.isVaccination" placeholder="请输入接种情况" /> -->
|
|
|
+ <el-radio-group v-model="form.isVaccination" @change="gywoa">
|
|
|
+ <el-radio v-for="dict in typeOptionsty" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="3">
|
|
|
+ <el-form-item label="应种未种" prop="shouldBe">
|
|
|
+ <el-checkbox :disabled="shouwes" v-model="form.shouldBe" true-label="是" false-label="否"></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <!-- <el-col :span="5">
|
|
|
+ <el-form-item label="应续未续" prop="shouldSlow">
|
|
|
+ <el-checkbox v-model="form.shouldSlow" true-label="是" false-label="否"></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" style="height: 40px;"><el-form-item label="接种记录 :" prop="shouldBe"></el-form-item></el-col>
|
|
|
+ <el-col :span="24" v-for="(item, index) in form.vaccineInfoUserList" :key="index">
|
|
|
+ <el-row type="flex">
|
|
|
+ <!-- <el-col :span="4"> -->
|
|
|
+ <el-form-item label="疫苗名称" class="iejghiadh">
|
|
|
+ <el-select v-model="item.vaccineName" placeholder="疫苗名称" style="width:123px" clearable :disabled="naneme || item.disableg " @change="changeheu(index)">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in typeOptionsname"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="{ value: dict.dictValue, label: dict.dictLabel }"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- </el-col> -->
|
|
|
+ <!-- <el-col :span="4" class="oiuyty"> -->
|
|
|
+ <el-form-item label="接种时间" class="oiuyty">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ v-model="item.vaccinationTime"
|
|
|
+ type="datetime"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择接种时间"
|
|
|
+ style="width: 167px;"
|
|
|
+ :disabled="naneme || item.disableg"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- </el-col> -->
|
|
|
+ <el-col :span="5" class="ijeuhdy">
|
|
|
+ <el-form-item label="接种地点" >
|
|
|
+ <el-select :disabled="naneme || item.disableg " v-model="item.vaccinationPlace" placeholder="接种地点" clearable size="small" style="100%">
|
|
|
+ <el-option v-for="dict in typeOptionsvaccinatio" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
+ <!-- dict.dictValue -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="3"> -->
|
|
|
+ <el-form-item label="剂次" class="jhy">
|
|
|
+ <!-- <el-input v-model="form.jici" placeholder="请输入剂次" /> -->
|
|
|
+ <el-select @change="changeheujici(index)" v-model="item.jici" placeholder="剂次" clearable style="width:75px" :disabled="naneme || item.disableg" >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in typeOptionstimes"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="{ value: dict.dictValue, label: dict.dictLabel }"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- </el-col> -->
|
|
|
+
|
|
|
+ <!-- <el-col style="width: 135px;">
|
|
|
+ <el-form-item label="进度" class="jhy">
|
|
|
+ <el-select v-model="item.progress" placeholder="进度" clearable style="width:100%" :disabled="naneme || item.disableg">
|
|
|
+ <el-option v-for="dict in statusOptionstue" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-form-item class="jdueuh">
|
|
|
+ <div class="jdidur jdoier">
|
|
|
+ <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
+ <el-upload
|
|
|
+ :disabled="naneme"
|
|
|
+ class="upload-demo"
|
|
|
+ :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
+ :action="process + '/boman-file/upload'"
|
|
|
+ :on-change="handleChangertwo"
|
|
|
+ :on-success="upImageFntwo"
|
|
|
+ :on-error="errtwo"
|
|
|
+ :on-remove="reseImagetwo"
|
|
|
+ :file-list="item.url == '' ? item.url : JSON.parse(item.url)"
|
|
|
+ :on-preview="handlePictureCardPreviewtwo"
|
|
|
+ :before-upload="beforstwo"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">附件上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-tooltip>
|
|
|
+ <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
+ <div class="hyeoa">
|
|
|
+ <el-tooltip class="item" effect="dark" content="新增疫苗信息,请慎重操作" placement="top-start">
|
|
|
+ <img src="../../../assets/images/icon_tc_add.png" alt="" class="hueyde" @click="tijea(index)" />
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip class="item" effect="dark" content="删除无法恢复,请慎重操作" placement="top-start">
|
|
|
+ <img src="../../../assets/images/delei.png" alt="" class="hueydele" @click="naeyrfakjf(index, item)" />
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <!-- <el-col :span="2" class="hjdoecdre"> -->
|
|
|
+
|
|
|
+ <!-- </el-col> -->
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="7" style="width: 360px;">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="禁忌症" prop="contraindication" class="ehiqya">
|
|
|
+ <el-select :disabled="shouwes" v-model="form.contraindication" placeholder="禁忌症" clearable size="small" style="width: 100%;">
|
|
|
+ <el-option v-for="dict in typeOptionscont" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="margin-left: 10px;">
|
|
|
+ <div class="jdidur">
|
|
|
+ <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
+ <el-upload
|
|
|
+ :disabled="shouwes"
|
|
|
+ class="upload-demo"
|
|
|
+ :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
+ :action="process + '/boman-file/upload'"
|
|
|
+ :on-change="handleChangert"
|
|
|
+ :on-success="upImageFn"
|
|
|
+ :on-error="err"
|
|
|
+ :on-remove="reseImage"
|
|
|
+ :file-list="config"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :before-upload="befors"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">附件上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-tooltip>
|
|
|
+ <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="18" class="znshu">
|
|
|
+ <el-form-item label="暂缓接种" prop="suspend">
|
|
|
+ <!-- <el-input
|
|
|
+ v-model="form.suspend"
|
|
|
+ placeholder="请输入暂缓"
|
|
|
+ /> -->
|
|
|
+ <el-select :disabled="shouwes" v-model="form.suspend" placeholder="暂缓接种" clearable size="small" style="width: 100%;">
|
|
|
+ <el-option v-for="dict in typeOptionstyzandeh" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
|
|
|
+ <!-- dict.dictValue -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5" style="margin-left: 10px;">
|
|
|
+ <div class="jdidur">
|
|
|
+ <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
+ <el-upload
|
|
|
+ :disabled="shouwes"
|
|
|
+ class="upload-demo"
|
|
|
+ :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
+ :action="process + '/boman-file/upload'"
|
|
|
+ :on-change="handleChangerther"
|
|
|
+ :on-success="upImageFnther"
|
|
|
+ :on-error="err"
|
|
|
+ :on-remove="reseImagether"
|
|
|
+ :file-list="configther"
|
|
|
+ :on-preview="handlePictureCardPreviewther"
|
|
|
+ :before-upload="beforsther"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">附件上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-tooltip>
|
|
|
+ <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12" class="heioangd">
|
|
|
+ <el-form-item label="其他" prop="other" class="ehiqya">
|
|
|
+ <el-select :disabled="shouwes" v-model="form.other" placeholder="其他" clearable size="small" style="width: 100%;">
|
|
|
+ <el-option v-for="dict in typeOptionscontqit" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel"/>
|
|
|
+ <!-- dictValue -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" style="margin-left: 10px;">
|
|
|
+ <div class="jdidur">
|
|
|
+ <el-tooltip class="item" effect="dark" content="请上传png/jpg文档,且不超过50MB" placement="top-start">
|
|
|
+ <el-upload
|
|
|
+ :disabled="shouwes"
|
|
|
+ class="upload-demo"
|
|
|
+ :headers="{ Authorization: 'Bearer ' + getToken() }"
|
|
|
+ :action="process + '/boman-file/upload'"
|
|
|
+ :on-change="handleChangerfor"
|
|
|
+ :on-success="upImageFnfor"
|
|
|
+ :on-error="errfor"
|
|
|
+ :on-remove="reseImagefor"
|
|
|
+ :file-list="configfor"
|
|
|
+ :on-preview="handlePictureCardPreviewfor"
|
|
|
+ :before-upload="beforsfor"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">附件上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-tooltip>
|
|
|
+ <!-- <div class="el-upload__tip" style="margin-left: 5px; color: red; margin-top: 0;">请上传png/jpg文档,且不超过50MB</div> -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 图片预览 -->
|
|
|
+ <el-dialog :close-on-click-modal="false" title="预览" :visible.sync="imashow" width="1200px" append-to-body>
|
|
|
+ <div class="demo-image__preview">
|
|
|
+ <img :src="dialogImageUrl" alt="" style="width: 100%;" />
|
|
|
+ <!-- <iframe v-if="shouewhu" :src="dialogImageUrl" frameborder="0" style="width: 100%; height: 100vh;"></iframe>
|
|
|
+ <a v-if="exelshow" :href="dialogImageUrl" :download="dialogImageUrlname" >{{dialogImageUrlname}} <span style="color: #039BE5;">点击下载</span></a> -->
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 接种记录 -->
|
|
|
+ <el-dialog :close-on-click-modal="false" title="接种记录" :visible.sync="jiezhong" width="1200px" append-to-body class="ojhgy">
|
|
|
+ <el-table :data="jiezheList" stripe style="width: 100%">
|
|
|
+ <el-table-column label="疫苗名称" align="center" prop="vaccineName" />
|
|
|
+ <el-table-column label="剂次" align="center" prop="jici" />
|
|
|
+ <el-table-column label="接种时间" align="center" prop="vaccinationTime" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.vaccinationTime }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="接种地点" align="center" prop=".vaccinationPlace" />
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 用户导入对话框 -->
|
|
|
+ <el-dialog :close-on-click-modal="false" :title="upload.title" :visible.sync="upload.opens" width="400px" append-to-body>
|
|
|
+ <!-- :action="upload.url + '?updateSupport=' + upload.updateSupport" -->
|
|
|
+ <el-upload
|
|
|
+ ref="upload"
|
|
|
+ :limit="1"
|
|
|
+ accept=".xlsx, .xls"
|
|
|
+ :headers="upload.headers"
|
|
|
+ :action="upload.url"
|
|
|
+ :disabled="upload.isUploading"
|
|
|
+ :on-progress="handleFileUploadProgress"
|
|
|
+ :on-success="handleFileSuccess"
|
|
|
+ :auto-upload="false"
|
|
|
+ drag
|
|
|
+ >
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
+ <div class="el-upload__text">
|
|
|
+ 将文件拖到此处，或
|
|
|
+ <em>点击上传</em>
|
|
|
+ </div>
|
|
|
+ <div class="el-upload__tip" slot="tip">
|
|
|
+ <!-- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据 -->
|
|
|
+ <!-- <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link> -->
|
|
|
+ <a style="color: #1890ff;" href="http://118.178.139.79:5002/statics/template/疫苗接种导入模板.xls" download="疫苗接种导入模板">下载模板</a>
|
|
|
+ </div>
|
|
|
+ <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
|
|
|
+ </el-upload>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
+ <el-button @click="upload.opens = false">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { listInfo, getInfo, delInfo, addInfo, updateInfo, exportInfo, listRoleer, idces, delInfort,yiaoe,exportConfig,exportConfigtyr } from '@/api/system/time';
|
|
|
+import { treeselect } from '@/api/system/dept';
|
|
|
+import Treeselect from '@riophae/vue-treeselect';
|
|
|
+import { getToken } from '@/utils/auth';
|
|
|
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
|
|
|
+export default {
|
|
|
+ name: 'Info',
|
|
|
+ components: { Treeselect },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 选中数组
|
|
|
+ ids: [],
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // 疫苗信息表格数据
|
|
|
+ infoList: [],
|
|
|
+ dialogImageUrl: '',
|
|
|
+ // 弹出层标题
|
|
|
+ title: '',
|
|
|
+ // 是否显示弹出层
|
|
|
+ opens: false,
|
|
|
+ process: process.env.VUE_APP_BASE_API,
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ villageTowns: null,
|
|
|
+ village: null,
|
|
|
+ villagerGroup: null,
|
|
|
+ houseType: null,
|
|
|
+ domicile: null,
|
|
|
+ province: null,
|
|
|
+ city: null,
|
|
|
+ region: null,
|
|
|
+ userName: null,
|
|
|
+ gender: null,
|
|
|
+ idCard: null,
|
|
|
+ phoneNum: null,
|
|
|
+ keyIndustries: null,
|
|
|
+ isVaccination: null,
|
|
|
+ vaccineName: null,
|
|
|
+ jici: null,
|
|
|
+ vaccinationTime: null,
|
|
|
+ vaccinationPlace: null,
|
|
|
+ contraindication: null,
|
|
|
+ suspend: null,
|
|
|
+ death: null,
|
|
|
+ lostInMissing: null,
|
|
|
+ shouldBe: null,
|
|
|
+ other: null,
|
|
|
+ progress: null,
|
|
|
+ status: null,
|
|
|
+ isDel: null,
|
|
|
+ params:{
|
|
|
+ age:''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ config: [],
|
|
|
+ comfietg:[],
|
|
|
+ configther:[],
|
|
|
+ configfor:[],
|
|
|
+ // 表单参数
|
|
|
+ form: {
|
|
|
+ nowIn: '',
|
|
|
+ age:'',
|
|
|
+ code:'',
|
|
|
+ vaccineInfoUserList: [
|
|
|
+ {
|
|
|
+ vaccineName: '',
|
|
|
+ vaccinationTime: '',
|
|
|
+ vaccinationPlace: '',
|
|
|
+ jici: '',
|
|
|
+ progress: '',
|
|
|
+ url:null,
|
|
|
+ disableg:false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ // 用户导入参数
|
|
|
+ upload: {
|
|
|
+ // 是否显示弹出层（用户导入）
|
|
|
+ opens: false,
|
|
|
+ // 弹出层标题（用户导入）
|
|
|
+ title: "",
|
|
|
+ // 是否禁用上传
|
|
|
+ isUploading: false,
|
|
|
+ // 是否更新已经存在的用户数据
|
|
|
+ updateSupport: 0,
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API + "/boman-web-core//file/common/importYmjz"
|
|
|
+ },
|
|
|
+ // 表单校验
|
|
|
+ rules: {
|
|
|
+ region: [{ required: true, message: '区不能为空', trigger: 'blur' }],
|
|
|
+ idCard: [{ required: true, message: '身份证号码不能为空', trigger: 'blur' }],
|
|
|
+ userName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
|
|
|
+ villageTowns:[{ required: true, message: '户籍地址不能为空或不能只选潜山市', trigger: 'blur' }],
|
|
|
+ code:[{
|
|
|
+ required: true, message: '受种者编号不能为空', trigger: 'blur'
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ selected: ['安徽省', '安庆市', '潜山市'],
|
|
|
+ selectedtwo: [],
|
|
|
+ statusOptions: [
|
|
|
+ {
|
|
|
+ dictValue: '女',
|
|
|
+ dictLabel: '女'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '男',
|
|
|
+ dictLabel: '男'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ statusOptionstue: [
|
|
|
+ {
|
|
|
+ dictValue: '已完成',
|
|
|
+ dictLabel: '已完成'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '未完成',
|
|
|
+ dictLabel: '未完成'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ typeOptionshuuj: [
|
|
|
+ {
|
|
|
+ dictValue: '是',
|
|
|
+ dictLabel: '是'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '否',
|
|
|
+ dictLabel: '否'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ deptOptionstwo: [],
|
|
|
+ options: [],
|
|
|
+ optionProps: {
|
|
|
+ value: 'label',
|
|
|
+ label: 'label',
|
|
|
+ children: 'children',
|
|
|
+ checkStrictly: true
|
|
|
+ },
|
|
|
+ optionPropstwo: {
|
|
|
+ value: 'id',
|
|
|
+ label: 'label',
|
|
|
+ children: 'children',
|
|
|
+ checkStrictly: true
|
|
|
+ },
|
|
|
+ heuiq: [],
|
|
|
+ typeOptions: [],
|
|
|
+ typeOptionsty: [
|
|
|
+ {
|
|
|
+ dictValue: '是',
|
|
|
+ dictLabel: '是'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '否',
|
|
|
+ dictLabel: '否'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ typeOptionstyzandeh:[],
|
|
|
+ angesList: [
|
|
|
+
|
|
|
+ ],
|
|
|
+ typeOptionsname: [],
|
|
|
+ typeOptionstimes: [],
|
|
|
+ typeOptionsvaccinatio: [],
|
|
|
+ typeOptionscont: [],
|
|
|
+ typeOptionscontty: [],
|
|
|
+ typeOptionscontqit:[],
|
|
|
+ // 剂次
|
|
|
+ typeOptionstimesgt: [
|
|
|
+ {
|
|
|
+ dictValue: '1',
|
|
|
+ dictLabel: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '2',
|
|
|
+ dictLabel: '2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '3',
|
|
|
+ dictLabel: '3'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictValue: '加强针',
|
|
|
+ dictLabel: '加强针'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ imashow: false,
|
|
|
+ naneme: false,
|
|
|
+ shouwes: false,
|
|
|
+ shouwestwo:false,
|
|
|
+ villageTownshy: undefined,
|
|
|
+ naiseurya: '',
|
|
|
+ hsuej: '',
|
|
|
+ jdourdjoaj: false,
|
|
|
+ jiezhong: false,
|
|
|
+ jiezheList: [],
|
|
|
+ fireLise:{config:[]},
|
|
|
+ nameutaiL:0,
|
|
|
+ jue:false,
|
|
|
+ nhue:true
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ this.getTreeselectjue();
|
|
|
+ // 重点行业
|
|
|
+ this.getDicts('key_trades').then(response => {
|
|
|
+ this.typeOptions = response.data;
|
|
|
+ });
|
|
|
+ // 疫苗名称
|
|
|
+ this.getDicts('vaccine_name').then(response => {
|
|
|
+ this.typeOptionsname = response.data;
|
|
|
+ });
|
|
|
+
|
|
|
+ // 接种地点
|
|
|
+ this.getDicts('vaccination_site').then(response => {
|
|
|
+ this.typeOptionsvaccinatio = response.data;
|
|
|
+ });
|
|
|
+ // 暂缓接种
|
|
|
+ this.getDicts('moratorium_on_vaccination').then(response => {
|
|
|
+ this.typeOptionstyzandeh = response.data;
|
|
|
+ });
|
|
|
+ // typeOptionscontty
|
|
|
+ // 禁忌症
|
|
|
+ this.getDicts('contraindication').then(response => {
|
|
|
+ this.typeOptionscont = response.data;
|
|
|
+ });
|
|
|
+ // 其他 typeOptionscontqit
|
|
|
+ this.getDicts('other_status').then(response => {
|
|
|
+ this.typeOptionscontqit = response.data;
|
|
|
+ });
|
|
|
+ // 年龄阶段
|
|
|
+ this.getDicts('age_interval').then(response => {
|
|
|
+ this.angesList = response.data;
|
|
|
+ });
|
|
|
+
|
|
|
+ // this.form.province = this.selected[0];
|
|
|
+ // this.form.city = this.selected[1];
|
|
|
+ // this.form.region = this.selected[2];
|
|
|
+ console.log(this.selected,456)
|
|
|
+ // this.queryParams.province = this.selectedtwo[0];
|
|
|
+ // this.queryParams.city = this.selectedtwo[1];
|
|
|
+ // this.queryParams.region = this.selectedtwo[2];
|
|
|
+ // this.naiseurya = this.form.province + this.form.city + this.form.region;
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ console.log(136)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onSelected(data) {
|
|
|
+ console.log(data, 125);
|
|
|
+ // province
|
|
|
+ this.form.province = data[0];
|
|
|
+ this.form.city = data[1];
|
|
|
+ this.form.region = data[2];
|
|
|
+ this.naiseurya = this.form.province + this.form.city + this.form.region;
|
|
|
+ if (this.jdourdjoaj == false) {
|
|
|
+ // 修改
|
|
|
+ this.form.nowIn = '';
|
|
|
+ }
|
|
|
+ // this.form.nowIn = undefined
|
|
|
+ // this.form.villageTowns = data[3]
|
|
|
+ },
|
|
|
+ dakousr() {
|
|
|
+ console.log(2345);
|
|
|
+ },
|
|
|
+ onSelectedtwo(data) {
|
|
|
+ console.log(data);
|
|
|
+ // province
|
|
|
+ this.queryParams.province = data[0];
|
|
|
+ this.queryParams.city = data[1];
|
|
|
+ this.queryParams.region = data[2];
|
|
|
+ // this.queryParams.villageTowns = data[3]
|
|
|
+ },
|
|
|
+ /** 查询疫苗信息列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ listInfo(this.queryParams).then(response => {
|
|
|
+ this.infoList = response.rows;
|
|
|
+ this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getToken() {
|
|
|
+ return getToken();
|
|
|
+ },
|
|
|
+ getTreeselectjue() {
|
|
|
+ this.loading = true;
|
|
|
+ listRoleer(this.queryParams).then(response => {
|
|
|
+ this.options = response.data;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 转换角色数据结构 */
|
|
|
+ normalizer(node) {
|
|
|
+ // if (node.children && !node.children.length) {
|
|
|
+ // delete node.children;
|
|
|
+ // }
|
|
|
+ return {
|
|
|
+ id: node.id,
|
|
|
+ label: node.roleName
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 点击组/角色
|
|
|
+ djieskle(node, instanceId) {
|
|
|
+ // this.personnel(node.id);
|
|
|
+ console.log(node, instanceId);
|
|
|
+ },
|
|
|
+ // 身份证
|
|
|
+ idcde(event) {
|
|
|
+ console.log(event);
|
|
|
+ // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
|
|
|
+ let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
|
|
|
+ if (reg.test(this.form.idCard)) {
|
|
|
+ this.idea();
|
|
|
+ // this.go(this.form.idCard.length);
|
|
|
+ // callback()
|
|
|
+ } else {
|
|
|
+ // callback(new Error('身份证号码不正确'))
|
|
|
+ this.msgInfo('身份证号码不正确');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 实现自动生成生日，性别，年龄
|
|
|
+ go(val) {
|
|
|
+ let iden = this.form.idCard;
|
|
|
+ let sex = null;
|
|
|
+ let birth = null;
|
|
|
+ let birthr = '';
|
|
|
+ let myDate = new Date();
|
|
|
+ let month = myDate.getMonth() + 1;
|
|
|
+ let day = myDate.getDate();
|
|
|
+ let age = 0;
|
|
|
+
|
|
|
+ if (val === 18) {
|
|
|
+ age = myDate.getFullYear() - iden.substring(6, 10) - 1;
|
|
|
+ sex = iden.substring(16, 17);
|
|
|
+ birth = iden.substring(6, 10) + '-' + iden.substring(10, 12) + '-' + iden.substring(12, 14);
|
|
|
+ if (iden.substring(10, 12) < month || (iden.substring(10, 12) == month && iden.substring(12, 14) <= day)) age++;
|
|
|
+ }
|
|
|
+ if (val === 15) {
|
|
|
+ age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
|
|
|
+ sex = iden.substring(13, 14);
|
|
|
+ birth = '19' + iden.substring(6, 8) + '-' + iden.substring(8, 10) + '-' + iden.substring(10, 12);
|
|
|
+ if (iden.substring(8, 10) < month || (iden.substring(8, 10) == month && iden.substring(10, 12) <= day)) age++;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (sex % 2 === 0) sex = '女';
|
|
|
+ else sex = '男';
|
|
|
+ this.form.gender = sex;
|
|
|
+ // this.baseInfo.age = age;
|
|
|
+ birthr = birth + '';
|
|
|
+ console.log(birthr);
|
|
|
+ // this.form.birthday = birthr;
|
|
|
+ // this.$set(this.form.birthday, birthr)
|
|
|
+ // this.baseInfo.birthplace = this.area[iden.substring(0,2)];
|
|
|
+ },
|
|
|
+ // 请求身份证数据
|
|
|
+ idea() {
|
|
|
+ idces({ idCard: this.form.idCard }).then(response => {
|
|
|
+ console.log(response);
|
|
|
+ this.form.gender = response.data.gender;
|
|
|
+ // this.form.birthday = response.data.birthday;
|
|
|
+ this.form.age = response.data.age
|
|
|
+ this.form.code = response.data.code
|
|
|
+ if (response.data.userName == null) {
|
|
|
+ this.form.userName = undefined;
|
|
|
+ } else {
|
|
|
+ this.form.userName = response.data.userName;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.opens = false;
|
|
|
+ this.jiezhong = false;
|
|
|
+ this.imashow = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ gywoa() {
|
|
|
+ console.log(this.form.isVaccination);
|
|
|
+ if (this.form.isVaccination !== null) {
|
|
|
+ if (this.form.isVaccination == '是') {
|
|
|
+ // 接种疫苗
|
|
|
+ this.naneme = false,
|
|
|
+ this.shouwes = true;
|
|
|
+ }else {
|
|
|
+ this.naneme = true,
|
|
|
+ this.shouwes = false,
|
|
|
+ this.form.vaccineInfoUserList = [{
|
|
|
+ vaccineName: '',
|
|
|
+ vaccinationTime: '',
|
|
|
+ vaccinationPlace: '',
|
|
|
+ jici: '',
|
|
|
+ progress: '',
|
|
|
+ url:null
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ gywoatwo() {
|
|
|
+ console.log(this.queryParams.isVaccination);
|
|
|
+ if (this.queryParams.isVaccination !== null) {
|
|
|
+ if (this.queryParams.isVaccination == '是') {
|
|
|
+ // 接种疫苗
|
|
|
+ // (this.naneme = false), (this.shouwes = true);
|
|
|
+ this.shouwestwo = false
|
|
|
+ } else {
|
|
|
+ // (this.naneme = true), (this.shouwes = false);
|
|
|
+ this.shouwestwo = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 上传前控制
|
|
|
+ befors(res, file) {
|
|
|
+ console.log(res, file);
|
|
|
+ console.log(res.name.substr(0, res.name.length - 4));
|
|
|
+ // if(res.type !== 'application/pdf'){
|
|
|
+ // this.msgSuccess('只能上传pdf文件');
|
|
|
+ // return false
|
|
|
+ // }else{
|
|
|
+ // return true
|
|
|
+ // }
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 图片预览
|
|
|
+ handlePictureCardPreview(file) {
|
|
|
+ console.log(file, 87);
|
|
|
+ console.log(file.name.split('.'));
|
|
|
+ let hegs = file.name.split('.');
|
|
|
+ console.log(hegs[hegs.length - 1]);
|
|
|
+ if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
+ this.shouewhu = true;
|
|
|
+ } else {
|
|
|
+ if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
+ this.shouewhu = false;
|
|
|
+ this.exelshow = false;
|
|
|
+ } else {
|
|
|
+ this.exelshow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.shouewhu, this.exelshow);
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ this.dialogImageUrlname = file.name;
|
|
|
+ console.log(this.dialogImageUrlname);
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.imashow = true;
|
|
|
+ },
|
|
|
+ // 上传文件
|
|
|
+ handleChangert(file, fileList) {
|
|
|
+ this.fileList = fileList.slice(-3);
|
|
|
+ },
|
|
|
+ upImageFn(res, file) {
|
|
|
+ if (res.code !== 200) {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ this.msgSuccess('上传成功');
|
|
|
+ this.config.push(res.data);
|
|
|
+ this.config.filter( router=> {
|
|
|
+ router.name = '禁忌症附件'
|
|
|
+ })
|
|
|
+ console.log(res.data);
|
|
|
+ console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
+ this.form.url = this.config;
|
|
|
+ this.form.url = JSON.stringify(this.form.url);
|
|
|
+ }
|
|
|
+ // querjtgoe.message_title
|
|
|
+ console.log(res);
|
|
|
+ console.log(res.data.name.substr(-4));
|
|
|
+ },
|
|
|
+ err() {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ console.log(35);
|
|
|
+ },
|
|
|
+ reseImage(file, fileList) {
|
|
|
+ let urls = '';
|
|
|
+ if (file.response) {
|
|
|
+ urls = file.response.url;
|
|
|
+ } else {
|
|
|
+ urls = file.url;
|
|
|
+ }
|
|
|
+ for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
+ if (this.config[i].url == urls) {
|
|
|
+ this.config.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.config.length == 0) {
|
|
|
+ this.form.url = undefined;
|
|
|
+ } else {
|
|
|
+ this.form.url = JSON.stringify(this.config);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 上传前控制
|
|
|
+ beforstwo(res, file) {
|
|
|
+ console.log(res, file);
|
|
|
+ // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
+ // if(res.type !== 'application/pdf'){
|
|
|
+ // this.msgSuccess('只能上传pdf文件');
|
|
|
+ // return false
|
|
|
+ // }else{
|
|
|
+ // return true
|
|
|
+ // }
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 图片预览
|
|
|
+ handlePictureCardPreviewtwo(file) {
|
|
|
+ console.log(file, 87);
|
|
|
+ console.log(file.name.split('.'));
|
|
|
+ let hegs = file.name.split('.');
|
|
|
+ console.log(hegs[hegs.length - 1]);
|
|
|
+ if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
+ this.shouewhu = true;
|
|
|
+ } else {
|
|
|
+ if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
+ this.shouewhu = false;
|
|
|
+ this.exelshow = false;
|
|
|
+ } else {
|
|
|
+ this.exelshow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.shouewhu, this.exelshow);
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ this.dialogImageUrlname = file.name;
|
|
|
+ console.log(this.dialogImageUrlname);
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.imashow = true;
|
|
|
+ },
|
|
|
+ // 上传文件
|
|
|
+ handleChangertwo(file, fileList) {
|
|
|
+ // this.fileList = fileList.slice(-3);
|
|
|
+ },
|
|
|
+ upImageFntwo(res, file) {
|
|
|
+ this.comfietg = []
|
|
|
+
|
|
|
+ if (res.code !== 200) {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ this.msgSuccess('上传成功');
|
|
|
+ this.comfietg.push(res.data);
|
|
|
+ this.comfietg.filter( router=> {
|
|
|
+ router.name = '附件'
|
|
|
+ })
|
|
|
+ console.log(this.comfietg);
|
|
|
+ this.form.vaccineInfoUserList[this.nameutaiL].url = []
|
|
|
+ console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
+ console.log(this.nameutaiL)
|
|
|
+ this.form.vaccineInfoUserList[this.nameutaiL].url = this.comfietg
|
|
|
+ // this.form.url = this.config;
|
|
|
+ this.form.vaccineInfoUserList[this.nameutaiL].url = JSON.stringify(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
+ }
|
|
|
+ // querjtgoe.message_title
|
|
|
+ console.log(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
+ console.log(res.data.name.substr(-4));
|
|
|
+ },
|
|
|
+ errtwo() {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ console.log(35);
|
|
|
+ },
|
|
|
+ reseImagetwo(file, fileList) {
|
|
|
+ let urls = '';
|
|
|
+ if (file.response) {
|
|
|
+ urls = file.response.url;
|
|
|
+ } else {
|
|
|
+ urls = file.url;
|
|
|
+ }
|
|
|
+ for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
+ if (this.comfietg[i].url == urls) {
|
|
|
+ this.comfietg.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.comfietg.length == 0) {
|
|
|
+ this.form.vaccineInfoUserList[this.nameutaiL].url = null;
|
|
|
+ } else {
|
|
|
+ this.form.vaccineInfoUserList[this.nameutaiL].url = JSON.stringify(this.form.vaccineInfoUserList[this.nameutaiL].url);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 暂缓
|
|
|
+ // 上传前控制
|
|
|
+ beforsther(res, file) {
|
|
|
+ console.log(res, file);
|
|
|
+ // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
+ // if(res.type !== 'application/pdf'){
|
|
|
+ // this.msgSuccess('只能上传pdf文件');
|
|
|
+ // return false
|
|
|
+ // }else{
|
|
|
+ // return true
|
|
|
+ // }
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 图片预览
|
|
|
+ handlePictureCardPreviewther(file) {
|
|
|
+ console.log(file, 87);
|
|
|
+ console.log(file.name.split('.'));
|
|
|
+ let hegs = file.name.split('.');
|
|
|
+ console.log(hegs[hegs.length - 1]);
|
|
|
+ if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
+ this.shouewhu = true;
|
|
|
+ } else {
|
|
|
+ if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
+ this.shouewhu = false;
|
|
|
+ this.exelshow = false;
|
|
|
+ } else {
|
|
|
+ this.exelshow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.shouewhu, this.exelshow);
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ this.dialogImageUrlname = file.name;
|
|
|
+ console.log(this.dialogImageUrlname);
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.imashow = true;
|
|
|
+ },
|
|
|
+ // 上传文件
|
|
|
+ handleChangerther(file, fileList) {
|
|
|
+ // this.fileList = fileList.slice(-3);
|
|
|
+ },
|
|
|
+ upImageFnther(res, file) {
|
|
|
+ this.configther = []
|
|
|
+ if (res.code !== 200) {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ this.msgSuccess('上传成功');
|
|
|
+ this.configther.push(res.data);
|
|
|
+ this.configther.filter( router=> {
|
|
|
+ router.name = '暂缓附件'
|
|
|
+ })
|
|
|
+ console.log(this.configther);
|
|
|
+ console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
+ console.log(this.nameutaiL)
|
|
|
+ this.form.suspendUrl = this.configther
|
|
|
+ // this.form.url = this.config;
|
|
|
+ this.form.suspendUrl = JSON.stringify(this.form.suspendUrl);
|
|
|
+ }
|
|
|
+ // querjtgoe.message_title
|
|
|
+ console.log(this.form.suspendUrl);
|
|
|
+ console.log(res.data.name.substr(-4));
|
|
|
+ },
|
|
|
+ errther() {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ console.log(35);
|
|
|
+ },
|
|
|
+ reseImagether(file, fileList) {
|
|
|
+ let urls = '';
|
|
|
+ if (file.response) {
|
|
|
+ urls = file.response.url;
|
|
|
+ } else {
|
|
|
+ urls = file.url;
|
|
|
+ }
|
|
|
+ for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
+ if (this.comfietg[i].url == urls) {
|
|
|
+ this.comfietg.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.comfietg.length == 0) {
|
|
|
+ this.form.suspendUrl = undefined
|
|
|
+ } else {
|
|
|
+ this.form.suspendUrl = JSON.stringify(this.form.suspendUrl);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 其他
|
|
|
+ // 上传前控制
|
|
|
+ beforsfor(res, file) {
|
|
|
+ console.log(res, file);
|
|
|
+ // console.log(res.name.substr(0, res.name.length - 4));
|
|
|
+ // if(res.type !== 'application/pdf'){
|
|
|
+ // this.msgSuccess('只能上传pdf文件');
|
|
|
+ // return false
|
|
|
+ // }else{
|
|
|
+ // return true
|
|
|
+ // }
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // 图片预览
|
|
|
+ handlePictureCardPreviewfor(file) {
|
|
|
+ console.log(file, 87);
|
|
|
+ console.log(file.name.split('.'));
|
|
|
+ let hegs = file.name.split('.');
|
|
|
+ console.log(hegs[hegs.length - 1]);
|
|
|
+ if (hegs[hegs.length - 1] == 'pdf') {
|
|
|
+ this.shouewhu = true;
|
|
|
+ } else {
|
|
|
+ if (hegs[hegs.length - 1] == 'jpg' || hegs[hegs.length - 1] == 'png') {
|
|
|
+ this.shouewhu = false;
|
|
|
+ this.exelshow = false;
|
|
|
+ } else {
|
|
|
+ this.exelshow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.shouewhu, this.exelshow);
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ this.dialogImageUrlname = file.name;
|
|
|
+ console.log(this.dialogImageUrlname);
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.imashow = true;
|
|
|
+ },
|
|
|
+ // 上传文件
|
|
|
+ handleChangerfor(file, fileList) {
|
|
|
+ // this.fileList = fileList.slice(-3);
|
|
|
+ },
|
|
|
+ upImageFnfor(res, file) {
|
|
|
+ this.configfor = []
|
|
|
+ if (res.code !== 200) {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ this.msgSuccess('上传成功');
|
|
|
+ this.configfor.push(res.data);
|
|
|
+ this.configfor.filter( router=> {
|
|
|
+ router.name = '其他附件'
|
|
|
+ })
|
|
|
+ console.log(this.configfor);
|
|
|
+ console.log(res.data.name.substr(0, res.data.name.length - 4));
|
|
|
+ console.log(this.nameutaiL)
|
|
|
+ this.form.otherUrl = this.configfor
|
|
|
+ // this.form.url = this.config;
|
|
|
+ this.form.otherUrl = JSON.stringify(this.form.otherUrl);
|
|
|
+ }
|
|
|
+ // querjtgoe.message_title
|
|
|
+ console.log(this.form.otherUrl);
|
|
|
+ console.log(res.data.name.substr(-4));
|
|
|
+ },
|
|
|
+ errfor() {
|
|
|
+ this.msgInfo('上传失败');
|
|
|
+ console.log(35);
|
|
|
+ },
|
|
|
+ reseImagefor(file, fileList) {
|
|
|
+ let urls = '';
|
|
|
+ if (file.response) {
|
|
|
+ urls = file.response.url;
|
|
|
+ } else {
|
|
|
+ urls = file.url;
|
|
|
+ }
|
|
|
+ for (let i = this.config.length - 1; i >= 0; i--) {
|
|
|
+ if (this.configfor[i].url == urls) {
|
|
|
+ this.configfor.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.configfor.length == 0) {
|
|
|
+ this.form.otherUrl = undefined
|
|
|
+ } else {
|
|
|
+ this.form.otherUrl = JSON.stringify(this.form.otherUrl);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ id: null,
|
|
|
+ villageTowns: null,
|
|
|
+ village: null,
|
|
|
+ age:'',
|
|
|
+ code:'',
|
|
|
+ villagerGroup: null,
|
|
|
+ houseType: null,
|
|
|
+ domicile: null,
|
|
|
+ province: null,
|
|
|
+ city: null,
|
|
|
+ region: null,
|
|
|
+ userName: null,
|
|
|
+ gender: null,
|
|
|
+ idCard: null,
|
|
|
+ phoneNum: null,
|
|
|
+ keyIndustries: null,
|
|
|
+ isVaccination: null,
|
|
|
+ vaccinationPlace: null,
|
|
|
+ contraindication: null,
|
|
|
+ suspend: null,
|
|
|
+ death: null,
|
|
|
+ lostInMissing: null,
|
|
|
+ shouldBe: null,
|
|
|
+ other: null,
|
|
|
+ nowIn: '',
|
|
|
+ remark: null,
|
|
|
+ status: '0',
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ isDel: null,
|
|
|
+ vaccineInfoUserList: [
|
|
|
+ {
|
|
|
+ vaccineName: '',
|
|
|
+ vaccinationTime: '',
|
|
|
+ vaccinationPlace: '',
|
|
|
+ jici: '',
|
|
|
+ progress: '',
|
|
|
+ url:null,
|
|
|
+ disableg:false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ this.resetForm('form');
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ console.log(this.queryParams)
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.nhue = false
|
|
|
+ this.selectedtwo = []
|
|
|
+ setTimeout( ()=>{
|
|
|
+ this.nhue = true
|
|
|
+ },100)
|
|
|
+ this.queryParams.province = undefined;
this.queryParams.city = undefined;
this.queryParams.region = undefined;
|
|
|
+ this.resetForm('queryForm');
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.ids = selection.map(item => item.id);
|
|
|
+ this.single = selection.length !== 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd() {
|
|
|
+ this.reset();
|
|
|
+ this.opens = true;
|
|
|
+ (this.naneme = false),
|
|
|
+ (this.shouwes = false);
|
|
|
+ this.selected = ['安徽省', '安庆市', '潜山市'],
|
|
|
+ this.form.province = this.selected[0];
|
|
|
+ this.villageTownshy = '';
|
|
|
+ this.naiseurya = '';
|
|
|
+ this.hsuej = '';
|
|
|
+ this.form.city = this.selected[1];
|
|
|
+ this.form.region = this.selected[2];
|
|
|
+ this.title = '添加疫苗信息';
|
|
|
+ this.jdourdjoaj = true;
|
|
|
+ this.jue = true
|
|
|
+ console.log(this.form)
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ const id = row.id || this.ids;
|
|
|
+ getInfo(id).then(response => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.jue = false
|
|
|
+ if(response.data.province !== null){
|
|
|
+ this.selected[0] = response.data.province;
|
|
|
+ }else{
|
|
|
+ this.selected[0] ='安徽省'
|
|
|
+ }
|
|
|
+ if(response.data.city !== null){
|
|
|
+ this.selected[1] = response.data.city;
|
|
|
+ }else{
|
|
|
+ this.selected[1] = '安庆市'
|
|
|
+ }
|
|
|
+ if(response.data.region !== null){
|
|
|
+ this.selected[2] = response.data.region;
|
|
|
+ }else{
|
|
|
+ this.selected[2] = '潜山市'
|
|
|
+ }
|
|
|
+ this.onSelected(this.selected)
|
|
|
+ setTimeout( ()=>{
|
|
|
+ this.jue = true
|
|
|
+ },100)
|
|
|
+ // this.jue = true
|
|
|
+ console.log(this.selected,98767)
|
|
|
+ // if(this.form){
|
|
|
+ if (this.form.isVaccination !== null) {
|
|
|
+ if (this.form.isVaccination == '是') {
|
|
|
+ // 接种疫苗
|
|
|
+ (this.naneme = false), (this.shouwes = true);
|
|
|
+ } else {
|
|
|
+ (this.naneme = true), (this.shouwes = false);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.naneme = false;
|
|
|
+ this.shouwes = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.form.dictValue !== null && this.form.dictValue !== undefined) {
|
|
|
+ this.jicheru(this.form.dictValue);
|
|
|
+ }
|
|
|
+ if (this.form.villageTowns !== null) {
|
|
|
+ this.villageTownshy = this.form.villageTowns;
|
|
|
+ if (this.form.village !== null) {
|
|
|
+ this.villageTownshy = this.form.village;
|
|
|
+ if (this.form.villagerGroup !== null) {
|
|
|
+ this.villageTownshy = this.form.villagerGroup;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ this.villageTownshy = '';
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.form.vaccineInfoUserList !== null) {
|
|
|
+ if (this.form.vaccineInfoUserList.length == 0) {
|
|
|
+
|
|
|
+ this.form.vaccineInfoUserList = [
|
|
|
+ {
|
|
|
+ vaccineName: '',
|
|
|
+ vaccinationTime: '',
|
|
|
+ vaccinationPlace: '',
|
|
|
+ jici: '',
|
|
|
+ progress: '',
|
|
|
+ url:null,
|
|
|
+ disableg:false
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ }else {
|
|
|
+ this.form.isVaccination = '是'
|
|
|
+ this.form.vaccineInfoUserList.filter(router =>{
|
|
|
+ if(router.url == undefined){
|
|
|
+ router.url = null
|
|
|
+ }else if(router.url == []){
|
|
|
+ router.url = null
|
|
|
+ }
|
|
|
+ router.disableg = true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // villageTownshy
|
|
|
+ // }
|
|
|
+ // this.heuiq.push()
|
|
|
+ this.naiseurya = '';
|
|
|
+ this.hsuej = '';
|
|
|
+ this.opens = true;
|
|
|
+ this.jdourdjoaj = false;
|
|
|
+ this.title = '查看编辑疫苗信息';
|
|
|
+ });
|
|
|
+ },
|
|
|
+ chahe(data) {
|
|
|
+ console.log(data);
|
|
|
+ // let labelValue = this.$refs['myCascader'].inputValue
|
|
|
+ // console.log(labelValue)
|
|
|
+ console.log(this.$refs['myCascader'])
|
|
|
+ this.form.villageTowns = data[1];
|
|
|
+ this.form.village = data[2];
|
|
|
+ this.form.villagerGroup = data[3];
|
|
|
+ if (this.form.villageTowns !== undefined) {
|
|
|
+ this.hsuej = this.form.villageTowns;
|
|
|
+ if (this.form.village !== undefined) {
|
|
|
+ this.hsuej = this.form.villageTowns + this.form.village;
|
|
|
+ if (this.form.villagerGroup !== undefined) {
|
|
|
+ this.hsuej = this.form.villageTowns + this.form.village + this.form.villagerGroup;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.form.domicile = '';
|
|
|
+ },
|
|
|
+ chahetwo(data) {
|
|
|
+ console.log(data)
|
|
|
+ // this.queryParams.villageTowns = data[1];
|
|
|
+ // this.queryParams.village = data[2];
|
|
|
+ // this.queryParams.villagerGroup = data[3];
|
|
|
+ this.queryParams.deptId = data[ data.length - 1]
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm() {
|
|
|
+ this.$refs['form'].validate(valid => {
|
|
|
+ console.log(this.selected);
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.id != null) {
|
|
|
+ // this.form.nowIn = this.naiseurya + this.form.nowIn;
|
|
|
+ // this.form.domicile = this.hsuej + this.form.domicile;
|
|
|
+ updateInfo(this.form).then(response => {
|
|
|
+ this.msgSuccess('修改成功');
|
|
|
+ this.opens = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // this.form.nowIn = this.naiseurya + this.form.nowIn;
|
|
|
+ // this.form.domicile = this.hsuej + this.form.domicile;
|
|
|
+ // if (this.form.nowIn == 'undefined') {
|
|
|
+ // this.form.nowIn = null;
|
|
|
+ // }
|
|
|
+ console.log(this.form)
|
|
|
+ // return
|
|
|
+ addInfo(this.form).then(response => {
|
|
|
+ this.msgSuccess('新增成功');
|
|
|
+ this.opens = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ const ids = row.id || this.ids;
|
|
|
+ this.$confirm('是否确认删除疫苗信息编号为"' + ids + '"的数据项?', '警告', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ .then(function() {
|
|
|
+ return delInfo(ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.msgSuccess('删除成功');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ var heuia = {
|
|
|
+ tableName: "vaccine_info",
|
|
|
+ empty: false,
|
|
|
+ condition: {}
|
|
|
+ }
|
|
|
+ heuia.condition = this.queryParams
|
|
|
+ const queryParams = this.queryParams
|
|
|
+ this.$confirm('是否确认导出?', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return exportConfig(queryParams);
|
|
|
+ }).then(response => {
|
|
|
+ const jues= response.data
|
|
|
+ exportConfigtyr().then(responsr => {
|
|
|
+ console.log(responsr)
|
|
|
+ if(responsr.data == true){
|
|
|
+ // this.download(jues);
|
|
|
+ // window.location.href = jues
|
|
|
+ window.open(jues)
|
|
|
+ }else{
|
|
|
+ this.msgSuccess('数据暂未加载完成，请稍后点击导出进度按钮');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ // this.download('/boman-web-core/core/info/export',
|
|
|
+ // {
|
|
|
+ // ...this.queryParams
|
|
|
+ // },
|
|
|
+ // `post_${new Date().getTime()}.xlsx`
|
|
|
+ // );
|
|
|
+
|
|
|
+ },
|
|
|
+ // 疫苗名称改变
|
|
|
+ changeheu(index, data) {
|
|
|
+ console.log(index, data);
|
|
|
+ let hueya = this.form.vaccineInfoUserList[index].vaccineName;
|
|
|
+ // this.form.vaccineName = this.form.vaccineName.label;
|
|
|
+ this.form.vaccineInfoUserList[index].vaccineName = hueya.label;
|
|
|
+ console.log(this.form.vaccineInfoUserList[index].vaccineName);
|
|
|
+ this.jicheru(hueya.value);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 剂次
|
|
|
+ jicheru(data) {
|
|
|
+ // 计次
|
|
|
+ this.getDicts(data).then(response => {
|
|
|
+ this.typeOptionstimes = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 剂次改变
|
|
|
+ changeheujici(index) {
|
|
|
+ console.log(index);
|
|
|
+ let hueya = this.form.vaccineInfoUserList[index].jici;
|
|
|
+ // this.form.vaccineName = this.form.vaccineName.label;
|
|
|
+ this.form.vaccineInfoUserList[index].jici = hueya.label;
|
|
|
+ console.log(this.form.vaccineInfoUserList[index].jici);
|
|
|
+ if (hueya.value == this.typeOptionstimes.length) {
|
|
|
+ this.form.vaccineInfoUserList[index].progress = '已完成';
|
|
|
+ } else {
|
|
|
+ this.form.vaccineInfoUserList[index].progress = '未完成';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 剂次
|
|
|
+ jicherutwo(data) {
|
|
|
+ // 计次
|
|
|
+ this.getDicts(data).then(response => {
|
|
|
+ this.typeOptionstimes = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 疫苗名称改变
|
|
|
+ changeheutwo(data) {
|
|
|
+ console.log(data);
|
|
|
+ this.queryParams.vaccineName = this.queryParams.vaccineName.label;
|
|
|
+ console.log(this.queryParams.vaccineName);
|
|
|
+ this.jicherutwo(data.value);
|
|
|
+ },
|
|
|
+ // 点击新增
|
|
|
+ tijea(index) {
|
|
|
+ console.log(index+ 1)
|
|
|
+ this.nameutaiL = index+ 1
|
|
|
+ this.form.vaccineInfoUserList.push({
|
|
|
+ vaccineName: '',
|
|
|
+ vaccinationTime: '',
|
|
|
+ vaccinationPlace: '',
|
|
|
+ jici: '',
|
|
|
+ progress: '',
|
|
|
+ url:null,
|
|
|
+ disableg:false
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 点击删除
|
|
|
+ naeyrfakjf(index, item) {
|
|
|
+ var that = this
|
|
|
+ this.$confirm('是否确认删除疫苗信息?', '警告', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ .then(function() {
|
|
|
+ return that.delseeug(index,item)
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ // this.getList();
|
|
|
+ this.msgSuccess('删除成功');
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ delseeug(index,item){
|
|
|
+ console.log(234)
|
|
|
+ if (this.form.vaccineInfoUserList.length == 1) {
|
|
|
+ // if (this.jdourdjoaj == true) {
|
|
|
+ // // 新增
|
|
|
+ // this.form.vaccineInfoUserList = [{
|
|
|
+ // vaccineName: '',
|
|
|
+ // vaccinationTime: '',
|
|
|
+ // vaccinationPlace: '',
|
|
|
+ // jici: '',
|
|
|
+ // progress: '',
|
|
|
+ // url:null,
|
|
|
+ // disableg:false
|
|
|
+ // }]
|
|
|
+ // } else {
|
|
|
+ // // 修改
|
|
|
+ // let ide = this.form.vaccineInfoUserList[index].id;
|
|
|
+ // console.log(this.form.vaccineInfoUserList[index]);
|
|
|
+ // // ()
|
|
|
+ // console.log(ide);
|
|
|
+ // if (ide !== undefined) {
|
|
|
+ // console.log(234);
|
|
|
+ // delInfort(ide).then(response => {
|
|
|
+ // this.msgSuccess('操作成功');
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // this.form.vaccineInfoUserList = [{
|
|
|
+ // vaccineName: '',
|
|
|
+ // vaccinationTime: '',
|
|
|
+ // vaccinationPlace: '',
|
|
|
+ // jici: '',
|
|
|
+ // progress: '',
|
|
|
+ // url:null,
|
|
|
+ // disableg:false
|
|
|
+ // }]
|
|
|
+ // }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (this.jdourdjoaj == true) {
|
|
|
+ // 新增
|
|
|
+ this.form.vaccineInfoUserList.splice(index, 1);
|
|
|
+ } else {
|
|
|
+ // 修改
|
|
|
+ let ide = this.form.vaccineInfoUserList[index].id;
|
|
|
+ console.log(this.form.vaccineInfoUserList[index]);
|
|
|
+ // ()
|
|
|
+ console.log(ide);
|
|
|
+ if (ide !== undefined) {
|
|
|
+ console.log(234);
|
|
|
+ delInfort(ide).then(response => {
|
|
|
+ this.msgSuccess('操作成功');
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.form.vaccineInfoUserList.splice(index, 1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 点击查看
|
|
|
+ chakei(row) {
|
|
|
+ console.log(row);
|
|
|
+ yiaoe({idCard:row.idCard}).then(response => {
|
|
|
+ // this.msgSuccess('操作成功');
|
|
|
+ if(response.code == 200){
|
|
|
+ this.jiezheList = response.data
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.jiezhong = true;
|
|
|
+ },
|
|
|
+ /** 导入按钮操作 */
|
|
|
+ handleImport() {
|
|
|
+ this.upload.title = "数据导入";
|
|
|
+ this.upload.opens = true;
|
|
|
+ },
|
|
|
+ // 文件上传中处理
|
|
|
+ handleFileUploadProgress(event, file, fileList) {
|
|
|
+ this.upload.isUploading = true;
|
|
|
+ },
|
|
|
+ // 文件上传成功处理
|
|
|
+ handleFileSuccess(response, file, fileList) {
|
|
|
+ this.upload.open = false;
|
|
|
+ this.upload.isUploading = false;
|
|
|
+ this.$refs.upload.clearFiles();
|
|
|
+ // this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
|
|
|
+ this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 提交上传文件
|
|
|
+ submitFileForm() {
|
|
|
+ this.$refs.upload.submit();
|
|
|
+ },
|
|
|
+ /** 下载模板操作 */
|
|
|
+ importTemplate() {
|
|
|
+ this.download('system/user/importTemplate', {
|
|
|
+ ...this.queryParams
|
|
|
+ }, `user_${new Date().getTime()}.xlsx`)
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss">
|
|
|
+ .jdueuh{
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 0px !important;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 10px !important;
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ijeuhdy{
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 80px !important;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 80px !important;
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .znshu{
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 80px !important;
|
|
|
+ // padding-left: 30px;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 80px !important;
|
|
|
+
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ .el-input__inner{
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .heioangd{
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 70px !important;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 70px !important;
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+.hues {
|
|
|
+ .area-select {
|
|
|
+ margin-left: 0 !important;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.jehak {
|
|
|
+ .el-form-item {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ width: 60%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.oiuyty {
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 80px !important;
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 80px !important;
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ input {
|
|
|
+ padding-right: 0 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+.el-dialog__body {
|
|
|
+ padding-top: 0;
|
|
|
+ padding-bottom: 0;
|
|
|
+}
|
|
|
+.jhy {
|
|
|
+ // width: 100%;
|
|
|
+ // .el-form-item__content {
|
|
|
+ // width: 100%;
|
|
|
+ // margin-left: 0 !important;
|
|
|
+ // }
|
|
|
+ .el-form-item__content {
|
|
|
+ margin-left: 55px !important;
|
|
|
+ // width: 70%;
|
|
|
+ }
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 55px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+.ehiqya {
|
|
|
+ .el-form-item__content {
|
|
|
+ display: flex;
|
|
|
+ .jdidur {
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 10px;
|
|
|
+ // text-align: left;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .upload-demo {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+}
|
|
|
+.jdoier{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .upload-demo {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+}
|
|
|
+.hueyde {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin: 0 5px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+.hueydele {
|
|
|
+ width: 15px;
|
|
|
+ height: 18px;
|
|
|
+}
|
|
|
+.hyeoa {
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.hjdoecdre {
|
|
|
+ // margin-top: 50%;
|
|
|
+ transform: translateY(50%);
|
|
|
+}
|
|
|
+.ojhgy {
|
|
|
+ .el-dialog {
|
|
|
+ padding-bottom: 40px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+ .el-dialog__header {
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .el-table .cell {
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.hueya{
|
|
|
+ margin-left: 0 !important;
|
|
|
+}
|
|
|
+.iejghiadh{
|
|
|
+ .el-input__inner{
|
|
|
+ padding-right: 0 !important;
|
|
|
+ padding-left: 5px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
yahyahy