Browse Source

客户资料的删除,客户工作经历、学历编辑

wangh 2 years ago
parent
commit
31ad6b012e
2 changed files with 231 additions and 132 deletions
  1. 1 1
      src/components/Crm/DeleClient.vue
  2. 230 131
      src/components/OP/visaEdit.vue

+ 1 - 1
src/components/Crm/DeleClient.vue

@@ -160,7 +160,7 @@ export default {
 
         del(index, row) {
 
-            var url = "/api/CRM/"
+            var url = "/api/CRM/DelCustomer"
             var that = this
             this.$axios({
                 method: 'post',

+ 230 - 131
src/components/OP/visaEdit.vue

@@ -526,99 +526,125 @@
                 </el-form>
             </div>
             <hr style='background-color:#5555; height:1px; border:none;' />
-            <div class="tips">
-                <span>请列出过去10年的工作经历(请填写现任公司之前的工作经历,如果没有请写“无”):</span>
+            <div class="plate-box">
+                <div class="small-title">
+                    <span>工作经历</span>
+                </div>
+                <div class="tips">
+                    <span>请列出过去10年的工作经历(请填写现任公司之前的工作经历,如果没有请写“无”):</span>
+                </div>
+                <div>
+                    <el-form v-for="(item, w) in workExperience" :key="w" @submit.native.prevent>
+                        <div class="foundation-box1">
+                            <el-form-item label="公司名称:" prop="company">
+                                <el-input v-model="item.company" clearable style="width: 200px;"></el-input>
+                            </el-form-item>
+                            <el-form-item label="电话:" prop="phone">
+                                <el-input v-model="item.phone" clearable style="width: 150px;"></el-input>
+                            </el-form-item>
+                            <el-form-item label="职务:" prop="job">
+                                <el-input v-model="item.job" clearable style="width: 150px;"></el-input>
+                            </el-form-item>
+                            <el-form-item label="主管名字:" prop="leaderName">
+                                <el-input v-model="item.leaderName" clearable style="width: 150px;"></el-input>
+                            </el-form-item>
+                            <el-form-item label="起始日期:" prop="workStart">
+                                <el-date-picker v-model="item.workStart" type="date">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="结束日期:" prop="workEnd">
+                                <el-date-picker v-model="item.workEnd" type="date">
+                                </el-date-picker>
+                            </el-form-item>
+                        </div>
+                        <div class="foundation-box1">
+                            <el-form-item label="公司地址:" prop="companyAddress">
+                                <el-input type="textarea" :rows="3" placeholder="请输入内容" style="width: 500px;"
+                                    v-model="item.companyAddress"></el-input>
+                            </el-form-item>
+                            <el-form-item label="工作职责及内容简述:" prop="workState">
+                                <el-input type="textarea" :rows="3" placeholder="请输入内容" style="width: 500px;"
+                                    v-model="item.workState"></el-input>
+                            </el-form-item>
+                            <el-form-item style="margin-top: 5%;margin-left: 10%;">
+                                <el-button circle icon="el-icon-plus" @click="workExperienceadd()"></el-button>
+                                <el-button circle icon="el-icon-minus" @click="subworkExperience(w)"
+                                    v-if="w > 0"></el-button>
+                            </el-form-item>
+                        </div>
+                        <hr style='background-color:#5555; height:1px; border:none;' />
+                    </el-form>
+                </div>
+
             </div>
-            <div>
-                <el-form v-for="(item, w) in workList" :key="w" @submit.native.prevent>
-                    <div class="member-li">
-                        <el-form-item label="公司名称:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="公司地址:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="电话:" prop="name">
-                            <el-input v-model="item.name" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="职务:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="主管名字:" prop="name">
-                            <el-input v-model="item.name" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="起始日期:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="结束日期:" prop="name">
-                            <el-input v-model="item.name" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="工作职责及内容简述:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button circle icon="el-icon-plus" @click="addList()"></el-button>
-                            <el-button circle icon="el-icon-minus" @click="subList(w)" v-if="w > 0"></el-button>
-                        </el-form-item>
-                    </div>
-                </el-form>
+        </div>
+        <div class="plate-box">
+            <div class="small-title">
+                <span>学历信息</span>
             </div>
             <hr style='background-color:#5555; height:1px; border:none;' />
             <div class="tips">
                 <span>列出除小学以外的所有教育经历:从高中开始填写</span>
             </div>
             <div>
-                <el-form v-for="(item, e) in educationalList" :key="e" @submit.native.prevent>
-                    <div class="member-li">
-                        <el-form-item label="学校名称和学历:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="学校地址:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="指导老师:" prop="name">
-                            <el-input v-model="item.name" clearable></el-input>
-                        </el-form-item>
-                        <el-form-item label="课程或专业:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
+                <el-form v-for="(item, e) in customerSchool" :key="e" @submit.native.prevent>
+                    <div class="foundation-box1">
+                        <el-form-item label="学校名称和学历:" prop="school">
+                            <el-input v-model="item.school" clearable></el-input>
                         </el-form-item>
-                        <el-form-item label="起始日期:" prop="name">
-                            <el-input v-model="item.name" clearable></el-input>
+                        <el-form-item label="学校地址:" prop="address">
+                            <el-input v-model="item.address" clearable></el-input>
                         </el-form-item>
-                        <el-form-item label="结束日期:" prop="age">
-                            <el-input v-model="item.age" clearable></el-input>
+                        <el-form-item label="指导老师:" prop="teacher">
+                            <el-input v-model="item.teacher" clearable style="width: 150px;"></el-input>
                         </el-form-item>
-                        <el-form-item>
-                            <el-button circle icon="el-icon-plus" @click="addList()"></el-button>
-                            <el-button circle icon="el-icon-minus" @click="subList(e)" v-if="e > 0"></el-button>
+                        <el-form-item label="课程或专业:" prop="subject">
+                            <el-input v-model="item.subject" clearable></el-input>
                         </el-form-item>
-                    </div>
-                </el-form>
-            </div>
-            <div class="flats-form">
-                <el-form :model="deleClient" :rules="rules" ref="deleClient" label-width="100px" class="demo-deleClient"
-                    @submit.native.prevent>
-                    <div class="foundation-box">
-                        <el-form-item label="费用承担者:" prop="costBearers">
-                            <el-input v-model="deleClient.costBearers" placeholder="在外费用承担者"></el-input>
-                        </el-form-item>
-                        <el-form-item label="经办人:" prop="tableOpName">
-                            <el-input v-model="deleClient.tableOpName" placeholder="填表经办人"></el-input>
-                        </el-form-item>
-                        <el-form-item label="联系电话:" prop="tableOpTel">
-                            <el-input v-model="deleClient.tableOpTel" placeholder="填表经办人联系电话"></el-input>
+                        <el-form-item label="起始日期:" prop="studyStart">
+                            <el-date-picker v-model="item.studyStart" type="date" style="width: 150px;">
+                            </el-date-picker>
                         </el-form-item>
-                        <el-form-item label="填表日期:" prop="tableDate">
-                            <el-date-picker v-model="deleClient.tableDate" type="date" placeholder="选择日期">
+                        <el-form-item label="结束日期:" prop="studyEnd">
+                            <el-date-picker v-model="item.studyEnd" type="date" style="width: 150px;">
                             </el-date-picker>
                         </el-form-item>
+                        <el-form-item style="margin-top: 3%;margin-left: 5px;">
+                            <el-button circle icon="el-icon-plus" @click="addcustomerSchool()"></el-button>
+                            <el-button circle icon="el-icon-minus" @click="subcustomerSchool(e)" v-if="e > 0"></el-button>
+                        </el-form-item>
                     </div>
+                    <hr style='background-color:#5555; height:1px; border:none;' />
                 </el-form>
             </div>
-            <div>
-                <el-button type="primary" @click="submitForm">确定</el-button>
-                <el-button @click="resetForm('deleClient')">重置</el-button>
+
+        </div>
+        <div class="plate-box">
+            <div class="small-title">
+                <span>提交信息</span>
             </div>
+            <el-form :model="deleClient" :rules="rules" ref="deleClient" label-width="100px" class="demo-deleClient"
+                @submit.native.prevent>
+                <div class="foundation-box">
+                    <el-form-item label="费用承担者:" prop="costBearers">
+                        <el-input v-model="deleClient.costBearers" placeholder="在外费用承担者"></el-input>
+                    </el-form-item>
+                    <el-form-item label="经办人:" prop="tableOpName">
+                        <el-input v-model="deleClient.tableOpName" placeholder="填表经办人"></el-input>
+                    </el-form-item>
+                    <el-form-item label="联系电话:" prop="tableOpTel">
+                        <el-input v-model="deleClient.tableOpTel" placeholder="填表经办人联系电话"></el-input>
+                    </el-form-item>
+                    <el-form-item label="填表日期:" prop="tableDate">
+                        <el-date-picker v-model="deleClient.tableDate" type="date" placeholder="选择日期">
+                        </el-date-picker>
+                    </el-form-item>
+                </div>
+            </el-form>
+        </div>
+        <div>
+            <el-button type="primary" @click="submitForm">确定</el-button>
+            <el-button @click="resetForm('deleClient')">重置</el-button>
         </div>
     </div>
 </template>
@@ -628,6 +654,29 @@ export default {
     data() {
 
         return {
+            rules: {
+                lastName: [
+                    { required: true, message: '请输入姓', trigger: 'blur' },
+                    { min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'blur' }
+                ],
+                firstName: [
+                    { required: true, message: '请输入名', trigger: 'blur' },
+                    { min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'blur' }
+                ],
+                phone: [
+                    { required: true, message: '请输入移动电话', trigger: 'blur' },
+                ],
+                nationality: [
+                    { required: true, message: '请输入国籍', trigger: 'blur' },
+                ],
+                // certNo: [
+                //     { required: true, message: '请输入证件号', trigger: 'blur' },
+                // ],
+                // sdId: [
+                //     { required: true, message: '请选择证件类型', trigger: 'blur' },
+                // ]
+
+            },
             Id: 0,
             token: '',
             userId: 0,
@@ -724,7 +773,7 @@ export default {
                 paper: '',
                 papent: '',
                 phD: '',
-                createUserId: 208,
+                createUserId: this.userId,
                 remark: '',
             },
             //证件信息
@@ -741,7 +790,7 @@ export default {
                         issueDt: this.dateFormat(new Date()),
                         expiryDt: this.dateFormat(new Date()),
                         idCardAddress: '',
-                        createUserId: 0,
+                        createUserId: this.userId,
                         remark: '',
                     }
                 ],
@@ -756,54 +805,39 @@ export default {
                 remark: "",
                 userName: "",
             },
-
-            //配偶信息
-            spouseInfo: {
-                marriageDate: '',
-                divorceDate: '',
-                spouseName: '',
-                birthDate: '',
-                birthCity: '',
-                province: '',
-                spouseAddress: '',
-                workplace: '',
-                unitAddress: '',
-                office: ''
-            },
-            // deleClient: {
-            //     name: '',
-            //     region: '',
-            //     date1: '',
-            //     date2: '',
-            //     delivery: false,
-            //     type: [],
-            //     resource: '',
-            //     desc: ''
-            // },
-
-            rules: {
-                lastName: [
-                    { required: true, message: '请输入姓', trigger: 'blur' },
-                    { min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'blur' }
-                ],
-                firstName: [
-                    { required: true, message: '请输入名', trigger: 'blur' },
-                    { min: 1, max: 3, message: '长度在 1 到 3 个字符', trigger: 'blur' }
-                ],
-                phone: [
-                    { required: true, message: '请输入移动电话', trigger: 'blur' },
-                ],
-                nationality: [
-                    { required: true, message: '请输入国籍', trigger: 'blur' },
-                ],
-                // certNo: [
-                //     { required: true, message: '请输入证件号', trigger: 'blur' },
-                // ],
-                // sdId: [
-                //     { required: true, message: '请选择证件类型', trigger: 'blur' },
-                // ]
-
-            },
+            //客户工作经历表
+            workExperience: [
+                {
+                    id: 0,
+                    dcId: this.Id,
+                    company: "",
+                    companyAddress: "",
+                    phone: "",
+                    job: "",
+                    leaderName: "",
+                    workStart: this.dateFormat(new Date()),
+                    workEnd: this.dateFormat(new Date()),
+                    workState: "",
+                    createUserId: this.userId,
+                    remark: ""
+                }
+            ],
+            //客户学历表
+            customerSchool: [
+                {
+                    id: 0,
+                    dcId: this.Id,
+                    school: '',
+                    address: '',
+                    teacher: '',
+                    education: '',
+                    subject: '',
+                    studyStart: this.dateFormat(new Date()),
+                    studyEnd: this.dateFormat(new Date()),
+                    createUserId: this.userId,
+                    remark: ''
+                }
+            ],
             //家庭成员
             customerFamily: [
                 {
@@ -823,13 +857,10 @@ export default {
                     idCard: "",
                     reletionship: "",
                     isUSA: 0,
-                    createUserId: 0,
+                    createUserId: this.userId,
                     remark: ""
                 }
             ],
-            workList: [
-                { name: '', age: '' }
-            ],
             educationalList: [
                 { name: '', age: '' }
             ],
@@ -884,6 +915,12 @@ export default {
                     if (res.data.data.customerFamily != 0) {
                         that.customerFamily = res.data.data.customerFamily
                     }
+                    if (res.data.data.workExperience != 0) {
+                        that.workExperience = res.data.data.workExperience
+                    }
+                    if (res.data.data.customerSchool != 0) {
+                        that.customerSchool = res.data.data.customerSchool
+                    }
                 }
             }).catch(function (error) {
                 that.$message.error("网络错误,请稍后重试");
@@ -957,7 +994,6 @@ export default {
                     var that = this
                     that.deleClient.crmCompanyId = that.customerCompany.id
                     that.deleClient.createUserId = that.userId;
-                    var FamilyIndex = [];
                     debugger
                     that.customerFamily.forEach((element, index) => {
                         debugger
@@ -966,6 +1002,8 @@ export default {
                         } else {
                             element.nameSnd = element.name
                             element.BirthDaySnd = element.birthDay
+                            element.dcId = that.Id
+                            element.createUserId = that.userId
                         }
 
                     });
@@ -973,13 +1011,31 @@ export default {
                         if (element.certNo == '' && element.sdId == '') {
                             that.customerCerts.splice(index, 1)
                         }
+                        element.dcId = that.Id
+                        element.createUserId = that.userId
+                    });
+                    that.workExperience.forEach((element, index) => {
+                        if (element.company == '' && element.companyAddress == '') {
+                            that.workExperience.splice(index, 1)
+                        }
+                        element.dcId = that.Id
+                        element.createUserId = that.userId
+                    });
+                    that.customerSchool.forEach((element, index) => {
+                        if (element.school == '' && element.address == '') {
+                            that.customerSchool.splice(index, 1)
+                        }
+                        element.dcId = that.Id
+                        element.createUserId = that.userId
                     });
 
                     var dttaStr = {
                         Status: that.Status,
                         DeleClient: that.deleClient,
                         CustomerFamily: that.customerFamily,
-                        CustomerCert: that.customerCerts
+                        CustomerCert: that.customerCerts,
+                        WorkExperience: that.workExperience,
+                        CustomerSchool: that.customerSchool
                     }
                     console.log(dttaStr)
                     var url = "/api/CRM/EditCustomer"
@@ -1064,6 +1120,49 @@ export default {
         subcustomerCertsAdd(index) {
             this.customerCerts.splice(index, 1)
         },
+        //添加工作经历
+        workExperienceadd() {
+            this.workExperience.push({
+                id: 0,
+                dcId: 0,
+                company: "",
+                companyAddress: "",
+                phone: "",
+                job: "",
+                leaderName: "",
+                workStart: this.dateFormat(new Date()),
+                workEnd: this.dateFormat(new Date()),
+                workState: "",
+                createUserId: 0,
+                remark: ""
+            })
+        },
+        //删除工作经历表
+        subworkExperience(index) {
+            this.workExperience.splice(index, 1)
+        },
+        //添加客户学历
+        addcustomerSchool() {
+            this.customerSchool.push(
+                {
+                    id: 0,
+                    dcId: 0,
+                    school: '',
+                    address: '',
+                    teacher: '',
+                    education: '',
+                    subject: '',
+                    studyStart: this.dateFormat(new Date()),
+                    studyEnd: this.dateFormat(new Date()),
+                    createUserId: this.userId,
+                    remark: ''
+                }
+            )
+        },
+        //删除客户学历
+        subcustomerSchool(index) {
+            this.customerSchool.splice(index, 1)
+        }
     },
     mounted() {
         this.token = JSON.parse(localStorage.getItem('userinif')).token;