<template>
|
<GlobalWindow
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" :rules="rules">
|
<el-form-item label="姓名" prop="name">
|
<el-input v-model="form.name" placeholder="请输入姓名" v-trim/>
|
</el-form-item>
|
<el-form-item label="手机号" prop="phone">
|
<el-input v-model="form.phone" placeholder="请输入手机号" v-trim/>
|
</el-form-item>
|
<el-form-item label="邮箱" prop="email">
|
<el-input v-model="form.email" placeholder="请输入邮箱" v-trim/>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-radio-group v-model="form.sex">
|
<el-radio :value="1" :label="1">男</el-radio>
|
<el-radio :value="2" :label="2">女</el-radio>
|
<el-radio :value="0" :label="0">未知</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="备注" prop="remark">
|
<el-input v-model="form.remark" placeholder="请输入备注" v-trim/>
|
</el-form-item>
|
</el-form>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaMemberWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
name: '',
|
phone: '',
|
email: '',
|
sex: null ,
|
remark: ''
|
},
|
// 验证规则
|
rules: {
|
}
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/member',
|
'field.id': 'id'
|
})
|
}
|
}
|
</script>
|
