From 265f57c19848a6bcf5e5eb360e45f323775ed397 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Wed, 30 Mar 2022 16:38:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B8=E9=85=B8=E6=A3=80=E6=B5=8B=E5=85=B3?=
 =?UTF-8?q?=E6=B3=A8=E5=90=8D=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scss/modules/management/epidemic.scss     |  15 +
 .../scss/modules/visual/basicInfoMain.scss    |   4 +-
 src/router/index.js                           |  72 +-
 .../base/epidemic/natFocus/natFocusAdd.vue    | 742 +++++++++++++++++
 .../base/epidemic/natFocus/natFocusEdit.vue   | 300 +++++++
 .../base/epidemic/natFocus/natFocusList.vue   | 775 ++++++++++++++++++
 .../base/epidemic/natFocus/nfNoticeList.vue   | 171 ++++
 .../base/epidemic/natFocus/nfSendNotice.vue   | 240 ++++++
 .../base/epidemic/natFocus/nfVisiteList.vue   | 324 ++++++++
 .../modules/base/epidemic/natInfo/natForm.vue |  17 +-
 .../modules/base/epidemic/natInfo/natList.vue |  12 +-
 .../base/epidemic/veroFocus/veroFocusAdd.vue  |  37 +-
 .../base/epidemic/veroFocus/veroFocusList.vue |  22 +-
 .../base/epidemic/veroFocus/vfSendNotice.vue  |   2 +-
 .../base/epidemic/veroFocus/vfVisiteList.vue  |  39 +-
 .../visual/basicinfo/basicInfoMain.vue        |  37 +-
 .../modules/visual/basicinfo/peopleSearch.vue |   8 +-
 17 files changed, 2700 insertions(+), 117 deletions(-)
 create mode 100644 src/views/modules/base/epidemic/natFocus/natFocusAdd.vue
 create mode 100644 src/views/modules/base/epidemic/natFocus/natFocusEdit.vue
 create mode 100644 src/views/modules/base/epidemic/natFocus/natFocusList.vue
 create mode 100644 src/views/modules/base/epidemic/natFocus/nfNoticeList.vue
 create mode 100644 src/views/modules/base/epidemic/natFocus/nfSendNotice.vue
 create mode 100644 src/views/modules/base/epidemic/natFocus/nfVisiteList.vue

diff --git a/src/assets/scss/modules/management/epidemic.scss b/src/assets/scss/modules/management/epidemic.scss
index d5d2be8c5..c79f9efe0 100644
--- a/src/assets/scss/modules/management/epidemic.scss
+++ b/src/assets/scss/modules/management/epidemic.scss
@@ -1,6 +1,14 @@
 .epidemic-form {
   .item_width_1 {
     width: 560px;
+
+    ::v-deep .el-textarea__inner {
+      padding-bottom: 20px;
+    }
+    ::v-deep .el-input__count {
+      right: 20px;
+      line-height: 12px;
+    }
   }
   .item_width_2 {
     width: 220px;
@@ -109,3 +117,10 @@
     margin-top: 20px;
   }
 }
+
+.twoline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
diff --git a/src/assets/scss/modules/visual/basicInfoMain.scss b/src/assets/scss/modules/visual/basicInfoMain.scss
index 72c37bd1c..8d0f82176 100644
--- a/src/assets/scss/modules/visual/basicInfoMain.scss
+++ b/src/assets/scss/modules/visual/basicInfoMain.scss
@@ -105,8 +105,8 @@
     .div_info {
       box-sizing: border-box;
       width: 100%;
-      margin-top: 21px;
-      height: calc(88vh - 87px);
+
+      height: calc(88vh - 10px);
       color: #fff;
       background: url('../../../img/modules/visual/warning-box.png') no-repeat
         center;
diff --git a/src/router/index.js b/src/router/index.js
index 9712a81a9..e77263d4b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -233,36 +233,15 @@ router.beforeEach((to, from, next) => {
     },
     {
       icon: "icon-setting",
-      id: "3",
-      name: "人员预警",
-      url: "visual/warning/index",
+      id: "2",
+      name: "人员图谱",
+      url: "visual/basicinfo/peopleSearch",
     },
     {
       icon: "icon-setting",
-      id: "6",
-      name: "社区治理",
-      children: [
-        {
-          url: "visual/communityGovern/processAnalyze",
-          name: "项目处理分析",
-          id: "processAnalyze",
-        },
-        {
-          url: "/visual/communityGovern/typeAnalyze",
-          name: "项目分类分析",
-          id: "typeAnalyze",
-        },
-        {
-          url: "/visual/communityGovern/resibuzz",
-          name: "居民热议",
-          id: "resibuzz",
-        },
-        {
-          url: "/visual/communityGovern/distributionAnalyze",
-          name: "项目分布分析",
-          id: "distributionAnalyze",
-        },
-      ],
+      id: "3",
+      name: "人员预警",
+      url: "visual/warning/index",
     },
     {
       icon: "icon-setting",
@@ -282,7 +261,7 @@ router.beforeEach((to, from, next) => {
         },
         {
           url: "/visual/communityParty/elegant",
-          name: "党员风采",
+          name: "党员风采榜",
           id: "5fwaefwaefawef589",
         },
       ],
@@ -290,21 +269,50 @@ router.beforeEach((to, from, next) => {
     {
       icon: "icon-setting",
       id: "2221321123",
-      name: "措施清单",
+      name: "社区服务",
       // url: "visual/basicinfo/basicInfoMain",
       children: [
         {
           url: "/visual/measure/service",
-          name: "服务措施分析",
+          name: "需求服务分析",
           id: "5feawfwaefwa57",
         },
         {
           url: "/visual/measure/volunteer",
-          name: "志愿者服务分析",
+          name: "志愿服务分析",
           id: "5fwaefwaefawef58",
         },
       ],
     },
+    {
+      icon: "icon-setting",
+      id: "6",
+      name: "社区治理",
+      children: [
+        {
+          url: "visual/communityGovern/processAnalyze",
+          name: "事件处置分析",
+          id: "processAnalyze",
+        },
+        {
+          url: "/visual/communityGovern/typeAnalyze",
+          name: "事件分类分析",
+          id: "typeAnalyze",
+        },
+        {
+          url: "/visual/communityGovern/resibuzz",
+          name: "居民热议分析",
+          id: "resibuzz",
+        },
+        {
+          url: "/visual/communityGovern/distributionAnalyze",
+          name: "事件分布分析",
+          id: "distributionAnalyze",
+        },
+      ],
+    },
+  
+   
     {
       icon: "icon-setting",
       id: "2221321fefefaewfa123",
@@ -315,7 +323,7 @@ router.beforeEach((to, from, next) => {
     {
       icon: "icon-setting",
       id: "44rq22222q2222",
-      name: "AI安防",
+      name: "智慧安防",
       // url: "visual/basicinfo/basicInfoMain",
       children: [
         {
diff --git a/src/views/modules/base/epidemic/natFocus/natFocusAdd.vue b/src/views/modules/base/epidemic/natFocus/natFocusAdd.vue
new file mode 100644
index 000000000..49d2df70a
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/natFocusAdd.vue
@@ -0,0 +1,742 @@
+<template>
+  <div class="epidemic-form">
+    <div class="dialog-h-content scroll-h">
+
+      <el-tabs v-model="activeName"
+               type="card"
+               class="main_tab"
+               @tab-click="handleClick">
+        <el-tab-pane label="逐个添加"
+                     name="first">
+          <el-form ref="ref_form1"
+                   :inline="true"
+                   :model="formData1"
+                   :rules="dataRule1"
+                   class="form">
+
+            <el-form-item label="姓名"
+                          prop="name"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_2"
+                        placeholder="请输入姓名"
+                        clearable
+                        v-model="formData1.name">
+              </el-input>
+
+            </el-form-item>
+
+            <el-form-item label="手机号"
+                          prop="mobile"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_2"
+                        placeholder="请输入手机号"
+                        clearable
+                        v-model="formData1.mobile">
+              </el-input>
+            </el-form-item>
+            <el-form-item label="身份证号"
+                          prop="idCard"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_2"
+                        placeholder="请输入身份证号"
+                        clearable
+                        v-model="formData1.idCard">
+              </el-input>
+            </el-form-item>
+            <el-form-item label="备注"
+                          prop="remark"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="500"
+                        show-word-limit
+                        :autosize="{ minRows: 2, maxRows: 5 }"
+                        clearable
+                        placeholder="请输入通知备注"
+                        v-model="formData1.remark"></el-input>
+            </el-form-item>
+
+            <el-form-item label="通知渠道"
+                          prop="channel"
+                          label-width="150px"
+                          style="display: block">
+              <el-checkbox v-model="formData1.isSelChannel"
+                           key="0"
+                           label="0">小程序通知</el-checkbox>
+              <!-- <el-checkbox-group v-model="formData1.channel">
+                <el-checkbox key="1"
+                             label="1">小程序通知</el-checkbox>
+                <el-checkbox key="2"
+                             label="2">短信通知</el-checkbox>
+
+              </el-checkbox-group> -->
+            </el-form-item>
+
+            <el-form-item label="通知内容"
+                          prop="content"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_1"
+                        type="textarea"
+                        maxlength="1000"
+                        show-word-limit
+                        :autosize="{ minRows: 4, maxRows: 10 }"
+                        clearable
+                        placeholder="请输入通知内容"
+                        v-model="formData1.content"></el-input>
+            </el-form-item>
+
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="批量添加"
+                     name="second">
+
+          <div class="div-mult-table">
+            <el-form :inline="true"
+                     :model="formDataSearch"
+                     ref="ref_formSearch"
+                     :label-width="'90px'">
+              <el-form-item label="所属网格"
+                            label-width="80px">
+                <el-select class="item_width_3"
+                           v-model.trim="formDataSearch.gridId"
+                           placeholder="请选择"
+                           size="mini"
+                           clearable>
+                  <el-option v-for="item in gridList"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="疫苗接种次数小于"
+                            label-width="150px">
+                <el-input-number class="item_width_3"
+                                 v-model="formDataSearch.vaccineCount"
+                                 size="mini"
+                                 :min="0"
+                                 :max="20"
+                                 label="疫苗接种次数小于"></el-input-number>
+              </el-form-item>
+              <el-button style="margin-left:30px"
+                         size="mini"
+                         class="diy-button--search"
+                         @click="handleSearch">查询</el-button>
+              <el-button style="margin-left:10px"
+                         size="mini"
+                         class="diy-button--reset"
+                         @click="resetSearch">重置</el-button>
+            </el-form>
+            <el-table ref="ref_table"
+                      class="table"
+                      size="mini"
+                      :data="tableData"
+                      border
+                      :height="tableHeight"
+                      v-loading="tableLoading"
+                      :reserve-selection="true"
+                      :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                      @select="handleSelectTable"
+                      @select-all="handleSelAll"
+                      style="width: 100%">
+              <el-table-column type="selection"
+                               width="55"></el-table-column>
+              <el-table-column label="序号"
+                               header-align="center"
+                               align="center"
+                               type="index"
+                               width="50"></el-table-column>
+
+              <el-table-column prop="name"
+                               header-align="center"
+                               align="center"
+                               label="姓名"
+                               width="90">
+              </el-table-column>
+              <el-table-column prop="mobile"
+                               header-align="center"
+                               align="center"
+                               label="手机号"
+                               width="110">
+              </el-table-column>
+              <el-table-column prop="idCard"
+                               header-align="center"
+                               align="center"
+                               label="身份证"
+                               min-width="170">
+              </el-table-column>
+              <el-table-column prop="vaccineCount"
+                               header-align="center"
+                               align="center"
+                               label="疫苗接种次数"
+                               min-width="100">
+              </el-table-column>
+
+            </el-table>
+            <div>
+              <el-pagination @size-change="handleSizeChange"
+                             @current-change="handleCurrentChange"
+                             :current-page.sync="pageNo"
+                             :page-sizes="[20, 50, 100, 200]"
+                             :page-size="pageSize"
+                             layout="sizes, prev, pager, next, total"
+                             :total="total">
+              </el-pagination>
+            </div>
+
+          </div>
+          <div class="div-mult-form">
+
+            <!-- <div class="div_person">
+              <div class="person_title">已选居民</div>
+              <div v-if="selectionAll.length>0">
+                <el-tag class="tag_item"
+                        v-for="(tag,index) in selectionAll"
+                        :key="index"
+                        :disable-transitions="false"
+                        @close="handleCloseTag(tag,index)"
+                        closable>
+                  {{tag.name}}
+                </el-tag>
+              </div>
+              <div v-else
+                   class="tag_tip">请从列表中选择居民</div>
+            </div> -->
+            <el-form :inline="true"
+                     :model="formData2"
+                     ref="ref_form2"
+                     :label-width="'90px'">
+              <el-form-item label="已选择人数"
+                            label-width="100px"
+                            style="display: block">
+                <span> {{selectionAll.length}}</span>
+              </el-form-item>
+              <el-form-item label="备注"
+                            prop="remark"
+                            label-width="100px"
+                            style="display: block">
+                <el-input class="item_width_1"
+                          type="textarea"
+                          maxlength="500"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          clearable
+                          placeholder="请输入通知备注"
+                          v-model="formData2.remark"></el-input>
+              </el-form-item>
+
+              <el-form-item label="通知渠道"
+                            prop="channel"
+                            label-width="100px"
+                            style="display: block">
+                <el-checkbox v-model="formData2.isSelChannel"
+                             key="0"
+                             label="0">小程序通知</el-checkbox>
+                <!-- <el-checkbox-group v-model="formData2.channel">
+                  <el-checkbox key="0"
+                               label="0">小程序通知</el-checkbox>
+                  <el-checkbox key="1"
+                               label="1">短信通知</el-checkbox>
+
+                </el-checkbox-group> -->
+              </el-form-item>
+
+              <el-form-item label="通知内容"
+                            prop="content"
+                            label-width="100px"
+                            style="display: block">
+                <el-input class="item_width_1"
+                          type="textarea"
+                          maxlength="1000"
+                          show-word-limit
+                          :autosize="{ minRows: 4, maxRows: 10 }"
+                          clearable
+                          placeholder="请输入通知内容"
+                          v-model="formData2.content"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+
+    </div>
+
+    <div class="form_div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button size="small"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+import { mapGetters } from 'vuex'
+
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+
+      activeName: "first",
+
+      gridList: [],
+
+      btnDisable: false,
+
+      formDataSearch: {
+        gridId: '',
+        vaccineCount: undefined,
+      },
+
+      formData1: {
+        attentionType: 1,
+        name: '',
+        idCard: '',
+        mobile: '',
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+
+      },
+
+      formData2: {
+        attentionType: 1,
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+      },
+      tableData: [],
+      total: 0,
+      pageSize: 20,
+      pageNo: 1,
+      tableLoading: false,
+
+      selectionAll: [],//选中的人员
+
+    }
+  },
+  components: {},
+  async mounted () {
+    const { user } = this.$store.state
+    this.agencyId = user.agencyId
+    //获取网格下拉框数据
+    await this.loadGrid()
+  },
+
+  methods: {
+
+    async initForm () {
+
+      this.$refs['ref_form1'].resetFields();
+      this.$refs['ref_form2'].resetFields();
+
+      await this.loadTable()
+
+    },
+
+    handleSearch () {
+      this.loadTable()
+    },
+
+    async loadTable () {
+      this.tableLoading = true
+
+      const url = "/epmetuser/epidemicPrevention/page"
+      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+      let params = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        ...this.formDataSearch
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.total = data.total
+        data.list.forEach(element => {
+          element.isSel = false
+        });
+        this.tableData = data.list
+
+        this.analysisTableSelection()
+
+
+      } else {
+        this.$message.error(msg)
+      }
+      this.tableLoading = false
+    },
+
+    handleSelectTable (selection, row) {
+
+      row.isSel = !row.isSel
+
+      if (row.isSel) {
+        this.selectionAll.push(row)
+      } else {
+        for (let i = 0; i < this.selectionAll.length; i++) {
+          let item = this.selectionAll[i]
+          if (item.idCard === row.idCard) {
+            this.selectionAll.splice(i, 1)
+            break
+          }
+
+        }
+      }
+
+    },
+
+    handleSelAll (selection) {
+      let selFlag = selection.length > 0//全选选中 还是 全选不选中
+      for (let i = 0; i < this.tableData.length; i++) {
+        let tableItem = this.tableData[i]
+        tableItem.isSel = selFlag
+        let isHasItem = false
+        for (let j = 0; j < this.selectionAll.length; j++) {
+          let selectionItem = this.selectionAll[j]
+          if (selectionItem.idCard === tableItem.idCard) {
+            isHasItem = true
+            if (!selFlag) {
+              this.selectionAll.splice(j, 1)
+              break
+            }
+          }
+
+        }
+
+        if (!isHasItem && selFlag) {
+          this.selectionAll.push(tableItem)
+        }
+
+      }
+
+    },
+
+    //删除标签
+    handleCloseTag (tag, index) {
+      for (let i = 0; i < this.tableData.length; i++) {
+
+        let tableItem = this.tableData[i]
+        if (tag.idCard === tableItem.idCard) {//如果表中存在这个数据
+          tableItem.isSel = false
+          this.$refs.ref_table.toggleRowSelection(tableItem);
+          break
+        }
+
+      }
+
+      for (let i = 0; i < this.selectionAll.length; i++) {
+        let item = this.selectionAll[i]
+        if (item.idCard === tag.idCard) {
+          this.selectionAll.splice(i, 1)
+          break
+        }
+
+      }
+    },
+
+    //回显列表选中的行
+    analysisTableSelection () {
+      this.$nextTick(() => {
+        this.tableData.forEach(tableItem => {
+
+
+          for (let j = 0; j < this.selectionAll.length; j++) {
+            let selectionItem = this.selectionAll[j]
+
+            if (selectionItem.idCard === tableItem.idCard) {
+              tableItem.isSel = true
+              break
+
+            }
+          }
+          if (tableItem.isSel) {
+            this.$refs.ref_table.toggleRowSelection(tableItem);
+          }
+        });
+      })
+
+
+    },
+
+    handleClick () {
+
+    },
+
+    async loadGrid () {
+      const url = "/gov/org/customergrid/gridoption"
+
+      let params = {
+        agencyId: this.agencyId
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.gridList = data
+
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+    handleComfirm () {
+
+      if (this.activeName === 'first') {
+        this.$refs['ref_form1'].validate((valid, messageObj) => {
+          if (!valid) {
+            app.util.validateRule(messageObj)
+
+          } else {
+            this.handleVero()
+          }
+
+        })
+
+      } else {
+        this.handleVero()
+      }
+
+    },
+
+    async handleVero () {
+      let list = []
+      if (this.activeName === 'first') {
+        list.push(this.formData1)
+
+        const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
+        if (regPhone.test(this.formData1.mobile) === false) {
+          this.btnDisable = false
+          this.$message({
+            type: 'warning',
+            message: '请输入正确的手机号码'
+          })
+          return false;
+        }
+        const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X  
+        if (regCard.test(this.formData1.idCard) === false) {
+          this.btnDisable = false
+          this.$message({
+            type: 'warning',
+            message: '请输入正确的身份证号码'
+          })
+          return false;
+        }
+
+        if (this.formData1.isSelChannel) {
+          if (!this.formData1.content) {
+            this.$message({
+              type: 'warning',
+              message: '请填写通知内容'
+            })
+            return false;
+          } else {
+            this.formData1.channel = ['0']
+          }
+
+        } else {
+          this.formData1.channel = []
+        }
+
+      } else {
+
+        if (this.selectionAll.length === 0) {
+          this.$message.info('请选择批量添加的人员')
+          return false
+        }
+
+        if (this.formData2.isSelChannel) {
+          if (!this.formData2.content) {
+            this.$message({
+              type: 'warning',
+              message: '请填写通知内容'
+            })
+            return false;
+          } else {
+            this.formData2.channel = ['0']
+          }
+
+        } else {
+          this.formData2.channel = []
+        }
+
+        this.selectionAll.forEach(element => {
+          let obj = {
+            name: element.name,
+            idCard: element.idCard,
+            mobile: element.mobile,
+
+            ...this.formData2
+          }
+
+          list.push(obj)
+        });
+
+      }
+      console.log(list)
+
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 5000)
+      let url = '/epmetuser/icEpidemicSpecialAttention/vaccination-add'
+      // url = "http://yapi.elinkservice.cn/mock/245/gov/project/memoConcern/save"
+
+      let params = {
+        list: list
+      }
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+        this.$emit('dialogOk')
+        this.btnDisable = false
+
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+
+    resetSearch () {
+      this.formDataSearch = {
+        gridId: '',
+        vaccineCount: undefined,
+
+
+      }
+    },
+
+    destroyed () {
+      console.log(11111111)
+    },
+
+    resetData () {
+
+      this.formData1 = {
+        name: '',
+        idCard: '',
+        mobile: '',
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+        attentionType: 1,
+      }
+
+      this.formData2 = {
+        attentionType: 1,
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+      }
+      this.formDataSearch = {
+        gridId: '',
+        vaccineCount: undefined,
+      }
+
+      this.selectionAll = []//选中的人员
+
+
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return 300
+
+    },
+    ...mapGetters(['clientHeight', 'iframeHeight']),
+
+    dataRule1 () {
+
+      return {
+        name: [
+          { required: true, message: '姓名不能为空', trigger: 'blur' }
+        ],
+        idCard: [
+          { required: true, message: '身份证号不能为空', trigger: 'blur' }
+        ],
+        mobile: [
+          { required: true, message: '手机号不能为空', trigger: 'blur' },
+        ],
+
+
+
+
+      }
+    },
+
+  },
+  props: {
+
+
+
+    // serviceList: {
+    //   type: Array,
+    //   default: []
+    // },
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
+
+
diff --git a/src/views/modules/base/epidemic/natFocus/natFocusEdit.vue b/src/views/modules/base/epidemic/natFocus/natFocusEdit.vue
new file mode 100644
index 000000000..0c12d5e0a
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/natFocusEdit.vue
@@ -0,0 +1,300 @@
+<template>
+  <div class="epidemic-form">
+    <div class="dialog-h-content scroll-h">
+
+      <el-form ref="ref_form1"
+               :inline="true"
+               :model="formData"
+               :disabled="formType==='detail'"
+               class="form">
+
+        <el-form-item label="姓名"
+                      prop="name"
+                      label-width="150px"
+                      style="display: block">
+          <span>{{formData.name}}</span>
+          <!-- <el-input class="item_width_2"
+                    placeholder="请输入姓名"
+                    clearable
+
+                    v-model="formData.name">
+          </el-input> -->
+
+        </el-form-item>
+
+        <el-form-item label="手机号"
+                      prop="mobile"
+                      label-width="150px"
+                      style="display: block">
+          <span>{{formData.mobile}}</span>
+          <!-- <el-input class="item_width_2"
+                    placeholder="请输入手机号"
+                    clearable
+                    v-model="formData.mobile">
+          </el-input> -->
+        </el-form-item>
+        <el-form-item label="身份证号"
+                      prop="idCard"
+                      label-width="150px"
+                      style="display: block">
+          <span>{{formData.idCard}}</span>
+          <!-- <el-input class="item_width_2"
+                    placeholder="请输入身份证号"
+                    clearable
+                    v-model="formData.idCard">
+          </el-input> -->
+        </el-form-item>
+        <el-form-item label="备注"
+                      prop="remark"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    type="textarea"
+                    :disabled="formType==='detail'"
+                    maxlength="500"
+                    show-word-limit
+                    :autosize="{ minRows: 2, maxRows: 5 }"
+                    clearable
+                    placeholder="请输入通知备注"
+                    v-model="formData.remark"></el-input>
+        </el-form-item>
+        <div v-if=" formType!=='detail'">
+          <el-form-item label="通知渠道"
+                        prop="channel"
+                        label-width="150px"
+                        style="display: block">
+            <el-checkbox v-model="formData.isSelChannel"
+                         key="0"
+                         label="0">小程序通知</el-checkbox>
+            <!-- <el-checkbox-group v-model="formData.channel">
+              <el-checkbox key="0"
+                           label="0">小程序通知</el-checkbox>
+              <el-checkbox key="1"
+                           label="1">短信通知</el-checkbox>
+
+            </el-checkbox-group> -->
+          </el-form-item>
+
+          <el-form-item label="通知内容"
+                        prop="content"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_1"
+                      type="textarea"
+                      maxlength="1000"
+                      show-word-limit
+                      :autosize="{ minRows: 4, maxRows: 10 }"
+                      clearable
+                      placeholder="请输入通知内容"
+                      v-model="formData.content"></el-input>
+          </el-form-item>
+        </div>
+      </el-form>
+
+    </div>
+
+    <div class="form_div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button v-if="formType!=='detail'"
+                 size="small"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+import { mapGetters } from 'vuex'
+
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+
+      formType: "edit",
+
+      gridList: [],
+
+      btnDisable: false,
+
+      formData: {
+        attentionType: 1,
+        name: '',
+        idCard: '',
+        mobile: '',
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+      },
+
+    }
+  },
+  components: {},
+  async mounted () {
+
+  },
+
+  methods: {
+
+    async initForm (formType, row) {
+      this.formType = formType
+      this.$refs['ref_form1'].resetFields();
+      row.channel = []
+      row.content = ''
+      row.isSelChannel = false
+      this.formData = JSON.parse(JSON.stringify(row))
+
+    },
+
+
+    async handleComfirm () {
+      if (this.formData.isSelChannel) {
+        if (!this.formData.content) {
+          this.$message({
+            type: 'warning',
+            message: '请填写通知内容'
+          })
+          return false;
+        } else {
+          this.formData.channel = ['0']
+        }
+
+      } else {
+        this.formData.channel = []
+      }
+
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 5000)
+      let url = '/epmetuser/icEpidemicSpecialAttention/vaccination-update'
+
+      // url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icEpidemicSpecialAttention/vaccination-update"
+
+      const { data, code, msg } = await requestPost(url, this.formData)
+
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+        this.$emit('dialogOk')
+        this.btnDisable = false
+
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+
+
+
+    resetData () {
+      this.veroId = ''
+
+      this.formData = {
+        name: '',
+        idCard: '',
+        mobile: '',
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+
+      }
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return 200
+
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight']),
+    dataRule () {
+      return {
+        name: [
+          { required: true, message: '姓名不能为空', trigger: 'blur' }
+        ],
+        idCard: [
+          { required: true, message: '身份证号不能为空', trigger: 'blur' }
+        ],
+        mobile: [
+          { required: true, message: '手机号不能为空', trigger: 'blur' },
+        ],
+
+
+
+        channel: [
+          { required: false },
+        ],
+        content: [
+          { required: false },
+        ],
+
+      }
+    },
+
+  },
+  props: {
+
+
+
+    // serviceList: {
+    //   type: Array,
+    //   default: []
+    // },
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
+
+
diff --git a/src/views/modules/base/epidemic/natFocus/natFocusList.vue b/src/views/modules/base/epidemic/natFocus/natFocusList.vue
new file mode 100644
index 000000000..087c6fe72
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/natFocusList.vue
@@ -0,0 +1,775 @@
+<template>
+  <div class="div_main">
+    <div class="div_search">
+      <el-form :inline="true"
+               :model="formData"
+               ref="ref_searchform"
+               :label-width="'90px'">
+        <div>
+
+          <el-form-item label="姓名"
+                        prop="name">
+            <el-input v-model="formData.name"
+                      size="small"
+                      class="list_item_width_1"
+                      clearable
+                      placeholder="请输入姓名">
+            </el-input>
+
+          </el-form-item>
+          <el-form-item label="手机号"
+                        prop="mobile">
+            <el-input v-model="formData.mobile"
+                      size="small"
+                      class="list_item_width_1"
+                      clearable
+                      placeholder="请输入手机号">
+            </el-input>
+
+          </el-form-item>
+
+          <el-form-item label="身份证"
+                        prop="mobile">
+            <el-input v-model="formData.idCard"
+                      size="small"
+                      class="list_item_width_1"
+                      clearable
+                      placeholder="请输入身份证">
+            </el-input>
+
+          </el-form-item>
+
+          <el-form-item label="接种针次"
+                        prop="vaccinationCount">
+            <el-select class="list_item_width_1"
+                       v-model.trim="formData.vaccinationCount"
+                       placeholder="请选择"
+                       clearable>
+              <el-option v-for="item in natNumList"
+                         :key="item.value"
+                         :label="item.label"
+                         :value="item.value">
+              </el-option>
+            </el-select>
+
+          </el-form-item>
+
+          <el-button style="margin-left:30px"
+                     size="small"
+                     class="diy-button--search"
+                     @click="handleSearch">查询</el-button>
+          <el-button style="margin-left:10px"
+                     size="small"
+                     class="diy-button--reset"
+                     @click="resetSearch">重置</el-button>
+        </div>
+      </el-form>
+    </div>
+    <div class="div_table">
+      <div class="div_btn">
+        <el-button class="diy-button--add"
+                   size="small"
+                   @click="handleAdd">新增</el-button>
+
+        <el-button style="float:left"
+                   class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule">下载模板</el-button>
+        <el-upload ref="upload"
+                   :multiple='false'
+                   :show-file-list='false'
+                   :before-upload="beforeUpload"
+                   action=""
+                   accept=".xlsx"
+                   :limit="1"
+                   :on-exceed="handleExceed"
+                   :http-request="uploadFile">
+          <el-button style="margin-left:10px"
+                     size="small"
+                     class="diy-button--delete">导入</el-button>
+        </el-upload>
+
+        <el-button style="float:left;margin-left:10px"
+                   class="diy-button--reset"
+                   size="small"
+                   @click="handleExport">导出</el-button>
+
+        <el-button style="margin-left:15px"
+                   class="diy-button--more"
+                   size="small"
+                   @click="handleSendNotice">发送通知</el-button>
+        <el-button style="margin-left:15px"
+                   class="diy-button--more"
+                   size="small"
+                   @click="handleDelete">取消关注</el-button>
+      </div>
+
+      <el-table ref="ref_table"
+                class="table"
+                :data="tableData"
+                border
+                :height="tableHeight"
+                v-loading="tableLoading"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                @select="handleSelectTable"
+                @select-all="handleSelAll"
+                style="width: 100%">
+        <el-table-column type="selection"
+                         width="55"></el-table-column>
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="50"></el-table-column>
+
+        <el-table-column prop="name"
+                         header-align="center"
+                         align="center"
+                         label="姓名"
+                         width="90">
+        </el-table-column>
+        <el-table-column prop="mobile"
+                         header-align="center"
+                         align="center"
+                         label="手机号"
+                         width="110">
+        </el-table-column>
+        <el-table-column prop="idCard"
+                         header-align="center"
+                         align="center"
+                         label="身份证"
+                         min-width="170">
+        </el-table-column>
+        <el-table-column prop="vaccinationCount"
+                         header-align="center"
+                         align="center"
+                         label="接种针次"
+                         width="100">
+        </el-table-column>
+        <el-table-column prop="remark"
+                         header-align="center"
+                         align="center"
+                         show-overflow-tooltip
+                         label="备注"
+                         min-width="230">
+        </el-table-column>
+        <el-table-column prop="lastInformTime"
+                         header-align="center"
+                         align="center"
+                         show-overflow-tooltip
+                         label="最后一次通知时间"
+                         min-width="120">
+        </el-table-column>
+
+        <el-table-column label="操作"
+                         fixed="right"
+                         width="140"
+                         header-align="center"
+                         align="center"
+                         class="operate">
+          <template slot-scope="scope">
+
+            <el-button type="text"
+                       class="div-table-button--detail"
+                       size="small"
+                       @click="handleDetail(scope.row)">查看</el-button>
+            <el-button type="text"
+                       class="div-table-button--edit"
+                       size="small"
+                       @click="handleEdit(scope.row)">修改</el-button>
+
+            <el-popover popper-class="btn-popper"
+                        placement="bottom"
+                        style="margin-left:10px"
+                        width="20"
+                        trigger="click">
+              <div class="more-btn">
+                <el-button type="text"
+                           class="div-table-button--detail--noline"
+                           size="small"
+                           @click="handleNoticeList(scope.row)">通知记录</el-button>
+              </div>
+
+              <div class="more-btn">
+                <el-button type="text"
+                           class="div-table-button--detail--noline"
+                           size="small"
+                           @click="handleVisiteList(scope.row) ">随访记录</el-button>
+              </div>
+
+              <el-button type="text"
+                         size="small"
+                         class="div-table-button--more"
+                         slot="reference">更多<i class="el-icon-caret-bottom"></i></el-button>
+            </el-popover>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+
+    </div>
+
+    <!-- 新增弹出框 -->
+    <el-dialog :visible.sync="addFormShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="新增"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <nat-focus-add ref="ref_form_add"
+                     @dialogCancle="diaClose"
+                     @dialogOk="addFormOk"></nat-focus-add>
+    </el-dialog>
+    <!-- 修改弹出框 -->
+    <el-dialog :visible.sync="editFormShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="修改"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <nat-focus-edit ref="ref_form_edit"
+                      @dialogCancle="diaClose"
+                      @dialogOk="addFormOk"></nat-focus-edit>
+    </el-dialog>
+    <!-- 发送通知弹出框 -->
+    <el-dialog :visible.sync="sendNoticeFormShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="发送通知"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <nf-send-notice ref="ref_sendnotice"
+                      @dialogCancle="diaClose"></nf-send-notice>
+    </el-dialog>
+    <!-- 通知记录弹出框 -->
+    <el-dialog :visible.sync="noticeListFormShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="通知记录"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <nf-notice-list ref="ref_noticelist"
+                      @dialogCancle="diaClose"></nf-notice-list>
+    </el-dialog>
+    <!-- 随访记录弹出框 -->
+    <el-dialog :visible.sync="visiteListFormShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="随访记录"
+               width="1050px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <nf-visite-list ref="ref_visitelist"
+                      @dialogCancle="diaClose"></nf-visite-list>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+
+import natFocusAdd from './natFocusAdd'
+import natFocusEdit from './natFocusEdit'
+import nfNoticeList from './nfNoticeList'
+import nfSendNotice from './nfSendNotice'
+import nfVisiteList from './nfVisiteList'
+
+import { requestPost } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      loading: false,
+      total: 0,
+      pageSize: 20,
+      pageNo: 1,
+      tableLoading: false,
+
+      selection: [],
+
+      agencyId: '',
+
+      formData: {
+        attentionType: 1,//关注类型，核酸检测：2，疫苗接种：1		
+        name: '',
+        mobile: '',
+        idCard: '',
+        vaccinationCount: '',
+      },
+      natNumList: [],
+
+      tableData: [],
+      selectionAll: [],
+
+      //form相关
+      addFormShow: false,
+      editFormShow: false,
+      sendNoticeFormShow: false,
+      noticeListFormShow: false,
+      visiteListFormShow: false,
+
+
+    }
+  },
+  components: {
+    natFocusAdd, natFocusEdit, nfNoticeList, nfSendNotice, nfVisiteList
+  },
+  async created () {
+
+  },
+  activated () {
+    this.$refs['ref_table'].doLayout()
+  },
+  async mounted () {
+    for (let i = 0; i < 11; i++) {
+      let obj = {
+        value: i + '',
+        label: i + '次'
+      }
+      this.natNumList.push(obj)
+    }
+
+    await this.loadTable()
+  },
+
+  methods: {
+    handleSearch () {
+      this.loadTable()
+    },
+
+    async loadTable () {
+      this.tableLoading = true
+
+      const url = "/epmetuser/icEpidemicSpecialAttention/list"
+      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icEpidemicSpecialAttention/list"
+      let params = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        ...this.formData
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.total = data.total
+        this.tableData = data.list
+
+        this.analysisTableSelection()
+
+        // this.tableData.forEach(item => {
+        //   if (item.time) {
+        //     let timeArray = item.time.split(' ')
+        //     item.time = timeArray[0]
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg)
+      }
+      this.tableLoading = false
+    },
+
+    handleSelectTable (selection, row) {
+
+      row.isSel = !row.isSel
+
+      if (row.isSel) {
+        this.selectionAll.push(row)
+      } else {
+        for (let i = 0; i < this.selectionAll.length; i++) {
+          let item = this.selectionAll[i]
+          if (item.idCard === row.idCard) {
+            this.selectionAll.splice(i, 1)
+            break
+          }
+
+        }
+      }
+
+    },
+
+    handleSelAll (selection) {
+      let selFlag = selection.length > 0//全选选中 还是 全选不选中
+      for (let i = 0; i < this.tableData.length; i++) {
+        let tableItem = this.tableData[i]
+        tableItem.isSel = selFlag
+        let isHasItem = false
+        for (let j = 0; j < this.selectionAll.length; j++) {
+          let selectionItem = this.selectionAll[j]
+          if (selectionItem.idCard === tableItem.idCard) {
+            isHasItem = true
+            if (!selFlag) {
+              this.selectionAll.splice(j, 1)
+              break
+            }
+          }
+
+        }
+
+        if (!isHasItem && selFlag) {
+          this.selectionAll.push(tableItem)
+        }
+      }
+
+    },
+
+
+    //回显列表选中的行
+    analysisTableSelection () {
+      this.$nextTick(() => {
+        this.tableData.forEach(tableItem => {
+
+
+          for (let j = 0; j < this.selectionAll.length; j++) {
+            let selectionItem = this.selectionAll[j]
+
+            if (selectionItem.idCard === tableItem.idCard) {
+              tableItem.isSel = true
+              break
+
+            }
+          }
+          if (tableItem.isSel) {
+            this.$refs.ref_table.toggleRowSelection(tableItem);
+          }
+        });
+      })
+
+
+    },
+
+    diaClose () {
+      this.addFormShow = false
+      this.editFormShow = false
+      this.sendNoticeFormShow = false
+      this.noticeListFormShow = false
+      this.visiteListFormShow = false
+
+    },
+
+    handleAdd () {
+      this.addFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form_add.initForm(null, this.agencyId)
+      })
+    },
+
+    handleEdit (row) {
+      this.editFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form_edit.initForm('edit', row)
+      })
+    },
+
+    handleDetail (row) {
+      this.editFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form_edit.initForm('detail', row)
+      })
+    },
+
+    handleSendNotice () {
+      if (this.selectionAll.length === 0) {
+        this.$message.info('请选择要通知的人员')
+        return false
+      }
+      this.sendNoticeFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_sendnotice.initForm(this.selectionAll)
+      })
+
+    },
+
+    handleNoticeList (row) {
+      this.noticeListFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_noticelist.initTable(row.idCard)
+      })
+
+    },
+    handleVisiteList (row) {
+
+      this.visiteListFormShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_visitelist.initTable(row)
+
+      })
+
+    },
+
+
+    addFormOk () {
+      this.addFormShow = false
+      this.editFormShow = false
+      this.loadTable()
+
+    },
+
+    async handleDelete (row) {
+      if (this.selectionAll.length === 0) {
+        this.$message.info('请选择要取消关注的名单')
+        return false
+      }
+      this.$confirm("确认取消关注选择的名单?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          this.deleteFocus(row)
+        })
+        .catch(err => {
+          if (err == "cancel") {
+
+          }
+
+        });
+    },
+
+    async deleteFocus (row) {
+      const url = "/epmetuser/icEpidemicSpecialAttention/cancel-attention"
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/placepatrolteam/del"
+      let idCards = []
+
+      this.selectionAll.forEach(element => {
+        idCards.push(element.idCard)
+      });
+      let params = {
+        attentionType: 1,
+        idCards: idCards
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "操作成功"
+        });
+
+        this.loadTable()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    //重置搜索条件
+    resetSearch () {
+      this.formData = {
+        attentionType: 1,//关注类型，核酸检测：2，疫苗接种：1		
+        name: '',
+        mobile: '',
+        idCard: '',
+        vaccinationCount: '',
+      }
+
+      this.pageNo = 1
+      // this.loadTable()
+    },
+
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+    //导出表格
+    async handleExport () {
+      let title = '疫苗接种关注名单'
+
+      const url = "/epmetuser/icEpidemicSpecialAttention/vaccination-export"
+
+      app.ajax.exportFilePost(
+        url,
+        this.formData,
+        (data, rspMsg) => {
+
+          this.download(data, title + '.xlsx')
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg);
+        }
+      );
+
+    },
+
+    // 下载文件
+    download (data, fileName) {
+      if (!data) {
+        return
+      }
+
+      var csvData = new Blob([data])
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName);
+      }
+      // for Non-IE (chrome, firefox etc.)
+      else {
+        var a = document.createElement('a');
+        document.body.appendChild(a);
+        a.style = 'display: none';
+        var url = window.URL.createObjectURL(csvData);
+        a.href = url;
+        a.download = fileName;
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+
+    },
+
+    handleExportModule () {
+      let title = '疫苗接种关注名单模板'
+
+      const url = "/gov/org/house/exporttemplate"
+      let params = {}
+
+      app.ajax.exportFilePost(
+        url,
+        params,
+        (data, rspMsg) => {
+
+          this.download(data, title + '.xlsx')
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg);
+        }
+      );
+    },
+
+
+    // 上传文件之前的钩子
+    beforeUpload (file) {
+
+      const array = file.name.split('.')
+      const extension = array[array.length - 1]
+      // const isLt1M = (file.size / 1024 / 1024) < 5
+      if (extension !== 'xlsx') {
+        this.$message.error('只能上传xlsx文件！')
+        return false
+      } else {
+        this.files = file;
+        this.fileName = file.name;
+        return true
+      }
+
+    },
+    // 上传文件个数超过定义的数量
+    handleExceed (files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
+    },
+
+    async uploadFile () {
+      if (this.fileName == "") {
+        this.$message.warning('请选择要上传的文件！')
+        return false
+      }
+
+      this.$message({
+        showClose: true,
+        message: '导入中，请到系统管理-导入记录中查看进度',
+        duration: 0
+      })
+
+      //清空上传列表
+      this.$refs['upload'].clearFiles()
+
+      var url = '/epmetuser/icEpidemicSpecialAttention/vaccination-import'
+
+      let fileFormData = new FormData();
+      fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+      fileFormData.append('attentionType', '1');//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+
+      window.app.ajax.post2(url, fileFormData,
+        (data, rspMsg) => {
+
+          if (data.code === 0 && data.msg == 'success') {
+            // this.$message.success('导入成功')
+          } else {
+            // this.$message({
+            //   showClose: true,
+            //   message: rspMsg,
+            //   duration: 0,
+            //   type: "error"
+            // })
+            // this.$message.error(rspMsg)
+          }
+
+          // this.loadTable()
+
+        },
+        (rspMsg, data) => {
+
+        }, { headers: { 'Content-Type': 'multipart/form-data' } })
+
+
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return this.$store.state.inIframe ? this.clientHeight - 360 + this.iframeHeight : this.clientHeight - 360
+
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  watch: {
+
+  },
+  props: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
+
+
+
diff --git a/src/views/modules/base/epidemic/natFocus/nfNoticeList.vue b/src/views/modules/base/epidemic/natFocus/nfNoticeList.vue
new file mode 100644
index 000000000..7b7fb33ca
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/nfNoticeList.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="dialog-h-content scroll-h ">
+    <div class="div_dialog_table">
+
+      <el-table class="table"
+                :data="tableData"
+                border
+                :height="tableHeight"
+                v-loading="tableLoading"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                style="width: 100%">
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="50">
+        </el-table-column>
+
+        <el-table-column prop="createdTime"
+                         header-align="center"
+                         align="center"
+                         label="通知时间"
+                         width="150">
+
+        </el-table-column>
+        <el-table-column prop="channel"
+                         header-align="center"
+                         align="center"
+                         label="渠道"
+                         width="180">
+
+        </el-table-column>
+
+        <el-table-column prop="content"
+                         header-align="center"
+                         align="center"
+                         label="内容"
+                         min-width="380">
+
+        </el-table-column>
+
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      tableLoading: false,
+      total: 0,
+      idCard: '',
+      tableData: [],
+      pageSize: 20,
+      pageNo: 1,
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+
+  methods: {
+
+    async initTable (idCard) {
+      this.idCard = idCard
+      await this.loadTable()
+
+    },
+
+    //加载form
+    async loadTable () {
+      this.tableLoading = true
+      // const url = "/epmetuser/icNotice/page"
+      const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNotice/page"
+      let params = {
+        idCard: this.idCard,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        origin: '1'
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+      this.tableLoading = false
+      if (code === 0) {
+        this.total = data.total
+        this.tableData = data.list
+
+        // data.list.forEach(item => {
+        //   item.isEdit = false
+        //   item.isNew = false
+        //   let arrayInspectors = item.inspectors.split(',')
+        //   item.inspectorArray = [...arrayInspectors]
+
+        //   let arrayReviewTime = item.reviewTime.split(' ')
+        //   item.reviewTime = arrayReviewTime[0]
+        // });
+
+        // this.tableData = [...data.list]
+
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+
+      return (this.clientHeight - 460)
+
+    },
+
+    ...mapGetters(['clientHeight'])
+
+  },
+  props: {
+
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
diff --git a/src/views/modules/base/epidemic/natFocus/nfSendNotice.vue b/src/views/modules/base/epidemic/natFocus/nfSendNotice.vue
new file mode 100644
index 000000000..9274d9286
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/nfSendNotice.vue
@@ -0,0 +1,240 @@
+<template>
+  <div class="epidemic-form">
+    <div class="dialog-h-content scroll-h">
+
+      <el-form ref="ref_form1"
+               :inline="true"
+               :model="formData"
+               :rules="dataRule"
+               class="form">
+
+        <el-form-item label="通知渠道"
+                      prop="channel"
+                      label-width="150px"
+                      style="display: block">
+          <el-checkbox v-model="formData.isSelChannel"
+                       key="0"
+                       label="0">小程序通知</el-checkbox>
+          <!-- <el-checkbox-group v-model="formData.channel">
+            <el-checkbox key="1"
+                         label="1">小程序通知</el-checkbox>
+            <el-checkbox key="2"
+                         label="2">短信通知</el-checkbox>
+
+          </el-checkbox-group> -->
+        </el-form-item>
+
+        <el-form-item label="通知内容"
+                      prop="content"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    type="textarea"
+                    maxlength="1000"
+                    show-word-limit
+                    :autosize="{ minRows: 10, maxRows: 15 }"
+                    clearable
+                    placeholder="请输入通知内容"
+                    v-model="formData.content"></el-input>
+        </el-form-item>
+
+      </el-form>
+
+    </div>
+
+    <div class="form_div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+      <el-button size="small"
+                 type="primary"
+                 :disabled="btnDisable"
+                 @click="handleComfirm">确 定</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+import { mapGetters } from 'vuex'
+
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+
+      activeName: "second",
+
+      gridList: [],
+
+      btnDisable: false,
+
+      formData: {
+        origin: '1',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+        userList: [],
+
+
+      },
+      selectionAll: []
+
+    }
+  },
+  components: {},
+  async mounted () {
+
+  },
+
+  methods: {
+
+    async initForm (selectionAll) {
+
+      this.$refs['ref_form1'].resetFields();
+      this.formData.userList = selectionAll
+
+    },
+
+
+    async handleComfirm () {
+
+
+      if (this.formData.isSelChannel) {
+        if (!this.formData.content) {
+          this.$message({
+            type: 'warning',
+            message: '请填写通知内容'
+          })
+          return false;
+        } else {
+          this.formData.channel = ['0']
+        }
+
+      } else {
+        this.formData.channel = []
+      }
+
+      console.log(this.formData)
+      return false
+
+      this.btnDisable = true
+      setTimeout(() => {
+        this.btnDisable = false
+      }, 5000)
+
+      let url = ''
+
+      url = '/epmetuser/icNotice/batchnotice'
+      // url = "http://yapi.elinkservice.cn/mock/245/epmetuser/icNotice/batchnotice"
+
+
+      const { data, code, msg } = await requestPost(url, this.formData)
+
+      if (code === 0) {
+        this.$message({
+          type: 'success',
+          message: '操作成功'
+        })
+        this.resetData()
+        this.$emit('dialogCancle')
+        this.btnDisable = false
+
+      } else {
+        this.btnDisable = false
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+
+
+
+    resetData () {
+
+
+      this.formData = {
+        name: '',
+        idCard: '',
+        phone: '',
+        remark: '',
+        isSelChannel: false,
+        channel: [],
+        content: '',
+
+      }
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return 200
+
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight']),
+    dataRule () {
+      return {
+        channel: [
+          { required: true, message: '通知渠道不能为空', trigger: 'blur' }
+        ],
+        content: [
+          { required: true, message: '通知内容不能为空', trigger: 'blur' }
+        ]
+      }
+    },
+
+  },
+  props: {
+
+
+
+    // serviceList: {
+    //   type: Array,
+    //   default: []
+    // },
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
+
+
diff --git a/src/views/modules/base/epidemic/natFocus/nfVisiteList.vue b/src/views/modules/base/epidemic/natFocus/nfVisiteList.vue
new file mode 100644
index 000000000..67448435e
--- /dev/null
+++ b/src/views/modules/base/epidemic/natFocus/nfVisiteList.vue
@@ -0,0 +1,324 @@
+<template>
+  <div class="dialog-h-content scroll-h">
+    <div class="div_dialog_table">
+      <el-button size="small"
+                 class="diy-button--add"
+                 @click="handleAdd">新增</el-button>
+      <el-button size="small"
+                 class="diy-button--reset"
+                 @click="handleExport">导出</el-button>
+
+      <el-table class="table"
+                :data="tableData"
+                border
+                :height="tableHeight"
+                v-loading="tableLoading"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                style="width: 100%">
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="50">
+        </el-table-column>
+
+        <el-table-column prop="visitTime"
+                         header-align="center"
+                         align="center"
+                         label="随访时间"
+                         width="150">
+
+        </el-table-column>
+        <el-table-column prop="content"
+                         header-align="center"
+                         align="center"
+                         label="随访内容"
+                         min-width="280">
+
+        </el-table-column>
+
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog :visible.sync="dialogVisible"
+               width="850px"
+               top="5vh"
+               title="新增"
+               append-to-body
+               @closed="handleCancle">
+      <div class="epidemic-form">
+        <el-form ref="ref_form"
+                 :inline="true"
+                 :model="formData"
+                 :rules="dataRule"
+                 class="form">
+
+          <el-form-item label="随访时间"
+                        style="display: block"
+                        prop="visitTime"
+                        label-width="150px">
+            <el-date-picker class="item_width_2"
+                            v-model="formData.visitTime"
+                            format="yyyy-MM-dd HH:mm"
+                            value-format="yyyy-MM-dd HH:mm"
+                            type="datetime"
+                            :picker-options="pickerOptions"
+                            clearable
+                            placeholder="选择时间">
+            </el-date-picker>
+          </el-form-item>
+
+          <el-form-item label="随访内容"
+                        prop="content"
+                        label-width="150px"
+                        style="display: block">
+            <el-input class="item_width_1"
+                      type="textarea"
+                      maxlength="1000"
+                      show-word-limit
+                      :autosize="{ minRows: 4, maxRows: 10 }"
+                      clearable
+                      placeholder="请输入随访内容"
+                      v-model="formData.content"></el-input>
+          </el-form-item>
+
+        </el-form>
+
+        <div class="form_div_btn">
+          <el-button size="small"
+                     @click="handleCancle">取 消</el-button>
+          <el-button size="small"
+                     type="primary"
+                     @click="handleComfirm">确 定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { Loading } from 'element-ui' // 引入Loading服务
+import { requestPost } from '@/js/dai/request'
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      tableLoading: false,
+
+      tableData: [],
+      total: 0,
+      pageSize: 20,
+      pageNo: 1,
+
+      pickerOptions: { //控制时间范围
+        disabledDate (time) {
+          return time.getTime() > (Date.now())
+        }
+      },
+
+      formData: {
+        visitTime: '',//随访时间
+        content: '',//内容
+        idCard: '',
+        name: '',
+        mobile: '',
+        origin: '1'
+      },
+
+      dialogVisible: false,
+
+    }
+  },
+  components: {},
+  mounted () {
+
+  },
+
+  methods: {
+
+    async initTable (row) {
+
+      this.formData.idCard = row.idCard
+      this.formData.name = row.name
+      this.formData.mobile = row.mobile
+
+      await this.loadTable()
+
+    },
+
+    //加载form
+    async loadTable () {
+
+      this.tableLoading = true
+      const url = '/epmetuser/followup/page'
+      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/followup/page'
+      let params = {
+        name: this.formData.name,
+        idCard: this.formData.idCard,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        origin: '1'
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+      this.tableLoading = false
+      if (code === 0) {
+        this.total = data.total
+        this.tableData = data.list
+        this.tableData.forEach(element => {
+          element.visitTime = element.visitTime.slice(0, element.visitTime.length - 3)
+        });
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    handleAdd () {
+      this.dialogVisible = true
+    },
+
+
+    async handleComfirm () {
+      this.formData.visitTime = this.formData.visitTime + ':00'
+      let url = "/epmetuser/followup/save"
+      // let url = "http://yapi.elinkservice.cn/mock/245/epmetuser/followup/save"
+
+      const { data, code, msg } = await requestPost(url, this.formData)
+
+      if (code === 0) {
+        this.loadTable()
+        this.handleCancle()
+      } else {
+        this.$message.error(msg)
+      }
+
+    },
+
+    handleCancle () {
+      this.dialogVisible = false
+
+    },
+
+    //导出表格
+    async handleExport () {
+      let today = new Date()
+
+
+      console.log(today.getMonth() + 1, today.getDate())
+      let title = this.formData.name + (today.getMonth() + 1) + '月' + today.getDate() + '日' + '随访记录'
+
+      const url = "/epmetuser/followup/export"
+      let params = {
+        idCard: this.formData.idCard,
+        name: this.formData.name,
+
+      }
+
+      app.ajax.exportFilePost(
+        url,
+        params,
+        (data, rspMsg) => {
+
+          this.download(data, title + '.xlsx')
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg);
+        }
+      );
+
+    },
+
+    // 下载文件
+    download (data, fileName) {
+      if (!data) {
+        return
+      }
+
+      var csvData = new Blob([data])
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName);
+      }
+      // for Non-IE (chrome, firefox etc.)
+      else {
+        var a = document.createElement('a');
+        document.body.appendChild(a);
+        a.style = 'display: none';
+        var url = window.URL.createObjectURL(csvData);
+        a.href = url;
+        a.download = fileName;
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
+      })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    }
+  },
+  computed: {
+    tableHeight () {
+      return (this.clientHeight - 360)
+    },
+
+    ...mapGetters(['clientHeight']),
+    dataRule () {
+      return {
+        visitTime: [
+          { required: true, message: '随访时间不能为空', trigger: 'blur' }
+        ],
+        content: [
+          { required: true, message: '随访内容不能为空', trigger: 'blur' }
+        ],
+      }
+    }
+
+
+  },
+  props: {
+
+  }
+}
+</script>
+
+
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/management/epidemic.scss";
+</style>
\ No newline at end of file
diff --git a/src/views/modules/base/epidemic/natInfo/natForm.vue b/src/views/modules/base/epidemic/natInfo/natForm.vue
index 1da562239..4307a74eb 100644
--- a/src/views/modules/base/epidemic/natInfo/natForm.vue
+++ b/src/views/modules/base/epidemic/natInfo/natForm.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="epidemic-form">
     <div class="dialog-h-content scroll-h">
+
       <el-form ref="ref_form"
                :inline="true"
                :model="formData"
@@ -104,6 +105,7 @@
                           format="yyyy-MM-dd HH:mm"
                           value-format="yyyy-MM-dd HH:mm"
                           type="datetime"
+                          :picker-options="pickerOptions"
                           clearable
                           placeholder="选择时间">
           </el-date-picker>
@@ -183,7 +185,7 @@
                     type="textarea"
                     maxlength="1000"
                     show-word-limit
-                    :autosize="{ minRows: 4, maxRows: 10 }"
+                    :autosize="{ minRows: 5, maxRows: 10 }"
                     clearable
                     placeholder="请输入通知内容"
                     v-model="formData.content"></el-input>
@@ -225,6 +227,9 @@ let loading // 加载动画
 export default {
   data () {
     return {
+
+
+
       formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
       hideUploadEdit: false, // 隐藏'上传按钮'
       limitNum: 1,
@@ -233,6 +238,11 @@ export default {
 
       gridList: [],
       personList: [],
+      pickerOptions: { //控制时间范围
+        disabledDate (time) {
+          return time.getTime() > (Date.now())
+        }
+      },
 
       btnDisable: false,
 
@@ -279,7 +289,8 @@ export default {
       this.formData.agencyId = this.agencyId
 
       this.$refs['ref_form'].resetFields();
-
+      this.isFromResi = false
+      this.enterType = '1'
       this.formType = type
 
       if (icNatId) {
@@ -300,6 +311,8 @@ export default {
       this.formData.idCard = ''
       this.formData.gridId = ''
       this.formData.userId = ''
+
+      this.$refs['ref_form'].resetFields();
       if (value === '2') {
         this.isFromResi = true
       } else {
diff --git a/src/views/modules/base/epidemic/natInfo/natList.vue b/src/views/modules/base/epidemic/natInfo/natList.vue
index f81b23058..d14710e5e 100644
--- a/src/views/modules/base/epidemic/natInfo/natList.vue
+++ b/src/views/modules/base/epidemic/natInfo/natList.vue
@@ -190,13 +190,13 @@
                        type="text"
                        class="div-table-button--edit"
                        size="small"
-                       @click="handleAttention(scope.row)">关注</el-button>
+                       @click="handleAttention(scope.row)">同步</el-button>
 
             <el-button v-if="scope.row.userType==='synchro'&&scope.row.agencyId===agencyId"
                        type="text"
                        class="div-table-button--delete "
                        size="small"
-                       @click="handleDelete(scope.row,'attention')">取消关注</el-button>
+                       @click="handleDelete(scope.row,'attention')">取消同步</el-button>
             <!-- <el-button type="text"
                        class="div-table-button--edit"
                        size="small"
@@ -337,7 +337,13 @@ export default {
         this.tableData = data.list
 
         this.tableData.forEach(item => {
-          item.natResultShow = item.natResult === '1' ? '阳性' : '阴性'
+          if (item.natResult === '1') {
+            item.natResultShow = '阳性'
+          } else if (item.natResult === '0') {
+            item.natResultShow = '阴性'
+          } else {
+            item.natResultShow = ''
+          }
 
         });
       } else {
diff --git a/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue b/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue
index d952132dd..1c53f8e17 100644
--- a/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue
+++ b/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue
@@ -170,7 +170,7 @@
                                label="身份证"
                                min-width="170">
               </el-table-column>
-              <el-table-column prop="idCard"
+              <el-table-column prop="vaccineCount"
                                header-align="center"
                                align="center"
                                label="疫苗接种次数"
@@ -350,14 +350,15 @@ export default {
     },
 
     handleSearch () {
+      this.selectionAll = []
       this.loadTable()
     },
 
     async loadTable () {
       this.tableLoading = true
 
-      // const url = "/epmetuser/epidemicPrevention/page"
-      const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+      const url = "/epmetuser/epidemicPrevention/page"
+      // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
       let params = {
         pageSize: this.pageSize,
         pageNo: this.pageNo,
@@ -496,22 +497,22 @@ export default {
 
     },
     handleComfirm () {
-      let refName = ''
+
       if (this.activeName === 'first') {
-        refName = 'ref_form1'
-      } else {
-        refName = 'ref_form2'
-      }
+        this.$refs['ref_form1'].validate((valid, messageObj) => {
+          if (!valid) {
+            app.util.validateRule(messageObj)
 
-      this.$refs[refName].validate((valid, messageObj) => {
-        if (!valid) {
-          app.util.validateRule(messageObj)
+          } else {
+            this.handleVero()
+          }
 
-        } else {
-          this.handleVero()
-        }
+        })
+
+      } else {
+        this.handleVero()
+      }
 
-      })
     },
 
     async handleVero () {
@@ -555,7 +556,6 @@ export default {
 
       } else {
 
-
         if (this.selectionAll.length === 0) {
           this.$message.info('请选择批量添加的人员')
           return false
@@ -598,7 +598,10 @@ export default {
       let url = '/epmetuser/icEpidemicSpecialAttention/vaccination-add'
       // url = "http://yapi.elinkservice.cn/mock/245/gov/project/memoConcern/save"
 
-      const { data, code, msg } = await requestPost(url, this.formData)
+      let params = {
+        list: list
+      }
+      const { data, code, msg } = await requestPost(url, params)
 
       if (code === 0) {
         this.$message({
diff --git a/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue b/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue
index f1090c1e0..80146c0c9 100644
--- a/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue
+++ b/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue
@@ -69,7 +69,7 @@
       <div class="div_btn">
         <el-button class="diy-button--add"
                    size="small"
-                   @click="addFormShow=true">新增</el-button>
+                   @click="handleAdd">新增</el-button>
 
         <el-button style="float:left"
                    class="diy-button--export"
@@ -602,19 +602,13 @@ export default {
 
     //导出表格
     async handleExport () {
-      let title = this.agencyObj.label
-      title = title + '—房屋列表'
+      let title = '疫苗接种关注名单'
 
-      const url = "/gov/org/house/exporthouseinfo"
-      let params = {
-        ownerName: this.ownerName,
-        ownerPhone: this.ownerPhone,
-        buildingId: this.agencyObj.id
-      }
+      const url = "/epmetuser/icEpidemicSpecialAttention/vaccination-export"
 
       app.ajax.exportFilePost(
         url,
-        params,
+        this.formData,
         (data, rspMsg) => {
 
           this.download(data, title + '.xlsx')
@@ -653,7 +647,7 @@ export default {
     },
 
     handleExportModule () {
-      let title = '疫苗接种关注名单'
+      let title = '疫苗接种关注名单模板'
 
       const url = "/gov/org/house/exporttemplate"
       let params = {}
@@ -708,13 +702,11 @@ export default {
       //清空上传列表
       this.$refs['upload'].clearFiles()
 
-      var url = '/gov/org/house/houseimport'
+      var url = '/epmetuser/icEpidemicSpecialAttention/vaccination-import'
 
       let fileFormData = new FormData();
       fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgId', this.agencyObj.id);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-      fileFormData.append('orgType', this.agencyObj.level);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-
+      fileFormData.append('attentionType', '1');//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
 
       window.app.ajax.post2(url, fileFormData,
         (data, rspMsg) => {
diff --git a/src/views/modules/base/epidemic/veroFocus/vfSendNotice.vue b/src/views/modules/base/epidemic/veroFocus/vfSendNotice.vue
index 957388e68..9274d9286 100644
--- a/src/views/modules/base/epidemic/veroFocus/vfSendNotice.vue
+++ b/src/views/modules/base/epidemic/veroFocus/vfSendNotice.vue
@@ -78,7 +78,7 @@ export default {
         channel: [],
         content: '',
         userList: [],
-        orgName
+
 
       },
       selectionAll: []
diff --git a/src/views/modules/base/epidemic/veroFocus/vfVisiteList.vue b/src/views/modules/base/epidemic/veroFocus/vfVisiteList.vue
index b402e8608..cfabc4cba 100644
--- a/src/views/modules/base/epidemic/veroFocus/vfVisiteList.vue
+++ b/src/views/modules/base/epidemic/veroFocus/vfVisiteList.vue
@@ -34,7 +34,10 @@
                          align="center"
                          label="随访内容"
                          min-width="280">
+          <template slot-scope="scope">
+            <div class="twoline">{{scope.row.content}}</div>
 
+          </template>
         </el-table-column>
 
       </el-table>
@@ -68,9 +71,10 @@
                         label-width="150px">
             <el-date-picker class="item_width_2"
                             v-model="formData.visitTime"
-                            format="yyyy-MM-dd HH:mm:ss"
-                            value-format="yyyy-MM-dd HH:mm:ss"
+                            format="yyyy-MM-dd HH:mm"
+                            value-format="yyyy-MM-dd HH:mm"
                             type="datetime"
+                            :picker-options="pickerOptions"
                             clearable
                             placeholder="选择时间">
             </el-date-picker>
@@ -84,7 +88,7 @@
                       type="textarea"
                       maxlength="1000"
                       show-word-limit
-                      :autosize="{ minRows: 4, maxRows: 10 }"
+                      :autosize="{ minRows: 10, maxRows: 15 }"
                       clearable
                       placeholder="请输入随访内容"
                       v-model="formData.content"></el-input>
@@ -120,6 +124,12 @@ export default {
       pageSize: 20,
       pageNo: 1,
 
+      pickerOptions: { //控制时间范围
+        disabledDate (time) {
+          return time.getTime() > (Date.now())
+        }
+      },
+
       formData: {
         visitTime: '',//随访时间
         content: '',//内容
@@ -152,9 +162,10 @@ export default {
 
     //加载form
     async loadTable () {
+
       this.tableLoading = true
-      // const url = '/epmetuser/followup/page'
-      const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/followup/page'
+      const url = '/epmetuser/followup/page'
+      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/followup/page'
       let params = {
         name: this.formData.name,
         idCard: this.formData.idCard,
@@ -168,7 +179,9 @@ export default {
       if (code === 0) {
         this.total = data.total
         this.tableData = data.list
-
+        this.tableData.forEach(element => {
+          element.visitTime = element.visitTime.slice(0, element.visitTime.length - 3)
+        });
 
       } else {
         this.$message.error(msg)
@@ -181,9 +194,9 @@ export default {
 
 
     async handleComfirm () {
-
-      // let url = "/epmetuser/followup/save"
-      let url = "http://yapi.elinkservice.cn/mock/245/epmetuser/followup/save"
+      this.formData.visitTime = this.formData.visitTime + ':00'
+      let url = "/epmetuser/followup/save"
+      // let url = "http://yapi.elinkservice.cn/mock/245/epmetuser/followup/save"
 
       const { data, code, msg } = await requestPost(url, this.formData)
 
@@ -203,13 +216,17 @@ export default {
 
     //导出表格
     async handleExport () {
-      let title = this.formData.name + '—随访记录'
+      let today = new Date()
+
+
+      console.log(today.getMonth() + 1, today.getDate())
+      let title = this.formData.name + (today.getMonth() + 1) + '月' + today.getDate() + '日' + '随访记录'
 
       const url = "/epmetuser/followup/export"
       let params = {
         idCard: this.formData.idCard,
         name: this.formData.name,
-
+        origin: '1'
       }
 
       app.ajax.exportFilePost(
diff --git a/src/views/modules/visual/basicinfo/basicInfoMain.vue b/src/views/modules/visual/basicinfo/basicInfoMain.vue
index d85baf72b..abc3a874a 100644
--- a/src/views/modules/visual/basicinfo/basicInfoMain.vue
+++ b/src/views/modules/visual/basicinfo/basicInfoMain.vue
@@ -14,14 +14,11 @@
       </div>
     </div>
 
-    <people-search v-show="orgLevel==='search'"
-                   @toSubAgency="toSubAgency"
-                   ref="ref_search"></people-search>
     <people v-if="orgLevel==='people'"
             :uid="selUserId"
             ref="ref_people"></people>
 
-    <div v-show="orgLevel!=='people' && orgLevel!=='search'"
+    <div v-show="orgLevel!=='people' "
          class="div_content">
 
       <basic-info-community v-show="orgLevel==='neighborHood'"
@@ -29,7 +26,7 @@
                             ref="ref_community"
                             @refreshInfoList="refreshInfoList"></basic-info-community>
 
-      <div v-show="orgLevel!=='people' && orgLevel!=='search' && orgLevel!=='neighborHood'"
+      <div v-show="orgLevel!=='people'  && orgLevel!=='neighborHood'"
            class="div_map"
            id="map"
            ref="map">
@@ -74,7 +71,7 @@
       </div>
 
       <div class="div_data">
-        <div @click="handleSearch"
+        <!-- <div @click="handleSearch"
              class="div_search">
           <div class="div_search_left">
             <i slot="prefix"
@@ -87,7 +84,7 @@
 
           <div class="btn">搜索</div>
 
-        </div>
+        </div> -->
 
         <div class="div_info">
           <el-scrollbar style="height:98%">
@@ -328,9 +325,6 @@ const vueGis = {
 
 
     },
-    handleSearch () {
-      this.toSubAgency('search')
-    },
 
     //获取右侧infolist数据
     async loadList () {
@@ -390,7 +384,7 @@ const vueGis = {
       this.toSubAgency('polygon', e)
     },
 
-    //下钻到下一级 type点击的类型:polygon 点击多边形（分为点击组织/小区）   search 点击搜索  people 点击详情
+    //下钻到下一级 type点击的类型:polygon 点击多边形（分为点击组织/小区）    people 点击详情
     async toSubAgency (type, e, searchName) {
 
       //点击小区neighborHood显示楼栋，点击非小区，进入下一级地图
@@ -407,20 +401,6 @@ const vueGis = {
         }
         this.searchName = searchName
 
-      } else if (type === 'search') {
-        this.runNum++
-        this.runAgencyArray.push(this.orgData)
-        this.orgLevel = 'search'
-        this.orgId = ''
-        this.orgData = {
-          id: '',
-          level: 'search',
-          name: '搜索'
-        }
-        this.$nextTick(() => {
-          this.$refs.ref_search.reset();
-        });
-
       } else {
 
         if (!e) {
@@ -552,12 +532,9 @@ const vueGis = {
 
       if (this.orgLevel === 'people') {
 
-      } else if (this.orgLevel === 'search') {
-        this.$nextTick(() => {
-          this.$refs.ref_search.loadByName(this.searchName);
-        });
+      }
 
-      } else if (this.orgLevel === 'neighborHood') {//显示小区
+      else if (this.orgLevel === 'neighborHood') {//显示小区
 
       } else {
 
diff --git a/src/views/modules/visual/basicinfo/peopleSearch.vue b/src/views/modules/visual/basicinfo/peopleSearch.vue
index 7e44c6d3b..19c2d9bcd 100644
--- a/src/views/modules/visual/basicinfo/peopleSearch.vue
+++ b/src/views/modules/visual/basicinfo/peopleSearch.vue
@@ -92,9 +92,9 @@ export default {
 
     loadByName (searchName) {
       this.searchName = searchName
-      if (this.searchName) {
-        this.loadList()
-      }
+      // if (this.searchName) {
+      this.loadList()
+      // }
 
     },
     reset () {
@@ -120,7 +120,7 @@ export default {
           this.$message.error(msg)
         }
       } else {
-
+        this.$message.info('请输入姓名')
       }
     },