Browse Source

添加手机号

origin/feature/monitoring
Jackwang 4 years ago
parent
commit
9342d74795
  1. 147
      src/views/modules/epidemic/persontesting-add-or-update.vue
  2. 3
      src/views/modules/epidemic/persontesting-look.vue
  3. 8
      src/views/modules/epidemic/persontesting.vue

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

@ -1,31 +1,36 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :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-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false"
: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-input v-model="dataForm.sex" placeholder="性别" style="width:250px"></el-input>
</el-form-item>
<!-- <el-form-item label="民族" prop="nation" label-width="120px">-->
<!-- <el-input v-model="dataForm.nation" placeholder="民族"style="width:250px"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="民族" prop="nation" label-width="120px">-->
<!-- <el-input v-model="dataForm.nation" placeholder="民族"style="width:250px"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="身份证号码" prop="idcard" label-width="120px">
<el-input v-model="dataForm.idcard" placeholder="身份证号码"style="width:250px"></el-input>
<el-input v-model="dataForm.idcard" 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-input v-model="dataForm.organ" placeholder="签发机关" style="width:250px"></el-input>
</el-form-item>
<!-- <el-form-item label="出生日期" prop="birthday" label-width="120px">-->
<!-- <el-date-picker-->
<!-- 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="birthday" label-width="120px">-->
<!-- <el-date-picker-->
<!-- 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"
@ -36,12 +41,12 @@
style="width:250px">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="照片base64编码" prop="imgCode">-->
<!-- <el-input v-model="dataForm.imgCode" placeholder="照片base64编码"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="照片地址" prop="imgUrl">-->
<!-- <el-input v-model="dataForm.imgUrl" placeholder="照片地址"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="照片base64编码" prop="imgCode">-->
<!-- <el-input v-model="dataForm.imgCode" placeholder="照片base64编码"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="照片地址" prop="imgUrl">-->
<!-- <el-input v-model="dataForm.imgUrl" placeholder="照片地址"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="照片"
v-loading="loading"
prop="imgUrl"
@ -57,33 +62,34 @@
<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">
<el-input v-model="dataForm.address" placeholder="住址"></el-input>
</el-form-item>
<!-- <el-form-item label="核酸接测结果" prop="testingResult">-->
<!-- <el-input v-model="dataForm.testingResult" placeholder="核酸接测结果"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="乐观锁" prop="revision">-->
<!-- <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建人" prop="createdBy">-->
<!-- <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建时间" prop="createdTime">-->
<!-- <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新人" prop="updatedBy">-->
<!-- <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新时间" prop="updatedTime">-->
<!-- <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="逻辑删除标识" prop="delFlag">-->
<!-- <el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="核酸接测结果" prop="testingResult">-->
<!-- <el-input v-model="dataForm.testingResult" placeholder="核酸接测结果"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="乐观锁" prop="revision">-->
<!-- <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建人" prop="createdBy">-->
<!-- <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建时间" prop="createdTime">-->
<!-- <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新人" prop="updatedBy">-->
<!-- <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新时间" prop="updatedTime">-->
<!-- <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="逻辑删除标识" prop="delFlag">-->
<!-- <el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input>-->
<!-- </el-form-item>-->
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
@ -93,10 +99,11 @@
</template>
<script>
import Cookies from 'js-cookie'
import debounce from 'lodash/debounce'
export default {
data () {
import Cookies from 'js-cookie'
import debounce from 'lodash/debounce'
export default {
data() {
return {
visible: false,
dataForm: {
@ -117,20 +124,21 @@ export default {
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
delFlag: '',
mobile:''
},
uploadUrl: '',
loading: false,
}
},
computed: {
dataRule () {
dataRule() {
return {
name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
sex: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
// nation: [
// { required: true, message: this.$t('validate.required'), trigger: 'blur' }
@ -142,7 +150,7 @@ export default {
// { required: true, message: this.$t('validate.required'), trigger: 'blur' }
// ],
idcard: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
// organ: [
// { required: true, message: this.$t('validate.required'), trigger: 'blur' }
@ -157,7 +165,7 @@ export default {
// { required: true, message: this.$t('validate.required'), trigger: 'blur' }
// ],
testingTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
// revision: [
// { required: true, message: this.$t('validate.required'), trigger: 'blur' }
@ -180,7 +188,7 @@ export default {
}
}
},
created () {
created() {
// this.visible = true
this.$nextTick(() => {
// this.dataForm.communityId = this.dataForm.streetId = this.dataForm.gridId = null
@ -190,7 +198,7 @@ export default {
})
},
methods: {
init () {
init() {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
@ -200,16 +208,16 @@ export default {
})
},
//
handleAvatarSuccess (res, file) {
handleAvatarSuccess(res, file) {
this.loading = false
this.dataForm.imgUrl = res.data.url
},
beforeAvatarUpload (file) {
beforeAvatarUpload(file) {
this.loading = true
},
//
getInfo () {
this.$http.get(`/custom/persontesting/${this.dataForm.id}`).then(({ data: res }) => {
getInfo() {
this.$http.get(`/custom/persontesting/${this.dataForm.id}`).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
@ -217,7 +225,8 @@ export default {
...this.dataForm,
...res.data
}
}).catch(() => {})
}).catch(() => {
})
},
//
dataFormSubmitHandle: debounce(function () {
@ -225,7 +234,7 @@ export default {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/custom/persontesting/', this.dataForm).then(({ data: res }) => {
this.$http[!this.dataForm.id ? 'post' : 'put']('/custom/persontesting/', this.dataForm).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
@ -238,11 +247,12 @@ export default {
this.$emit('refreshDataList')
}
})
}).catch(() => {})
}).catch(() => {
})
})
}, 1000, { 'leading': true, 'trailing': false })
}, 1000, {'leading': true, 'trailing': false})
}
}
}
</script>
<style>
.avatar-uploader .el-upload {
@ -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;

3
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}}

8
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>-->
@ -96,7 +102,7 @@ export default {
dataForm: {
id: ''
},
lookVisible:false
lookVisible: false
}
},

Loading…
Cancel
Save