0329测试问题修改

src/views/caseManagement/caseList.vue

                     @keyup.enter.native="handleQuery" />
             </el-form-item> -->
             <el-form-item label="案件编号" prop="caseNum">
-                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable style="width: 240px"
-                    @keyup.enter.native="handleQuery" />
+                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable
+                    style="width: 240px" @keyup.enter.native="handleQuery" />
             </el-form-item>
             <el-form-item label="创建时间" prop="caseTime">
                 <el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
             " @click="caseFilingDetails(scope.row)">归档详情</el-button>
                     <div class="btnList" v-for="item in buttonList" :key="item.id">
                         <el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
-                            v-if="item.id == scope.row.caseFlowId &&
+                            v-if="(item.id == scope.row.caseFlowId &&
             checkPermi([item.buttonAuthFlag]) &&
-            scope.row.signButtonFlag != 1
+            scope.row.signButtonFlag != 1) && (scope.row.appOperatorFlag == 1 || scope.row.resOperatorFlag == 1 || scope.row.otherFlag == 1)
             ">{{ item.nodeName }}</el-button>
                     </div>
                 </template>
                 pageNum: 1,
                 pageSize: 10,
             },
-            queryDisable:false,
+            queryDisable: false,
             // 遮罩层
             loading: false,
             // 总条数
     },
     created() {
         this.queryParams.caseNum = this.$route.query.caseNum;
-        if(this.$route.query.token){
+        if (this.$route.query.token) {
             this.queryDisable = true;
-        }else{
+        } else {
             this.queryDisable = false;
         }
         // this.getList(this.queryParams);
             caseApplicationSelectById(parms).then((res) => {
                 this.formPayDetail = res.data;
                 this.formPayDetailAffiliate = res.data.affiliate;
+                let applicantStr = '';
+                let resStr = '';
+                applicantStr = this.formPayDetailAffiliate.applicant.map(item => item.applicant.name).join(',');
+                resStr = this.formPayDetailAffiliate.res.map(item => item.res.name).join(',');
+                this.formPayDetailAffiliate.applicationName = applicantStr;
+                this.formPayDetailAffiliate.respondentName = resStr;
                 this.payForm.feePayable = res.data.feePayable;
                 this.payForm.caseId = res.data.id;
             });
             caseApplicationSelectById(parms).then((res) => {
                 this.formResPayDetail = res.data;
                 this.formResPay = res.data.affiliate;
+                let applicantStr = '';
+                let resStr = '';
+                applicantStr = this.formResPay.applicant.map(item => item.applicant.name).join(',');
+                resStr = this.formResPay.res.map(item => item.res.name).join(',');
+                this.formResPay.applicationName = applicantStr;
+                this.formResPay.respondentName = resStr;
                 this.resPayForm.feePayable = res.data.feePayable;
                 this.resPayForm.caseId = res.data.id;
             });
                 ids: [row.id],
             };
             this.$confirm("你确定要案件送达吗？", "提示", {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning',
-                    callback: () => { },
-                    beforeClose: (action, ctx, close) => {
-                        if (action !== 'confirm') {
-                            close();
-                            return;
-                        }
-                        ctx.confirmButtonLoading = true;
-                        msCaseFile(paramValues).then((res) => {
-                            this.$modal.msgSuccess("案件送达成功");
-                            close();
-                            this.getList(this.queryParams);
-                        }).finally(() => {
-                            ctx.confirmButtonLoading = false;
-                        })
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+                callback: () => { },
+                beforeClose: (action, ctx, close) => {
+                    if (action !== 'confirm') {
+                        close();
+                        return;
                     }
-                }).finally(() => { })
+                    ctx.confirmButtonLoading = true;
+                    msCaseFile(paramValues).then((res) => {
+                        this.$modal.msgSuccess("案件送达成功");
+                        close();
+                        this.getList(this.queryParams);
+                    }).finally(() => {
+                        ctx.confirmButtonLoading = false;
+                    })
+                }
+            }).finally(() => { })
             // .then((res) => {
             //     msCaseFile(paramValues).then((res) => {
             //         this.$modal.msgSuccess("案件送达成功");
             this.caseFilingData = val;
             let vals = { id: val.id };
             caseApplicationSelectById(vals).then((res) => {
-                res.data.affiliate.respondentSex = Number(
-                    res.data.affiliate.respondentSex
-                );
+                res.data.affiliate.applicant.forEach(item => {
+                    if (!item.applicant) {
+                        item.applicant = {}
+                    }
+                    if (!item.applicantAgent) {
+                        item.applicantAgent = {}
+                    }
+                })
+                res.data.affiliate.res.forEach(item => {
+                    if (!item.res) {
+                        item.res = {}
+                    }
+                    if (!item.resAgent) {
+                        item.resAgent = {}
+                    }
+                })
                 this.detailsAwardNum = res.data;
                 console.log(this.detailsAwardNum);
                 this.flagLoadingS = false;

src/views/caseManagement/components/addCase.vue

           <el-col :span="24" v-if="modelFlag && showEvidence">
             <el-form-item label="证据:">
               <div v-for="(item, index) in formData.caseAttachList" :key="index" v-if="item.annexType == 2">
-                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
+                <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath,1)">
                   {{ item.annexName }}
                 </div>
               </div>
       title: "新增案件",
       // organizeFlag:0,//选择机构和自然人
       formData: {
+        caseSource:"YC",
         arbitratClaims: "",
         facts: "",
         organizeFlag: 0,
       if (val) {
         if (this.addModifyData == 1) {
           this.formData = {
+            caseSource:"YC",
             organizeFlag: 0,
             affiliate:
         {
       this.$set(this.formData, 'organizeFlag', 0);
       this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
       this.$set(this.formData, 'facts', this.formZipData.facts);
-      this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate[0].applicant.home);
-      this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate[0].applicant.address);
-      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate[0].applicantAgent.phone);
-      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate[0].applicantAgent.name);
-      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[0].applicantAgent.email);
-      this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name);
-      this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone);
-      this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard);
-      this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate[0].res.sex);
-      this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth);
-      this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home);
-      this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email);
-      this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this.formZipData.affiliate[0].applicant.compLegalPerson);
+      this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
+      this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
+      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
+      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
+      this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
+      this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
+      this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
+      this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
+      this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
+      this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
+      this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
+      this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
+      this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this.formZipData.affiliate.applicant[0].applicant.compLegalPerson);
       // this.$set(this.formData.affiliate,'respondentSex',Number(res.data.affiliate.respondentSex));
     },
     handlePreview(file) {
           this.$set(this.formData, 'organizeFlag', 0);
           this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
           this.$set(this.formData, 'facts', this.formZipData.facts);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate[0].applicant.name);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate[0].applicant.address);
-          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate[0].applicantAgent.phone);
-          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate[0].applicantAgent.name);
-          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate[0].applicantAgent.email);
-          this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name);
-          this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone);
-          this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard);
-          this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate[0].res.sex));
-          this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth);
-          this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home);
-          this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
+          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
+          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
+          this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
+          this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
+          this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
+          this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
+          this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate.res[0].res.sex));
+          this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
+          this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
+          this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
         } else {
           this.formData.affiliate.applicant[0].applicantAgent.name = null;
           this.formData.affiliate.applicant[0].applicantAgent.email = null;
           this.$set(this.formData, 'organizeFlag', 1);
           this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
           this.$set(this.formData, 'facts', this.formZipData.facts);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate[0].applicant.name);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData.affiliate[0].applicant.code);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData.affiliate[0].applicant.email);
-          this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData.affiliate[0].applicant.phone);
-          this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate[0].res.name);
-          this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate[0].res.phone);
-          this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate[0].res.idCard);
-          this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate[0].res.sex);
-          this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate[0].res.birth);
-          this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate[0].res.home);
-          this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate[0].res.email);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData.affiliate.applicant[0].applicant.code);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData.affiliate.applicant[0].applicant.email);
+          this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData.affiliate.applicant[0].applicant.phone);
+          this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
+          this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
+          this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
+          this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
+          this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
+          this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
+          this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
         } else {
           this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null);
           this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null);
     handleBlur(index) {
       // console.log(this.formData.affiliate.respondentIdentityNum);
       let idCards = {
-        idCard: this.formData.affiliate[index].res.idCard,
+        idCard: this.formData.affiliate.res[index].res.idCard,
       };
       getInfoByIdCard(idCards).then((res) => {
-        this.formData.affiliate[index].res.sex = res.respondentSex;
+        this.formData.affiliate.res[index].res.sex = res.respondentSex;
         // console.log(res.respondentBirth);
-        this.formData.affiliate[index].res.birth = res.respondentBirth;
+        this.formData.affiliate.res[index].res.birth = res.respondentBirth;
       });
     },
     /**删除新增信息某一项 */
     addRes(){
       this.formData.affiliate.res.push({
               res: {
-                roleType: 1,
+                roleType: 3,
                 name: "",
                 idCard: "",
                 code: "",
                 operatorFlag:0
               },
               resAgent: {
-                roleType: 2,
+                roleType: 4,
                 name: "",
                 idCard: "",
                 code: "",

src/views/caseManagement/components/caseFilingDetailsPage.vue

         <i class="el-icon-loading"></i>
       </div>
       <div v-else>
-          <el-tabs v-model="activeName"  @tab-click="handleClick">
-            <el-tab-pane label="案件信息" name="five"></el-tab-pane>
-            <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
-            <!-- <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane> -->
-            <el-tab-pane label="调解书" name="third"></el-tab-pane>
-            <el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
-            <el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
-         </el-tabs>
-         <div v-show="activeName=='first'">
-             
-             <div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
-                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
-             </div>
-            <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
-         </div>
-         <!-- <div v-show="activeName=='second'">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="案件信息" name="five"></el-tab-pane>
+          <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
+          <!-- <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane> -->
+          <el-tab-pane label="调解书" name="third"></el-tab-pane>
+          <el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
+          <el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
+        </el-tabs>
+        <div v-show="activeName == 'first'">
+
+          <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2"
+            style="margin-top:10px;">
+            <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
+          </div>
+          <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 2) == 0" description="暂无数据"></el-empty>
+        </div>
+        <!-- <div v-show="activeName=='second'">
             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
                  <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
              </div>
              <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
          </div> -->
-         <div  v-show="activeName=='third'">
-             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
-                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
-             </div>
-             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
-         </div>
-         <div  v-show="activeName=='fourth'">
-             <div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
-                 <video  style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"  :src="fileURL+item.annexPath" controls="controls"></video>
-             </div>
-             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
-         </div>
-         <div  v-show="activeName=='six'">
-             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
-                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
-             </div>
-             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
-         </div>
-         <div v-show="activeName=='five'">
-              <el-form  :disabled="true" :model="detailsAwardNum"  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-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 8 }" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="事实和理由">
-                <el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 8 }" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
-                <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
-                  :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
-                  :before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
-                  :on-exceed="handleExceed" :file-list="fileList">
-                  <el-button size="small" type="primary">点击上传</el-button>
-                  <div slot="tip" class="el-upload__tip">
-                    文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
+        <div v-show="activeName == 'third'">
+          <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 7" style="margin-top:10px;">
+            <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
+          </div>
+          <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 7) == 0" description="暂无数据"></el-empty>
+        </div>
+        <div v-show="activeName == 'fourth'">
+          <div style="margin-top:10px;" v-for="(item, index) in detailsAwardNum.caseAttachList"
+            v-if="item.annexType == 5">
+            <video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"
+              :src="fileURL + item.annexPath" controls="controls"></video>
+          </div>
+          <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 5) == 0" description="暂无数据"></el-empty>
+        </div>
+        <div v-show="activeName == 'six'">
+          <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 6" style="margin-top:10px;">
+            <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
+          </div>
+          <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 6) == 0" description="暂无数据"></el-empty>
+        </div>
+        <div v-show="activeName == 'five'">
+          <el-form :disabled="true" :model="detailsAwardNum" 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="申请人调解请求" prop="arbitratClaims" :rules="[
+      {
+        required: true,
+        message: '申请人调解请求不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                  <el-input v-model="detailsAwardNum.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',
+      },
+    ]">
+                  <el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
+                    :autosize="{ minRows: 4, maxRows: 8 }" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="调解申请书:">
+                  <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
+                    <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath, 1)">
+                      {{ item.annexName }}
+                    </div>
                   </div>
-                </el-upload>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24" v-if="showmediate">
-              <el-form-item label="证据:">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="调解书:">
+                  <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
+                    <div style="color: blue; cursor: pointer" @click="fileDetil(item.onlyOfficeFileId, 2)">
+                      {{ item.annexName }}
+                    </div>
                   </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="调解结果:">
+                  <el-link v-if="detailsAwardNum.mediaResult == 1">达成调解</el-link>
+                  <el-link v-if="detailsAwardNum.mediaResult == 2">未达成调解</el-link>
+                  <el-link v-if="detailsAwardNum.mediaResult == 3">未达成调解但不在争议</el-link>
+                  <el-link v-if="detailsAwardNum.mediaResult == 4">未达成调解但同意引入仲裁</el-link>
+                  <el-link v-if="detailsAwardNum.mediaResult == 5">达成和解</el-link>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <div style="display: inline-flex">
+                  <div class="infoIcon"></div>
+                  <div class="caseInfo">双方信息：</div>
                 </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24" v-if="showEvidence">
-              <el-form-item label="调解申请书:">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
+                <el-divider></el-divider>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="选择机构或自然人" prop="organizeFlag">
+                  <el-radio-group v-model="detailsAwardNum.organizeFlag">
+                    <el-radio :label="0">自然人</el-radio>
+                    <el-radio :label="1">机构</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <div class="applicant" v-for="(item, index) in detailsAwardNum.affiliate.applicant" :key="item.key">
+                <el-col :span="24">
+                  <div style="display: inline-flex">
+                    <div class="infoIcon"></div>
+                    <div class="caseInfo">申请人</div>
                   </div>
-                </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="调解书:" v-if="showConciliation">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
+                  <el-divider></el-divider>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="申请机构名称" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
+      {
+        required: true,
+        message: '申请机构名称不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.name" placeholder="请输入申请机构名称" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="申请人" :prop="'affiliate.applicant.' + index + '.applicant.name'" :rules="[
+      {
+        required: true,
+        message: '申请人名称不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.name" placeholder="请输入申请人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'"
+                    :rules="[
+      {
+        required: true,
+        message: '请选择是否为操作人',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-select v-model="item.applicant.operatorFlag" placeholder="请选择" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label-width="140px" label="统一社会信用代码"
+                    :prop="'affiliate.applicant.' + index + '.applicant.code'" :rules="[
+      {
+        required: true,
+        message: '统一社会信用代码不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.code" placeholder="请输入统一社会信用代码" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :prop="'affiliate.applicant.' + index + '.applicant.nationality'" label="国籍" :rules="[
+      {
+        required: true,
+        message: '国籍不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-select v-model="item.applicant.nationality" placeholder="请选择国籍" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item :prop="'affiliate.applicant.' + index + '.applicant.idType'" label="证件类型" :rules="[
+      {
+        required: true,
+        message: '证件类型不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-select v-model="item.applicant.idType" placeholder="证件类型" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel"
+                        :value="Number(item.dictValue)">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="证件号码" :prop="'affiliate.applicant.' + index + '.applicant.idCard'" :rules="[
+      {
+        required: true,
+        message: '证件号码不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.idCard" placeholder="请输入申请人的证件号码" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="申请人邮箱" :prop="'affiliate.applicant.' + index + '.applicant.email'" :rules="[
+      {
+        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="item.applicant.email" placeholder="请输入申请人邮箱" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="申请人电话" :prop="'affiliate.applicant.' + index + '.applicant.phone'" :rules="detailsAwardNum.affiliate.nationality == 0 ? [
+      {
+        required: true,
+        message: '申请人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ] : []">
+                    <el-input v-model="item.applicant.phone" placeholder="请输入申请人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="法定代表人" :prop="'affiliate.applicant.' + index + '.applicant.compLegalPerson'"
+                    :rules="[
+      {
+        required: true,
+        message: '法定代表人不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.compLegalPerson" placeholder="请输入法定代表人" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="申请人住所" :prop="'affiliate.applicant.' + index + '.applicant.home'" :rules="[
+      {
+        required: true,
+        message: '申请人住所不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.home" placeholder="请输入申请人住所" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="申请人联系地址" :prop="'affiliate.applicant.' + index + '.applicant.address'" :rules="[
+      {
+        required: true,
+        message: '申请人联系地址不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicant.address" placeholder="请输入申请人联系地址" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <div style="display: inline-flex">
+                    <div class="infoIcon"></div>
+                    <div class="caseInfo">申请人代理人</div>
                   </div>
-                </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-                 <el-form-item label="调解结果:" v-if="detailsAwardNum.mediaResult">
-                    <el-link v-if="detailsAwardNum.mediaResult==1">达成调解</el-link>
-                    <el-link v-if="detailsAwardNum.mediaResult==2">未达成调解</el-link>
-                    <el-link v-if="detailsAwardNum.mediaResult==3">未达成调解但不在争议</el-link>
-                    <el-link v-if="detailsAwardNum.mediaResult==4">未达成调解但同意引入仲裁</el-link>
-                    <el-link v-if="detailsAwardNum.mediaResult==5">达成和解</el-link>
-                 </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <div style="display: inline-flex">
-                <div class="infoIcon"></div>
-                <div class="caseInfo">双方信息：</div>
+                  <el-divider></el-divider>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'" :rules="[
+      {
+        required: true,
+        message: '代理人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人联系电话" :prop="'affiliate.applicant.' + index + '.applicantAgent.phone'">
+                    <el-input v-model="item.applicantAgent.phone" placeholder="请输入代理人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'" :rules="[
+      {
+        required: true,
+        message: '代理人姓名不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人姓名" :prop="'affiliate.applicant.' + index + '.applicantAgent.name'">
+                    <el-input v-model="item.applicantAgent.name" placeholder="请输入代理人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="是否为操作人" :prop="'affiliate.applicant.' + index + '.applicant.operatorFlag'">
+                    <el-select v-model="item.applicantAgent.operatorFlag" placeholder="请选择" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
+      {
+        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="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人邮箱" :prop="'affiliate.applicant.' + index + '.applicantAgent.email'" :rules="[
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.applicantAgent.email" placeholder="请输入代理人邮箱" />
+                  </el-form-item>
+                </el-col>
               </div>
-              <el-divider></el-divider>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
-                <el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
-                  <el-radio :label="0">自然人</el-radio>
-                  <el-radio :label="1">机构</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="申请机构名称">
-                <el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人">
-                <el-input v-model="detailsAwardNum.affiliate.applicationName"  placeholder="请输入申请人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="统一社会信用代码">
-                <el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人身份证号码">
-                <el-input v-model="detailsAwardNum.affiliate.code"  placeholder="请输入申请人的身份证号" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.applicationEmail"  placeholder="请输入申请人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人电话">
-                <el-input v-model="detailsAwardNum.affiliate.applicationPhone"  placeholder="请输入申请人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="法定代表人">
-                <el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人住所">
-                <el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人联系地址">
-                <el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人联系电话">
-                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent"  placeholder="请输入代理人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
-                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
-                <el-input v-model="detailsAwardNum.affiliate.nameAgent"  placeholder="请输入代理人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
-                <el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.agentEmail"  placeholder="请输入代理人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人姓名">
-                <el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人联系电话" >
-                <el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人身份证号">
-                <el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum"  placeholder="请输入被申请人身份证号" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人性别：">
-                <el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
-                  <el-radio :label="0">男</el-radio>
-                  <el-radio :label="1">女</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
-                <el-date-picker  v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人申请人住所">
-                <el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-col :span="24">
-            <el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
-              <el-input type="textarea" v-model="item.value"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-form>
-         </div>
+              <div class="res" v-for="(item, index) in detailsAwardNum.affiliate.res" :key="index">
+                <el-col :span="24">
+                  <div style="display: inline-flex">
+                    <div class="infoIcon"></div>
+                    <div class="caseInfo" style="margin-right: 40px;">被申请人</div>
+                  </div>
+                  <el-divider></el-divider>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="被申请人姓名" :prop="'affiliate.res.' + index + '.res.name'" :rules="[
+      {
+        required: true,
+        message: '被申请人姓名不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.res.name" placeholder="请输入被申请人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.res.operatorFlag'">
+                    <el-select v-model="item.res.operatorFlag" placeholder="请选择" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label-width="140px" label="被申请人联系电话" :prop="'affiliate.res.' + index + '.res.phone'"
+                    :rules="[
+      {
+        required: true,
+        message: '被申请人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.res.phone" placeholder="请输入被申请人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label-width="150px" label="被申请人申请人住所" :prop="'affiliate.res.' + index + '.res.home'"
+                    :rules="[
+      {
+        required: true,
+        message: '被申请人申请人住所不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.res.home" placeholder="请输入被申请人申请人住所" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="被申请人邮箱" :prop="'affiliate.res.' + index + '.res.email'" :rules="[
+      {
+        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="item.res.email" placeholder="请输入被申请人邮箱" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label-width="140px" label="被申请人身份证号" :prop="'affiliate.res.' + index + '.res.idCard'"
+                    :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="item.res.idCard" @blur="handleBlur(index)" placeholder="请输入被申请人身份证号" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label-width="140px" label="被申请人出生年月：" :prop="'affiliate.res.' + index + '.res.birth'">
+                    <el-date-picker disabled v-model="item.res.birth" type="date" placeholder="被申请人出生年月日">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="被申请人性别：" :prop="'affiliate.res.' + index + '.res.sex'" :rules="[
+      {
+        required: true,
+        message: '请选择性别',
+      },
+    ]">
+                    <el-radio-group v-model="item.res.sex" disabled>
+                      <el-radio :label="'0'">男</el-radio>
+                      <el-radio :label="'1'">女</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <div style="display: inline-flex">
+                    <div class="infoIcon"></div>
+                    <div class="caseInfo">被申请人代理人</div>
+                  </div>
+                  <el-divider></el-divider>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'" :rules="[
+      {
+        required: true,
+        message: '代理人联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人联系电话" :prop="'affiliate.res.' + index + '.resAgent.phone'">
+                    <el-input v-model="item.resAgent.phone" placeholder="请输入代理人联系电话" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人姓名" :prop="'affiliate.res.' + index + '.resAgent.name'" :rules="[
+      {
+        required: true,
+        message: '代理人姓名不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="是否为操作人" :prop="'affiliate.res.' + index + '.resAgent.operatorFlag'">
+                    <el-select v-model="item.resAgent.operatorFlag" placeholder="请选择" auto-complete="off"
+                      style="width: 100%;">
+                      <el-option v-for="item in roleTypeList" :key="item.id" :label="item.value" :value="item.id">
+
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人姓名" :prop="'affiliate.res.' + index + '.resAgent.name'">
+                    <el-input v-model="item.resAgent.name" placeholder="请输入代理人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 1">
+                  <el-form-item label="代理人邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
+      {
+        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="item.resAgent.email" placeholder="请输入代理人邮箱" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-if="detailsAwardNum.organizeFlag == 0">
+                  <el-form-item label="代理人邮箱" :prop="'affiliate.res.' + index + '.resAgent.email'" :rules="[
+      {
+        pattern:
+          /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+        message: '请输入正确的邮箱地址',
+        trigger: 'blur',
+      },
+    ]">
+                    <el-input v-model="item.resAgent.email" placeholder="请输入代理人邮箱" />
+                  </el-form-item>
+                </el-col>
+                </div>
+                </el-row>
+          </el-form>
+        </div>
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel">取 消</el-button>
 import { getToken } from "@/utils/auth";
 import {
   caseApplicationSelectById,
+  getIdType
 } from "@/api/caseManagement/caseManagement.js";
 export default {
-    props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
+  props: ["showarchiveDetails", "detailsAwardNum", "videoList", "flagLoadingS", "trialTranscripts", "caseFilingData"],
   components: {
-    
+
   },
   data() {
     return {
-     activeName: 'five',
+      activeName: 'five',
       fileURL: window.location.origin + "/API",
       noData: false,
       filedata: {
       headers: {
         Authorization: "Bearer " + getToken(),
       },
-      showEvidence:false,
-      showmediate:false,
-      showConciliation:false
+      showEvidence: false,
+      showmediate: false,
+      showConciliation: false,
+      roleTypeList: [
+        {
+          value: '否',
+          id: 0
+        },
+        {
+          value: '是',
+          id: 1
+        }
+      ],
+      nationalityList: [
+        {
+          value: '境内',
+          id: 0
+        },
+        {
+          value: '境外',
+          id: 1
+        }
+      ],
+      idTypeList: [
+       
+      ]
     };
   },
-watch: {
+  watch: {
     showarchiveDetails: {
       handler(val) {
         if (val) {
+          this.getIdTypeFn();
           this.activeName = 'five'
           this.caseApplicationSelectByIdFn(this.caseFilingData.id)
-          this.showEvidence=false,
-          this.showmediate=false,
-          this.showConciliation=false
+          this.showEvidence = false,
+            this.showmediate = false,
+            this.showConciliation = false
           // this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
         }
       },
     },
-    
-  },
-  created(){
-    
 
-    
+  },
+  created() {
+   
   },
   methods: {
-    isNoData(data,type){
-        let resNumber = 0
-        if(data){
-            let list = data.filter(item => item.annexType == type)
-            if(list){
-                resNumber = list.length
-            }
+    isNoData(data, type) {
+      let resNumber = 0
+      if (data) {
+        let list = data.filter(item => item.annexType == type)
+        if (list) {
+          resNumber = list.length
         }
-        return resNumber
+      }
+      return resNumber
+    },
+    /** 获取证件类型 */
+    getIdTypeFn() {
+      getIdType().then(res => {
+        this.idTypeList = res.data;
+      })
     },
     /** 根据案件id获取对应信息 */
-     caseApplicationSelectByIdFn(data) {
-       caseApplicationSelectById({ id: data }).then((res) => {
-         res.data.caseAttachList.forEach(item => {
-           if(item.annexType==2){
-             this.showmediate = true
-           }else if(item.annexType==3){
-             this.showEvidence = true
-           }else if(item.annexType==7){
-             this.showConciliation = true
-           }
-         });
+    caseApplicationSelectByIdFn(data) {
+      caseApplicationSelectById({ id: data }).then((res) => {
+        res.data.caseAttachList.forEach(item => {
+          if (item.annexType == 2) {
+            this.showmediate = true
+          } else if (item.annexType == 3) {
+            this.showEvidence = true
+          } else if (item.annexType == 7) {
+            this.showConciliation = true
+          }
+        });
       });
     },
-      /** 查看证据 */
+    /** 查看证据 */
     fileDetil(val) {
       window.open(this.fileURL + val);
     },
-       /** 文件上传地址 */
+    /** 文件上传地址 */
     UploadUrl() {
       return window.location.origin + "/API/common/upload";
     },
-        /**文件上传成功*/
+    /**文件上传成功*/
     handlSuccess(res, file) {
       this.detailsAwardNum.caseAttachList.push({
         annexId: res.annexId,
       });
     },
-        /**文件超出个数限制时的钩子*/
+    /**文件超出个数限制时的钩子*/
     handleExceed(files, fileList) {
       this.$message.warning(
         `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
     handleClick(tab, event) {
 
     },
-    
+
     cancel() {
       this.$emit("cancelDetail");
     },
   height: 500px !important;
   overflow: auto !important;
 }
+
 ::v-deep .el-dialog {
   width: 925px;
   background: #ffffff;
   border-radius: 20px;
 }
+
 .loading {
   width: 100%;
   height: 100%;

src/views/caseManagement/components/mediation.vue

     // 根据用户id查询是否为调解员
     secretaryRoleByUserIdFn() {
       secretaryRoleByUserId({
-        userId: this.userId
+        userId: this.userId,
+        caseId: this.mediationData.id
       }).then(res => {
          this.isSecretaryRole = res.data.isSecretaryRole;
       })

src/views/caseManagement/components/payDialog.vue

       this.submitForm.caseId = this.payId;
       }
     }
-  }
+  },
 };
 </script>