|
@@ -88,7 +88,7 @@
|
|
<div class="small-title">
|
|
<div class="small-title">
|
|
<span>证件信息</span>
|
|
<span>证件信息</span>
|
|
</div>
|
|
</div>
|
|
- <el-form v-for="(item, i) in customerCerts" :key="i" :rules="rules" ref="customerCerts" @submit.native.prevent>
|
|
+ <el-form v-for="(item, i) in customerCerts" :key="i" :rules="rulesCert" ref="deleClient" @submit.native.prevent>
|
|
<div class="foundation-box1">
|
|
<div class="foundation-box1">
|
|
<el-form-item label="证件类型" prop="sdId">
|
|
<el-form-item label="证件类型" prop="sdId">
|
|
<el-select v-model="item.sdId" filterable placeholder="请选择" style="width: 164px;">
|
|
<el-select v-model="item.sdId" filterable placeholder="请选择" style="width: 164px;">
|
|
@@ -136,15 +136,18 @@
|
|
class="demo-deleClient" @submit.native.prevent>
|
|
class="demo-deleClient" @submit.native.prevent>
|
|
<div class="foundation-box">
|
|
<div class="foundation-box">
|
|
<div style="width: 100%;padding-left: 50px;color: red;font-size: 12px;">
|
|
<div style="width: 100%;padding-left: 50px;color: red;font-size: 12px;">
|
|
- 若信息有误或没有单位请到客户公司资料编辑
|
|
+ 若下拉框没有你想选择的公司,请点击+添加
|
|
</div>
|
|
</div>
|
|
<el-form-item label="单位名称:" prop="companyName">
|
|
<el-form-item label="单位名称:" prop="companyName">
|
|
- <el-select v-model="customerCompany.id" filterable placeholder="请选择公司"
|
|
+ <el-select v-model="customerCompany.id" clearable filterable placeholder="请选择公司"
|
|
@change="companyChange(customerCompany.id)">
|
|
@change="companyChange(customerCompany.id)">
|
|
<el-option v-for="item in CompanySelectData" :key="item.id" :label="item.companyName"
|
|
<el-option v-for="item in CompanySelectData" :key="item.id" :label="item.companyName"
|
|
:value="item.id">
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
|
|
+
|
|
|
|
+ <el-button circle icon="el-icon-plus" @click="btnAddCom()"></el-button>
|
|
|
|
+
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="单位地址:" disabled prop="companyAddress">
|
|
<el-form-item label="单位地址:" disabled prop="companyAddress">
|
|
<el-input v-model="customerCompany.address" :disabled="true"></el-input>
|
|
<el-input v-model="customerCompany.address" :disabled="true"></el-input>
|
|
@@ -681,8 +684,37 @@
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<el-button type="primary" @click="submitForm">确定</el-button>
|
|
<el-button type="primary" @click="submitForm">确定</el-button>
|
|
- <el-button @click="resetForm('deleClient')">重置</el-button>
|
|
+ <router-link to="/home/DeleClient">
|
|
|
|
+ <el-button type="primary" style="margin-left: 10px;">取消</el-button>
|
|
|
|
+ </router-link>
|
|
</div>
|
|
</div>
|
|
|
|
+ <el-dialog title="添加客户公司信息" :visible.sync="TypeVisible" width="30%" :before-close="handleClose"
|
|
|
|
+ :close-on-click-modal="false">
|
|
|
|
+ <div>
|
|
|
|
+ <el-form :model="OperationData" :rules="rulesCompany" ref="OperationData" label-width="100px"
|
|
|
|
+ class="demo-ruleForm">
|
|
|
|
+ <el-form-item label="公司名称" prop="companyName">
|
|
|
|
+ <el-input placeholder="请输入内容" v-model="OperationData.companyName">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="公司地址" prop="address">
|
|
|
|
+ <el-input placeholder="请输入内容" v-model="OperationData.address">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="公司编码" prop="postCodes">
|
|
|
|
+ <el-input placeholder="请输入内容" v-model="OperationData.postCodes">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="备 注" prop="remark">
|
|
|
|
+ <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="OperationData.remark"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button @click="TypeVisible = false">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="AddBtn">确 定</el-button>
|
|
|
|
+ </span>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -693,13 +725,15 @@ export default {
|
|
rules: {
|
|
rules: {
|
|
lastName: [
|
|
lastName: [
|
|
{ required: true, message: '请输入姓', trigger: 'change' },
|
|
{ required: true, message: '请输入姓', trigger: 'change' },
|
|
|
|
+ { required: true, message: '请输入姓', trigger: 'blur' },
|
|
{ min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'change' }
|
|
{ min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'change' }
|
|
],
|
|
],
|
|
firstName: [
|
|
firstName: [
|
|
{ required: true, message: '请输入名', trigger: 'change' },
|
|
{ required: true, message: '请输入名', trigger: 'change' },
|
|
|
|
+ { required: true, message: '请输入名', trigger: 'blur' },
|
|
{ min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'change' }
|
|
{ min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'change' }
|
|
],
|
|
],
|
|
- oldName: [{ required: true, message: '请输入曾用名,没有则填写无', trigger: 'change' },],
|
|
+ oldName: [{ required: true, message: '请输入曾用名,没有则填写无', trigger: 'blur' },],
|
|
phone: [
|
|
phone: [
|
|
{ required: true, message: '请输入移动电话', trigger: 'change' },
|
|
{ required: true, message: '请输入移动电话', trigger: 'change' },
|
|
{
|
|
{
|
|
@@ -708,14 +742,14 @@ export default {
|
|
trigger: "change"
|
|
trigger: "change"
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- birthDay: [{ required: true, message: '请选择出生日期', trigger: 'change', },],
|
|
+ birthDay: [{ required: true, message: '请选择出生日期', trigger: 'blur', },],
|
|
- party: [{ required: true, message: '请输入党派宗教', trigger: 'change', },],
|
|
+ party: [{ required: true, message: '请输入党派宗教', trigger: 'blur', },],
|
|
- sex: [{ required: true, message: '请选择性别', trigger: 'change', },],
|
|
+ sex: [{ required: true, message: '请选择性别', trigger: 'blur', },],
|
|
- marriage: [{ required: true, message: '请选择婚姻状态', trigger: 'change', }],
|
|
+ marriage: [{ required: true, message: '请选择婚姻状态', trigger: 'blur', }],
|
|
- nationality: [{ required: true, message: '请输入国籍', trigger: 'change' },],
|
|
+ nationality: [{ required: true, message: '请输入国籍', trigger: 'blur' },],
|
|
- birthCity: [{ required: true, message: '请输入出生城市', trigger: 'change' }],
|
|
+ birthCity: [{ required: true, message: '请输入出生城市', trigger: 'blur' }],
|
|
- birthProvince: [{ required: true, message: '请输入出生省份', trigger: 'change' }],
|
|
+ birthProvince: [{ required: true, message: '请输入出生省份', trigger: 'blur' }],
|
|
- highestEducation: [{ required: true, message: '请输入最高学历', trigger: 'change' }],
|
|
+ highestEducation: [{ required: true, message: '请输入最高学历', trigger: 'blur' }],
|
|
tel: [
|
|
tel: [
|
|
{ required: true, message: '请输入固话', trigger: 'change' },
|
|
{ required: true, message: '请输入固话', trigger: 'change' },
|
|
{
|
|
{
|
|
@@ -740,9 +774,9 @@ export default {
|
|
trigger: "change"
|
|
trigger: "change"
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- address: [{ required: true, message: '请输入现居住地址', trigger: 'change' }],
|
|
+ address: [{ required: true, message: '请输入现居住地址', trigger: 'blur' }],
|
|
- costBearers: [{ required: true, message: '请输入费用承担着', trigger: 'change' }],
|
|
+ costBearers: [{ required: true, message: '请输入费用承担着', trigger: 'blur' }],
|
|
- tableOpName: [{ required: true, message: '请输入经办人', trigger: 'change' }],
|
|
+ tableOpName: [{ required: true, message: '请输入经办人', trigger: 'blur' }],
|
|
tableOpTel: [
|
|
tableOpTel: [
|
|
{ required: true, message: '请输入经办人联系方式', trigger: 'change' },
|
|
{ required: true, message: '请输入经办人联系方式', trigger: 'change' },
|
|
{
|
|
{
|
|
@@ -751,13 +785,40 @@ export default {
|
|
trigger: "change"
|
|
trigger: "change"
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- tableDate: [{ required: true, message: '请输入填表时间', trigger: 'change' }],
|
|
+ tableDate: [{ required: true, message: '请输入填表时间', trigger: 'blur' }],
|
|
|
|
+ //证件验证
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ rulesCert: {
|
|
|
|
+ certNo: [{ required: true, message: '请输入费用承担着', trigger: 'change' }],
|
|
|
|
+ },
|
|
|
|
+ rulesCompany: {
|
|
|
|
+ companyName: [
|
|
|
|
+ { required: true, message: '请输入客户公司名称', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ address: [
|
|
|
|
+ { required: true, message: '请输入客户公司地址', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ postCodes: [
|
|
|
|
+ { required: true, message: '请输入客户公司邮编', trigger: 'blur' },
|
|
|
|
+ ],
|
|
},
|
|
},
|
|
Id: 0,
|
|
Id: 0,
|
|
token: '',
|
|
token: '',
|
|
userId: 0,
|
|
userId: 0,
|
|
Status: 0,
|
|
Status: 0,
|
|
typeStr: '',
|
|
typeStr: '',
|
|
|
|
+ TypeVisible: false,
|
|
|
|
+ OperationData: {
|
|
|
|
+ status: 0,
|
|
|
|
+ id: 0,
|
|
|
|
+ companyName: "",
|
|
|
|
+ address: "",
|
|
|
|
+ postCodes: "",
|
|
|
|
+ lastedOpUserId: 0,
|
|
|
|
+ createUserId: 0,
|
|
|
|
+ remark: ""
|
|
|
|
+ },
|
|
//基础信息
|
|
//基础信息
|
|
deleClient: {
|
|
deleClient: {
|
|
id: 0,
|
|
id: 0,
|
|
@@ -1002,6 +1063,50 @@ export default {
|
|
that.$message.error("网络错误,请稍后重试");
|
|
that.$message.error("网络错误,请稍后重试");
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ handleClose(done) {
|
|
|
|
+ done();
|
|
|
|
+ },
|
|
|
|
+ btnAddCom() {
|
|
|
|
+ this.OperationData = {
|
|
|
|
+ status: 1,
|
|
|
|
+ id: 0,
|
|
|
|
+ companyName: "",
|
|
|
|
+ address: "",
|
|
|
|
+ postCodes: "",
|
|
|
|
+ lastedOpUserId: this.userId,
|
|
|
|
+ createUserId: this.userId,
|
|
|
|
+ remark: ""
|
|
|
|
+ },
|
|
|
|
+ this.TypeVisible = true;
|
|
|
|
+ this.typeName = "添加客户公司资料"
|
|
|
|
+ },
|
|
|
|
+ AddBtn() {
|
|
|
|
+ this.$refs.OperationData.validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ var that = this
|
|
|
|
+ var url = "/api/CRM/OperationClientCompany"
|
|
|
|
+ that.$axios({
|
|
|
|
+ method: 'post',
|
|
|
|
+ url: url,
|
|
|
|
+ headers: {
|
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
|
+ },
|
|
|
|
+ data: that.OperationData
|
|
|
|
+ }).then(function (res) {
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ that.$message({
|
|
|
|
+ message: res.data.msg,
|
|
|
|
+ type: 'success'
|
|
|
|
+ });
|
|
|
|
+ that.CompanySelect();
|
|
|
|
+ that.TypeVisible = false;
|
|
|
|
+ } else {
|
|
|
|
+ that.$message.error(res.data.msg);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
CompanySelect() {
|
|
CompanySelect() {
|
|
var url = "/api/CRM/GetClientCompanyList"
|
|
var url = "/api/CRM/GetClientCompanyList"
|
|
var that = this
|
|
var that = this
|
|
@@ -1131,7 +1236,7 @@ export default {
|
|
});
|
|
});
|
|
that.loading = true;
|
|
that.loading = true;
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
- // that.$router.push('/home/HotelData')
|
|
+ that.$router.push('/home/DeleClient')
|
|
}, 3000);
|
|
}, 3000);
|
|
} else {
|
|
} else {
|
|
that.$message.error(res.data.msg);
|
|
that.$message.error(res.data.msg);
|
|
@@ -1145,9 +1250,6 @@ export default {
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
- resetForm(formName) {
|
|
|
|
- this.$refs[formName].resetFields();
|
|
|
|
- },
|
|
|
|
//添加家庭信息
|
|
//添加家庭信息
|
|
customerFamilyAdd() {
|
|
customerFamilyAdd() {
|
|
this.customerFamily.push({
|
|
this.customerFamily.push({
|