From b79b8520c1c4d0cd12ceb96531a8e2c3298a2816 Mon Sep 17 00:00:00 2001
From: hanchaobo <you@example.com>
Date: Wed, 15 May 2024 18:07:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=85=E9=81=93bug515?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/caseManagement/caseList.vue         |   10 +-
 .../components/caseentryDialog.vue            | 1267 +++++++++--------
 .../components/paymentdetailsDialog.vue       |   69 +-
 3 files changed, 684 insertions(+), 662 deletions(-)

diff --git a/src/views/caseManagement/caseList.vue b/src/views/caseManagement/caseList.vue
index edc54e2..80fff68 100644
--- a/src/views/caseManagement/caseList.vue
+++ b/src/views/caseManagement/caseList.vue
@@ -203,7 +203,7 @@
                     <el-button size="mini" type="text" icon="el-icon-edit"
                     v-if="scope.row.caseStatus == 16 && checkPermi(['caseManagement:list:archive']) && btnStatus"
                         @click="showCasefilingModel(scope.row, 6)">案件归档</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="detailsAwardList(scope.row)">案件详情</el-button>                    
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="detailsAwardList(scope.row)">案件详情</el-button>                     -->
             <!-- 暂时隐藏后期可能会放其他地方 -->
           <!-- <el-button v-if="checkPermi(['caseManagement:list:listEvidence']) && scope.row.caseStatus <= 1 && btnStatus"
             size="mini" type="text" icon="el-icon-upload" @click="uploadCase(scope.row)">上传证据目录</el-button> -->
@@ -225,7 +225,7 @@
       @pagination="getcaseApply(queryParams)" />
 
     <!-- 立案申请弹框 -->
-    <caseentryDialog :visible="visible" @cancel="cancel" :form="form" :queryParams="queryParams"
+    <caseentryDialog :visible="visible" @cancel="cancel" :form="form" :detailsAwardForm="detailsAwardForm" :queryParams="queryParams"
       :dialogtitle="dialogtitle" :getcaseApply="getcaseApply" :flag="flag" :caseAttachList="caseAttachList"
       :initpaymentArr="initpaymentArr" :initpaymentArr1="initpaymentArr1" :columnValues="columnValues"></caseentryDialog>
     <!-- 批量申请弹框 openbatch-->
@@ -305,9 +305,9 @@
      <!-- 送达裁决书页面 -->
      <mailawardDialog :openMailawardDialog="openMailawardDialog" @closeMailaward="closeMailaward"  :mailawardata="mailawardata" :emailobj="emailobj"  @getcaseApply="getcaseApply" :queryParams="queryParams"></mailawardDialog>
      <!-- 裁决书案件详情 -->
-     <detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
+     <!-- <detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
         :flagLoadingS="flagLoadingS" :trialTranscripts="trialTranscripts"
-      ></detailsAward>
+      ></detailsAward> -->
   </div>
 </template>
 
@@ -398,6 +398,7 @@ export default {
   },
   data() {
     return {
+      detailsAwardForm: {},
       // 遮罩层
       loading: true,
       // 总条数
@@ -959,6 +960,7 @@ export default {
         version: row.version
       }
       selectCaseApply(params).then((res) => {
+        this.detailsAwardForm = res.data;
         // 证据清单
         this.caseAttachListR = res.data.caseAttachList;
         // this.visible = true;
diff --git a/src/views/caseManagement/components/caseentryDialog.vue b/src/views/caseManagement/components/caseentryDialog.vue
index 604f695..362509a 100644
--- a/src/views/caseManagement/components/caseentryDialog.vue
+++ b/src/views/caseManagement/components/caseentryDialog.vue
@@ -3,153 +3,159 @@
     <el-dialog :title="dialogtitle" :visible="visible" @close="cancel" width="1000px" append-to-body
       :destroy-on-close="true" center>
       <!-- tab页 -->
-       <el-tabs v-model="activeName" @tab-click="handleClick" v-show="form.id != undefined && form.id != null">
-          <el-tab-pane label="案件基本信息" name="first"></el-tab-pane>
-          <el-tab-pane label="自定义抓取内容" name="second"></el-tab-pane>
+      <el-tabs v-model="activeName" @tab-click="handleClick" v-show="form.id != undefined && form.id != null">
+        <el-tab-pane label="案件基本信息" name="first"></el-tab-pane>
+        <el-tab-pane label="自定义抓取内容" name="second"></el-tab-pane>
+        <el-tab-pane label="裁决书附件" name="third" v-if="flag == 0"></el-tab-pane>
+        <el-tab-pane label="案件视频" name="five" v-if="flag == 0"></el-tab-pane>
+        <el-tab-pane label="庭审笔录" name="six" v-if="flag == 0"></el-tab-pane>
+        <el-tab-pane label="案件异议信息" name="seven" v-if="flag == 0"></el-tab-pane>
       </el-tabs>
-      <div v-show="activeName=='first'">
-           <!-- 案件信息 -->
-      <el-form ref="form" :model="formData" :rules="rules" label-width="150px" :disabled="flag == '0'">
-        <div style="display: inline-flex">
-          <div class="infoIcon"></div>
-          <div class="caseInfo">案件信息：</div>
-        </div>
-        <el-divider></el-divider>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'">
-              <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="flag == '1'" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <!-- :disabled="flag == '1'" -->
-            <el-form-item label="案件名称：" prop="caseName">
-              <el-input v-model="formData.caseName" placeholder="请输入案件名称"  />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="案件标的：" prop="caseSubjectAmount">
-              <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的"
-                @input="numberFn('caseSubjectAmount')" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="借款开始日期：" prop="loanStartDate">
-              <el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期"
-                >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="借款结束日期：" prop="loanEndDate">
-              <el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" @change="setEndTime">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="合同编号：" prop="contractNumber">
-              <el-input v-model="formData.contractNumber" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
-              <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" @input="numberFn('claimPrinciOwed')" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
-              <el-input v-model="formData.claimInterestOwed" placeholder="请输入" @input="numberFn('claimInterestOwed')" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
-              <el-input v-model="formData.claimLiquidDamag" placeholder="请输入" @input="numberFn('claimLiquidDamag')" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="申请人请求仲裁庭裁决：" prop="requestRule">
-              <el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
-                :autosize="{ minRows: 4, maxRows: 8 }" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="是否财产保全申请：" prop="properPreser">
-              <el-radio-group v-model="formData.properPreser">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-           <el-col :span="24">
-            <el-form-item label="是否书面审理" prop="applicantIsWrittenHear">
-              <el-radio-group v-model="formData.applicantIsWrittenHear">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <!-- 应缴费用 -->
-          <el-col :span="12" v-if="flag == 0">
-            <el-form-item label="应缴费用：" prop="feePayable">
-              <el-input v-model="formData.feePayable" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <!-- 申请人仲裁诉求 -->
-          <el-col :span="24">
-            <el-form-item label="申请人仲裁请求" prop="arbitratClaims">
-              <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
-                :autosize="{ minRows: 4, maxRows: 8 }" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
+      <div v-show="activeName == 'first'">
+        <!-- 案件信息 -->
+        <el-form ref="form" :model="formData" :rules="rules" label-width="150px" :disabled="flag == '0'">
+          <div style="display: inline-flex">
+            <div class="infoIcon"></div>
+            <div class="caseInfo">案件信息：</div>
+          </div>
+          <el-divider></el-divider>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'">
+                <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="flag == '1'" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <!-- :disabled="flag == '1'" -->
+              <el-form-item label="案件名称：" prop="caseName">
+                <el-input v-model="formData.caseName" placeholder="请输入案件名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="案件标的：" prop="caseSubjectAmount">
+                <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的"
+                  @input="numberFn('caseSubjectAmount')" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="借款开始日期：" prop="loanStartDate">
+                <el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="借款结束日期：" prop="loanEndDate">
+                <el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期"
+                  @change="setEndTime">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="合同编号：" prop="contractNumber">
+                <el-input v-model="formData.contractNumber" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
+                <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" @input="numberFn('claimPrinciOwed')" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
+                <el-input v-model="formData.claimInterestOwed" placeholder="请输入"
+                  @input="numberFn('claimInterestOwed')" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
+                <el-input v-model="formData.claimLiquidDamag" placeholder="请输入" @input="numberFn('claimLiquidDamag')" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="申请人请求仲裁庭裁决：" prop="requestRule">
+                <el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
+                  :autosize="{ minRows: 4, maxRows: 8 }" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="是否财产保全申请：" prop="properPreser">
+                <el-radio-group v-model="formData.properPreser">
+                  <el-radio :label="1">是</el-radio>
+                  <el-radio :label="0">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="是否书面审理" prop="applicantIsWrittenHear">
+                <el-radio-group v-model="formData.applicantIsWrittenHear">
+                  <el-radio :label="1">是</el-radio>
+                  <el-radio :label="0">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <!-- 应缴费用 -->
+            <el-col :span="12" v-if="flag == 0">
+              <el-form-item label="应缴费用：" prop="feePayable">
+                <el-input v-model="formData.feePayable" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <!-- 申请人仲裁诉求 -->
+            <el-col :span="24">
+              <el-form-item label="申请人仲裁请求" prop="arbitratClaims">
+                <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">
                 <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
-                :autosize="{ minRows: 4, maxRows: 8 }" />
+                  :autosize="{ minRows: 4, maxRows: 8 }" />
               </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence" v-if="flag !== '0'">
-              <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>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24" v-if="flag == '2'">
-              <el-form-item  label="裁决书模板" prop="templateId">
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence" v-if="flag !== '0'">
+                <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>
+                </el-upload>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24" v-if="flag == '2'">
+              <el-form-item label="裁决书模板" prop="templateId">
                 <el-select placeholder="请选择裁决书模板" v-model="formData.templateId">
-                  <el-option v-for="item in templateList" :label="item.temName" :key="item.id" :value="item.id"></el-option>
+                  <el-option v-for="item in templateList" :label="item.temName" :key="item.id"
+                    :value="item.id"></el-option>
                 </el-select>
               </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人案件证据资料：" v-if="flag == '0' &&
-              caseAttachList.length > 0 &&
-              applicateArr.length > 0
-              ">
-              <div v-for="(item, index) in applicateArr" :key="index">
-                <a href="#" @click="toFile(item, index)" style="color: blue">
-                  {{ item.annexName }}
-                </a>
-              </div>
-            </el-form-item>
-          </el-col>
-          <!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
-          <el-col :span="12">
-            <el-form-item label="被申请人案件证据资料：" prop="respondentEvidence" v-if="flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
-              ">
-              <div v-for="(item, index) in quiltArr" :key="index">
-                <a href="#" @click="toFile1(item, index)" style="color: blue">
-                  {{ item.annexName }}
-                </a>
-              </div>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人案件证据资料：" v-if="flag == '0' &&
+      caseAttachList.length > 0 &&
+      applicateArr.length > 0
+      ">
+                <div v-for="(item, index) in applicateArr" :key="index">
+                  <a href="#" @click="toFile(item, index)" style="color: blue">
+                    {{ item.annexName }}
+                  </a>
+                </div>
+              </el-form-item>
+            </el-col>
+            <!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
+            <el-col :span="12">
+              <el-form-item label="被申请人案件证据资料：" prop="respondentEvidence" v-if="flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
+      ">
+                <div v-for="(item, index) in quiltArr" :key="index">
+                  <a href="#" @click="toFile1(item, index)" style="color: blue">
+                    {{ item.annexName }}
+                  </a>
+                </div>
 
-              <!-- <el-upload
+                <!-- <el-upload
                 class="upload-demo"
                 action="https://jsonplaceholder.typicode.com/posts/"
                 :on-preview="handlePreview"
@@ -165,490 +171,514 @@
                   只能上传jpg/png文件，且不超过500kb
                 </div>
               </el-upload> -->
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <!-- 申请人主体信息 -->
-      <el-form ref="form2" :model="form2" label-width="150px" :disabled="flag == '0'">
-        <div v-for="(item, index) in form2.paymentArr" :key="index">
-          <div style="display: flex; justify-content: space-between">
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <!-- 申请人主体信息 -->
+        <el-form ref="form2" :model="form2" label-width="150px" :disabled="flag == '0'">
+          <div v-for="(item, index) in form2.paymentArr" :key="index">
+            <div style="display: flex; justify-content: space-between">
+              <div style="display: inline-flex">
+                <div class="infoIcon"></div>
+                <div class="caseInfo">申请人主体信息：</div>
+              </div>
+              <!-- <p>申请人主体信息：</p> -->
+              <el-button type="danger" icon="el-icon-delete" @click="deleteData(index)"
+                v-if="form2.paymentArr.length > 1 && flag != '0'"></el-button>
+            </div>
+            <el-divider></el-divider>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="申请人(机构)：" :prop="'paymentArr.' + index + '.name'" :rules="[
+      {
+        required: true,
+        message: '申请人不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.name" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="代码：" :prop="'paymentArr.' + index + '.identityNum'" :rules="[
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.identityNum" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphone'" :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.contactTelphone" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <!-- 新增申请人邮箱 -->
+              <el-col :span="12">
+                <el-form-item label="邮箱" :prop="'paymentArr.' + index + '.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.email" placeholder="请输入电子邮件" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="单位地址：" :prop="'paymentArr.' + index + '.workAddress'" :rules="[
+      {
+        required: true,
+        message: '单位地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.workAddress" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="单位电话：" :prop="'paymentArr.' + index + '.workTelphone'" :rules="[
+      {
+        required: true,
+        message: '单位电话不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                  <el-input v-model="item.workTelphone" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddress'" :rules="[
+      {
+        required: true,
+        message: '联系地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.contactAddress" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="申请人住所：" :prop="'paymentArr.' + index + '.residenAffili'" :rules="[
+      {
+        required: true,
+        message: '申请人住所不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.residenAffili" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="法定代表人：" :prop="'paymentArr.' + index + '.compLegalPerson'" :rules="[
+      {
+        required: true,
+        message: '法定代表人不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.compLegalPerson" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="法定代表人职位：" :prop="'paymentArr.' + index + '.compLegalperPost'" :rules="[
+      {
+        required: true,
+        message: '法定代表人职位不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.compLegalperPost" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+            </el-row>
             <div style="display: inline-flex">
               <div class="infoIcon"></div>
-              <div class="caseInfo">申请人主体信息：</div>
+              <div class="caseInfo2">代理人信息：</div>
             </div>
-            <!-- <p>申请人主体信息：</p> -->
-            <el-button type="danger" icon="el-icon-delete" @click="deleteData(index)"
-              v-if="form2.paymentArr.length > 1 && flag != '0'"></el-button>
+            <!-- <p>代理人信息：</p> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="姓名：" :prop="'paymentArr.' + index + '.nameAgent'" :rules="[
+      {
+        message: '姓名不能为空',
+        trigger: 'blur',
+      },
+      { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.nameAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="身份证号：" :prop="'paymentArr.' + index + '.identityNumAgent'" :rules="[
+      {
+        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.identityNumAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphoneAgent'" :rules="[
+      {
+        message: '联系电话不能为空',
+        trigger: 'blur',
+      },
+      {
+        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ]">
+                  <el-input v-model="item.contactTelphoneAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddressAgent'" :rules="[
+      {
+        message: '联系地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="item.contactAddressAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+            </el-row>
           </div>
-          <el-divider></el-divider>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="申请人(机构)：" :prop="'paymentArr.' + index + '.name'" :rules="[
-                {
-                  required: true,
-                  message: '申请人不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.name" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="代码：" :prop="'paymentArr.' + index + '.identityNum'" :rules="[
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.identityNum" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphone'" :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.contactTelphone" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <!-- 新增申请人邮箱 -->
-            <el-col :span="12">
-              <el-form-item label="邮箱" :prop="'paymentArr.' + index + '.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.email"
-                placeholder="请输入电子邮件"
-              />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位地址：" :prop="'paymentArr.' + index + '.workAddress'" :rules="[
-                {
-                  required: true,
-                  message: '单位地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.workAddress" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位电话：" :prop="'paymentArr.' + index + '.workTelphone'" :rules="[
-                {
-                  required: true,
-                  message: '单位电话不能为空',
-                  trigger: 'blur',
-                },
-              ]">
-                <el-input v-model="item.workTelphone" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddress'" :rules="[
-                {
-                  required: true,
-                  message: '联系地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.contactAddress" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人住所：" :prop="'paymentArr.' + index + '.residenAffili'" :rules="[
-                {
-                  required: true,
-                  message: '申请人住所不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.residenAffili" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="法定代表人：" :prop="'paymentArr.' + index + '.compLegalPerson'" :rules="[
-                {
-                  required: true,
-                  message: '法定代表人不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.compLegalPerson" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="法定代表人职位：" :prop="'paymentArr.' + index + '.compLegalperPost'" :rules="[
-                {
-                  required: true,
-                  message: '法定代表人职位不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.compLegalperPost" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <div style="display: inline-flex">
-            <div class="infoIcon"></div>
-            <div class="caseInfo2">代理人信息：</div>
-          </div>
-          <!-- <p>代理人信息：</p> -->
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="姓名：" :prop="'paymentArr.' + index + '.nameAgent'" :rules="[
-                {
-                  message: '姓名不能为空',
-                  trigger: 'blur',
-                },
-                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.nameAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证号：" :prop="'paymentArr.' + index + '.identityNumAgent'" :rules="[
-                {
-                  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.identityNumAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphoneAgent'" :rules="[
-                {
-                  message: '联系电话不能为空',
-                  trigger: 'blur',
-                },
-                {
-                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                  message: '请输入正确的手机号码',
-                  trigger: 'blur',
-                },
-              ]">
-                <el-input v-model="item.contactTelphoneAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddressAgent'" :rules="[
-                {
-                  message: '联系地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="item.contactAddressAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-      </el-form>
-      <!-- <el-button
+        </el-form>
+        <!-- <el-button
         v-if="flag == 1 || flag == 2"
         type="primary"
         plain
         @click="generateForm"
         >新增申请人主体信息</el-button
       > -->
-      <!-- 被申请人主体信息 -->
-      <el-form ref="form3" label-width="150px" :disabled="flag == '0'" :model="form3">
-        <div v-for="(itm, index) in form3.paymentArr1" :key="index + form2.paymentArr.length">
-          <div style="display: flex; justify-content: space-between">
+        <!-- 被申请人主体信息 -->
+        <el-form ref="form3" label-width="150px" :disabled="flag == '0'" :model="form3">
+          <div v-for="(itm, index) in form3.paymentArr1" :key="index + form2.paymentArr.length">
+            <div style="display: flex; justify-content: space-between">
+              <div style="display: inline-flex">
+                <div class="infoIcon"></div>
+                <div class="caseInfo">被申请人主体信息：</div>
+              </div>
+              <!-- <p>被申请人主体信息：</p> -->
+              <el-button type="danger" icon="el-icon-delete" @click="deleteData1(index)"
+                v-if="form3.paymentArr1.length > 1 && flag != '0'"></el-button>
+            </div>
+            <el-divider></el-divider>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="被申请人姓名" :prop="'paymentArr1.' + index + '.name'" :rules="[
+      {
+        required: true,
+        message: '被申请人不能为空',
+        trigger: 'blur',
+      },
+      { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.name" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNum'" :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="itm.identityNum" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphone'" :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="itm.contactTelphone" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="邮箱" :prop="'paymentArr1.' + index + '.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="itm.email" placeholder="请输入电子邮件" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="单位地址：" :prop="'paymentArr1.' + index + '.workAddress'" :rules="[
+      {
+        required: true,
+        message: '单位地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.workAddress" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="单位电话：" :prop="'paymentArr1.' + index + '.workTelphone'" :rules="[
+      {
+        required: true,
+        message: '单位电话不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                  <el-input v-model="itm.workTelphone" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddress'" :rules="[
+      {
+        required: true,
+        message: '联系地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.contactAddress" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="被申请人住所：" :prop="'paymentArr1.' + index + '.residenAffili'" :rules="[
+      {
+        required: true,
+        message: '被申请人住所不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.residenAffili" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="被申请人性别：" :prop="'paymentArr1.' + index + '.responSex'" :rules="[
+      {
+        required: true,
+        message: '请选择性别'
+
+      },
+    ]">
+                  <el-radio-group v-model="itm.responSex">
+                    <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="'paymentArr1.' + index + '.responBirth'" :rules="[
+      {
+        required: true,
+        message: '被申请人出生年月日不能为空',
+        trigger: 'blur',
+      },
+    ]">
+                  <el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="date"
+                    placeholder="被申请人出生年月日">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+            </el-row>
             <div style="display: inline-flex">
               <div class="infoIcon"></div>
-              <div class="caseInfo">被申请人主体信息：</div>
+              <div class="caseInfo2">代理人信息：</div>
             </div>
-            <!-- <p>被申请人主体信息：</p> -->
-            <el-button type="danger" icon="el-icon-delete" @click="deleteData1(index)"
-              v-if="form3.paymentArr1.length > 1 && flag != '0'"></el-button>
+            <!-- <p>代理人信息：</p> -->
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="姓名：" :prop="'paymentArr1.' + index + '.nameAgent'" :rules="[
+      {
+        required: true,
+        message: '姓名不能为空',
+        trigger: 'blur',
+      },
+      { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.nameAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <!--  -->
+                <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNumAgent'" :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="itm.identityNumAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphoneAgent'" :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="itm.contactTelphoneAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddressAgent'" :rules="[
+      {
+        required: true,
+        message: '联系地址不能为空',
+        trigger: 'blur',
+      },
+      { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+    ]">
+                  <el-input v-model="itm.contactAddressAgent" placeholder="请输入" />
+                </el-form-item>
+              </el-col>
+            </el-row>
           </div>
-          <el-divider></el-divider>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="被申请人姓名" :prop="'paymentArr1.' + index + '.name'" :rules="[
-                {
-                  required: true,
-                  message: '被申请人不能为空',
-                  trigger: 'blur',
-                },
-                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.name" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNum'" :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="itm.identityNum" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphone'" :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="itm.contactTelphone" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="邮箱" :prop="'paymentArr1.' + index + '.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="itm.email"
-                  placeholder="请输入电子邮件"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位地址：" :prop="'paymentArr1.' + index + '.workAddress'" :rules="[
-                {
-                  required: true,
-                  message: '单位地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.workAddress" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位电话：" :prop="'paymentArr1.' + index + '.workTelphone'" :rules="[
-                {
-                  required: true,
-                  message: '单位电话不能为空',
-                  trigger: 'blur',
-                },
-              ]">
-                <el-input v-model="itm.workTelphone" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddress'" :rules="[
-                {
-                  required: true,
-                  message: '联系地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.contactAddress" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人住所：" :prop="'paymentArr1.' + index + '.residenAffili'" :rules="[
-                {
-                  required: true,
-                  message: '被申请人住所不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.residenAffili" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人性别：" :prop="'paymentArr1.' + index + '.responSex'" :rules="[
-                {
-                  required: true,
-                  message: '请选择性别'
-                  
-                },
-              ]">
-                <el-radio-group v-model="itm.responSex">
-                  <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="'paymentArr1.' + index + '.responBirth'" :rules="[
-                {
-                  required: true,
-                  message: '被申请人出生年月日不能为空',
-                  trigger: 'blur',
-                },
-              ]">
-                <el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="date"
-                  placeholder="被申请人出生年月日">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <div style="display: inline-flex">
-            <div class="infoIcon"></div>
-            <div class="caseInfo2">代理人信息：</div>
-          </div>
-          <!-- <p>代理人信息：</p> -->
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="姓名：" :prop="'paymentArr1.' + index + '.nameAgent'" :rules="[
-                {
-                  required: true,
-                  message: '姓名不能为空',
-                  trigger: 'blur',
-                },
-                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.nameAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <!--  -->
-              <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNumAgent'" :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="itm.identityNumAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphoneAgent'" :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="itm.contactTelphoneAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddressAgent'" :rules="[
-                {
-                  required: true,
-                  message: '联系地址不能为空',
-                  trigger: 'blur',
-                },
-                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-              ]">
-                <el-input v-model="itm.contactAddressAgent" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-      </el-form>
-      <!-- <el-button
+        </el-form>
+        <!-- <el-button
         v-if="flag == 1 || flag == 2"
         type="primary"
         plain
         @click="generateForm1()"
         >新增被申请人主体信息</el-button
       > -->
-        <div v-if="flag == '0'|| flag == '1'">
+        <div v-if="flag == '0' || flag == '1'">
           <div style="display: inline-flex">
-              <div class="infoIcon"></div>
-              <div class="caseInfo2">仲裁申请书:</div>
-            </div>
-          <div v-for="item in caseAttachList" :key ="item.annexId" v-if="item.annexType==1" style="margin-top:25px;margin-left:100px;">
-            <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+            <div class="infoIcon"></div>
+            <div class="caseInfo2">仲裁申请书:</div>
+          </div>
+          <div v-for="item in caseAttachList" :key="item.annexId" v-if="item.annexType == 1"
+            style="margin-top:25px;margin-left:100px;">
+            <el-link target="_blank" type="primary" :href="fileURL + item.annexPath">{{ item.annexName }}</el-link>
           </div>
         </div>
         <div style="margin-top:15px;" v-if="flag == '0'">
-            <div style="display: inline-flex">
-              <div class="infoIcon"></div>
-              <div class="caseInfo2">案件异议信息:</div>
-            </div>
+          <div style="display: inline-flex">
+            <div class="infoIcon"></div>
+            <div class="caseInfo2">案件异议信息:</div>
+          </div>
           <div style="margin-left:100px;">
-              {{this.form.adjudicaCounterReason}}
+            {{ this.form.adjudicaCounterReason }}
           </div>
         </div>
-            <div slot="footer" class="dialog-footer" style="text-align:center;margin-top:20px;">
-            <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton" :loading="loadingSubmit"><span>确 定</span></el-button>
-            <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
-          </div>
-        
+        <div slot="footer" class="dialog-footer" style="text-align:center;margin-top:20px;">
+          <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"
+            :loading="loadingSubmit"><span>确 定</span></el-button>
+          <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+        </div>
+
       </div>
-      
-      <div v-show="activeName=='second'" style="margin-top:20px;">
-        <el-form :model="formGrab"  label-width="120px" :disabled ="flag == '0'">
-         
-            <el-form-item  v-for="(item,index) in formGrab.list"  :label="item.name" :key="item.id">
-                <el-input type="textarea" v-model="item.value"></el-input>
-            </el-form-item>
-          
-        </el-form>  
+
+      <div v-show="activeName == 'second'" style="margin-top:20px;">
+        <el-form :model="formGrab" label-width="120px" :disabled="flag == '0'">
+
+          <el-form-item v-for="(item, index) in formGrab.list" :label="item.name" :key="item.id">
+            <el-input type="textarea" v-model="item.value"></el-input>
+          </el-form-item>
+
+        </el-form>
         <!-- <el-col :span="24">
           <div style="text-align:center;margin-top:50px;">
             <el-button type="primary" @click="submitFormGrab" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
             <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
           </div>
         </el-col> -->
-          
-        
+
+
+      </div>
+      <div v-show="activeName == 'third'">
+        <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 3" 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, 3) == 0" description="暂无数据"></el-empty>
+      </div>
+      <div v-show="activeName == 'fourth'">
+        <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType == 1" 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, 1) == 0" description="暂无数据"></el-empty>
+      </div>
+      <div v-show="activeName == 'five'">
+        <video v-if="item.annexType == 9" style="background-color: #181717;width: 350px;height: 200px;margin: 10px;"
+          :src="headPath + item.annexPath" v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index"
+          controls="controls"></video>
+        <el-empty v-if="isNoData(detailsAwardNum.caseAttachList, 9) == 0" description="暂无数据"></el-empty>
+      </div>
+      <div v-show="activeName == 'six'">
+        <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 == 'seven'">
+        <div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{ detailsAwardNum.adjudicaCounterReason }}</div>
+        <el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
       </div>
     </el-dialog>
   </div>
@@ -657,7 +687,7 @@
 <script>
 import moment from "moment"; //导入文件
 import { getToken } from "@/utils/auth";
-import { addCaseApply, editCaseApply,editCaseApplicationDefineval} from "@/api/caseAccess/caseEntry";
+import { addCaseApply, editCaseApply, editCaseApplicationDefineval } from "@/api/caseAccess/caseEntry";
 import {
   getTemplate,
 } from "@/api/officialSeal/officialSeal.js";
@@ -672,10 +702,13 @@ export default {
     "initpaymentArr1",
     "queryParams",
     "caseAttachList",
-    "columnValues"
+    "columnValues",
+    "detailsAwardForm"
   ],
   data() {
     return {
+      headPath: window.location.origin + "/API",
+      detailsAwardNum: {},
       activeName: 'first',
       loadingSubmit: false,
       fileURL: window.location.origin + "/API",
@@ -726,10 +759,10 @@ export default {
         ],
       }, //被申请人主体信息
       // 抓取内容
-      formGrab:{
-        list:[]
+      formGrab: {
+        list: []
       },
-      formGrabList:[],
+      formGrabList: [],
       // 表单校验
       rules: {
         // caseNum: [
@@ -826,7 +859,7 @@ export default {
         ],
         templateId: [
           {
-            required: true, 
+            required: true,
             message: '请输入裁决书模板',
             trigger: 'change'
           }
@@ -836,7 +869,7 @@ export default {
             required: true,
           },
         ]
-       
+
       },
       // annexId: '',
       caseAttachListArr: [],
@@ -855,7 +888,7 @@ export default {
       handler(val) {
         this.activeName = "first"
         this.formGrab.list = this.columnValues
-         this.caseAttachListArr = []
+        this.caseAttachListArr = []
         if (val) {
           this.applicateArr = [];
           this.quiltArr = [];
@@ -863,8 +896,8 @@ export default {
           console.log(this.form)
           this.fileList = [];
           this.getTemplateFn({
-          pageNum: 1,
-          pageSize: 10000000,
+            pageNum: 1,
+            pageSize: 10000000,
           })
           if (this.flag == "1" || this.flag == "0") {
             this.form2.paymentArr = this.initpaymentArr;
@@ -884,7 +917,7 @@ export default {
               }
             });
             if (this.caseAttachList.length > 0) {
-              this.caseAttachListArr = this.caseAttachList 
+              this.caseAttachListArr = this.caseAttachList
             }
             this.caseAttachList.forEach((item) => {
               if (item.annexType == 2) {
@@ -932,8 +965,28 @@ export default {
       },
       deep: true,
     },
+    visible(val) {
+      if (val) {
+        setTimeout(() => {
+          this.detailsAwardNum = this.detailsAwardForm;
+          console.log(this.detailsAwardNum.caseAttachList, "PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
+        }, 2000)
+        // this.detailsAwardNum = this.detailsAwardForm;
+        // console.log(this.detailsAwardNum.caseAttachList,"PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
+      }
+    }
   },
   methods: {
+    isNoData(data, type) {
+      let resNumber = 0
+      if (data) {
+        let list = data.filter(item => item.annexType == type)
+        if (list) {
+          resNumber = list.length
+        }
+      }
+      return resNumber
+    },
     numberFn(p) {
       this.formData[p] =
         this.formData[p]
@@ -972,7 +1025,7 @@ export default {
         } 个文件`
       );
     },
-        // 获取裁决书模板
+    // 获取裁决书模板
     getTemplateFn(data) {
       getTemplate(data).then(res => {
         console.log(res)
@@ -989,9 +1042,9 @@ export default {
       console.log(this.caseAttachListArr)
       this.caseAttachListArr = this.caseAttachListArr.filter(item => item.annexId != file.annexId)
       // (this.caseAttachListArr = []),
-        // fileList.forEach((item) => {
-        //   this.caseAttachListArr.push( item.response.data );
-        // });
+      // fileList.forEach((item) => {
+      //   this.caseAttachListArr.push( item.response.data );
+      // });
     },
     // 取消
     cancel() {
@@ -1129,7 +1182,7 @@ export default {
     //   this.$refs['formGrabRef'].validate((valid) => {
     //      if(valid){
     //        this.formGrabList['columnValues']= this.formGrab.list
-           
+
     //        console.log(this.formGrabList)
     //        editCaseApplicationDefineval({columnValues:this.formGrab.list}).then(res=>{
     //          if (res.code == 200) {
@@ -1156,8 +1209,8 @@ export default {
       );
     },
     // tabs页
-     handleClick(tab, event) {
-        // console.log(tab, event);
+    handleClick(tab, event) {
+      // console.log(tab, event);
     }
   },
 };
diff --git a/src/views/caseManagement/components/paymentdetailsDialog.vue b/src/views/caseManagement/components/paymentdetailsDialog.vue
index 945126c..a7cb3bf 100644
--- a/src/views/caseManagement/components/paymentdetailsDialog.vue
+++ b/src/views/caseManagement/components/paymentdetailsDialog.vue
@@ -1,12 +1,6 @@
 <template>
   <div>
-    <el-dialog
-      :title="title"
-      :visible="openDialog"
-      @close="cancel"
-      :destroy-on-close="true"
-      center
-    >
+    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
       <el-form ref="form" :model="form" label-width="120px">
         <el-form-item label="案件编号：" prop="caseNum">
           <el-input v-model="form.caseNum" placeholder="" :disabled="true" />
@@ -15,11 +9,7 @@
           <el-input v-model="form.caseSubjectAmount" :disabled="true" />
         </el-form-item>
         <el-form-item label="缴费人：" prop="applicantName">
-          <el-input
-            v-model="form.applicantName"
-            placeholder=""
-            :disabled="true"
-          />
+          <el-input v-model="form.applicantName" placeholder="" :disabled="true" />
         </el-form-item>
         <el-form-item label="缴费金额：" prop="feePayable">
           <el-input v-model="form.feePayable" :disabled="true" />
@@ -37,13 +27,9 @@
           </el-tag>
         </el-form-item> -->
         <el-form-item label="缴费凭证：" prop="caseStatusName">
-          <div
-            style="color: #104fad; cursor: pointer"
-            v-for="(item, index) in form.caseAttachList"
-            :key="index"
-            @click="preview(item.annexPath)"
-          >
-           <span v-if="item.annexType==8">{{ item.annexName }}</span> 
+          <div style="color: #104fad; cursor: pointer" v-for="(item, index) in form.caseAttachList" :key="index"
+            @click="preview(item.annexPath)">
+            <span v-if="item.annexType == 8">{{ item.annexName }}</span>
           </div>
           <!-- <el-tag>{{ form.caseStatusName }}</el-tag> -->
         </el-form-item>
@@ -55,31 +41,15 @@
           </el-radio-group>
         </el-form-item>
         <!-- 缴费驳回原因-->
-        <el-form-item
-          label="拒绝原因："
-          v-if="agreeOrNotCheck == 0"
-          prop="caseCheckReject"
-          :rules="[
-            { required: true, message: '请输入驳回原因', trigger: 'blur' },
-          ]"
-        >
-          <el-input
-            type="textarea"
-            :rows="2"
-            placeholder="请输入驳回原因"
-            v-model="form.caseCheckReject"
-          ></el-input>
+        <el-form-item label="拒绝原因：" v-if="agreeOrNotCheck == 0" prop="caseCheckReject" :rules="[
+      { required: true, message: '请输入驳回原因', trigger: 'blur' },
+    ]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.caseCheckReject"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitForm"
-          v-if="flag == 0"
-          class="endbutton"
-          :loading="loadingSubmit"
-          >确认已缴费</el-button
-        >
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
+          :loading="loadingSubmit">确认已缴费</el-button>
         <el-button @click="cancel" class="endbutton1">取 消</el-button>
       </div>
     </el-dialog>
@@ -89,7 +59,7 @@
 <script>
 import { confirmPay } from "@/api/pay/pay";
 export default {
-  props: ["openDialog", "title", "flag", "detailform", "queryParams","getcaseApply"],
+  props: ["openDialog", "title", "flag", "detailform", "queryParams", "getcaseApply"],
   data() {
     return {
       // key: value
@@ -123,9 +93,9 @@ export default {
     // 确认缴费
     submitForm() {
       let paramsVal = {
-        ids:[this.form.id],
-        agreeOrNotCheck:this.agreeOrNotCheck,
-        caseCheckReject:this.form.caseCheckReject
+        ids: [this.form.id],
+        agreeOrNotCheck: this.agreeOrNotCheck,
+        caseCheckReject: this.form.caseCheckReject
       }
       this.$refs["form"].validate((valid) => {
         if (valid) {
@@ -136,13 +106,10 @@ export default {
               type: "success",
             });
             this.loadingSubmit = false;
-            if (res.code == 200) {
-                this.getcaseApply(this.queryParams)
-            //   this.getList();
-            }
+            this.$emit("getcaseApply", this.queryParams);
           }).catch((err) => {
-              this.loadingSubmit = false;
-            });
+            this.loadingSubmit = false;
+          });
           this.cancel();
         }
       });