证据清单，上传证据

src/api/caseManagement/caseManagement.js

@@ -23,4 +23,20 @@ export function caseApplicationSelectById(data) {
         method: 'get',
         params: data
     })
-}
+}
+/** 案件证据查询 */
+export function getFileList(data) {
+    return request({
+        url: "/common/fileList",
+        method: "get",
+        params: data,
+    });
+}
+/** 批量上传证据 */
+export function batchUpload(data) {
+    return request({
+      url: "/caseApplication/batchUpdateAttach",
+      method: "post",
+      data: data,
+    });
+  }

src/views/caseManagement/caseList.vue

@@ -59,12 +59,15 @@
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit">修改</el-button>
+                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
+                        icon="el-icon-edit">修改</el-button>
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
                     <el-button size="mini" @click="consultantApplica(scope.row)" type="text"
                         icon="el-icon-tickets">法律顾问用印申请</el-button>
                     <el-button size="mini" @click="departmentApplica(scope.row)" type="text"
-                        icon="el-icon-edit-outline">部门长用印申请</el-button>                   
+                        icon="el-icon-edit-outline">部门长用印申请</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        @click="evidenceUpload(scope.row)">证据修改</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -77,6 +80,9 @@
         <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
             @cancelCompreess="cancelCompreess" :getList="getList">
         </caseCompressionPackage>
+        <!-- 证据修改 -->
+        <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
+        </evidenceDialog>
     </div>
 </template>
 
@@ -85,13 +91,15 @@ import { caseApplicationList } from '@/api/caseManagement/caseManagement.js'
 import { listDept } from '@/api/system/dept.js'
 import moment from "moment";
 import addCase from './components/addCase.vue'
+import evidenceDialog from './components/evidenceDialog.vue';
 import caseCompressionPackage from './components/caseCompressionPackage.vue';
 export default {
     name: "caseList",
     dicts: ["case_flow_node"],
     components: {
         addCase,
-        caseCompressionPackage
+        caseCompressionPackage,
+        evidenceDialog,
     },
     data() {
         return {
@@ -109,8 +117,10 @@ export default {
             rules: {},
             dataList: [],
             addVisable: false,//新增弹窗
-            openCompressedPackages:false,//压缩包导入弹窗
+            openCompressedPackages: false,//压缩包导入弹窗
+            evidenceVisable: false,//证据修改弹窗
             caseData: {},
+            evidenceData: {},
             caseDisabled: false,
             caseTime: '',
             deptList: []
@@ -165,6 +175,15 @@ export default {
                 this.deptList = res.data;
             })
         },
+        /** 修改证据 */
+        evidenceUpload(row) {
+            this.evidenceData = row;
+            this.evidenceVisable = true;
+        },
+        /** 取消弹窗（证据弹窗） */
+        cancelEvidence() {
+            this.evidenceVisable = false;
+        },
         /** 关闭新增弹窗 */
         cancelCaseAdd() {
             this.addVisable = false;
@@ -194,15 +213,15 @@ export default {
         },
         // 法律顾问用印申请
         consultantApplica(row) {
-           this.$modal.confirm("你确定要用印申请吗？").then((res) => {
-                     
-                }).catch(() =>{
-                    
-            })  
+            this.$modal.confirm("你确定要用印申请吗？").then((res) => {
+
+            }).catch(() => {
+
+            })
         },
         // 部门长用印申请
-        departmentApplica(){
-            
+        departmentApplica() {
+
         }
     },
 };

src/views/caseManagement/components/addCase.vue

@@ -2,313 +2,339 @@
     <div>
         <el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
             :distroy-on-close="true">
-            <el-form :model="formData" ref="ruleForm" label-width="130px" class="demo-ruleForm" :disabled="caseDisabled">
-                <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="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
-                                :autosize="{ minRows: 4, maxRows: 8 }" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="事实和理由" prop="facts" :rules="[
-                            {
-                                required: true,
-                                message: '事实和理由不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
-                                :autosize="{ minRows: 4, maxRows: 8 }" />
-                        </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="caseDescribe">
-                            <el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
-                                :autosize="{ minRows: 4, maxRows: 8 }" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
-                            {
-                                required: true,
-                                message: '案件标的不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="裁决书模板" prop="templateId" :rules="[
-                            {
-                                required: true,
-                                message: '裁决书模板',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <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-select>
-                        </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文件
+            <el-tabs v-model="activeName">
+                <el-tab-pane label="案件信息" name="first"><el-form :model="formData" ref="ruleForm" label-width="130px"
+                        class="demo-ruleForm" :disabled="caseDisabled">
+                        <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="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
+                                        :autosize="{ minRows: 4, maxRows: 8 }" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="事实和理由" prop="facts" :rules="[
+                                    {
+                                        required: true,
+                                        message: '事实和理由不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
+                                        :autosize="{ minRows: 4, maxRows: 8 }" />
+                                </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="caseDescribe">
+                                    <el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
+                                        :autosize="{ minRows: 4, maxRows: 8 }" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
+                                    {
+                                        required: true,
+                                        message: '案件标的不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="裁决书模板" prop="templateId" :rules="[
+                                    {
+                                        required: true,
+                                        message: '裁决书模板',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <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-select>
+                                </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>
+                                    </el-upload>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24" v-if="modelFlag">
+                                <el-form-item label="证据">
+                                    <div v-for="(item, index) in formData.caseAttachList" :key="index">
+                                        <div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
+                                            item.annexName }}</div>
+                                    </div>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <div style="display: inline-flex">
+                                    <div class="infoIcon"></div>
+                                    <div class="caseInfo">双方信息：</div>
                                 </div>
-                            </el-upload>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="24" v-if="modelFlag">
-                        <el-form-item label="证据">
-                            <div v-for="(item, index) in formData.caseAttachList" :key="index">
-                                <div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
-                                    item.annexName }}</div>
+                                <el-divider></el-divider>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
+                                    {
+                                        required: true,
+                                        message: '申请机构名称不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
+                                    {
+                                        required: true,
+                                        message: '统一社会信用代码不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
+                                    {
+                                        required: true,
+                                        message: '法定代表人不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
+                                    {
+                                        required: true,
+                                        message: '申请人住所不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
+                                    {
+                                        required: true,
+                                        message: '申请人联系地址不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
+                                    {
+                                        required: true,
+                                        message: '代理人联系电话不能为空',
+                                        trigger: 'blur',
+                                    },
+                                    {
+                                        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                                        message: '请输入正确的手机号码',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
+                                    {
+                                        required: true,
+                                        message: '委托代理人姓名不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
+                                    {
+                                        required: true,
+                                        message: '代理人邮箱不能为空',
+                                        trigger: 'blur',
+                                    },
+                                    {
+                                        pattern:
+                                            /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                                        message: '请输入正确的邮箱地址',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
+                                    {
+                                        required: true,
+                                        message: '被申请人姓名不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
+                                    {
+                                        required: true,
+                                        message: '被申请人联系电话不能为空',
+                                        trigger: 'blur',
+                                    },
+                                    {
+                                        pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                                        message: '请输入正确的手机号码',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
+                                    {
+                                        required: true,
+                                        message: '被申请人身份证号不能为空',
+                                        trigger: 'blur',
+                                    },
+                                    {
+                                        pattern:
+                                            /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                                        message: '请输入正确的身份证号码',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.respondentIdentityNum"
+                                        placeholder="请输入被申请人身份证号" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
+                                    {
+                                        required: true,
+                                        message: '请选择性别'
+                                    },
+                                ]">
+                                    <el-radio-group v-model="formData.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" :rules="[
+                                    {
+                                        required: true,
+                                        message: '被申请人出生年月日不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
+                                        placeholder="被申请人出生年月日">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
+                                    {
+                                        required: true,
+                                        message: '被申请人申请人住所不能为空',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
+                                    {
+                                        required: true,
+                                        message: '代理人邮箱不能为空',
+                                        trigger: 'blur',
+                                    },
+                                    {
+                                        pattern:
+                                            /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                                        message: '请输入正确的邮箱地址',
+                                        trigger: 'blur',
+                                    },
+                                ]">
+                                    <el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-col :span="24" v-if="modelFlag">
+                            <div style="display: inline-flex">
+                                <div class="infoIcon"></div>
+                                <div class="caseInfo">抓取规则设置</div>
                             </div>
-                        </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="24" v-if="modelFlag">
+                            <el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id">
+                                <el-input type="textarea" v-model="item.value"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-form></el-tab-pane>
+                <el-tab-pane label="证据清单" name="second" v-show="evidenceFlag">
+                    <el-card class="box-card" style="margin-bottom: 30px;">
+                        <div slot="header" class="clearfix">
+                            <span>申请人证据清单</span>
+                        </div>
+                        <div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
+                            style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
+                            {{ item.annexName }}
+                        </div>
+                    </el-card>
+                    <el-card class="box-card">
+                        <div slot="header" class="clearfix">
+                            <span>被申请人证据清单</span>
+                        </div>
+                        <div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
+                            style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
+                            {{ item.annexName }}
                         </div>
-                        <el-divider></el-divider>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
-                            {
-                                required: true,
-                                message: '申请机构名称不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
-                            {
-                                required: true,
-                                message: '统一社会信用代码不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
-                            {
-                                required: true,
-                                message: '法定代表人不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
-                            {
-                                required: true,
-                                message: '申请人住所不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
-                            {
-                                required: true,
-                                message: '申请人联系地址不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
-                            {
-                                required: true,
-                                message: '代理人联系电话不能为空',
-                                trigger: 'blur',
-                            },
-                            {
-                                pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                                message: '请输入正确的手机号码',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
-                            {
-                                required: true,
-                                message: '委托代理人姓名不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
-                            {
-                                required: true,
-                                message: '代理人邮箱不能为空',
-                                trigger: 'blur',
-                            },
-                            {
-                                pattern:
-                                    /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                                message: '请输入正确的邮箱地址',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
-                            {
-                                required: true,
-                                message: '被申请人姓名不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
-                            {
-                                required: true,
-                                message: '被申请人联系电话不能为空',
-                                trigger: 'blur',
-                            },
-                            {
-                                pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                                message: '请输入正确的手机号码',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
-                            {
-                                required: true,
-                                message: '被申请人身份证号不能为空',
-                                trigger: 'blur',
-                            },
-                            {
-                                pattern:
-                                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                                message: '请输入正确的身份证号码',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
-                            {
-                                required: true,
-                                message: '请选择性别'
-                            },
-                        ]">
-                            <el-radio-group v-model="formData.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" :rules="[
-                            {
-                                required: true,
-                                message: '被申请人出生年月日不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
-                                placeholder="被申请人出生年月日">
-                            </el-date-picker>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
-                            {
-                                required: true,
-                                message: '被申请人申请人住所不能为空',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
-                            {
-                                required: true,
-                                message: '代理人邮箱不能为空',
-                                trigger: 'blur',
-                            },
-                            {
-                                pattern:
-                                    /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
-                                message: '请输入正确的邮箱地址',
-                                trigger: 'blur',
-                            },
-                        ]">
-                            <el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-col :span="24" v-if="modelFlag">
-                    <div style="display: inline-flex">
-                        <div class="infoIcon"></div>
-                        <div class="caseInfo">抓取规则设置</div>
-                    </div>
-                    <el-divider></el-divider>
-                </el-col>
-                <el-col :span="24" v-if="modelFlag">
-                    <el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id">
-                        <el-input type="textarea" v-model="item.value"></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-form>
+                    </el-card>
+                </el-tab-pane>
+            </el-tabs>
+
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
                 <el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
@@ -330,6 +356,7 @@ export default {
     dicts: ["case_built_type"],
     data() {
         return {
+            activeName: 'first',
             title: "新增案件",
             formData: {
                 affiliate: {
@@ -348,6 +375,9 @@ export default {
             headers: {
                 Authorization: "Bearer " + getToken(),
             },
+            applicantEvidence: [],//申请人证据
+            respondentEvidence: [],//被申请人证据
+            evidenceFlag: false
         };
     },
     watch: {
@@ -360,6 +390,7 @@ export default {
                     this.title = '修改案件';
                     this.caseApplicationSelectByIdFn(val.id)
                 } else if (!val.id && !val.flag) {
+                    this.evidenceFlag = false;
                     this.modelFlag = false;
                     this.title = '新增案件';
                     this.formData = {
@@ -372,6 +403,7 @@ export default {
                 } else if (val.id && val.flag == 1) {
                     this.modelFlag = true;
                     this.title = '案件详情';
+                    this.evidenceFlag = true;
                     this.caseApplicationSelectByIdFn(val.id);
                 }
             },
@@ -383,8 +415,17 @@ export default {
     methods: {
         /** 根据案件id获取对应信息 */
         caseApplicationSelectByIdFn(data) {
+            this.applicantEvidence = [];
+            this.respondentEvidence = [];
             caseApplicationSelectById({ id: data }).then((res => {
                 this.formData = res.data;
+                this.formData.caseAttachList.forEach(item => {
+                    if (item.annexType == 2) {
+                        this.applicantEvidence.push(item)
+                    } else if (item.annexType == 6) {
+                        this.respondentEvidence.push(item)
+                    }
+                })
             }))
         },
         // 新增案件
@@ -406,6 +447,10 @@ export default {
         fileDetil(val) {
             window.open(this.fileURL + val)
         },
+        /** 查看证据 */
+        toPreview(val) {
+            window.open(this.fileURL + val)
+        },
         /** 文件上传地址 */
         UploadUrl() {
             return window.location.origin + "/API/common/upload";
@@ -414,7 +459,7 @@ export default {
         handlSuccess(res, file) {
             this.formData.caseAttachList.push(
                 {
-                    annexId:res.annexId,
+                    annexId: res.annexId,
                 }
             );
         },

src/views/caseManagement/components/evidenceDialog.vue

@@ -0,0 +1,139 @@
+<template>
+    <div>
+        <el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
+            <el-descriptions title="案件内容" :column="2" border>
+                <el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
+                <el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
+                <el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
+                <el-descriptions-item label="案件状态">
+                    <el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="仲裁方式">{{ evidenceData.arbitratMethodName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人证据">
+                    <div style="color: #104fad;cursor:pointer" v-for="(item, index) in fileListData"
+                        @click="preview(item.annexPath)" :key="index">
+                        {{ item.annexName }}</div>
+                </el-descriptions-item>
+            </el-descriptions>
+            <div style="margin-top: 30px;">
+                <el-upload class="upload-demo" ref="upload" action="" :file-list="fileList" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
+                    :auto-upload="false" :http-request="uploadFile" :on-change="beforeAvatarUpload" :before-remove="beforeRemove" multiple>
+                    <el-button type="primary"><span>选择证据</span></el-button>
+                </el-upload>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+                <el-button @click="upload" class="endbutton1"><span>点击上传</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import { getFileList, batchUpload } from '@/api/caseManagement/caseManagement'
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["evidenceVisable", "evidenceData"],
+    data() {
+        return {
+            fileListData: [],
+            // 上传文件的列表
+            uploadFiles: [],
+            // 上传文件的个数
+            filesLength: 0,
+            info: {
+                annexType: 2,
+            },
+            fileList:[]
+            // headers: {
+            //     Authorization: "Bearer " + getToken(),
+            // },
+        };
+    },
+    watch: {
+        evidenceVisable(val) {
+            this.fileList = []
+            if (val) {
+                this.getEvidenceList({ caseAppliId: this.evidenceData.id, annexTypeList: "2" })
+            }
+        }
+    },
+    created() {
+        this.info.id = this.evidenceData.id;
+    },
+    methods: {
+        preview(data) {
+            window.open(
+                window.location.origin + "/API" + data,
+                "_blank"
+            );
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        cancel() {
+            this.$emit("cancelEvidence");
+        },
+        // 修改当前文件列表长度
+        // changeFileLength(file, fileList) {
+        //     this.uploadFiles.push(file)
+        // },
+        // 删除文件
+        beforeRemove(file, fileList){
+            this.uploadFiles = fileList
+        },
+        // 文件上传之前处理
+        beforeAvatarUpload(file,fileList) {
+            console.log(file,fileList,"before");
+            this.uploadFiles = [];
+            // this.uploadFiles.push(file)
+            this.uploadFiles = fileList
+        },
+        // 用户点击上传调用
+        async upload() {
+            // 触发上传 调用配置 :http-request="uploadFile"
+            // 即触发 uploadFile函数
+            this.uploadFile()
+            // await this.$refs.upload.submit();
+            // 上传完成后执行的操作 ...
+        },
+        // 该函数还是会被调用多次
+        // 每次param参数传入一个文件
+        uploadFile() {
+            // 将文件加入需要上传的文件列表
+            // 当uploadFiles长度等于用户需要上传的文件数时进行上传
+            // 创建FormData上传
+            if (this.uploadFiles.length === 0) {
+                this.$message.warning('请选取文件')
+                return
+            }
+            let fd = new FormData()
+            // 将全部文件添加至FormData中
+            this.uploadFiles.forEach(file => {
+                fd.append('file', file.raw)
+            })
+            // // 将附加信息添加至FormData
+            fd.append("id", this.evidenceData.id)
+            fd.append("annexType", this.info.annexType)
+            // 上传文件
+            batchUpload(fd).then(res => {
+                this.$modal.msgSuccess("上传成功");
+                this.cancel()
+            })
+        },
+        // 获取案件申请人证据列表
+        getEvidenceList(data) {
+            getFileList(data).then(res => {
+                this.fileListData = res.data;
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>