mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 09:09:37 +08:00
修改了对应预约页面,修改了对应用户
This commit is contained in:
parent
9f84626ef3
commit
c4110a976a
@ -163,7 +163,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '接收时间',
|
title: '接收时间',
|
||||||
dataIndex: 'createTime'
|
dataIndex: 'visitTime'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '是否到访',
|
title: '是否到访',
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
<a-input placeholder="姓名" v-decorator="['username', {rules: [{required: true, message: '请输入姓名'}]}]"/>
|
<a-input placeholder="姓名" v-decorator="['username', {rules: [{required: true, message: '请输入姓名'}]}]"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电话">
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电话">
|
||||||
<a-input placeholder="电话" v-decorator="['mobile', {rules: [{required: true, message: '请输入手机号码'}]}]"/>
|
<a-input placeholder="电话" v-decorator="['mobile', {rules: [{required: true, message: '请输入电话'}]}]"/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户性别">
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户性别">
|
||||||
<a-radio-group @change="onChange" v-decorator="['gender',{rules: [{required: true, message: '请选择性别'}]}]" >
|
<a-radio-group @change="onChange" v-decorator="['gender',{rules: [{required: true, message: '请选择性别'}]}]" >
|
||||||
@ -23,13 +23,70 @@
|
|||||||
<a-radio :value="'1'">女</a-radio>
|
<a-radio :value="'1'">女</a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='照片'>
|
||||||
|
<!-- <a-input placeholder="室内图片url" v-decorator="['indoorPicUrl']" />-->
|
||||||
|
<a-upload
|
||||||
|
v-decorator="['photo']"
|
||||||
|
list-type='picture-card'
|
||||||
|
class='avatar-uploader'
|
||||||
|
:show-upload-list='false'
|
||||||
|
:action='uploadUrl'
|
||||||
|
:headers='headers'
|
||||||
|
:before-upload='beforeUpload'
|
||||||
|
@change='handleChange'
|
||||||
|
>
|
||||||
|
<img v-if='imageUrl' :src='imageUrl' style='width: 102px; height: 102px' />
|
||||||
|
<div v-else>
|
||||||
|
<a-icon :type="loading ? 'loading' : 'plus'" />
|
||||||
|
<div class='ant-upload-text'> 上传</div>
|
||||||
|
</div>
|
||||||
|
</a-upload>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='照片'>
|
||||||
|
<a-upload
|
||||||
|
v-decorator="['avatar']"
|
||||||
|
list-type='picture-card'
|
||||||
|
class='avatar-uploader'
|
||||||
|
:show-upload-list='false'
|
||||||
|
:action='uploadUrl'
|
||||||
|
:headers='headers'
|
||||||
|
:before-upload='beforeUpload1'
|
||||||
|
@change='handleChange1'
|
||||||
|
>
|
||||||
|
<img v-if='imageUrl' :src='imageUrl' style='width: 102px; height: 102px' />
|
||||||
|
<div v-else>
|
||||||
|
<a-icon :type="loading ? 'loading' : 'plus'" />
|
||||||
|
<div class='ant-upload-text'> 上传</div>
|
||||||
|
</div>
|
||||||
|
</a-upload>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户昵称">
|
||||||
|
<a-input placeholder="用户昵称" v-decorator="['username']"/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="身份证号">
|
||||||
|
<a-input placeholder="身份证号" v-decorator="['cardNo']"/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="员工地址">
|
||||||
|
<a-input placeholder="员工地址" v-decorator="['address']"/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="邮箱">
|
||||||
|
<a-input placeholder="邮箱" v-decorator="['email']"/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="学历">
|
||||||
|
<a-input placeholder="学历" v-decorator="['degree']"/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="紧急联系人">
|
||||||
|
<a-input placeholder="紧急联系人" v-decorator="['urgent']"/>
|
||||||
|
</a-form-item>
|
||||||
|
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { saveIcsCustomerStaff } from '@/api/admin/icsCustomerStaff'
|
import { saveIcsCustomerStaff } from '@/api/admin/icsCustomerStaff'
|
||||||
import pick from 'lodash.pick'
|
import pick from 'lodash.pick'
|
||||||
|
import storage from 'store'
|
||||||
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
||||||
export default {
|
export default {
|
||||||
name: 'IcsCustomerStaffModal',
|
name: 'IcsCustomerStaffModal',
|
||||||
props: {
|
props: {
|
||||||
@ -47,6 +104,11 @@ export default {
|
|||||||
xs: { span: 24 },
|
xs: { span: 24 },
|
||||||
sm: { span: 16 }
|
sm: { span: 16 }
|
||||||
},
|
},
|
||||||
|
uploadUrl: process.env.VUE_APP_API_BASE_URL + '/api/dfs/upload',
|
||||||
|
imageUrl: '',
|
||||||
|
headers: {
|
||||||
|
Authorization: 'Bearer ' + storage.get(ACCESS_TOKEN)
|
||||||
|
},
|
||||||
confirmLoading: false,
|
confirmLoading: false,
|
||||||
mdl: {},
|
mdl: {},
|
||||||
form: this.$form.createForm(this)
|
form: this.$form.createForm(this)
|
||||||
@ -57,6 +119,75 @@ export default {
|
|||||||
created () {
|
created () {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
beforeUpload(file) {
|
||||||
|
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
|
||||||
|
if (!isJpgOrPng) {
|
||||||
|
this.$message.error('You can only upload JPG file!')
|
||||||
|
}
|
||||||
|
const isLt2M = file.size / 1024 < 5000
|
||||||
|
if (!isLt2M) {
|
||||||
|
this.$message.error('图片必须小于 5M!')
|
||||||
|
}
|
||||||
|
return isJpgOrPng && isLt2M
|
||||||
|
},
|
||||||
|
handleChange(info) {
|
||||||
|
if (info.file.status === 'uploading') {
|
||||||
|
this.loading = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (info.file.status === 'done') {
|
||||||
|
const { form: { setFieldsValue } } = this
|
||||||
|
const result = info.file.response
|
||||||
|
// 设置值
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setFieldsValue({
|
||||||
|
// 设置相对路径
|
||||||
|
photo: result.fileName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// Get this url from response in real world.
|
||||||
|
getBase64(info.file.originFileObj, imageUrl => {
|
||||||
|
this.imageUrl = imageUrl
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeUpload1(file) {
|
||||||
|
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
|
||||||
|
if (!isJpgOrPng) {
|
||||||
|
this.$message.error('You can only upload JPG file!')
|
||||||
|
}
|
||||||
|
const isLt2M = file.size / 1024 < 5000
|
||||||
|
if (!isLt2M) {
|
||||||
|
this.$message.error('图片必须小于 5M!')
|
||||||
|
}
|
||||||
|
return isJpgOrPng && isLt2M
|
||||||
|
},
|
||||||
|
handleChange1(info) {
|
||||||
|
if (info.file.status === 'uploading') {
|
||||||
|
this.loading = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (info.file.status === 'done') {
|
||||||
|
const { form: { setFieldsValue } } = this
|
||||||
|
const result = info.file.response
|
||||||
|
// 设置值
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setFieldsValue({
|
||||||
|
// 设置相对路径
|
||||||
|
avatar: result.fileName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// Get this url from response in real world.
|
||||||
|
getBase64(info.file.originFileObj, imageUrl => {
|
||||||
|
this.imageUrl = imageUrl
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
add () {
|
add () {
|
||||||
this.form.resetFields()
|
this.form.resetFields()
|
||||||
this.edit({ id: 0 })
|
this.edit({ id: 0 })
|
||||||
|
Loading…
x
Reference in New Issue
Block a user