压缩包上传回显

src/views/caseManagement/components/addCase.vue

@@ -7,34 +7,43 @@
         <el-tab-pane label="证据清单" name="second" v-if="tabFlag">
         </el-tab-pane>
       </el-tabs>
-      <el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm" label-width="130px"
-        class="demo-ruleForm">
+      <el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm"
+        label-width="130px" class="demo-ruleForm">
         <el-row>
           <div style="display: inline-flex">
             <div class="infoIcon"></div>
             <div class="caseInfo">案件信息：</div>
           </div>
           <el-divider></el-divider>
+          <el-col :span="24">
+            <el-form-item label="压缩包导入">
+              <el-upload class="upload-demo" :action="zipUrl()" :before-remove="beforeRemoveZip" multiple accept='.zip' :limit="1"
+                :on-exceed="handleExceedZip" :on-success='successZip' :file-list="fileListZip">
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">只能上传zip压缩包</div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
           <el-col :span="24">
             <el-form-item label="申请人调解请求" prop="arbitratClaims" :rules="[
-              {
-                required: true,
-                message: '申请人调解请求不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人调解请求不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
                 :autosize="{ minRows: 4, maxRows: 8 }" />
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item label="事实和理由" prop="facts" :rules="[
-              {
-                required: true,
-                message: '事实和理由不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '事实和理由不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
                 :autosize="{ minRows: 4, maxRows: 8 }" />
             </el-form-item>
@@ -132,84 +141,84 @@
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="申请机构名称" prop="affiliate.applicationName" :rules="[
-              {
-                required: true,
-                message: '申请机构名称不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请机构名称不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicationName" placeholder="请输入申请机构名称" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
             <el-form-item label="申请人" prop="affiliate.applicationName" :rules="[
-              {
-                required: true,
-                message: '申请人名称不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人名称不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicationName" disabled placeholder="请输入申请人姓名" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="统一社会信用代码" prop="affiliate.code" :rules="[
-              {
-                required: true,
-                message: '统一社会信用代码不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '统一社会信用代码不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.code" placeholder="请输入统一社会信用代码" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
             <el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
-              {
-                required: true,
-                message: '申请人身份证号不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern:
-                  /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                message: '请输入正确的身份证号码',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人身份证号不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern:
+          /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+        message: '请输入正确的身份证号码',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的身份证号" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
             <el-form-item label="申请人邮箱" prop="affiliate.applicationEmail" :rules="[
-              {
-                required: true,
-                message: '申请人邮箱不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern:
-                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                message: '请输入正确的邮箱地址',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人邮箱不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicationEmail" disabled placeholder="请输入申请人邮箱" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
             <el-form-item label="申请人电话" prop="affiliate.applicationPhone" :rules="[
-              {
-                required: true,
-                message: '申请人联系电话不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                message: '请输入正确的手机号码',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicationPhone" disabled placeholder="请输入申请人联系电话" />
             </el-form-item>
           </el-col>
@@ -231,50 +240,50 @@
           </el-col> -->
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
-              {
-                required: true,
-                message: '法定代表人不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '法定代表人不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
-              {
-                required: true,
-                message: '申请人住所不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人住所不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
-              {
-                required: true,
-                message: '申请人联系地址不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '申请人联系地址不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
-              {
-                required: true,
-                message: '代理人联系电话不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                message: '请输入正确的手机号码',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '代理人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.contactTelphoneAgent" disabled placeholder="请输入代理人联系电话" />
             </el-form-item>
           </el-col>
@@ -285,12 +294,12 @@
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="代理人姓名" prop="affiliate.nameAgent" :rules="[
-              {
-                required: true,
-                message: '代理人姓名不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '代理人姓名不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.nameAgent" disabled placeholder="请输入代理人姓名" />
             </el-form-item>
           </el-col>
@@ -301,84 +310,85 @@
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
             <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
-              {
-                required: true,
-                message: '代理人邮箱不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern:
-                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                message: '请输入正确的邮箱地址',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '代理人邮箱不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.agentEmail" disabled placeholder="请输入代理人邮箱" />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
             <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
-              {
-                pattern:
-                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                message: '请输入正确的邮箱地址',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
-              {
-                required: true,
-                message: '被申请人姓名不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '被申请人姓名不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
-              {
-                required: true,
-                message: '被申请人联系电话不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                message: '请输入正确的手机号码',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '被申请人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
-              {
-                required: true,
-                message: '被申请人身份证号不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern:
-                  /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                message: '请输入正确的身份证号码',
-                trigger: 'blur',
-              },
-            ]">
-              <el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur" placeholder="请输入被申请人身份证号" />
+      {
+        required: true,
+        message: '被申请人身份证号不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern:
+          /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+        message: '请输入正确的身份证号码',
+        trigger: 'blur',
+      },
+    ]">
+              <el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur"
+                placeholder="请输入被申请人身份证号" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
-              {
-                required: true,
-                message: '请选择性别',
-              },
-            ]">
+      {
+        required: true,
+        message: '请选择性别',
+      },
+    ]">
               <el-radio-group v-model="formData.affiliate.respondentSex" disabled>
                 <el-radio :label="0">男</el-radio>
                 <el-radio :label="1">女</el-radio>
@@ -393,29 +403,29 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
-              {
-                required: true,
-                message: '被申请人申请人住所不能为空',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '被申请人申请人住所不能为空',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
-              {
-                required: true,
-                message: '代理人邮箱不能为空',
-                trigger: 'blur',
-              },
-              {
-                pattern:
-                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                message: '请输入正确的邮箱地址',
-                trigger: 'blur',
-              },
-            ]">
+      {
+        required: true,
+        message: '代理人邮箱不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
               <el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
             </el-form-item>
           </el-col>
@@ -453,6 +463,7 @@
     </el-dialog>
   </div>
 </template>
+
 <script>
 import {
   caseApplicationInsert,
@@ -490,6 +501,7 @@ export default {
       modelFlag: false,
       fileURL: window.location.origin + "/API",
       fileList: [],
+      fileListZip:[],
       filedata: {
         annexType: 2,
       },
@@ -612,6 +624,9 @@ export default {
     UploadUrl() {
       return window.location.origin + "/API/common/upload";
     },
+    zipUrl() {
+      return window.location.origin + "/API/caseApplication/userIdentify";
+    },
     /**文件上传成功*/
     handlSuccess(res, file) {
       this.formData.caseAttachList.push({
@@ -634,6 +649,17 @@ export default {
         (item) => item.annexId != file.annexId
       );
     },
+    handleExceedZip(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件`);
+    },
+    beforeRemoveZip(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    successZip(res){
+      this.formData = res.data;
+      this.$set(this.formData.affiliate,'organizeFlag',0);
+      this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex));
+    },
     handlePreview(file) {
       window.open(
         window.location.origin + "/API" + file.certificatePath,
@@ -692,7 +718,7 @@ export default {
   },
 };
 </script>
-  
+
 <style lang="scss" scoped>
 .infoIcon {
   width: 4px;

vue.config.js

@@ -12,10 +12,10 @@ const name = process.env.VUE_APP_TITLE || '调解系统' // 网页标题
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
 // const API = 'http://121.40.189.20:9001'  //生产
-const API = 'http://121.40.189.20:6001'  //测试
+// const API = 'http://121.40.189.20:6001'  //测试
 // const API = 'http://192.168.3.18:6001'  //B
 // const API = 'http://172.16.0.237:6001' //Q
-// const API = 'http://172.16.1.43:6001' //w
+const API = 'http://172.16.1.26:6001' //w
 
 // vue.config.js 配置说明 
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions