Merge branch 'hcb' of SH-Arbitrate/Mediation-Frontend into dev

src/api/caseManagement/caseManagement.js

@@ -24,3 +24,19 @@ export function caseApplicationSelectById(data) {
         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>
+                    <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;
@@ -196,12 +215,12 @@ export default {
         consultantApplica(row) {
             this.$modal.confirm("你确定要用印申请吗？").then((res) => {
 
-                }).catch(() =>{
+            }).catch(() => {
 
             })
         },
         // 部门长用印申请
-        departmentApplica(){
+        departmentApplica() {
 
         }
     },

src/views/caseManagement/components/addCase.vue

@@ -2,7 +2,9 @@
     <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-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>
@@ -75,7 +77,8 @@
                                     <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">
+                                        :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文件
@@ -238,7 +241,8 @@
                                         trigger: 'blur',
                                     },
                                 ]">
-                            <el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
+                                    <el-input v-model="formData.affiliate.respondentIdentityNum"
+                                        placeholder="请输入被申请人身份证号" />
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
@@ -308,7 +312,29 @@
                                 <el-input type="textarea" v-model="item.value"></el-input>
                             </el-form-item>
                         </el-col>
-            </el-form>
+                    </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-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>