From 84482281dc7834fbe1001103d12b960a8d867d9c Mon Sep 17 00:00:00 2001
From: ZhaoTongYao <531131322@qq.com>
Date: Tue, 26 Apr 2022 11:00:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=89=8B=E6=9C=BA=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |   4 +-
 .../persontesting-add-or-update-mobile.vue    | 386 ++++++++++++++++++
 src/views/modules/epidemic/persontesting.vue  |  20 +-
 3 files changed, 406 insertions(+), 4 deletions(-)
 create mode 100644 src/views/modules/epidemic/persontesting-add-or-update-mobile.vue

diff --git a/public/index.html b/public/index.html
index 634bac4..5f4be72 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,8 +35,8 @@
   <!-- 开发环境 -->
   <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
   <script>
-    window.SITE_CONFIG['apiURL'] = 'http://127.0.0.1:9094/epdc-api'
-    // window.SITE_CONFIG['apiURL'] = 'https://epdc-yushan.elinkservice.cn/epdc-api'
+    // window.SITE_CONFIG['apiURL'] = 'http://127.0.0.1:9094/epdc-api'
+    window.SITE_CONFIG['apiURL'] = 'https://epdc-api-test.elinkservice.cn/epdc-api'
     window.SITE_CONFIG['workLogURL'] = 'https://epmet-ext1.pingyin.gov.cn/plugin-wrf' //工作日志引用外链地址
   </script>
   <% } %>
diff --git a/src/views/modules/epidemic/persontesting-add-or-update-mobile.vue b/src/views/modules/epidemic/persontesting-add-or-update-mobile.vue
new file mode 100644
index 0000000..4c63dc8
--- /dev/null
+++ b/src/views/modules/epidemic/persontesting-add-or-update-mobile.vue
@@ -0,0 +1,386 @@
+<template>
+    <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false"
+               :close-on-press-escape="false" custom-class="mobile">
+        <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
+                 :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+          <el-form-item label="身份证号码" prop="idcard" label-width="120px">
+            <el-input v-model="dataForm.idcard" placeholder="身份证号码" @blur="getSexAndBirthDay" style="width:250px"></el-input>
+          </el-form-item>
+            <el-form-item label="姓名" prop="name" label-width="120px">
+                <el-input v-model="dataForm.name" placeholder="姓名" style="width:250px"></el-input>
+            </el-form-item>
+            <el-form-item label="手机号码" prop="mobile" label-width="120px">
+                <el-input v-model="dataForm.mobile" placeholder="手机号码" style="width:250px"></el-input>
+            </el-form-item>
+          <!-- <el-form-item label="签发机关" prop="organ" label-width="120px">
+            <el-input v-model="dataForm.organ" placeholder="签发机关" style="width:250px"></el-input>
+          </el-form-item>
+          <el-form-item label="性别" prop="sex" label-width="120px">
+            <el-radio-group v-model="dataForm.sex" disabled>
+              <el-radio  label="女">女</el-radio>
+              <el-radio  label="男">男</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="出生日期" prop="birthday" label-width="120px">
+            <el-date-picker disabled
+                v-model="dataForm.birthday"
+                type="date"
+                placeholder="出生日期"
+                value-format="yyyy-MM-dd"
+                format="yyyy-MM-dd"
+                style="width:250px">
+            </el-date-picker>
+          </el-form-item> -->
+            <!-- <el-form-item label="检测时间" prop="testingTime" label-width="120px">
+                <el-date-picker
+                        v-model="dataForm.testingTime"
+                        type="datetime"
+                        placeholder="核酸检测时间"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss"
+                        style="width:250px">
+                </el-date-picker>
+            </el-form-item> -->
+            <!--
+            <el-form-item label="照片"
+                          v-loading="loading"
+                          prop="imgUrl"
+                          label-width="120px">
+                <el-upload class="avatar-uploader"
+                           :action="uploadUrl"
+                           :show-file-list="false"
+                           :on-success="handleAvatarSuccess"
+                           :before-upload="beforeAvatarUpload">
+                    <img v-if="dataForm.imgUrl"
+                         :src="dataForm.imgUrl"
+                         class="avatar">
+                    <i v-else
+                       class="el-icon-plus avatar-uploader-icon"></i>
+                    <div slot="tip"
+                         class="el-upload__tip">只能上传jpg/png文件，且不超过500kb
+                    </div>
+                </el-upload>
+            </el-form-item>
+            <el-form-item label="住址" prop="address" label-width="120px">
+                <el-input v-model="dataForm.address" placeholder="住址"></el-input>
+            </el-form-item>
+            <el-form-item label="核酸检测点" label-width="120px">
+                <el-select v-model="dataForm.testingPointId" placeholder="请选择..." clearable style="width: 100%;">
+                    <el-option v-for="item in optionTestingPoint"
+                               :key="item.tagValue"
+                               :label="item.tagName"
+                               :value="item.tagValue">
+                    </el-option>
+                </el-select>
+            </el-form-item> -->
+        </el-form>
+        <template slot="footer">
+            <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+            <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+    import Cookies from 'js-cookie'
+    import debounce from 'lodash/debounce'
+
+    export default {
+        data() {
+            return {
+                visible: false,
+                dataForm: {
+                    id: '',
+                    name: '',
+                    sex: '',
+                    nation: '',
+                    birthday: '',
+                    address: '',
+                    idcard: '',
+                    organ: '',
+                    imgCode: '',
+                    imgUrl: '',
+                    testingResult: '',
+                    testingTime: '',
+                    revision: '',
+                    createdBy: '',
+                    createdTime: '',
+                    updatedBy: '',
+                    updatedTime: '',
+                    delFlag: '',
+                    mobile:'',
+                    testingPointId:''
+                },
+                uploadUrl: '',
+                loading: false,
+                optionTestingPoint: []
+            }
+        },
+        computed: {
+            dataRule() {
+                return {
+                    name: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    // sex: [
+                    //     {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    // ],
+                    // nation: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // birthday: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // address: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    idcard: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'},
+                        { pattern: /(^\d{15}$)|bai(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确身份证号', trigger: 'blur' }
+                    ],
+                    // organ: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // imgCode: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // imgUrl: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // testingResult: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // testingTime: [
+                    //     {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    // ],
+                    // revision: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // createdBy: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // createdTime: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // updatedBy: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // updatedTime: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ],
+                    // delFlag: [
+                    //   { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                    // ]
+                }
+            }
+        },
+        created() {
+            console.log('add')
+            // this.visible = true
+            this.$nextTick(() => {
+                // this.dataForm.communityId = this.dataForm.streetId = this.dataForm.gridId = null
+                // 富文本
+                // this.hideUpload = false
+                this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}`
+            })
+            // var oMeta = document.createElement('meta')
+            //         oMeta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0'
+            //         oMeta.name = 'viewport'
+            //         document.getElementsByTagName('head')[0].appendChild(oMeta)
+        },
+        methods: {
+            init() {
+                this.visible = true
+                this.dataForm.testingPointId = ''
+                this.getListSimpleByDictType()
+                this.$nextTick(() => {
+                    this.$refs['dataForm'].resetFields()
+                    // this.$set(this.dataForm,'testingTime', new Date())
+                    this.dataForm.testingTime = new Date()
+                    if (this.dataForm.id) {
+                        this.getInfo()
+                    }
+                })
+            },
+            // 上传图片
+            handleAvatarSuccess(res, file) {
+                this.loading = false
+                this.dataForm.imgUrl = res.data.url
+            },
+            beforeAvatarUpload(file) {
+                this.loading = true
+            },
+          getSexAndBirthDay () {
+            // 先判断身份证是否合法
+            // this.$http.get(`/custom/populationinformation/isIdentifyNoLegal/${this.dataForm.idcard}`).then(({ data: res }) => {
+            //   if (res.code !== 0) {
+            //     this.dataForm.idcard = ''
+            //     return this.$message.error(res.msg)
+            //   }
+            //   let identifyNo = this.dataForm.idcard
+            //   this.dataForm.sex = this.IdCard(identifyNo, 2)
+            //   this.dataForm.birthday = this.IdCard(identifyNo, 1)
+            // }).catch(() => { })
+            this.$http.get(`/custom/persontesting/v2/getNameByIDcard/${this.dataForm.idcard}`).then(({ data: res }) => {
+              if (res.code !== 0) {
+                this.dataForm.idcard = ''
+                return this.$message.error(res.msg)
+              }
+              this.dataForm.name = res.data.userName
+              this.dataForm.mobile = res.data.mobile
+            }).catch(() => { })
+          },
+          IdCard (UUserCard, num) {
+            if (num === 1) {
+              // 获取出生日期
+              return UUserCard.substring(6, 10) + '-' + UUserCard.substring(10, 12) + '-' + UUserCard.substring(12, 14)
+            }
+            if (num === 2) {
+              // 获取性别
+              if (parseInt(UUserCard.substr(16, 1)) % 2 === 1) {
+                // 男
+                return '男'
+              } else {
+                // 女
+                return '女'
+              }
+            }
+          },
+            getListSimpleByDictType () {
+                this.$http.get(`/custom/testingpoint/testingPointSelection`).then(({ data: res }) => {
+                    if (res.code !== 0) {
+                    return this.$message.error(res.msg)
+                    }
+                    this.optionTestingPoint = res.data
+                }).catch(() => {})
+            },
+            // 获取信息
+            getInfo() {
+                this.$http.get(`/custom/persontesting/${this.dataForm.id}`).then(({data: res}) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    }
+                    this.dataForm = {
+                        ...this.dataForm,
+                        ...res.data
+                    }
+                }).catch(() => {
+                })
+            },
+            // 表单提交
+            dataFormSubmitHandle: debounce(function () {
+                this.$refs['dataForm'].validate((valid) => {
+                    if (!valid) {
+                        return false
+                    }
+                    this.dataForm.testingTime = new Date()
+                    this.$http[!this.dataForm.id ? 'post' : 'put']('/custom/persontesting/v2/', this.dataForm).then(({data: res}) => {
+                        if (res.code !== 0) {
+                            return this.$message.error(res.msg)
+                        }
+                        this.$message({
+                            message: this.$t('prompt.success'),
+                            type: 'success',
+                            duration: 1000,
+                            onClose: () => {
+                                // this.visible = false
+                                this.$emit('refreshDataList')
+                                this.$refs['dataForm'].resetFields()
+                            }
+                        })
+                    }).catch(() => {
+                    })
+                })
+            }, 1000, {'leading': true, 'trailing': false})
+        }
+    }
+</script>
+<style>
+    .avatar-uploader .el-upload {
+        border: 1px dashed #d9d9d9;
+        border-radius: 6px;
+        cursor: pointer;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .avatar-uploader .el-upload:hover {
+        border-color: #409eff;
+    }
+
+    .avatar-uploader-icon {
+        font-size: 28px;
+        color: #8c939d;
+        width: 178px;
+        height: 178px;
+        line-height: 178px;
+        text-align: center;
+    }
+
+    .avatar {
+        width: 178px;
+        height: 178px;
+        display: block;
+    }
+    .mobile  {
+        margin: 0 !important;
+        width: 100vw;
+        height: 100vh;
+        position: fixed;
+        left: 0;
+        top: 0;
+    }
+
+    .mobile .el-form .el-form-item__label {
+        font-size: 40px;
+        width: 24vw !important;
+    }
+    .mobile .el-form .el-form-item__content {
+        margin-left: 20px !important;
+    }
+    .mobile .el-form .el-form-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 50px !important;
+    }
+    .mobile .el-form .el-input {
+        font-size: 40px;
+        width: 70vw !important;
+        height: 80px;
+    }
+    .mobile .el-form .el-input input{
+        font-size: 40px;
+        height: 80px;
+        line-height: 80px;
+        padding-left: 50px;
+    }
+    .mobile .el-form .el-form-item__error {
+        font-size: 30px;
+    }
+    .mobile .el-form .el-input__prefix {
+        top: 25%;
+    }
+    .mobile .el-form .el-input__suffix {
+        top: 25%;
+        right: 10px;
+    }
+    .mobile .el-button {
+        width: 300px !important;
+        height: 100px !important;
+        font-size: 40px !important;
+    }
+    .el-message {
+        width: 80vw !important;
+        height: 80px !important;;
+    }
+    .el-message .el-message__content {
+        font-size: 40px !important
+    }
+    .el-message .el-message__icon {
+        font-size: 40px !important
+    }
+    .mobile .el-dialog__body {
+        margin-top: 10vh;
+    }
+</style>
+
diff --git a/src/views/modules/epidemic/persontesting.vue b/src/views/modules/epidemic/persontesting.vue
index 534b9d5..2feb3f9 100644
--- a/src/views/modules/epidemic/persontesting.vue
+++ b/src/views/modules/epidemic/persontesting.vue
@@ -86,6 +86,10 @@
                      type="danger"
                      @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
         </el-form-item>
+        <el-form-item>
+          <el-button type="primary"
+                     @click="addOrUpdateHandleMobile()">手机版新增</el-button>
+        </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading"
                 :data="dataList"
@@ -165,6 +169,9 @@
                    @refreshDataList="getDataList"></person-look>
       <reader ref="reader"
               @refreshDataList="getDataList"></reader>
+      <add-or-update-mobile v-if="addOrUpdateMobileVisible"
+                     ref="addOrUpdateMobile"
+                     @refreshDataList="getDataList"></add-or-update-mobile>
       <!-- 错误信息 -->
       <el-dialog :visible.sync="faultDataVisible"
                  title="请修改后重新提交">
@@ -195,6 +202,7 @@ import AddOrUpdate from './persontesting-add-or-update'
 import PersonLook from './persontesting-look'
 import reader from './reader'
 import Cookies from 'js-cookie'
+import AddOrUpdateMobile from './persontesting-add-or-update-mobile'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -218,13 +226,15 @@ export default {
       faultDataVisible: false,
       errordataList: [],
       deptIdList: [],
-      lookVisible: false
+      lookVisible: false,
+      addOrUpdateMobileVisible: false
     }
   },
   components: {
     AddOrUpdate,
     PersonLook,
-    reader
+    reader,
+    AddOrUpdateMobile
   },
   created: function () {
     this.getOptions()
@@ -255,6 +265,12 @@ export default {
     }
   },
   methods: {
+    addOrUpdateHandleMobile () {
+      this.addOrUpdateMobileVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdateMobile.init()
+      })
+    },
     lookDetail (id) {
       this.lookVisible = true
       this.$nextTick(() => {