添加手机号

src/views/modules/epidemic/persontesting-add-or-update.vue

@@ -1,9 +1,14 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false"
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+               :close-on-press-escape="false">
+        <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="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="sex" label-width="120px">
                 <el-input v-model="dataForm.sex" placeholder="性别" style="width:250px"></el-input>
             </el-form-item>
@@ -57,7 +62,8 @@
                     <i v-else
                        class="el-icon-plus avatar-uploader-icon"></i>
                     <div slot="tip"
-                     class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                         class="el-upload__tip">只能上传jpg/png文件，且不超过500kb
+                    </div>
                 </el-upload>
             </el-form-item>
             <el-form-item label="住址" prop="address" label-width="120px">
@@ -95,6 +101,7 @@
 <script>
     import Cookies from 'js-cookie'
     import debounce from 'lodash/debounce'
+
     export default {
         data() {
             return {
@@ -117,7 +124,8 @@ export default {
                     createdTime: '',
                     updatedBy: '',
                     updatedTime: '',
-        delFlag: ''
+                    delFlag: '',
+                    mobile:''
                 },
                 uploadUrl: '',
                 loading: false,
@@ -217,7 +225,8 @@ export default {
                         ...this.dataForm,
                         ...res.data
                     }
-      }).catch(() => {})
+                }).catch(() => {
+                })
             },
             // 表单提交
             dataFormSubmitHandle: debounce(function () {
@@ -238,7 +247,8 @@ export default {
                                 this.$emit('refreshDataList')
                             }
                         })
-        }).catch(() => {})
+                    }).catch(() => {
+                    })
                 })
             }, 1000, {'leading': true, 'trailing': false})
         }
@@ -252,9 +262,11 @@ export default {
         position: relative;
         overflow: hidden;
     }
+
     .avatar-uploader .el-upload:hover {
         border-color: #409eff;
     }
+
     .avatar-uploader-icon {
         font-size: 28px;
         color: #8c939d;
@@ -263,6 +275,7 @@ export default {
         line-height: 178px;
         text-align: center;
     }
+
     .avatar {
         width: 178px;
         height: 178px;

src/views/modules/epidemic/persontesting-look.vue

@@ -3,6 +3,9 @@
     <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="name" label-width="120px">
               {{dataForm.name}}
+      </el-form-item>
+        <el-form-item label="手机号码：" prop="mobile" label-width="120px">
+            {{dataForm.mobile}}
         </el-form-item>
           <el-form-item label="性别：" prop="sex" label-width="120px">
               {{dataForm.sex}}

src/views/modules/epidemic/persontesting.vue

@@ -12,6 +12,11 @@
                     placeholder="身份证号码"
                     clearable></el-input>
         </el-form-item>
+          <el-form-item label="手机号">
+              <el-input v-model="dataForm.mobile"
+                        placeholder="手机号"
+                        clearable></el-input>
+          </el-form-item>
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
@@ -43,6 +48,7 @@
 <!--        <el-table-column prop="birthday" label="出生日期" header-align="center" align="center"></el-table-column>-->
 <!--        <el-table-column prop="address" label="住址" header-align="center" align="center"></el-table-column>-->
         <el-table-column prop="idcard" label="身份证号码" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
         <el-table-column prop="organ" label="签发机关" header-align="center" align="center"></el-table-column>
 <!--        <el-table-column prop="imgCode" label="照片base64编码" header-align="center" align="center"></el-table-column>-->
 <!--        <el-table-column prop="imgUrl" label="照片地址" header-align="center" align="center"></el-table-column>-->