From bf2b563ba7495f794095e419487be0b4abc0339e Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Thu, 24 Mar 2022 17:00:43 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E7=96=AB=E8=8B=97=E6=8E=A5=E7=A7=8D?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/epidemic/veroFocus/veroFocusForm.vue | 543 +++++++++---------
 1 file changed, 259 insertions(+), 284 deletions(-)

diff --git a/src/views/modules/base/epidemic/veroFocus/veroFocusForm.vue b/src/views/modules/base/epidemic/veroFocus/veroFocusForm.vue
index 64fa94c4..d00ef1ff 100644
--- a/src/views/modules/base/epidemic/veroFocus/veroFocusForm.vue
+++ b/src/views/modules/base/epidemic/veroFocus/veroFocusForm.vue
@@ -1,185 +1,187 @@
 <template>
   <div>
     <div class="dialog-h-content scroll-h">
-      <el-form ref="ref_form"
-               :inline="true"
-               :model="formData"
-               :rules="dataRule"
-               :disabled="formType==='look'"
-               class="form">
-
-        <el-form-item label="录入方式"
-                      label-width="150px"
-                      style="display: block">
-          <el-radio-group v-model="enterType"
-                          @change="handleChangeEnterType">
-
-            <el-radio :label="'1'">手动输入</el-radio>
-            <el-radio :label="'2'">选择居民</el-radio>
-
-          </el-radio-group>
-
-        </el-form-item>
-
-        <el-form-item label="所属网格"
-                      style="display: block"
-                      label-width="150px">
-          <el-select class="item_width_2"
-                     v-model.trim="formData.gridId"
-                     placeholder="请选择"
-                     :disabled="!isFromResi"
-                     clearable>
-            <el-option v-for="item in gridList"
-                       @click.native="handleSelGrid(item.value)"
-                       :key="item.value"
-                       :label="item.label"
-                       :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="居民"
-                      prop="personId"
-                      style="display: block"
-                      label-width="150px">
-          <el-select class="item_width_2"
-                     v-model.trim="formData.personId"
-                     placeholder="请选择"
-                     filterable
-                     :disabled="!isFromResi"
-                     clearable>
-            <el-option v-for="item in personList"
-                       @click.native="handleSelPerson(item)"
-                       :key="item.demandUserId"
-                       :label="item.demandUserName"
-                       :value="item.demandUserId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="姓名"
-                      prop="name"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_2"
-                    placeholder="请输入姓名"
-                    clearable
-                    :disabled="isFromResi"
-                    v-model="formData.name">
-          </el-input>
-
-        </el-form-item>
-
-        <el-form-item label="手机号"
-                      prop="phone"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_2"
-                    placeholder="请输入手机号"
-                    clearable
-                    :disabled="isFromResi"
-                    v-model="formData.phone">
-          </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
-                    :disabled="isFromResi"
-                    v-model="formData.idCard">
-          </el-input>
-        </el-form-item>
-
-        <el-form-item label="检测时间"
-                      style="display: block"
-                      prop="checkTime"
-                      label-width="150px">
-          <el-date-picker class="item_width_2"
-                          v-model="formData.checkTime"
-                          format="yyyy-MM-dd HH:mm"
-                          value-format="yyyy-MM-dd HH:mm"
-                          type="datetime"
-                          clearable
-                          placeholder="选择时间">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item label="检测地点"
-                      prop="address"
-                      label-width="150px"
-                      style="display: block">
-          <el-input class="item_width_1"
-                    placeholder="请输入检测地点"
-                    clearable
-                    v-model="formData.address">
-          </el-input>
-        </el-form-item>
-
-        <el-form-item label="检测结果"
-                      prop="type"
-                      label-width="150px"
-                      style="display: block">
-          <el-radio-group v-model="formData.result">
-
-            <el-radio :label="'1'">阴性</el-radio>
-            <el-radio :label="'2'">阳性</el-radio>
-
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item class="block"
-                      label-width="150px"
-                      style="display: block"
-                      label="添加附件"
-                      prop="attach">
-
-          <el-upload class="upload-demo"
-                     :action="uploadUlr"
-                     accept=".doc,.pdf,.xls,.docx,.xlsx"
-                     :on-success="handleFileSuccess"
-                     :on-remove="handleFileRemove"
-                     :on-preview="handleFileDownload"
-                     :limit="3"
-                     :before-upload="beforeUpload"
-                     :file-list="fileList">
-            <el-button size="small"
-                       :disabled="fileList.length==3"
-                       type="primary">点击上传</el-button>
-            <div slot="tip"
-                 class="el-upload__tip">最多三个附件，只能上传word、excel、pdf文件</div>
-          </el-upload>
-        </el-form-item>
-
-        <el-form-item label="通知渠道"
-                      prop="noticeWay"
-                      label-width="150px"
-                      style="display: block">
-          <el-checkbox-group v-model="formData.noticeWay">
-            <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="noticeContent"
-                      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.noticeContent"></el-input>
-        </el-form-item>
-
-      </el-form>
+
+      <el-tabs v-model="activeName"
+               type="card"
+               class="main_tab"
+               @tab-click="handleClick">
+        <el-tab-pane label="逐个添加"
+                     name="first">
+          <el-form ref="ref_form"
+                   :inline="true"
+                   :model="formData"
+                   :rules="dataRule"
+                   :disabled="formType==='look'"
+                   class="form">
+
+            <el-form-item label="姓名"
+                          prop="name"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_2"
+                        placeholder="请输入姓名"
+                        clearable
+                        :disabled="isFromResi"
+                        v-model="formData1.name">
+              </el-input>
+
+            </el-form-item>
+
+            <el-form-item label="手机号"
+                          prop="phone"
+                          label-width="150px"
+                          style="display: block">
+              <el-input class="item_width_2"
+                        placeholder="请输入手机号"
+                        clearable
+                        :disabled="isFromResi"
+                        v-model="formData1.phone">
+              </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
+                        :disabled="isFromResi"
+                        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="noticeWay"
+                          label-width="150px"
+                          style="display: block">
+              <el-checkbox-group v-model="formData1.noticeWay">
+                <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="noticeContent"
+                          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.noticeContent"></el-input>
+            </el-form-item>
+
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="批量添加"
+                     name="second">
+          <el-form :inline="true"
+                   :model="formData"
+                   ref="ref_searchform"
+                   :label-width="'90px'">
+            <el-form-item label="所属网格"
+                          label-width="150px">
+              <el-select class="item_width_2"
+                         v-model.trim="selGridId"
+                         placeholder="请选择"
+                         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 v-model="veroNum"
+                               :min="0"
+                               :max="20"
+                               label="疫苗接种次数小于"></el-input-number>
+            </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>
+
+          </el-form>
+
+          <el-table ref="ref_table"
+                    class="table"
+                    :data="tableData"
+                    border
+                    :height="tableHeight"
+                    v-loading="tableLoading"
+                    :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                    @select-all="selectAll"
+                    @selection-change="selectionChange"
+                    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="personInCharge"
+                             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="gridNames"
+                             header-align="center"
+                             align="center"
+                             label="身份证"
+                             min-width="170">
+            </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>
+
+        </el-tab-pane>
+      </el-tabs>
+
     </div>
 
     <div class="form_div_btn">
@@ -207,32 +209,36 @@ export default {
   data () {
     return {
       formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
-      enterType: '1',//录入方式1 手动输入  2  选择居民
-      isFromResi: false,//是否从已有居民信息中选择
+
+      activeName: "second",
 
       gridList: [],
-      personList: [],
+      selGridId: '',
+      veroNum: null,
+
 
       btnDisable: false,
 
-      natId: '',
-      formData: {
+      formData1: {
         name: '',
         idCard: '',
         phone: '',
-        checkTime: '',
-        address: '',
-        result: '',
+        remark: '',
         noticeWay: [],
         noticeContent: '',
-        attachmentList: []
+
       },
 
+      formData2: {
+        personList: [],
+        remark: '',
+        noticeWay: [],
+        noticeContent: '',
+      },
+      tableData: [],
+      tableLoading: false,
 
-      fileList: [],
-      uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadvariedfile',
-      dialogImageUrl: '',
-      dialogVisible: false,
+      selection: [],//选中的人员
 
 
     }
@@ -261,73 +267,86 @@ export default {
 
     },
 
-    handleChangeEnterType (value) {
-      this.formData.name = ''
-      this.formData.phone = ''
-      this.formData.idCard = ''
-      this.formData.gridId = ''
-      this.formData.personId = ''
-      if (value === '2') {
-        this.isFromResi = true
-      } else {
-        this.isFromResi = false
-      }
-
+    handleSearch () {
+      this.loadTable()
     },
 
-    async loadGrid () {
-      const url = "/gov/org/customergrid/gridoption"
+    async loadTable () {
+      this.tableLoading = true
 
+      const url = "/gov/org/placepatrolteam/getlist"
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/placeorg/getlist"
       let params = {
-        agencyId: this.agencyId
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        ...this.formData
       }
 
       const { data, code, msg } = await requestPost(url, params)
 
       if (code === 0) {
-        this.gridList = data
+        this.total = data.total
+        this.tableData = data.list
 
+        this.tableData.forEach(item => {
+          if (item.time) {
+            let timeArray = item.time.split(' ')
+            item.time = timeArray[0]
+          }
+
+        });
       } else {
         this.$message.error(msg)
       }
+      this.tableLoading = false
+    },
+
+    handleSelectAll (selectAllFlag) {
+      this.$refs.ref_table.clearSelection();
+      if (selectAllFlag) {
+        this.tableData.forEach(row => {
+          if (row.showBtn) {
+            this.$refs.ref_table.toggleRowSelection(row);
+          }
+        });
+      }
+    },
+
+    selectAll (selection) {
+      this.selection = selection
+
+      if (selection.length === this.validTableDataNum) {
+        this.selAllFlag = true
+      } else {
+        this.selAllFlag = false
+      }
+
+    },
+
+
+    handleClick () {
 
     },
-    async handleSelGrid (value) {
 
-      const url = "/epmetuser/icresiuser/demandusers"
+    async loadGrid () {
+      const url = "/gov/org/customergrid/gridoption"
 
       let params = {
-        agencyId: this.agencyId,
-        gridId: value
+        agencyId: this.agencyId
       }
 
       const { data, code, msg } = await requestPost(url, params)
 
       if (code === 0) {
-        this.personList = data
+        this.gridList = data
 
       } else {
         this.$message.error(msg)
       }
 
     },
-    async handleSelPerson (personItem) {
-      this.formData.name = personItem.demandUserName
-      this.formData.phone = personItem.demandUserMobile
-      this.formData.idCard = personItem.idCard
 
 
-    },
-
-
-    handleTime () {
-      if (!this.formData.remindTime) return
-      var startAt = new Date(this.formData.remindTime) * 1000 / 1000;
-      if (startAt < Date.now()) {
-        this.formData.remindTime = dateFormats('YYYY-mm-dd HH:MM', new Date());
-      }
-    },
-
 
     async loadFormData () {
 
@@ -357,8 +376,6 @@ export default {
     },
 
     async handleComfirm () {
-
-
       this.btnDisable = true
       setTimeout(() => {
         this.btnDisable = false
@@ -431,61 +448,7 @@ export default {
 
     },
 
-    beforeUpload (file) {
-      const array = file.name.split('.')
-      const extension = array[array.length - 1]
-      const isLt1M = (file.size / 1024 / 1024) < 5
-      if (extension !== 'xls'
-        && extension !== 'xlsx'
-        && extension !== 'doc'
-        && extension !== 'docx'
-        && extension !== 'pdf') {
-        this.$message.error('只能上传word、excel、pdf文件！')
-        return false
-      }
-      if (!isLt1M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-      }
-      return isLt1M
-
-    },
 
-    handleFileRemove (file) {
-
-      if (file && file.status === "success") {
-        this.fileList.splice(this.fileList.findIndex(item => item.uid === file.uid), 1)
-      }
-    },
-
-    handleFileSuccess (res, file) {
-
-      if (res.code === 0 && res.msg === 'success') {
-        const array = file.name.split('.')
-        const fileType = array[array.length - 1]
-
-        file.fileName = file.name
-        file.attachmentUrl = res.data.url
-        file.attachmentSize = file.size
-        file.attachmentType = 'doc'
-        file.attachmentFormat = fileType
-
-        this.fileList.push(file)
-        console.log(this.fileList)
-      } else this.$message.error(res.msg)
-    },
-
-    //下载
-    handleFileDownload (file) {
-
-      var a = document.createElement('a');
-      var event = new MouseEvent('click');
-      a.download = file.fileName;
-      console.log(a)
-      a.href = file.attachmentUrl;
-      a.dispatchEvent(event);
-
-
-    },
 
     resetData () {
       this.natId = ''
@@ -503,6 +466,18 @@ export default {
 
       }
     },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadTable()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadTable()
+    },
+
+
     // 开启加载动画
     startLoading () {
       loading = Loading.service({

From 9f323744b6784400418228b86680aa969817d732 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Thu, 24 Mar 2022 17:01:20 +0800
Subject: [PATCH 2/2] 11

---
 src/assets/scss/modules/management/epidemic.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/assets/scss/modules/management/epidemic.scss b/src/assets/scss/modules/management/epidemic.scss
index 993555d6..9d6e9580 100644
--- a/src/assets/scss/modules/management/epidemic.scss
+++ b/src/assets/scss/modules/management/epidemic.scss
@@ -14,6 +14,10 @@
   text-align: center;
 }
 
+.main_tab {
+  margin: 10px 35px;
+}
+
 .div_main {
   width: 100%;