Browse Source

添加手机号

origin/feature/monitoring
Jackwang 4 years ago
parent
commit
9342d74795
  1. 493
      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

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

@ -1,248 +1,258 @@
<template> <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-item label="姓名" prop="name" label-width="120px"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
<el-input v-model="dataForm.name" placeholder="姓名" style="width:250px"></el-input> :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
</el-form-item> <el-form-item label="姓名" prop="name" label-width="120px">
<el-form-item label="性别" prop="sex" label-width="120px"> <el-input v-model="dataForm.name" placeholder="姓名" style="width:250px"></el-input>
<el-input v-model="dataForm.sex" placeholder="性别"style="width:250px"></el-input> </el-form-item>
</el-form-item> <el-form-item label="手机号码" prop="mobile" label-width="120px">
<!-- <el-form-item label="民族" prop="nation" label-width="120px">--> <el-input v-model="dataForm.mobile" placeholder="手机号码" style="width:250px"></el-input>
<!-- <el-input v-model="dataForm.nation" placeholder="民族"style="width:250px"></el-input>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="性别" prop="sex" label-width="120px">
<el-form-item label="身份证号码" prop="idcard" label-width="120px"> <el-input v-model="dataForm.sex" placeholder="性别" style="width:250px"></el-input>
<el-input v-model="dataForm.idcard" placeholder="身份证号码"style="width:250px"></el-input> </el-form-item>
</el-form-item> <!-- <el-form-item label="民族" prop="nation" label-width="120px">-->
<el-form-item label="签发机关" prop="organ" label-width="120px"> <!-- <el-input v-model="dataForm.nation" placeholder="民族"style="width:250px"></el-input>-->
<el-input v-model="dataForm.organ" placeholder="签发机关"style="width:250px"></el-input> <!-- </el-form-item>-->
</el-form-item> <el-form-item label="身份证号码" prop="idcard" label-width="120px">
<!-- <el-form-item label="出生日期" prop="birthday" label-width="120px">--> <el-input v-model="dataForm.idcard" placeholder="身份证号码" style="width:250px"></el-input>
<!-- <el-date-picker--> </el-form-item>
<!-- v-model="dataForm.birthday"--> <el-form-item label="签发机关" prop="organ" label-width="120px">
<!-- type="date"--> <el-input v-model="dataForm.organ" placeholder="签发机关" style="width:250px"></el-input>
<!-- placeholder="出生日期"--> </el-form-item>
<!-- value-format="yyyy-MM-dd"--> <!-- <el-form-item label="出生日期" prop="birthday" label-width="120px">-->
<!-- format="yyyy-MM-dd"--> <!-- <el-date-picker-->
<!-- style="width:250px">--> <!-- v-model="dataForm.birthday"-->
<!-- </el-date-picker>--> <!-- type="date"-->
<!-- </el-form-item>--> <!-- placeholder="出生日期"-->
<el-form-item label="核酸检测时间" prop="testingTime" label-width="120px"> <!-- value-format="yyyy-MM-dd"-->
<el-date-picker <!-- format="yyyy-MM-dd"-->
v-model="dataForm.testingTime" <!-- style="width:250px">-->
type="datetime" <!-- </el-date-picker>-->
placeholder="核酸检测时间" <!-- </el-form-item>-->
value-format="yyyy-MM-dd HH:mm:ss" <el-form-item label="核酸检测时间" prop="testingTime" label-width="120px">
format="yyyy-MM-dd HH:mm:ss" <el-date-picker
style="width:250px"> v-model="dataForm.testingTime"
</el-date-picker> type="datetime"
</el-form-item> placeholder="核酸检测时间"
<!-- <el-form-item label="照片base64编码" prop="imgCode">--> value-format="yyyy-MM-dd HH:mm:ss"
<!-- <el-input v-model="dataForm.imgCode" placeholder="照片base64编码"></el-input>--> format="yyyy-MM-dd HH:mm:ss"
<!-- </el-form-item>--> style="width:250px">
<!-- <el-form-item label="照片地址" prop="imgUrl">--> </el-date-picker>
<!-- <el-input v-model="dataForm.imgUrl" placeholder="照片地址"></el-input>--> </el-form-item>
<!-- </el-form-item>--> <!-- <el-form-item label="照片base64编码" prop="imgCode">-->
<el-form-item label="照片" <!-- <el-input v-model="dataForm.imgCode" placeholder="照片base64编码"></el-input>-->
v-loading="loading" <!-- </el-form-item>-->
prop="imgUrl" <!-- <el-form-item label="照片地址" prop="imgUrl">-->
label-width="120px"> <!-- <el-input v-model="dataForm.imgUrl" placeholder="照片地址"></el-input>-->
<el-upload class="avatar-uploader" <!-- </el-form-item>-->
:action="uploadUrl" <el-form-item label="照片"
:show-file-list="false" v-loading="loading"
:on-success="handleAvatarSuccess" prop="imgUrl"
:before-upload="beforeAvatarUpload"> label-width="120px">
<img v-if="dataForm.imgUrl" <el-upload class="avatar-uploader"
:src="dataForm.imgUrl" :action="uploadUrl"
class="avatar"> :show-file-list="false"
<i v-else :on-success="handleAvatarSuccess"
class="el-icon-plus avatar-uploader-icon"></i> :before-upload="beforeAvatarUpload">
<div slot="tip" <img v-if="dataForm.imgUrl"
class="el-upload__tip">只能上传jpg/png文件且不超过500kb</div> :src="dataForm.imgUrl"
</el-upload> class="avatar">
</el-form-item> <i v-else
<el-form-item label="住址" prop="address" label-width="120px"> class="el-icon-plus avatar-uploader-icon"></i>
<el-input v-model="dataForm.address" placeholder="住址"></el-input> <div slot="tip"
</el-form-item> class="el-upload__tip">只能上传jpg/png文件且不超过500kb
<!-- <el-form-item label="核酸接测结果" prop="testingResult">--> </div>
<!-- <el-input v-model="dataForm.testingResult" placeholder="核酸接测结果"></el-input>--> </el-upload>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="乐观锁" prop="revision">--> <el-form-item label="住址" prop="address" label-width="120px">
<!-- <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>--> <el-input v-model="dataForm.address" placeholder="住址"></el-input>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="创建人" prop="createdBy">--> <!-- <el-form-item label="核酸接测结果" prop="testingResult">-->
<!-- <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>--> <!-- <el-input v-model="dataForm.testingResult" placeholder="核酸接测结果"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="创建时间" prop="createdTime">--> <!-- <el-form-item label="乐观锁" prop="revision">-->
<!-- <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>--> <!-- <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="更新人" prop="updatedBy">--> <!-- <el-form-item label="创建人" prop="createdBy">-->
<!-- <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>--> <!-- <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="更新时间" prop="updatedTime">--> <!-- <el-form-item label="创建时间" prop="createdTime">-->
<!-- <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>--> <!-- <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="逻辑删除标识" prop="delFlag">--> <!-- <el-form-item label="更新人" prop="updatedBy">-->
<!-- <el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input>--> <!-- <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
</el-form> <!-- <el-form-item label="更新时间" prop="updatedTime">-->
<template slot="footer"> <!-- <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>-->
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> <!-- </el-form-item>-->
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <!-- <el-form-item label="逻辑删除标识" prop="delFlag">-->
</template> <!-- <el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input>-->
</el-dialog> <!-- </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> </template>
<script> <script>
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import debounce from 'lodash/debounce' import debounce from 'lodash/debounce'
export default {
data () { export default {
return { data() {
visible: false, return {
dataForm: { visible: false,
id: '', dataForm: {
name: '', id: '',
sex: '', name: '',
nation: '', sex: '',
birthday: '', nation: '',
address: '', birthday: '',
idcard: '', address: '',
organ: '', idcard: '',
imgCode: '', organ: '',
imgUrl: '', imgCode: '',
testingResult: '', imgUrl: '',
testingTime: '', testingResult: '',
revision: '', testingTime: '',
createdBy: '', revision: '',
createdTime: '', createdBy: '',
updatedBy: '', createdTime: '',
updatedTime: '', updatedBy: '',
delFlag: '' updatedTime: '',
}, delFlag: '',
uploadUrl: '', mobile:''
loading: false, },
} uploadUrl: '',
}, loading: false,
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' }
],
// 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 () {
// 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')}`
})
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
//
handleAvatarSuccess (res, file) {
this.loading = false
this.dataForm.imgUrl = res.data.url
},
beforeAvatarUpload (file) {
this.loading = true
},
//
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.$http[!this.dataForm.id ? 'post' : 'put']('/custom/persontesting/', 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: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
} }
}) },
}).catch(() => {}) computed: {
}) dataRule() {
}, 1000, { 'leading': true, 'trailing': false }) 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'}
],
// 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() {
// 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')}`
})
},
methods: {
init() {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
//
handleAvatarSuccess(res, file) {
this.loading = false
this.dataForm.imgUrl = res.data.url
},
beforeAvatarUpload(file) {
this.loading = true
},
//
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.$http[!this.dataForm.id ? 'post' : 'put']('/custom/persontesting/', 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: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {
})
})
}, 1000, {'leading': true, 'trailing': false})
}
}
</script> </script>
<style> <style>
.avatar-uploader .el-upload { .avatar-uploader .el-upload {
@ -252,9 +262,11 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.avatar-uploader .el-upload:hover { .avatar-uploader .el-upload:hover {
border-color: #409eff; border-color: #409eff;
} }
.avatar-uploader-icon { .avatar-uploader-icon {
font-size: 28px; font-size: 28px;
color: #8c939d; color: #8c939d;
@ -263,6 +275,7 @@ export default {
line-height: 178px; line-height: 178px;
text-align: center; text-align: center;
} }
.avatar { .avatar {
width: 178px; width: 178px;
height: 178px; height: 178px;

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

@ -4,6 +4,9 @@
<el-form-item label="姓名:" prop="name" label-width="120px"> <el-form-item label="姓名:" prop="name" label-width="120px">
{{dataForm.name}} {{dataForm.name}}
</el-form-item> </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"> <el-form-item label="性别:" prop="sex" label-width="120px">
{{dataForm.sex}} {{dataForm.sex}}
</el-form-item> </el-form-item>

8
src/views/modules/epidemic/persontesting.vue

@ -12,6 +12,11 @@
placeholder="身份证号码" placeholder="身份证号码"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号">
<el-input v-model="dataForm.mobile"
placeholder="手机号"
clearable></el-input>
</el-form-item>
<el-form-item> <el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item> </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="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="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="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="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="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>--> <!-- <el-table-column prop="imgUrl" label="照片地址" header-align="center" align="center"></el-table-column>-->
@ -96,7 +102,7 @@ export default {
dataForm: { dataForm: {
id: '' id: ''
}, },
lookVisible:false lookVisible: false
} }
}, },

Loading…
Cancel
Save