From 29d6b89210c0a7c107330d47371f21101d343964 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Tue, 31 Dec 2024 15:57:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=9D=90=E6=96=99=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/showFile.vue                   |   1 -
 src/pages/case-management/detail/index.vue    |  92 +++--
 .../components/importPackageDialog.vue        | 238 ++++++++++++
 src/pages/case-mistake/index.vue              | 363 ++++++++++++++++++
 src/pages/case-package/index.vue              |   2 +-
 src/pages/layout/components/LayoutHeader.vue  |   4 +-
 .../components/caseFileDialog.vue             |   2 +-
 .../components/caseMaterialLeft.vue           |   6 +-
 src/router/index.js                           |   6 +
 9 files changed, 674 insertions(+), 40 deletions(-)
 create mode 100644 src/pages/case-mistake/components/importPackageDialog.vue
 create mode 100644 src/pages/case-mistake/index.vue

diff --git a/src/components/showFile.vue b/src/components/showFile.vue
index 5bbadf2..232742f 100644
--- a/src/components/showFile.vue
+++ b/src/components/showFile.vue
@@ -57,7 +57,6 @@ import api from "@/services/caseManagement";
         },
         methods: {
             getShowFileType(url){
-                console.log(this.$util.getFileType(url),'v')
                 if(this.$util.getFileType(url) === 'image') {
                     // 如果是图片，直接显示图片
                     this.fileType = 'image'
diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue
index df33a19..9fa0ab6 100644
--- a/src/pages/case-management/detail/index.vue
+++ b/src/pages/case-management/detail/index.vue
@@ -292,25 +292,18 @@
     <div v-if="navactive == 2 " class="layout-tabs-content-box flex-row padding-0  f14">
       <div class="pt-8 border-b-solid-lighter-1 background-color-fff border-radius-4 p-16 width100">
         <div class="flex-column">
-          <div class="case-detail-label f-weight500 f16">案件材料<a><i class="el-icon-plus"></i>上传材料</a></div>
+          <div class="case-detail-label f-weight500 f16">案件材料<a @click="caseFileVisible={caseId:caseId}"><i class="el-icon-plus"></i>上传材料</a></div>
           <div class="case-detail-des">
             <el-table :data="fileList" :height="300">
               <el-table-column type="index" label="序号" width="55"></el-table-column>
-              <el-table-column label="材料类型" width="170">
-                <template slot-scope="scope">
-                  <div class="flex-row align-items-center">
-                    {{ getfileType(scope.row) }}
-                  </div>
-                </template>
-              </el-table-column>
-
+              <el-table-column prop="materialType" label="材料类型" show-overflow-tooltip></el-table-column>
               <el-table-column prop="name" label="文件名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="createBy" label="上传人" show-overflow-tooltip></el-table-column>
               <el-table-column prop="createAt" label="上传时间" show-overflow-tooltip></el-table-column>
-              <!-- <el-table-column prop="url" label="上传人" show-overflow-tooltip ></el-table-column> -->
               <el-table-column label="操作" width="170">
                 <template slot-scope="scope">
                   <div class="flex-row align-items-center">
-                    <el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
+                    <el-button size="mini" @click="handleCaseDelete(scope)">删除</el-button>
                     <el-button size="mini" @click="handleCaseShow(scope,fileList)">查看</el-button>
                   </div>
                 </template>
@@ -366,21 +359,29 @@
     <CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog"/>
     <!-- 文件预览 -->
     <showFile v-if="fileDialog" :fileDialog.sync="fileDialog"/>
+    <!-- 案件材料上传 -->
+    <caseFileDialog v-if="caseFileVisible" :eventDialog.sync="caseFileVisible"/>
+
   </div>
 </template>
 <script>
 import api from "@/services/caseManagement";
 import contactPerson from "@/services/contactPerson";
-import {stubString} from "lodash";
-import {subtract} from "lodash";
+import cmapi from "@/services/caseMaterial";
+
+// import {stubString} from "lodash";
+// import {subtract} from "lodash";
 
 export default {
   components: {
     showFile: () => import('../../../components/showFile.vue'),//
     CaseTraceDialog: () => import('../components/CaseTraceDialog.vue'),//各种案件追踪记录
+
+    caseFileDialog: () => import('../../mediation-page/components/caseFileDialog'),//案件材料上传
   },
   data() {
     return {
+      caseFileVisible:null,
       CaseTraceDialog: null,
       fileDialog: null,
       eventTraDialog: null,
@@ -458,27 +459,51 @@ export default {
       if (item != undefined) return item.label
       return '-'
     },
+    // 删除证据材料
+    handleCaseDelete(scope){
+      this.$confirm("请确定是否删除这些数据?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        cmapi.deleteCaseFileById({id:scope.row.id}).then((res) => {
+            this.$message.success("成功");
+            this.getFileCaseList()
+            
+        });
+      }).catch(() => {});
+    },
     handleCaseShow(scope, filelist) {
       if (filelist == undefined) {
         this.fileDialog = {showfile: {url: scope.row.proofUrl}, filelist: []}
       } else {
+        // this.fileDialog = {showfile: {url: scope.row.url}, filelist: []}
         this.fileDialog = {showfile: scope.row, filelist: filelist}
       }
     },
     debtorEntityCardNo(datalist, len) {
       let datacardno = ''
       let dataphone = ''
-      datalist.forEach((item, index) => {
-        if (index == 0) {
-          datacardno = item.cardNo
-          dataphone = item.phone
-        } else {
-          datacardno += ',' + item.cardNo
-          dataphone += ',' + item.phone
-        }
-      })
+      if(datalist!=undefined)
+      {
+        datalist.forEach((item, index) => {
+          if (index == 0) {
+            datacardno = item.cardNo
+            dataphone = item.phone
+          } else {
+            datacardno += ',' + item.cardNo
+            dataphone += ',' + item.phone
+          }
+        })
 
-      return {cardNo: datacardno.substring(0, len), phone: dataphone.substring(0, len)};
+        return {cardNo: datacardno.substring(0, len), phone: dataphone.substring(0, len)};
+      }
+      else
+      {
+        return ''
+      }
+      
     },
     // 获取详情
     getCaseInfoById() {
@@ -487,22 +512,25 @@ export default {
         console.log(res, 'res')
         if (!res.code) {
           this.baseInfo = res
-
-          // 材料
-          // console.log('获取图片',res.caseFileEntityList)
-          // let caseFileEntityList = []
-          // res.caseFileEntityList.forEach((item)=>{
-          //     caseFileEntityList.push({name:item.name,fileName:item.name,url:item.url})
-          // })
-          _that.fileList = res.caseFileEntityList
-
         }
 
       })
+      this.getFileCaseList()
       this.getLitigantByCaseId()
       this.getplanlist()
       this.getProofList()
     },
+    // 获取证据材料
+    getFileCaseList() {
+      cmapi.getCaseFileList({caseId:this.caseId}).then(res => {
+        if (!res.code) {
+          this.fileList = res.records
+          
+          _that.fileList = res.caseFileEntityList
+
+        }
+      })
+    },
     getLitigantByCaseId() {
       let dataJson = {
         size: 9999,
diff --git a/src/pages/case-mistake/components/importPackageDialog.vue b/src/pages/case-mistake/components/importPackageDialog.vue
new file mode 100644
index 0000000..1f4d12c
--- /dev/null
+++ b/src/pages/case-mistake/components/importPackageDialog.vue
@@ -0,0 +1,238 @@
+<template>
+    <div>
+        <el-dialog
+            :title="importCaseDialog.title"
+            :visible="true"
+            width="580px"
+            append-to-body
+            :close-on-click-modal="false"
+            @close="handleClose">
+        
+
+        <!-- 基本信息 -->
+        <div>
+            <div class="p-h-24">
+                <el-form ref="ruleFormBase" 
+                        :model="baseInfo" 
+                        :rules="rulesClient" 
+                        label-width="150px" 
+                        class="demo-ruleForm">
+                        <el-row  type="flex" align="middle" class="mt-16">
+                            <el-col :span="24">
+                                <el-form-item label="案件包名" prop="pkgName">
+                                    <el-select v-model="baseInfo.pkgid" placeholder="请选择案件包"
+                                            class="width100" @change="pkgChange">
+                                        <el-option
+                                                v-for="item in CasepackageList"
+                                                :key="item.id"
+                                                :label="item.pkgName"
+                                                :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            
+                        </el-row>
+                        <el-row  type="flex" align="middle">
+                            <el-col :span="24">
+                                <el-form-item label="委案机构" prop="entrustingAgencyName">
+                                    <el-input
+                                    v-model.trim="baseInfo.entrustingAgencyName"
+                                    placeholder="请输入委案机构"
+                                    disabled
+                                    maxlength="25"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row  type="flex" align="middle">
+                            <el-col :span="24">
+                                <el-form-item label="委案渠道" prop="channel">
+                                    <el-input
+                                    v-model.trim="baseInfo.channel"
+                                    placeholder="请输入委案渠道"
+                                    maxlength="25"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row  type="flex" align="middle">
+                            <el-col :span="24">
+                                <el-form-item label="委案日期" prop="planStartTime">
+                                    <el-date-picker class="width100"
+                                        disabled
+                                        v-model="baseInfo.planStartTime"
+                                        type="date"
+                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                        placeholder="选择委案日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row  type="flex" align="middle">
+                            <el-col :span="24">
+                                <el-form-item label="委案期限(月)" prop="months">
+                                    <el-input-number v-model="baseInfo.months" disabled :min="0" :max="100" class="width100"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row  type="flex" align="middle">
+                            <el-col :span="24">
+                                <el-form-item label="上传文件" prop="fileInfo">
+                                    <upload-import :file-list="fileList" :max-count="1"
+                                        :show-file-name="true"
+                                        accept=".xls,.xlsx"
+                                        @handleUploadFile="handleUploadFile">
+                                    </upload-import>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        
+                </el-form>
+            </div>
+        </div>
+                
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="handleClose">取消</el-button>
+            <el-button
+                type="primary"
+                @click="handleSubmit">确认导入
+            </el-button>
+        </span>
+        </el-dialog>
+        
+    </div>
+</template>
+<script>
+import apipk from "@/services/casePackageManagement";
+    export default {
+        components: {
+            uploadImport:() => import('@/components/uploadImportPackage.vue'),//导入上传
+        },
+        props: {
+            importCaseDialog: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        data() {
+            return {
+                baseInfo:{
+                    pkgid:'',
+                    pkgName:'',//案件包名
+                    entrustingAgencyName:'',//金融机构名称
+                    planStartTime:'',//委案时间
+                    months:1,//委案期限
+                    fileInfo:null,
+                    channel:'',
+                    
+                },
+                rulesClient: {
+                    pkgName: [
+                        { required: true, message: '请输入案件包名', trigger: 'change',},
+                    ],
+                    planStartTime: [
+                        { required: true, message: '请输入委案时间', trigger: 'change',},
+                    ],
+                    months: [
+                        { required: true, message: '请输入委案期限', trigger: 'change',},
+                    ],
+                    channel: [
+                        { required: true, message: '请输入委案渠道', trigger: 'change',},
+                    ],
+                    fileInfo: [
+                        { required: true, message: '请上传文件', trigger: 'change',},
+                    ],
+
+                },
+                financialProductsTypeOptions:[],//金融产品类型
+                fileList:[],//证据材料
+                CasepackageList:[]
+                
+            };
+        },
+        mounted () {
+            this.getCasepkgList()
+        },
+        methods: {
+            pkgChange(){
+                let packitem =  this.CasepackageList.find(item =>{
+                    return this.baseInfo.pkgid == item.id
+                })
+                this.baseInfo.pkgName = packitem.pkgName
+                this.baseInfo.entrustingAgencyName = packitem.entrustingAgencyName
+                this.baseInfo.planStartTime = packitem.planStartTime
+                this.baseInfo.channel = packitem.channel
+                this.baseInfo.months = this.monthDifference(new Date(packitem.planStartTime),new Date(packitem.planEndTime))
+            },
+            monthDifference(date1,date2) {
+                let months;
+                months = (date2.getFullYear() - date1.getFullYear()) * 12;
+                months -= date1.getMonth();
+                months += date2.getMonth();
+                return months <= 0 ? 0 : months;
+            },
+            // 案件包列表数据
+            getCasepkgList(){
+                apipk.getCasePkgQuery({current:1,size:500}).then(res => {
+                    if (!res.code) {
+                        this.CasepackageList = res.records;
+                    }
+                })
+            },
+            handleSubmit(){
+                if(!this.$clickThrottle()) { return }//防止重复点击
+                
+                this.$refs.ruleFormBase.validate((valid) => {
+                    if (valid){
+                        let data = {
+                            ...this.baseInfo,//基本信息
+                        }
+                        apipk.CasePkgimport(data).then(res => {
+                            this.handleClose()
+                            this.$parent.getCaseInfoList(1)
+                        })
+
+                    }
+                    
+                })
+
+            },
+            // 上传
+            handleUploadFile(JsonData){
+
+                console.log('获取上传文件信息',JsonData.uploadFileRes)
+                let fileitem = JSON.parse(JSON.stringify(JsonData.fileList))
+                this.fileList = fileitem.map((item,i) => {
+                    let time = this.$util.getTimestamp()
+                    let fileType = this.$util.getFileExtension(item.url)
+                    let fileName = `${time}.${fileType}`
+                    return {
+                        url: item.url,
+                        fileName:fileName,
+                    }
+                })
+                if(fileitem.length == 0 ){
+                    this.baseInfo.fileInfo = null
+                }
+                else
+                {
+                    this.baseInfo.fileInfo = JsonData.uploadFileRes
+                }
+            },
+            
+            handleClose() {
+                this.$emit('update:importCaseDialog', null)
+            },
+        }
+    };
+</script>
+<style scoped lang="scss">
+.dialog-content{
+    padding: 16px 24px;
+    // max-height:500px
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/case-mistake/index.vue b/src/pages/case-mistake/index.vue
new file mode 100644
index 0000000..10d0fb9
--- /dev/null
+++ b/src/pages/case-mistake/index.vue
@@ -0,0 +1,363 @@
+<template>
+    <div class="layout-content-wrap">
+        <div class="navigation-bar flex-row mb-16">
+            <img src="../../assets/image/Link.png"  height="22" alt="">
+            <a>/</a>
+            <a>案件错误修复</a>
+        </div>
+        
+        <div class="layout-tabs-content-box background-color-fff border-radius-4">
+            <div class="pt-8 border-b-solid-lighter-1">
+                <div class="height-30 flex-row align-items-center justify-content-between mb-24">
+                    <div class="f22 color-text-primary">筛选</div>
+                </div>
+                <el-collapse-transition>
+                    <div v-show="showSearch">
+                        <el-row :gutter="56">
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-24">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件包名称</span>
+                                    <el-select v-model="queryParam.pkgName" placeholder="请选择案件包"
+                                            class="width100" >
+                                        <el-option
+                                                v-for="item in CasepackageList"
+                                                :key="item.id"
+                                                :label="item.pkgName"
+                                                :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </div>
+                            </el-col>
+                            <el-col :span="14">
+                                <div class="flex-row align-items-center justify-content-end">
+                                    &nbsp;
+                                </div>
+                            </el-col>
+                            <el-col :span="4" >
+                                <div class="flex-row align-items-center justify-content-end">
+                                    <el-button @click="hanldeReset">重置</el-button>
+                                    <el-button type="primary" @click="handleSearch">搜索</el-button>
+                                </div>
+                            </el-col>
+                        </el-row>
+                        
+                        <el-row :gutter="56">
+                            
+                        </el-row>
+                    </div>
+                </el-collapse-transition>
+            </div>
+            <!-- table -->
+            <div class="pt-8">
+                <div class="height-56 flex-row align-items-center justify-content-between">
+                    <div class="f22 color-text-primary">列表</div>
+                    <div class="flex-row">
+                        <el-button size="small" type="primary" @click="handleImport">导入案件</el-button>
+                        <el-button size="small" @click="handleAddForm">导出错误案件</el-button>
+                        <el-button size="small" @click="handleDelete">清空错误案件</el-button>
+                    </div>
+                </div>
+                
+                <div >
+                    <el-table :data="tableData" :height="`${contentHeight}`" 
+                    @selection-change="handleSelectionChange">
+                        <el-table-column type="index" label="序号" width="55"></el-table-column>
+                        <!-- <el-table-column type="selection" width="55" ></el-table-column> -->
+                        <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="entrustingAgencyName" label="委案机构" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="channel" label="被申请人姓名" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="channel" label="被申请人手机号码" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="months" label="身份证号码" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="caseTotal" label="金融产品名称" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="assignTotal" label="合同名称" show-overflow-tooltip ></el-table-column>
+                        <el-table-column prop="assignTotal" label="委托时逾期天数" show-overflow-tooltip ></el-table-column>
+                        <!-- <el-table-column prop="assignTotal" label="合同名称" show-overflow-tooltip ></el-table-column> -->
+                        <el-table-column prop="assignTotal" label="当前逾期金额" show-overflow-tooltip ></el-table-column>
+                    </el-table>
+                </div>
+                
+                <div class="text-center pt-16">
+                    <el-pagination
+                        @size-change="getCaseInfoList"
+                        @current-change="getCaseInfoList"
+                        :current-page="queryParam.current"
+                        :page-size="queryParam.size"
+                        layout="total, prev, pager, next, jumper"
+                        :total="total">
+                    </el-pagination>
+                </div>
+
+            </div>
+        </div>
+        <!-- 导入 -->
+        <importPackageDialog v-if="importCaseDialog" :importCaseDialog.sync="importCaseDialog" />
+
+    </div>
+</template>
+<script>
+import cpkapi from "@/services/casePackageManagement";
+import api from "@/services/casePackageManagement";
+    export default {
+        components: {
+            importPackageDialog: () => import('./components/importPackageDialog'),//导入
+            
+        },
+        data() {
+            return {
+                activeName:'all',
+                showSearch: true,
+                queryDate: '',
+                activeUsage: '',
+                
+                mediateStatusData:[],//所有案件状态枚举
+                financialProductsTypeOptions:[],//金融产品类型
+                departmentOptions:[],//区域
+                queryParam: {
+                    pkgName:'',//案件包名称
+                    entrustingAgencyName: '',//委案机构
+                    endTime: '',//结束时间
+                    beginTime:'',//开始时间
+                    willEnd:'',
+                    current:1,
+                    size:10,
+                },
+                usageOption: ['今日','昨日', '近一周', '近一月', '近半年', '近一年'],
+                tableData: [],
+                total:0,
+                uniqueSelection:[],
+                caseAllocationDialog:null,//案件分配弹框
+                importCaseDialog:null,//导入
+                addCaseDialog:null,//新增
+                editCaseDrawer:null,//编辑
+                CasepackageList:[],
+
+            }
+        },
+        created() {
+            this.getCasepkgList()
+            this.getCaseInfoList(1)
+        },
+        computed:{
+            // 获取抽屉drawer的内容高度
+            contentHeight(){
+                let oh = document.documentElement.clientHeight;
+                if(this.showSearch){
+                    return oh-56-48-366-32
+                    
+                }else{
+                    return oh-56-48-175-32
+                }
+            }  
+        },
+        methods: {
+            jumpUrl (url) {
+                this.$router.push(url);
+            },
+            // 案件包列表数据
+            getCasepkgList(){
+                cpkapi.getCasePkgQuery({current:1,size:500}).then(res => {
+                    if (!res.code) {
+                        this.CasepackageList = res.records;
+                    }
+                })
+            },
+            // 导入
+            handleImport(){
+                this.importCaseDialog={
+                    title:'批量导入案件',
+                }
+            },
+            // 批量删除
+            handleBatchDelete(){
+                if(this.uniqueSelection.length==0){
+                    this.$message.warning("请先选择你要删除的列表数据");
+                    return
+                }
+                this.$confirm("请确定是否删除这些数据?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning",
+                }).then(() => {
+                    if(!this.$clickThrottle()) { return }//防止重复点击
+                    
+                    let data = {
+                        ids:this.uniqueSelection
+                    }
+                    api.deleteCaseBatch(data).then((res) => {
+                        
+                        this.$message.success("成功");
+                        this.getCaseInfoList(1)
+                       
+                    });
+                }).catch(() => {});
+            },
+            // 单条删除
+            handleDelete(scope){
+                this.$confirm("请确定是否删除此条数据?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning",
+                }).then(() => {
+                    if(!this.$clickThrottle()) { return }//防止重复点击
+                    // api.CasePkgdeleteById({id:scope.row.id}).then((res) => {
+                        
+                    //     this.$message.success("删除成功");
+                    //     this.getCaseInfoList(1)
+                       
+                    // });
+                }).catch(() => {});
+            },
+            //撤回分案
+            handleBackCase(scope){
+                this.$confirm("请确定是否撤回分案?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning",
+                }).then(() => {
+                    if(!this.$clickThrottle()) { return }//防止重复点击
+                    api.postpkgquash({id:scope.row.id}).then((res) => {
+                        this.$message.success("撤回分案成功");
+                        this.getCaseInfoList(1)
+                       
+                    });
+                }).catch(() => {});
+            },
+            // 新增
+            handleAddForm(){
+                this.addCaseDialog={
+                    title:'新增案件',
+                }
+            },
+            // 案件分配
+            handleCaseAllocation(scope){
+                if((scope.row.caseTotal -  scope.row.assignTotal) <= 0)
+                {
+                    this.$message({
+                        showClose: true,
+                        message: '该案件包没有待分配的案件！',
+                        type: 'warning'
+                    });
+                    return false
+                }
+                
+
+                this.caseAllocationDialog={
+                    title:'案件分配',
+                    ObjectInfo:scope.row
+                }
+            },
+            // 编辑
+            handleEdit(scope){
+                this.editCaseDrawer={
+                    title:'编辑案件',
+                    data:scope.row,
+                    currentPage:this.queryParam.current
+                }
+            },
+            // 列表数据
+            getCaseInfoList(val){
+
+                
+                this.queryParam.planBegin = this.queryParam.beginTime
+                this.queryParam.planEnd = this.queryParam.endTime
+                this.queryParam.current = val
+                api.getCasePkgQuery(this.queryParam).then(res => {
+                    if (!res.code) {
+                        this.tableData = res.records;
+                        this.total = res.total;
+                    }
+                })
+            },
+            handleToggleSearch() {
+                this.showSearch = !this.showSearch
+            },
+            // 重置
+            hanldeReset() {
+                for (let key in this.queryParam) {
+                this.queryParam[key] = ''
+                }
+                this.queryParam.current = 1
+                this.queryParam.size = 10
+            },
+            handleSearch() {
+                this.queryParam.size = 10;
+                this.queryParam.current = 1;
+                this.getCaseInfoList(1)
+            },
+            handleClickUsage(item) {
+                this.activeUsage = item
+                this.setDateFast()
+            },
+            handleChangeDate() {
+                this.activeUsage = ''
+                if(this.queryDate === null) {
+                    this.setDateFast()
+                }else {
+                    this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
+                    this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
+                }
+
+            },
+            setDateFast() {
+                switch (this.activeUsage) {
+                    case "今日":
+                        let todayObj = this.$util.getToday()
+                        this.queryParam.beginTime = todayObj.todayStart
+                        this.queryParam.endTime = todayObj.todayEnd
+                        break
+                    case "昨日":
+                        let yesterdayObj = this.$util.getYesterday()
+                        this.queryParam.beginTime = yesterdayObj.beginTime
+                        this.queryParam.endTime = yesterdayObj.endTime
+                        break
+                    case "近一周":
+                        let rangeWeek = this.$util.getRecentWeeks()
+                        this.queryParam.beginTime = rangeWeek.recentWeekStart
+                        this.queryParam.endTime = rangeWeek.todayEnd
+                        break
+                    case "近一月":
+                        let rangeMonth = this.$util.getRecentMonths()
+                        this.queryParam.beginTime = rangeMonth.recentMonthStart
+                        this.queryParam.endTime = rangeMonth.todayEnd
+                        break
+                    case "近半年":
+                        let rangeMonths = this.$util.getRecentMonths(6)
+                        console.log('近半年：', rangeMonths)
+                        this.queryParam.beginTime = rangeMonths.recentMonthStart
+                        this.queryParam.endTime = rangeMonths.todayEnd
+                        break
+                    case "近一年":
+                        let rangeYear = this.$util.getRecentYears()
+                        this.queryParam.beginTime = rangeYear.recentYearStart
+                        this.queryParam.endTime = rangeYear.todayEnd
+                        break
+                    default:
+                        this.queryParam.beginTime = ''
+                        this.queryParam.endTime = ''
+                        this.queryDate = ''
+                        break
+                }
+                if(this.queryParam.beginTime && this.queryParam.endTime) {
+                    this.queryDate = [this.queryParam.beginTime, this.queryParam.endTime]
+                }
+
+            },
+
+            handleSelectionChange(val){
+                console.log('获取val',val)
+                this.uniqueSelection = []
+                val.forEach((row)=>{
+                    this.uniqueSelection.push(row.id)
+                })
+                console.log('uniqueSelection',this.uniqueSelection)
+
+            },
+            
+        }
+    }
+</script>
+<style scoped>
+.el-badge{
+    top: 3px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/case-package/index.vue b/src/pages/case-package/index.vue
index 7b69d72..35cd945 100644
--- a/src/pages/case-package/index.vue
+++ b/src/pages/case-package/index.vue
@@ -97,7 +97,7 @@
                     <div class="flex-row">
                         <el-button size="small" type="primary" @click="handleImport">批量导入案件</el-button>
                         <el-button size="small" @click="handleAddForm">添加案件</el-button>
-                        <el-button size="small" @click="handleBatchDelete">错误修复</el-button>
+                        <el-button size="small" @click="jumpUrl(`/case-mistake`)">错误修复</el-button>
                     </div>
                 </div>
                 
diff --git a/src/pages/layout/components/LayoutHeader.vue b/src/pages/layout/components/LayoutHeader.vue
index cc25b01..0f1d0b6 100644
--- a/src/pages/layout/components/LayoutHeader.vue
+++ b/src/pages/layout/components/LayoutHeader.vue
@@ -40,7 +40,7 @@
                         </div>
                         <div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer" @click="handleChangePersonal">
                             <div class="f16 color-text-regular">个人信息</div>
-                            <div class="f16 color-text-secondary">查看<i class="el-icon-arrow-right"></i></div>            
+                            <div class="f16 color-text-secondary">查看信息<i class="el-icon-arrow-right"></i></div>            
                         </div>
                         <div class="border-t-solid-lighter-1 p-16 f16 color-1960F4 text-center cursor-pointer" @click="handleLoginOut()">退出登录</div>
                     </div>  
@@ -413,7 +413,7 @@
 .show-info-wrap{
     position: absolute;
     width: 320px;
-    height: 248px;
+    // height: 248px;
     background-color: $color-white;
     top:8px;
     right: 16px;
diff --git a/src/pages/mediation-page/components/caseFileDialog.vue b/src/pages/mediation-page/components/caseFileDialog.vue
index 50c59d3..9408c69 100644
--- a/src/pages/mediation-page/components/caseFileDialog.vue
+++ b/src/pages/mediation-page/components/caseFileDialog.vue
@@ -121,7 +121,7 @@ export default {
         if (valid) {
           this.repaymentObj.caseId = this.eventDialog.caseId;
           caseMaterial.addCaseFile(this.repaymentObj).then(res => {
-            this.$parent.getList()
+            this.$parent.getFileCaseList()
             this.handleClose()
             this.$message.success("操作成功");
           })
diff --git a/src/pages/mediation-page/components/caseMaterialLeft.vue b/src/pages/mediation-page/components/caseMaterialLeft.vue
index 7712c55..69bbf0e 100644
--- a/src/pages/mediation-page/components/caseMaterialLeft.vue
+++ b/src/pages/mediation-page/components/caseMaterialLeft.vue
@@ -69,7 +69,7 @@ export default {
     },
   },
   async created() {
-    await this.getList();
+    await this.getFileCaseList();
   },
   methods:{
     reg_img(item) {
@@ -96,7 +96,7 @@ export default {
       }
     },
     // 列表数据
-    getList() {
+    getFileCaseList() {
       let dataJson = {
         size: 9999,
         current: 1,
@@ -137,7 +137,7 @@ export default {
         let data = {id: item.id}
         caseMaterial.deleteCaseFileById(data).then((res) => {
           this.$message.success("成功");
-          this.getList()
+          this.getFileCaseList()
         });
       }).catch(() => {});
     },
diff --git a/src/router/index.js b/src/router/index.js
index ab38c03..88e72d5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -37,6 +37,12 @@ const routes = [
         component: () => import("@/pages/case-package"),
         meta: { title: "案件包管理", icon: 'menu-case-management' },
       },
+      {
+        path: "/case-mistake",
+        name: "/case-mistake",
+        component: () => import("@/pages/case-mistake"),
+        meta: { title: "错误修复", icon: 'menu-case-management' },
+      },
       {
         path: "/case-management",
         name: "/case-management",