src/views/caseManagement/components/addCase.vue

@@ -7,14 +7,23 @@
         <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="[
       {
@@ -369,7 +378,8 @@
         trigger: 'blur',
       },
     ]">
-              <el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur" placeholder="请输入被申请人身份证号" />
+              <el-input v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur"
+                placeholder="请输入被申请人身份证号" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -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,

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