邀请方资料添加校验

src/components/Resource/OpInvitationOfficialActivityData.vue

@@ -90,7 +90,8 @@
                 <div style="display:flex ;">
                     <div style="width: 25%;">
                         <el-form-item label="FaceBook:" prop="faceBook" label-width="160px">
-                            <el-input clearable placeholder="faceBook" v-model="OpInvitationOfficialActivityData.faceBook">
+                            <el-input clearable placeholder="faceBook"
+                                v-model="OpInvitationOfficialActivityData.faceBook">
                             </el-input>
                         </el-form-item>
                     </div>
@@ -108,8 +109,8 @@
                     </div>
                     <div style="width: 25%;">
                         <el-form-item label="团组名称:" label-width="160px">
-                            <el-select style="width: 100%;" v-model="OpInvitationOfficialActivityData.delegation" clearable filterable multiple
-                                placeholder="团组名称">
+                            <el-select style="width: 100%;" v-model="OpInvitationOfficialActivityData.delegation"
+                                clearable filterable multiple placeholder="团组名称">
                                 <el-option v-for="item in DelegationList" :key="item.id" :label="item.groupName"
                                     :value="item.id">
                                 </el-option>
@@ -120,17 +121,9 @@
                 <div style="display:flex ;">
                     <div style="width: 50%;">
                         <el-form-item label="邀请函文件(修改版):" prop="fileUrl" label-width="160px">
-                            <el-upload
-                                class="pop-upload"
-                                ref="upload"
-                                action=""
-                                :file-list="fileList"
-                                :auto-upload="false"
-                                :multiple="true"
-                                :on-change="handleChange"
-                                :on-preview="handlePreview"
-                                :on-remove="handleRemove"
-                                :before-remove="beforeRemove"
+                            <el-upload class="pop-upload" ref="upload" action="" :file-list="fileList"
+                                :auto-upload="false" :multiple="true" :on-change="handleChange"
+                                :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove"
                                 name="files">
                                 <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                             </el-upload>
@@ -175,7 +168,7 @@ export default {
                 status: 0,
                 id: 0,
                 country: '',
-                files:[],
+                files: [],
                 city: '',
                 unitName: '',
                 unitWeb: '',
@@ -229,6 +222,18 @@ export default {
                     { type: "array", required: true, message: '请选择关联团组', trigger: ['blur', 'change'] },
 
                 ],
+                unitInfo: [
+                    { required: true, message: '请输入邀请方信息', trigger: 'blur' },
+                    { required: true, message: '请输入邀请方信息', trigger: 'change' }
+                ],
+                email: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { required: true, message: '请输入邮箱', trigger: 'change' }
+                ],
+                job: [
+                    { required: true, message: '请输入职位', trigger: 'blur' },
+                    { required: true, message: '请输入职位', trigger: 'change' }
+                ]
             },
             DelegationList: [],
             uploadFiles: [],//上传的文件列表
@@ -239,7 +244,7 @@ export default {
             },
             OldFile: '',
             NewFile: '',
-            fileList:[]
+            fileList: []
         }
     },
 
@@ -267,8 +272,8 @@ export default {
             });
         },
         QueryInvitationOfficialActivityById() {
-            this.fileList=[];
-            var url = "/api/Resource/QueryInvitationOfficialActivityById/"+this.OpInvitationOfficialActivityData.id
+            this.fileList = [];
+            var url = "/api/Resource/QueryInvitationOfficialActivityById/" + this.OpInvitationOfficialActivityData.id
             var that = this
             this.$axios({
                 method: 'get',
@@ -301,18 +306,18 @@ export default {
                                 parseInt(item)
                             )
                         });
-                    }else{
-                        delegaLOist='';
+                    } else {
+                        delegaLOist = '';
                     }
                     that.OpInvitationOfficialActivityData.delegation = delegaLOist;
                     that.OpInvitationOfficialActivityData.filePath = res.data.data.filePath;
                     that.OpInvitationOfficialActivityData.sndFilePath = res.data.data.sndFilePath;
                     that.OpInvitationOfficialActivityData.fax = res.data.data.fax;
                     that.OpInvitationOfficialActivityData.createUserId = res.data.data.createUserId;
-                    that.OpInvitationOfficialActivityData.remark = res.data.data.remark; 
-                    var sndFileNamejson=res.data.data.sndFileNameJsonStr;
+                    that.OpInvitationOfficialActivityData.remark = res.data.data.remark;
+                    var sndFileNamejson = res.data.data.sndFileNameJsonStr;
                     for (let h = 0; h < res.data.data.sndFilePathItem.length; h++) {
-                        that.fileList.push({url:res.data.data.sndFilePathItem[h],name:sndFileNamejson[h]})
+                        that.fileList.push({ url: res.data.data.sndFilePathItem[h], name: sndFileNamejson[h] })
                     }
                     console.log(that.fileList);
                     if (that.OpInvitationOfficialActivityData.filePath != null && that.OpInvitationOfficialActivityData.filePath != undefined && that.OpInvitationOfficialActivityData.filePath != "") {
@@ -331,15 +336,16 @@ export default {
             this.fileList = fileList
         },
         //点击文件列表中已上传的文件
-        handlePreview(file){;
+        handlePreview(file) {
+            ;
             window.open(file.url);
         },
         // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。function(file, fileList)
         handleRemove(file, fileList) {
             this.fileList = fileList
-            if (file && file.status=="success") {
+            if (file && file.status == "success") {
                 var that = this;
-                var url = "/api/Resource/InvitationOfficialActivityDelFile/"+that.OpInvitationOfficialActivityData.id+"?fileName="+file.name
+                var url = "/api/Resource/InvitationOfficialActivityDelFile/" + that.OpInvitationOfficialActivityData.id + "?fileName=" + file.name
                 this.$axios({
                     method: 'delete',
                     url: url,
@@ -354,11 +360,11 @@ export default {
                     }
                 })
             }
-            
+
         },
         //删除文件
-        beforeRemove(file,fileList){
-            if(file && file.status=="success"){
+        beforeRemove(file, fileList) {
+            if (file && file.status == "success") {
                 return this.$confirm('此文件已上传至服务器此操作将永久删除该文件, 是否继续?', '提示', {
                     confirmButtonText: '确定',
                     cancelButtonText: '取消',
@@ -372,52 +378,52 @@ export default {
                     this.$message({
                         type: 'info',
                         message: '已取消删除'
-                    });     
-                    reject(false)     
+                    });
+                    reject(false)
                 });
             }
         },
         //点击保存事件
         addBtn() {
-            this.OpInvitationOfficialActivityData.files=this.fileList;
+            this.OpInvitationOfficialActivityData.files = this.fileList;
             const that = this;
             that.OpInvitationOfficialActivityData.createUserId = that.userId
             that.$refs.OpInvitationOfficialActivityData.validate((valid) => {
                 if (valid) {
                     var delegationStr = '';
-                    if(that.OpInvitationOfficialActivityData.delegation){
+                    if (that.OpInvitationOfficialActivityData.delegation) {
                         that.OpInvitationOfficialActivityData.delegation.forEach(function (item, index) {
                             delegationStr += item + ','
                         });
                         that.OpInvitationOfficialActivityData.delegation = delegationStr.substring(0, delegationStr.length - 1)
                     }
                     var FormData = require('form-data');
-                    var datas=new FormData();
-                    for(let r=0;r<that.OpInvitationOfficialActivityData.files.length;r++){
-                        datas.append('Files',that.OpInvitationOfficialActivityData.files[r].raw);
+                    var datas = new FormData();
+                    for (let r = 0; r < that.OpInvitationOfficialActivityData.files.length; r++) {
+                        datas.append('Files', that.OpInvitationOfficialActivityData.files[r].raw);
                     }
-                    datas.append('Status',that.OpInvitationOfficialActivityData.status);
-                    datas.append('Id',that.OpInvitationOfficialActivityData.id);
-                    datas.append('Country',that.OpInvitationOfficialActivityData.country);
-                    datas.append('City',that.OpInvitationOfficialActivityData.city);
-                    datas.append('UnitName',that.OpInvitationOfficialActivityData.unitName);
-                    datas.append('UnitWeb',that.OpInvitationOfficialActivityData.unitWeb);
-                    datas.append('Field',that.OpInvitationOfficialActivityData.field);
-                    datas.append('Address',that.OpInvitationOfficialActivityData.address);
-                    datas.append('UnitInfo',that.OpInvitationOfficialActivityData.unitInfo);
-                    datas.append('Contact',that.OpInvitationOfficialActivityData.contact);
-                    datas.append('Job',that.OpInvitationOfficialActivityData.job);
-                    datas.append('Tel',that.OpInvitationOfficialActivityData.tel);
-                    datas.append('Email',that.OpInvitationOfficialActivityData.email);
-                    datas.append('WeChat',that.OpInvitationOfficialActivityData.weChat);
-                    datas.append('FaceBook',that.OpInvitationOfficialActivityData.faceBook);
-                    datas.append('Ins',that.OpInvitationOfficialActivityData.ins);
-                    datas.append('Delegation',that.OpInvitationOfficialActivityData.delegation);
-                    datas.append('FilePath',that.OpInvitationOfficialActivityData.filePath);
-                    datas.append('SndFilePath',that.OpInvitationOfficialActivityData.sndFilePath);
-                    datas.append('Fax',that.OpInvitationOfficialActivityData.fax);
-                    datas.append('CreateUserId',that.OpInvitationOfficialActivityData.createUserId);
-                    datas.append('Remark',that.OpInvitationOfficialActivityData.remark);
+                    datas.append('Status', that.OpInvitationOfficialActivityData.status);
+                    datas.append('Id', that.OpInvitationOfficialActivityData.id);
+                    datas.append('Country', that.OpInvitationOfficialActivityData.country);
+                    datas.append('City', that.OpInvitationOfficialActivityData.city);
+                    datas.append('UnitName', that.OpInvitationOfficialActivityData.unitName);
+                    datas.append('UnitWeb', that.OpInvitationOfficialActivityData.unitWeb);
+                    datas.append('Field', that.OpInvitationOfficialActivityData.field);
+                    datas.append('Address', that.OpInvitationOfficialActivityData.address);
+                    datas.append('UnitInfo', that.OpInvitationOfficialActivityData.unitInfo);
+                    datas.append('Contact', that.OpInvitationOfficialActivityData.contact);
+                    datas.append('Job', that.OpInvitationOfficialActivityData.job);
+                    datas.append('Tel', that.OpInvitationOfficialActivityData.tel);
+                    datas.append('Email', that.OpInvitationOfficialActivityData.email);
+                    datas.append('WeChat', that.OpInvitationOfficialActivityData.weChat);
+                    datas.append('FaceBook', that.OpInvitationOfficialActivityData.faceBook);
+                    datas.append('Ins', that.OpInvitationOfficialActivityData.ins);
+                    datas.append('Delegation', that.OpInvitationOfficialActivityData.delegation);
+                    datas.append('FilePath', that.OpInvitationOfficialActivityData.filePath);
+                    datas.append('SndFilePath', that.OpInvitationOfficialActivityData.sndFilePath);
+                    datas.append('Fax', that.OpInvitationOfficialActivityData.fax);
+                    datas.append('CreateUserId', that.OpInvitationOfficialActivityData.createUserId);
+                    datas.append('Remark', that.OpInvitationOfficialActivityData.remark);
                     var url = "/api/Resource/OpInvitationOfficialActivity"
                     that.$axios({
                         method: 'post',
@@ -430,7 +436,7 @@ export default {
                         if (res.data.code == 200) {
                             var delList = that.OpInvitationOfficialActivityData.delegation.split(',')
                             var delegaLOist = [];
-                            if(delList){
+                            if (delList) {
                                 delList.forEach(function (item, index) {
                                     delegaLOist.push(
                                         parseInt(item)
@@ -452,7 +458,7 @@ export default {
                 } else {
                     var delList = this.OpInvitationOfficialActivityData.delegation.split(',')
                     var delegaLOist = [];
-                    delList.forEach(function (item, index) { 
+                    delList.forEach(function (item, index) {
                         delegaLOist.push(
                             parseInt(item)
                         )