|
|
@@ -1,70 +1,55 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-button size="small" type="primary" >新 建</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="onShow">新 建</el-button>
|
|
|
<el-drawer
|
|
|
title="新建线索"
|
|
|
:visible.sync="dialogFormVisible"
|
|
|
- size="25%"
|
|
|
+ size="30%"
|
|
|
direction="rtl"
|
|
|
:show-close="false"
|
|
|
append-to-body
|
|
|
@close="onClose">
|
|
|
<div class="drawer__panel">
|
|
|
<el-row :gutter="20">
|
|
|
- <el-form :model="form" :rules="rules" ref="form" size="mini" label-position="right" label-width="75px">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" size="mini" label-position="right" label-width="76px">
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="姓名:" prop="name">
|
|
|
- <el-input autosize v-model="form.name" placeholder="请输入姓名"></el-input>
|
|
|
+ <el-form-item label="客户名称:" >
|
|
|
+ <el-input autosize v-model="form.enterprisename" placeholder="请输入客户名称"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="手机号:" prop="phonenumber">
|
|
|
- <el-input autosize v-model="form.phonenumber" placeholder="请输入手机号码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="邮箱:" :rules="[
|
|
|
- { pattern:/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, message: '请输入有效的邮箱',trigger: 'blur' }
|
|
|
- ]">
|
|
|
- <el-input autosize v-model="form.email" placeholder="请输入邮箱"></el-input>
|
|
|
+ <el-form-item label="联系人:" >
|
|
|
+ <el-input autosize v-model="form.name" placeholder="请输入联系人"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="部门:" >
|
|
|
- <el-input autosize v-model="form.depname" placeholder="请输入部门"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="职位:" >
|
|
|
- <el-input autosize v-model="form.position" placeholder="请输入职位"></el-input>
|
|
|
+ <el-form-item label="手机号:" prop="phonenumber">
|
|
|
+ <el-input autosize v-model="form.phonenumber" placeholder="请输入手机号"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="性别:" >
|
|
|
- <el-radio v-model="form.sex" label="男">男</el-radio>
|
|
|
- <el-radio v-model="form.sex" label="女">女</el-radio>
|
|
|
+ <el-form-item label="省市县:" >
|
|
|
+ <el-cascader
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="value"
|
|
|
+ :options="basicData.data().areaData"
|
|
|
+ @change="cascaderChange" clearable>
|
|
|
+ </el-cascader>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="生日:" >
|
|
|
- <el-date-picker
|
|
|
- v-model="form.birthday"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
+ <el-form-item label="地址:" >
|
|
|
+ <el-input autosize v-model="form.address" placeholder="请输入地址"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="家庭住址:" >
|
|
|
- <el-input type="textarea" rows="5" v-model="form.address" placeholder="请输入家庭住址"></el-input>
|
|
|
+ <el-form-item label="来源:" >
|
|
|
+ <el-input autosize v-model="form.cluesource" placeholder="请输入来源"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注:" >
|
|
|
- <el-input type="textarea" rows="5" v-model="form.remarks" placeholder="请输入备注"></el-input>
|
|
|
+ <el-input autosize v-model="form.notes" placeholder="请输入备注"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-form>
|
|
|
@@ -83,32 +68,75 @@ export default {
|
|
|
name: "add",
|
|
|
props:["data"],
|
|
|
data(){
|
|
|
+ var validateMobilePhone = (rule, value, callback) => {
|
|
|
+ if (value === '') {
|
|
|
+ callback(new Error('手机号不可为空'));
|
|
|
+ } else {
|
|
|
+ if (value !== '') {
|
|
|
+ var reg=/^1[3456789]\d{9}$/;
|
|
|
+ if(!reg.test(value)){
|
|
|
+ callback(new Error('请输入有效的手机号码'));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
return {
|
|
|
dialogFormVisible:false,
|
|
|
+ value:'',
|
|
|
form:{
|
|
|
"sat_orderclueid": 0,
|
|
|
- "enterprisename":"客户名称",
|
|
|
- "name": "联系人",
|
|
|
- "phonenumber": "13812345678",
|
|
|
- "province": "浙江省",
|
|
|
- "city": "嘉兴市",
|
|
|
- "county": "秀洲区",
|
|
|
- "address": "秀洲大桥",
|
|
|
+ "enterprisename":"",
|
|
|
+ "name": "",
|
|
|
+ "phonenumber": "",
|
|
|
+ "province": "",
|
|
|
+ "city": "",
|
|
|
+ "county": "",
|
|
|
+ "address": "",
|
|
|
"notes": "",
|
|
|
- "cluesource": "朋友介绍",
|
|
|
+ "cluesource": "",
|
|
|
"sat_campaignid":0,//活动id，当活动id大于0是默认业务员创建
|
|
|
- "isprivate":0,//0表示公海，1表示私域，
|
|
|
+ "isprivate":1,//0表示公海，1表示私域，
|
|
|
"sa_customersid":0//可不传
|
|
|
},
|
|
|
rules:{
|
|
|
- name: [
|
|
|
- { required: true, message: '姓名不能为空', trigger: 'blur' },
|
|
|
+ enterprisename: [
|
|
|
+ { required: true, message: '客户名称不能为空', trigger: 'blur' },
|
|
|
],
|
|
|
phonenumber: [
|
|
|
{ required: true, validator: validateMobilePhone, trigger: 'blur' },
|
|
|
]
|
|
|
},
|
|
|
}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ onShow(){
|
|
|
+ this.dialogFormVisible = true
|
|
|
+ console.log(this.data,"客户信息")
|
|
|
+ this.form = Object.assign({},this.form,this.data)
|
|
|
+ },
|
|
|
+ /*省市县*/
|
|
|
+ cascaderChange (val) {
|
|
|
+ if (val.length === 1)
|
|
|
+ return this.form = Object.assign({},this.form,{province:val[0],city:'',county:''})
|
|
|
+
|
|
|
+ this.form = Object.assign({},this.form,{province:val[0],city:val[1],county:val[2]})
|
|
|
+
|
|
|
+ },
|
|
|
+ onClose(){
|
|
|
+
|
|
|
+ },
|
|
|
+ onSubmit(){
|
|
|
+ console.log(this.form)
|
|
|
+ this.$refs.form.validate(async (valid) => {
|
|
|
+ if (!valid) return false
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id":20221205162402,
|
|
|
+ "content": this.form
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
qymljy