From 504e8ef1d574ab6be87fa69dc4b270366b485159 Mon Sep 17 00:00:00 2001
From: hhl123456789 <3118891075@qq.com>
Date: Wed, 28 Feb 2024 18:13:28 +0800
Subject: [PATCH] =?UTF-8?q?'=E8=B0=83=E8=A7=A3=E9=A6=96=E9=A1=B5=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/homepage.js            |   10 +
 src/assets/images/daiban.png          |  Bin 0 -> 6644 bytes
 src/views/caseManagement/caseList.vue | 1610 ++++++++++++++-----------
 src/views/index.vue                   |  108 +-
 src/views/login.vue                   |   10 +-
 5 files changed, 1057 insertions(+), 681 deletions(-)
 create mode 100644 src/api/system/homepage.js
 create mode 100644 src/assets/images/daiban.png

diff --git a/src/api/system/homepage.js b/src/api/system/homepage.js
new file mode 100644
index 0000000..d0afc22
--- /dev/null
+++ b/src/api/system/homepage.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询首页待办
+export function todoCount(data) {
+    return request({
+        url: '/caseApplication/todoCount',
+        method: 'get',
+        params: data
+    })
+}
\ No newline at end of file
diff --git a/src/assets/images/daiban.png b/src/assets/images/daiban.png
new file mode 100644
index 0000000000000000000000000000000000000000..86806bc2d2a42af5839dae9dcb9de8d3cfaa80ab
GIT binary patch
literal 6644
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

literal 0
HcmV?d00001

diff --git a/src/views/caseManagement/caseList.vue b/src/views/caseManagement/caseList.vue
index bd90780..b262ba3 100644
--- a/src/views/caseManagement/caseList.vue
+++ b/src/views/caseManagement/caseList.vue
@@ -1,698 +1,958 @@
 <template>
-    <div class="app-container">
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
-            <el-form-item label="案件状态" prop="caseFlowId">
-                <el-select v-model="queryParams.caseFlowId" placeholder="请选择" clearable>
-                    <el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName"
-                        :value="dict.id" @keyup.enter.native="handleQuery"></el-option>
-                </el-select>
-            </el-form-item>
-            <!-- <el-form-item label="申请机构" prop="applicationOrganId">
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+      <el-form-item label="案件状态" prop="caseFlowId">
+        <el-select
+          v-model="queryParams.caseFlowId"
+          placeholder="请选择"
+          clearable
+        >
+          <el-option
+            v-for="dict in caseStausArr"
+            :key="dict.id"
+            :label="dict.caseStatusName"
+            :value="dict.id"
+            @keyup.enter.native="handleQuery"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="申请机构" prop="applicationOrganId">
                 <el-select v-model="queryParams.applicationOrganId" placeholder="请选择" clearable>
                     <el-option v-for="dict in deptList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId"
                         @keyup.enter.native="handleQuery"></el-option>
                 </el-select>
             </el-form-item> -->
-            <!-- <el-form-item label="批号" prop="batchNumber">
+      <!-- <el-form-item label="批号" prop="batchNumber">
                 <el-input v-model="queryParams.batchNumber" placeholder="请输入案件批号" clearable style="width: 240px"
                     @keyup.enter.native="handleQuery" />
             </el-form-item> -->
-            <el-form-item label="案件编号" prop="caseNum">
-                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable style="width: 240px"
-                    @keyup.enter.native="handleQuery" />
-            </el-form-item>
-            <el-form-item label="创建时间" prop="caseTime">
-                <el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
-                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" @change="caseTimeChange">
-                </el-date-picker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
-            </el-form-item>
-        </el-form>
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus"  v-hasPermi="['caseManagement:list:add']" size="mini" @click="addCase()">新增案件</el-button>
-            </el-col>
-            <!-- TODO 后期可能加上-->
-            <!-- <el-col :span="1.5">
+      <el-form-item label="案件编号" prop="caseNum">
+        <el-input
+          v-model="queryParams.caseNum"
+          placeholder="请输入案件编号"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="创建时间" prop="caseTime">
+        <el-date-picker
+          v-model="caseTime"
+          type="daterange"
+          align="right"
+          unlink-panels
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          clearable
+          style="width: 240px"
+          @change="caseTimeChange"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          v-hasPermi="['caseManagement:list:add']"
+          size="mini"
+          @click="addCase()"
+          >新增案件</el-button
+        >
+      </el-col>
+      <!-- TODO 后期可能加上-->
+      <!-- <el-col :span="1.5">
                 <el-button type="primary" plain icon="el-icon-plus" size="mini"
                     @click="compressedPackages">案件压缩包上传</el-button>
             </el-col> -->
-        </el-row>
-        <el-table v-loading="loading" :data="dataList" style="width: 100%">
-            <el-table-column label="序号" type="index" align="center">
-                <template slot-scope="scope">
-                    <span>{{
-                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-                    }}</span>
-                </template>
-            </el-table-column>
-            <!-- <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" /> -->
-            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
-            <el-table-column label="申请人" align="center" prop="applicationName" :show-overflow-tooltip="true" />
-            <el-table-column label="被申请人" align="center" prop="respondentName" :show-overflow-tooltip="true" />
-            <!-- <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" /> -->
-            <el-table-column label="调解员" align="center" prop="mediatorName" :show-overflow-tooltip="true" />
-            <el-table-column label="调解方式" align="center" prop="mediationMethodName" :show-overflow-tooltip="true" />
-            <el-table-column label="调解时间" align="center" prop="hearDate" :show-overflow-tooltip="true" />
-            <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true" />
-            <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" v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
-                    <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
-                    <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
-                    <el-button size="mini" @click="caseLog(scope.row)" type="text"
-                        icon="el-icon-edit-outline">案件日志</el-button>
-                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
-                        icon="el-icon-edit">查看缴费单</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-edit"
-                        @click="evidenceUpload(scope.row)" v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 || scope.row.caseFlowId == 16 || scope.row.caseFlowId == 17" @click="caseFilingDetails(scope.row)">归档详情</el-button>  
-                    <el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
-                        @click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{ item.nodeName }}</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-            @pagination="getList(queryParams)" />
-        <!-- 新增编辑详情 -->
-        <addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList"
-            :caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag" :addModifyData="addModifyData"></addCase>
-        <!-- 压缩包导入     -->
-        <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
-            @cancelCompreess="cancelCompreess" :getList="getList">
-        </caseCompressionPackage>
-        <!-- 案件详情 -->
-        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
-            :caseFlowNumber="caseFlowNumber">
-        </mediationCaseDetails>
-        <!-- 案件日志 -->
-        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
-        <!-- 证据修改 -->
-        <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
-        </evidenceDialog>
-        <!-- 缴费 -->
-        <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
-            :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow" :formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
-        <!-- 缴费确认查看详情 -->
-        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
-            :detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma" :isapplicant="isapplicant" @getList="getList">
-        </paymentdetailsDialog>
-        <!-- 案件受理 -->
-        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
-            :caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
-        <!-- 被申请人缴费 -->
-        <respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
-            :queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>    
-        <!-- 调解员弹窗 -->
-        <selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
-            @getList="getList" :queryParams="queryParams"></selectMediator>
-        <!-- 秘书确认 -->
-        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
-            @getList="getList" :queryParams="queryParams"></confirmMediator>
-        <!-- 部门长确认 -->
-        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
-            :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
-        <!-- 秘书确认时间 -->
-        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
-            :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
-        <!-- 待调解     -->
-        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
-            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
-        <confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
-            :confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
-        <!-- 归档详情 -->
-        <caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS"></caseFilingDetailsPage>
-    </div>
+    </el-row>
+    <el-table v-loading="loading" :data="dataList" style="width: 100%">
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+          }}</span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" /> -->
+      <el-table-column
+        label="案件编号"
+        align="center"
+        prop="caseNum"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="申请人"
+        align="center"
+        prop="applicationName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="被申请人"
+        align="center"
+        prop="respondentName"
+        :show-overflow-tooltip="true"
+      />
+      <!-- <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" /> -->
+      <el-table-column
+        label="调解员"
+        align="center"
+        prop="mediatorName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="调解方式"
+        align="center"
+        prop="mediationMethodName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="调解时间"
+        align="center"
+        prop="hearDate"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="案件状态"
+        align="center"
+        prop="caseStatusName"
+        :show-overflow-tooltip="true"
+      />
+      <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"
+            v-hasPermi="['caseManagement:list:edit']"
+            v-if="scope.row.caseFlowId <= 1"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            @click="checkDetail(scope.row)"
+            type="text"
+            icon="el-icon-view"
+            >查看详情</el-button
+          >
+          <el-button
+            size="mini"
+            @click="caseFlow(scope.row)"
+            type="text"
+            icon="el-icon-zoom-in"
+            >查看流程</el-button
+          >
+          <el-button
+            size="mini"
+            @click="caseLog(scope.row)"
+            type="text"
+            icon="el-icon-edit-outline"
+            >案件日志</el-button
+          >
+          <el-button
+            size="mini"
+            @click="viewpaymentformRow(scope.row)"
+            type="text"
+            icon="el-icon-edit"
+            >查看缴费单</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="evidenceUpload(scope.row)"
+            v-hasPermi="['caseManagement:list:evidenceEdit']"
+            v-if="scope.row.caseFlowId <= 9"
+            >上传证据</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            v-if="
+              scope.row.caseFlowId == 15 ||
+              scope.row.caseFlowId == 16 ||
+              scope.row.caseFlowId == 17
+            "
+            @click="caseFilingDetails(scope.row)"
+            >归档详情</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-tickets"
+            v-for="item in buttonList"
+            :key="item.id"
+            @click="caseClick(scope.row, item.id)"
+            v-if="
+              item.id == scope.row.caseFlowId &&
+              checkPermi([item.buttonAuthFlag]) &&
+              scope.row.signButtonFlag != 1
+            "
+            >{{ item.nodeName }}</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList(queryParams)"
+    />
+    <!-- 新增编辑详情 -->
+    <addCase
+      :addVisable="addVisable"
+      :queryParams="queryParams"
+      @cancelCaseAdd="cancelCaseAdd"
+      @getList="getList"
+      :caseData="caseData"
+      :caseDisabled="caseDisabled"
+      :tabFlag="tabFlag"
+      :addModifyData="addModifyData"
+    ></addCase>
+    <!-- 压缩包导入     -->
+    <caseCompressionPackage
+      :openCompressedPackages="openCompressedPackages"
+      :queryParams="queryParams"
+      @cancelCompreess="cancelCompreess"
+      :getList="getList"
+    >
+    </caseCompressionPackage>
+    <!-- 案件详情 -->
+    <mediationCaseDetails
+      :processVisable="processVisable"
+      @cancelViewProcess="cancelViewProcess"
+      :caseFlowNumber="caseFlowNumber"
+    >
+    </mediationCaseDetails>
+    <!-- 案件日志 -->
+    <mediationCaseLog
+      :showcaseLog="showcaseLog"
+      @cancelcaseLog="cancelcaseLog"
+      :caselogDataArr="caselogDataArr"
+      :flagLoading="flagLoading"
+    ></mediationCaseLog>
+    <!-- 证据修改 -->
+    <evidenceDialog
+      :evidenceVisable="evidenceVisable"
+      @cancelEvidence="cancelEvidence"
+      :evidenceData="evidenceData"
+    >
+    </evidenceDialog>
+    <!-- 缴费 -->
+    <payDialog
+      :openPay="openPay"
+      :payTitle="payTitle"
+      :formPayDetail="formPayDetail"
+      :payId="payId"
+      :payForm="payForm"
+      :queryParams="queryParams"
+      @getList="getList"
+      @paycancelRow="paycancelRow"
+      :formPayDetailAffiliate="formPayDetailAffiliate"
+    ></payDialog>
+    <!-- 缴费确认查看详情 -->
+    <paymentdetailsDialog
+      :openDialog="openDialog"
+      @cancelpaymentdetails="cancelpaymentdetails"
+      :title="payTitle"
+      :detailform="detailform"
+      :queryParams="queryParams"
+      :flag="flag"
+      :paymentConfirma="paymentConfirma"
+      :isapplicant="isapplicant"
+      @getList="getList"
+    >
+    </paymentdetailsDialog>
+    <!-- 案件受理 -->
+    <caseAcceptance
+      :showAcceptance="showAcceptance"
+      @cancelAcceptance="cancelAcceptance"
+      :caseAcceptanceData="caseAcceptanceData"
+      @getList="getList"
+    ></caseAcceptance>
+    <!-- 被申请人缴费 -->
+    <respondentPay
+      :openResPay="openResPay"
+      :resPayTitle="resPayTitle"
+      :formResPayDetail="formResPayDetail"
+      :resPayId="resPayId"
+      :resPayForm="resPayForm"
+      :queryParams="queryParams"
+      @getList="getList"
+      @paycancelRes="paycancelRes"
+      :formResPay="formResPay"
+    ></respondentPay>
+    <!-- 调解员弹窗 -->
+    <selectMediator
+      @cancelMediator="cancelMediator"
+      :mediatorVisable="mediatorVisable"
+      :mediatorData="mediatorData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></selectMediator>
+    <!-- 秘书确认 -->
+    <confirmMediator
+      @cancelConfirm="cancelConfirm"
+      :confirmVisable="confirmVisable"
+      :confirmData="confirmData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></confirmMediator>
+    <!-- 部门长确认 -->
+    <departmentMediator
+      @cancelDepartment="cancelDepartment"
+      :departmentVisable="departmentVisable"
+      :departmentData="departmentData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></departmentMediator>
+    <!-- 秘书确认时间 -->
+    <timeConfirm
+      @cancelTimeConfirm="cancelTimeConfirm"
+      :timeConfirmVisable="timeConfirmVisable"
+      :timeConfirmData="timeConfirmData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></timeConfirm>
+    <!-- 待调解     -->
+    <mediation
+      @cancelMediation="cancelMediation"
+      :mediationVisable="mediationVisable"
+      :mediationData="mediationData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></mediation>
+    <confirmMediation
+      @cancelConfirmTion="cancelConfirmTion"
+      :confirmTionVisable="confirmTionVisable"
+      :confirmTionData="confirmTionData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></confirmMediation>
+    <!-- 归档详情 -->
+    <caseFilingDetailsPage
+      :showarchiveDetails="showarchiveDetails"
+      :caseFilingData="caseFilingData"
+      @cancelDetail="cancelDetail"
+      :detailsAwardNum="detailsAwardNum"
+      :flagLoadingS="flagLoadingS"
+    ></caseFilingDetailsPage>
+  </div>
 </template>
 
 <script>
-import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord,msCaseFile,msCaseSign,listDeptApplied,msCaseSignUrlApplyPC} from '@/api/caseManagement/caseManagement.js'
-import { listDept } from '@/api/system/dept.js'
-import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
+import {
+  caseApplicationList,
+  caseApplicationSelectById,
+  submitCaseApply,
+  selectPaymentDetail,
+  sealApply,
+  selectSealUrl,
+  listCaseLogRecord,
+  msCaseFile,
+  msCaseSign,
+  listDeptApplied,
+  msCaseSignUrlApplyPC,
+} from "@/api/caseManagement/caseManagement.js";
+import { listDept } from "@/api/system/dept.js";
+import { queryCaseFlowInfo } from "@/api/caseprocessManagement/caseprocessManagement.js";
 import moment from "moment";
-import addCase from './components/addCase.vue'
-import evidenceDialog from './components/evidenceDialog.vue';
-import caseCompressionPackage from './components/caseCompressionPackage.vue';
-import mediationCaseDetails from './components/mediationCaseDetails.vue'
-import mediationCaseLog from './components/mediationCaseLog.vue'
+import addCase from "./components/addCase.vue";
+import evidenceDialog from "./components/evidenceDialog.vue";
+import caseCompressionPackage from "./components/caseCompressionPackage.vue";
+import mediationCaseDetails from "./components/mediationCaseDetails.vue";
+import mediationCaseLog from "./components/mediationCaseLog.vue";
 import payDialog from "./components/payDialog.vue";
-import respondentPay from "./components/respondentPay.vue"
-import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
-import caseAcceptance from './components/caseAcceptance.vue'
-import selectMediator from './components/selectMediator.vue'
-import confirmMediator from './components/confirmMediator.vue'
-import departmentMediator from './components/departmentMediator.vue'
-import timeConfirm from './components/timeConfirm.vue'
-import mediation from './components/mediation.vue'
-import confirmMediation from './components/confirmMediation.vue'
-import caseFilingDetailsPage from './components/caseFilingDetailsPage.vue'
+import respondentPay from "./components/respondentPay.vue";
+import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
+import caseAcceptance from "./components/caseAcceptance.vue";
+import selectMediator from "./components/selectMediator.vue";
+import confirmMediator from "./components/confirmMediator.vue";
+import departmentMediator from "./components/departmentMediator.vue";
+import timeConfirm from "./components/timeConfirm.vue";
+import mediation from "./components/mediation.vue";
+import confirmMediation from "./components/confirmMediation.vue";
+import caseFilingDetailsPage from "./components/caseFilingDetailsPage.vue";
 export default {
-    name: "caseList",
-    dicts: ["case_flow_node"],
-    components: {
-        addCase,
-        caseCompressionPackage,
-        mediationCaseDetails,
-        mediationCaseLog,
-        evidenceDialog,
-        payDialog,
-        paymentdetailsDialog,
-        caseAcceptance,
-        selectMediator,//调解员弹窗
-        confirmMediator,
-        departmentMediator,
-        timeConfirm,
-        mediation,
-        confirmMediation,
-        caseFilingDetailsPage,
-        respondentPay
-    },
-    data() {
-        return {
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-            },
-            // 遮罩层
-            loading: false,
-            // 总条数
-            total: 0,
-            // 表格数据
-            form: {},
-            // 校验表单
-            rules: {},
-            dataList: [],
-            addVisable: false,//新增弹窗
-            openPay: false, //缴费弹框
-            openResPay:false,//被申请人缴费弹窗
-            formPayDetail: {},
-            formResPayDetail:{},
-            payId: null,
-            resPayId:null,
-            payForm: {},
-            resPayForm:{},
-            openCompressedPackages: false,//压缩包导入弹窗
-            processVisable: false,//案件详情
-            showcaseLog: false,//案件日志
-            openDialog: false,//确认缴费和缴费详情
-            detailform: {}, //缴费详情数据
-            evidenceVisable: false,//证据修改弹窗
-            mediationVisable:false,//待调解弹窗
-            mediationData:{},
-            payTitle:"",//缴费标题
-            resPayTitle:'',//被申请人缴费标题
-            paymentConfirma:{},//缴费确认
-            showAcceptance:false,//案件受理弹框
-            caseAcceptanceData:{},//案件受理数据
-            mediatorVisable:false,//选择调解员弹窗
-            timeVisable:false,//预约时间弹窗
-            confirmVisable:false,//确认时间/调解员
-            caseFlowNumber:{},//案件流程数据
-            caselogDataArr:[],//案件日志数据
-            flagLoading: true, //案件日志弹框loading
-            confirmTionVisable:false,//确认调解书弹窗
-            addModifyData:null,//新增修改传的参数
-            showarchiveDetails:false,//归档详情弹窗
-            detailsAwardNum:{},
-            flagLoadingS: true,
-            formPayDetailAffiliate:{},
-            formResPay:{},
-            mediatorData:{},
-            flag: null,
-            caseData: {},
-            evidenceData: {},
-            caseDisabled: false,
-            caseTime: '',
-            deptList: [],
-            payTitle: '',
-            tabFlag: false,
-            confirmData: {},
-            departmentVisable: false,
-            departmentData: {},
-            timeConfirmVisable: false,
-            timeConfirmData: {},
-            confirmTionData:{},
-            buttonList: [],
-            caseStausArr: [],//案件状态
-            isapplicant: true, //判断角色申请人或非申请人
-            caseFilingData:{}
-        };
-    },
-    created() {
-        this.getList(this.queryParams);
-        this.listDeptFn()
-        this.getButtonList()
-    },
-    methods: {
-        /**所有按钮事件 */
-        caseClick(val,type){
-            if(type == 1){
-                // 提交案件
-                this.onsubmitRow(val);
-            }else if(type == 2){
-                // 缴费
-                this.payStatus(val);
-            }else if(type == 3 || type == 45){
-                // 确认缴费
-                this.paymentconfirmationRow(val,type);
-            }else if(type == 4){
-                // 受理分配
-                this.caseAccep(val);
-            }else if(type == 5){
-                // 选择调解员
-                this.selectMediator(val);
-            }else if(type == 6){
-                // 核实调解员
-                this.secretaryConfirm(val);
-            }else if(type == 7){
-                // 确认调解员
-                this.department(val);
-            }else if(type == 8){
-                // 确定调解时间
-                this.timeConfirm(val);
-            }else if(type == 9){
-                // 调解
-                this.mediationClick(val)
-            }else if(type == 10){
-                // 确认调解书
-                this.confirmMediation(val)
-            }else if(type == 11){
-                // 签名
-                this.msCaseSignUrlApplyPCFn(val)
-            }else if(type == 12){
-                // 用印申请
-                this.consultantApplica(val)
-            }else if(type == 13){
-                // 用印
-                this.departmentApplica(val)
-            }else if(type == 14){
-                // 归档
-                this.caseFiling(val);
-            }else if(type == 15){
-                // 申请人签收
-                this.signMediation(val)
-            }else if(type == 16){
-                // 被申请人签收
-                this.receivedMediation(val)
-            }else if(type == 17){
-                //结束
-            }else if(type == 44){
-                // 被申请人缴费
-                this.resPayStatus(val)
-            }
-        },
-        /**查询按钮列表 */
-        getButtonList() {
-            queryCaseFlowInfo({
-                pageNum: 1,
-                pageSize: 100000
-            }).then(res => {
-                console.log(res)
-                res.rows.forEach(item => {
-                    if(item.id !=17){
-                        this.buttonList.push(item)
-                    }
-                    this.caseStausArr.push(item)
-                });               
-            })
-        },
-        /** 新增案件 */
-        addCase() {
-            this.addModifyData =1;
-            this.addVisable = true;
-            this.caseData = {};
-            this.caseDisabled = false;
-            this.tabFlag = false;
-        },
-        /** 查看详情 */
-        checkDetail(val) {
-            this.addModifyData =2;
-            this.addVisable = true;
-            this.caseData = val;
-            this.caseDisabled = true;
-            this.tabFlag = true;
-        },
-        /** 修改案件 */
-        eidtNodeprocess(row) {
-            this.addModifyData = 3
-            this.addVisable = true;
-            this.caseData = row;
-            this.$set(this.caseData,'flag',2)
-            this.caseDisabled = false;
-            this.tabFlag = false;
-        },
-        /** 案件导入压缩包 */
-        compressedPackages() {
-            this.openCompressedPackages = true;
-        },
-        /** 缴费 */
-        payStatus(val) {
-            this.getDetail({ id: val.id });
-            this.payTitle = "申请人缴费";
-            this.payId = val.id;
-            this.openPay = true;
-        },
-        /** 被申请人缴费 */
-        resPayStatus(val) {
-            this.getResDetail({ id: val.id });
-            this.resPayTitle = "被申请人缴费";
-            this.resPayId = val.id;
-            this.openResPay = true;
-        },
-        /** 列表提交立案 */
-        onsubmitRow(row) {
-            this.$modal
-                .confirm("是否提交调解申请？")
-                .then(function () {
-                    return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
-                })
-                .then(() => {
-                    this.getList(this.queryParams);
-                    this.$modal.msgSuccess("调解申请成功");
-                })
-                .catch(() => { });
-        },
-        /** 签名 */
-        msCaseSignUrlApplyPCFn(row) {
-            // this.$modal
-            //     .confirm("是否")
-            //     .then(function () {
-            //         return msCaseSignUrlApplyPC({ caseId: row.id });
-            //     })
-            //     .then(() => {
-            //         this.getList(this.queryParams);
-            //         this.$modal.msgSuccess("立案申请成功");
-            //     })
-            //     .catch(() => { });
-            msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
-                console.log(res,"PPPPPPPPPPPPPPPPPPPP");
-                window.open(res.data.sealUrl);
-            })
-        },
-        /** 选择调解员 */
-        selectMediator(val) {
-            this.mediatorVisable = true;
-            this.mediatorData = val;
-        },
-        /** 预约时间 */
-        selectTime(val) {
-            this.timeVisable = true;
-        },
-        /** 调解 */
-        mediationClick(val){
-            this.mediationVisable = true;
-            this.mediationData = val;
-        },
-        /** 确认调解书 */
-        confirmMediation(val){
-            this.confirmTionVisable = true;
-            this.confirmTionData = val;
-        },
-        getDetail(parms) {
-            caseApplicationSelectById(parms).then((res) => {
-                this.formPayDetail = res.data;
-                this.formPayDetailAffiliate = res.data.affiliate;
-                this.payForm.feePayable = res.data.feePayable;
-                this.payForm.caseId = res.data.id;
-            });
-        },
-        getResDetail(parms) {
-            caseApplicationSelectById(parms).then((res) => {
-                this.formResPayDetail = res.data;
-                this.formResPay = res.data.affiliate;
-                this.resPayForm.feePayable = res.data.feePayable;
-                this.resPayForm.caseId = res.data.id;
-            });
-        },
-        /** 确认调解员 */
-        secretaryConfirm(val) {
-            this.confirmVisable = true;
-            this.confirmData = val;
-        },
-        /** 部门长确认调解员 */
-        department(val) {
-            this.departmentVisable = true;
-            this.departmentData = val;
-        },
-        /**确认时间 */
-        timeConfirm(val) {
-            this.timeConfirmVisable = true;
-            this.timeConfirmData = val;
-        },
-        /** 时间改变处理 */
-        caseTimeChange() {
-            if (this.caseTime) {
-                this.queryParams.startTime = moment(
-                    this.caseTime[0]
-                ).format("YYYY-MM-DD HH:mm:ss");
-                this.queryParams.endTime = moment(
-                    this.caseTime[1]
-                ).format("YYYY-MM-DD HH:mm:ss");
-            } else {
-                this.queryParams.startTime = '';
-                this.queryParams.endTime = '';
-            }
-
-        },
-        /** 获取所有部门 */
-        listDeptFn() {
-            listDeptApplied().then(res => {
-                this.deptList = res.data;
-            })
-        },
-        /** 修改证据 */
-        evidenceUpload(row) {
-            this.evidenceData = row;
-            this.evidenceVisable = true;
-        },
-        /** 取消弹窗（证据弹窗） */
-        cancelEvidence() {
-            this.evidenceVisable = false;
-        },
-        /** 关闭新增弹窗 */
-        cancelCaseAdd() {
-            this.addVisable = false;
-        },
-        /** 关闭压缩包导入弹窗 */
-        cancelCompreess() {
-            this.openCompressedPackages = false;
-        },
-        /**取消缴费*/
-        paycancelRow(row) {
-            this.openPay = false;
-        },
-        /**被申请人取消缴费*/
-        paycancelRes(row) {
-            this.openResPay = false;
-        },
-        /** 取消调解员弹窗 */
-        cancelMediator() {
-            this.mediatorVisable = false;
-        },
-        /** 取消预约时间弹窗 */
-        cancelTime() {
-            this.timeVisable = false;
-        },
-        /**取消调解 */
-        cancelMediation(){
-            this.timeConfirmVisable = false;
-        },
-        /** 取消确认调解弹窗 */
-        cancelConfirmTion(){
-            this.confirmTionVisable = false;
-        },
-        cancelMediation(){
-            this.mediationVisable = false;
-        },
-        cancelConfirm() {
-            this.confirmVisable = false;
-        },
-        cancelDepartment() {
-            this.departmentVisable = false;
-        },
-        cancelTimeConfirm() {
-            this.timeConfirmVisable = false;
-        },
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1;
-            this.getList(this.queryParams);
-        },
-        /** 重置按钮操作 */
-        // resetQuery() {
-        //     this.resetForm("queryForm");
-        //     this.handleQuery();
-        // },
-        // 查询列表数据
-        getList(parms) {
-            this.loading = true;
-            caseApplicationList(parms).then((response) => {
-                this.dataList = response.rows;
-                this.total = response.total;
-                this.loading = false;
-            })
-        },
-        // 法律顾问用印申请
-        consultantApplica(row) {
-            let paramsValue = {
-                caseId: row.id,
-                batchNumber: "",
-                caseFlowId: row.caseFlowId
-            }
-            this.$modal.confirm("你确定要用印申请吗？").then((res) => {
-                sealApply(paramsValue).then(res => {
-                    this.getList(this.queryParams);
-                    this.$modal.msgSuccess("用印申请成功");
-                })
-            }).catch(() => {
-
-            })
-        },
-        // 部门长用印申请
-        departmentApplica(row) {
-            this.$modal.confirm("你确定要用印确认吗？").then((res) => {
-                let paramsValue = {
-                    caseId: row.id
-                }
-                selectSealUrl(paramsValue).then(res => {
-                    window.open(res.data.sealUrl)
-                    this.$modal.confirm("你确认用印了吗？").then((res) => {
-                        this.getList(this.queryParams);
-                    }).catch(() => {
-
-                    })
-                })
-            }).catch(() => {
-
-            })
-        },
-        // 案件受理
-        caseAccep(row) {
-            this.caseAcceptanceData = row
-            this.showAcceptance = true
-        },
-        cancelAcceptance() {
-            this.showAcceptance = false
-        },
-        // 缴费确认
-        paymentconfirmationRow(row,type) {
-            this.paymentConfirma = row
-            console.log(this.paymentConfirma)
-            this.paymentDetails({
-                id: row.id
-            })
-            this.openDialog = true
-            this.payTitle = "缴费确认"
-            this.flag = 0;
-            this.detailform = {}
-            if (type == 3) {
-            // 申请人
-                this.isapplicant = true
-            }else {
-                this.isapplicant = false
-            }
-        },
-        cancelpaymentdetails() {
-            this.openDialog = false
-        },
-        // 查看缴费确认
-        viewpaymentformRow(row) {
-            this.paymentDetails({
-                id: row.id
-            })
-            this.payTitle = "缴费单详情"
-            this.flag = 1;
-            this.detailform = {}
-            this.openDialog = true
-        },
-        // 缴费详情
-        paymentDetails(val) {
-            selectPaymentDetail(val).then(res => {
-                this.detailform = res.data;
-            })
-        },
-        //案件流程
-        caseFlow(row) {
-            this.caseFlowNumber = row
-            this.processVisable = true
-        },
-        cancelViewProcess() {
-            this.processVisable = false
-        },
-        //案件日志
-        caseLog(row) {
-            this.caseLogNumber = row
-            this.showcaseLog = true
-            this.flagLoading = true;
-            listCaseLogRecord({caseId:row.id}).then(res=>{
-                    this.caselogDataArr = res.data
-                    this.flagLoading = false;
-            })
-        },
-        cancelcaseLog() {
-            this.showcaseLog = false
-        },
-        // 案件送达
-        caseFiling(row) {
-            console.log(row.id)
-            let paramValues = {
-                ids:[row.id]
-            }
-            this.$modal.confirm("你确定要案件送达吗？").then((res) => {
-               msCaseFile(paramValues).then(res=>{
-                    this.$modal.msgSuccess("案件送达成功");
-                    this.getList(this.queryParams);
-               }) 
-            }).catch(() => {
-
-            })
-        },
-        //申请人签收调解书
-        signMediation(row) {
-            this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
-                this.signingMediationAgreement({caseId:row.id,isSignApply:1})
-            }).catch(() => {
-
-            })
-        },
-        //被申请人签收调解书
-        receivedMediation(row) {
-            this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
-                this.signingMediationAgreement({caseId:row.id,isSignRespon:1})
-            }).catch(() => {
-
-            })
-        },
-        // 申请人和被申请人签收调解书接口
-         signingMediationAgreement(val){
-             console.log(val)
-             msCaseSign(val).then(res=>{
-                 this.$modal.msgSuccess("签收成功");
-                 this.getList(this.queryParams);
-             })
-         },
-        //归档详情
-        caseFilingDetails(val){
-            this.showarchiveDetails = true;
-            this.caseFilingData = val;
-            let vals = {id:val.id}
-            caseApplicationSelectById(vals).then(res=>{
-                res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
-                this.detailsAwardNum = res.data
-                console.log(this.detailsAwardNum)
-                this.flagLoadingS = false
-            })
-        },
-        cancelDetail(){
-            this.showarchiveDetails = false
+  name: "caseList",
+  dicts: ["case_flow_node"],
+  components: {
+    addCase,
+    caseCompressionPackage,
+    mediationCaseDetails,
+    mediationCaseLog,
+    evidenceDialog,
+    payDialog,
+    paymentdetailsDialog,
+    caseAcceptance,
+    selectMediator, //调解员弹窗
+    confirmMediator,
+    departmentMediator,
+    timeConfirm,
+    mediation,
+    confirmMediation,
+    caseFilingDetailsPage,
+    respondentPay,
+  },
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // 表格数据
+      form: {},
+      // 校验表单
+      rules: {},
+      dataList: [],
+      addVisable: false, //新增弹窗
+      openPay: false, //缴费弹框
+      openResPay: false, //被申请人缴费弹窗
+      formPayDetail: {},
+      formResPayDetail: {},
+      payId: null,
+      resPayId: null,
+      payForm: {},
+      resPayForm: {},
+      openCompressedPackages: false, //压缩包导入弹窗
+      processVisable: false, //案件详情
+      showcaseLog: false, //案件日志
+      openDialog: false, //确认缴费和缴费详情
+      detailform: {}, //缴费详情数据
+      evidenceVisable: false, //证据修改弹窗
+      mediationVisable: false, //待调解弹窗
+      mediationData: {},
+      payTitle: "", //缴费标题
+      resPayTitle: "", //被申请人缴费标题
+      paymentConfirma: {}, //缴费确认
+      showAcceptance: false, //案件受理弹框
+      caseAcceptanceData: {}, //案件受理数据
+      mediatorVisable: false, //选择调解员弹窗
+      timeVisable: false, //预约时间弹窗
+      confirmVisable: false, //确认时间/调解员
+      caseFlowNumber: {}, //案件流程数据
+      caselogDataArr: [], //案件日志数据
+      flagLoading: true, //案件日志弹框loading
+      confirmTionVisable: false, //确认调解书弹窗
+      addModifyData: null, //新增修改传的参数
+      showarchiveDetails: false, //归档详情弹窗
+      detailsAwardNum: {},
+      flagLoadingS: true,
+      formPayDetailAffiliate: {},
+      formResPay: {},
+      mediatorData: {},
+      flag: null,
+      caseData: {},
+      evidenceData: {},
+      caseDisabled: false,
+      caseTime: "",
+      deptList: [],
+      payTitle: "",
+      tabFlag: false,
+      confirmData: {},
+      departmentVisable: false,
+      departmentData: {},
+      timeConfirmVisable: false,
+      timeConfirmData: {},
+      confirmTionData: {},
+      buttonList: [],
+      caseStausArr: [], //案件状态
+      isapplicant: true, //判断角色申请人或非申请人
+      caseFilingData: {},
+    };
+  },
+  created() {
+    // this.getList(this.queryParams);
+    this.listDeptFn();
+    // this.getButtonList()
+    queryCaseFlowInfo({
+      pageNum: 1,
+      pageSize: 100000,
+    }).then((res) => {
+      res.rows.forEach((item) => {
+        if (item.id != 17) {
+          this.buttonList.push(item);
         }
-        
+        this.caseStausArr.push(item);
+      });
+      if (this.$route.query.caseFlowId) {
+        let querydata = Number(this.$route.query.caseFlowId);
+        if (querydata > 0) {
+        this.$set(this.queryParams,'caseFlowId',querydata)
+        }
+      }
+      this.getList(this.queryParams);
+    });
+  },
+  methods: {
+    /**所有按钮事件 */
+    caseClick(val, type) {
+      if (type == 1) {
+        // 提交案件
+        this.onsubmitRow(val);
+      } else if (type == 2) {
+        // 缴费
+        this.payStatus(val);
+      } else if (type == 3 || type == 45) {
+        // 确认缴费
+        this.paymentconfirmationRow(val, type);
+      } else if (type == 4) {
+        // 受理分配
+        this.caseAccep(val);
+      } else if (type == 5) {
+        // 选择调解员
+        this.selectMediator(val);
+      } else if (type == 6) {
+        // 核实调解员
+        this.secretaryConfirm(val);
+      } else if (type == 7) {
+        // 确认调解员
+        this.department(val);
+      } else if (type == 8) {
+        // 确定调解时间
+        this.timeConfirm(val);
+      } else if (type == 9) {
+        // 调解
+        this.mediationClick(val);
+      } else if (type == 10) {
+        // 确认调解书
+        this.confirmMediation(val);
+      } else if (type == 11) {
+        // 签名
+        this.msCaseSignUrlApplyPCFn(val);
+      } else if (type == 12) {
+        // 用印申请
+        this.consultantApplica(val);
+      } else if (type == 13) {
+        // 用印
+        this.departmentApplica(val);
+      } else if (type == 14) {
+        // 归档
+        this.caseFiling(val);
+      } else if (type == 15) {
+        // 申请人签收
+        this.signMediation(val);
+      } else if (type == 16) {
+        // 被申请人签收
+        this.receivedMediation(val);
+      } else if (type == 17) {
+        //结束
+      } else if (type == 44) {
+        // 被申请人缴费
+        this.resPayStatus(val);
+      }
     },
+    /**查询按钮列表 */
+    getButtonList() {},
+    /** 新增案件 */
+    addCase() {
+      this.addModifyData = 1;
+      this.addVisable = true;
+      this.caseData = {};
+      this.caseDisabled = false;
+      this.tabFlag = false;
+    },
+    /** 查看详情 */
+    checkDetail(val) {
+      this.addModifyData = 2;
+      this.addVisable = true;
+      this.caseData = val;
+      this.caseDisabled = true;
+      this.tabFlag = true;
+    },
+    /** 修改案件 */
+    eidtNodeprocess(row) {
+      this.addModifyData = 3;
+      this.addVisable = true;
+      this.caseData = row;
+      this.$set(this.caseData, "flag", 2);
+      this.caseDisabled = false;
+      this.tabFlag = false;
+    },
+    /** 案件导入压缩包 */
+    compressedPackages() {
+      this.openCompressedPackages = true;
+    },
+    /** 缴费 */
+    payStatus(val) {
+      this.getDetail({ id: val.id });
+      this.payTitle = "申请人缴费";
+      this.payId = val.id;
+      this.openPay = true;
+    },
+    /** 被申请人缴费 */
+    resPayStatus(val) {
+      this.getResDetail({ id: val.id });
+      this.resPayTitle = "被申请人缴费";
+      this.resPayId = val.id;
+      this.openResPay = true;
+    },
+    /** 列表提交立案 */
+    onsubmitRow(row) {
+      this.$modal
+        .confirm("是否提交调解申请？")
+        .then(function () {
+          return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
+        })
+        .then(() => {
+          this.getList(this.queryParams);
+          this.$modal.msgSuccess("调解申请成功");
+        })
+        .catch(() => {});
+    },
+    /** 签名 */
+    msCaseSignUrlApplyPCFn(row) {
+      // this.$modal
+      //     .confirm("是否")
+      //     .then(function () {
+      //         return msCaseSignUrlApplyPC({ caseId: row.id });
+      //     })
+      //     .then(() => {
+      //         this.getList(this.queryParams);
+      //         this.$modal.msgSuccess("立案申请成功");
+      //     })
+      //     .catch(() => { });
+      msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
+        console.log(res, "PPPPPPPPPPPPPPPPPPPP");
+        window.open(res.data.sealUrl);
+      });
+    },
+    /** 选择调解员 */
+    selectMediator(val) {
+      this.mediatorVisable = true;
+      this.mediatorData = val;
+    },
+    /** 预约时间 */
+    selectTime(val) {
+      this.timeVisable = true;
+    },
+    /** 调解 */
+    mediationClick(val) {
+      this.mediationVisable = true;
+      this.mediationData = val;
+    },
+    /** 确认调解书 */
+    confirmMediation(val) {
+      this.confirmTionVisable = true;
+      this.confirmTionData = val;
+    },
+    getDetail(parms) {
+      caseApplicationSelectById(parms).then((res) => {
+        this.formPayDetail = res.data;
+        this.formPayDetailAffiliate = res.data.affiliate;
+        this.payForm.feePayable = res.data.feePayable;
+        this.payForm.caseId = res.data.id;
+      });
+    },
+    getResDetail(parms) {
+      caseApplicationSelectById(parms).then((res) => {
+        this.formResPayDetail = res.data;
+        this.formResPay = res.data.affiliate;
+        this.resPayForm.feePayable = res.data.feePayable;
+        this.resPayForm.caseId = res.data.id;
+      });
+    },
+    /** 确认调解员 */
+    secretaryConfirm(val) {
+      this.confirmVisable = true;
+      this.confirmData = val;
+    },
+    /** 部门长确认调解员 */
+    department(val) {
+      this.departmentVisable = true;
+      this.departmentData = val;
+    },
+    /**确认时间 */
+    timeConfirm(val) {
+      this.timeConfirmVisable = true;
+      this.timeConfirmData = val;
+    },
+    /** 时间改变处理 */
+    caseTimeChange() {
+      if (this.caseTime) {
+        this.queryParams.startTime = moment(this.caseTime[0]).format(
+          "YYYY-MM-DD HH:mm:ss"
+        );
+        this.queryParams.endTime = moment(this.caseTime[1]).format(
+          "YYYY-MM-DD HH:mm:ss"
+        );
+      } else {
+        this.queryParams.startTime = "";
+        this.queryParams.endTime = "";
+      }
+    },
+    /** 获取所有部门 */
+    listDeptFn() {
+      listDeptApplied().then((res) => {
+        this.deptList = res.data;
+      });
+    },
+    /** 修改证据 */
+    evidenceUpload(row) {
+      this.evidenceData = row;
+      this.evidenceVisable = true;
+    },
+    /** 取消弹窗（证据弹窗） */
+    cancelEvidence() {
+      this.evidenceVisable = false;
+    },
+    /** 关闭新增弹窗 */
+    cancelCaseAdd() {
+      this.addVisable = false;
+    },
+    /** 关闭压缩包导入弹窗 */
+    cancelCompreess() {
+      this.openCompressedPackages = false;
+    },
+    /**取消缴费*/
+    paycancelRow(row) {
+      this.openPay = false;
+    },
+    /**被申请人取消缴费*/
+    paycancelRes(row) {
+      this.openResPay = false;
+    },
+    /** 取消调解员弹窗 */
+    cancelMediator() {
+      this.mediatorVisable = false;
+    },
+    /** 取消预约时间弹窗 */
+    cancelTime() {
+      this.timeVisable = false;
+    },
+    /**取消调解 */
+    cancelMediation() {
+      this.timeConfirmVisable = false;
+    },
+    /** 取消确认调解弹窗 */
+    cancelConfirmTion() {
+      this.confirmTionVisable = false;
+    },
+    cancelMediation() {
+      this.mediationVisable = false;
+    },
+    cancelConfirm() {
+      this.confirmVisable = false;
+    },
+    cancelDepartment() {
+      this.departmentVisable = false;
+    },
+    cancelTimeConfirm() {
+      this.timeConfirmVisable = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList(this.queryParams);
+    },
+    /** 重置按钮操作 */
+    // resetQuery() {
+    //     this.resetForm("queryForm");
+    //     this.handleQuery();
+    // },
+    // 查询列表数据
+    getList(parms) {
+      this.loading = true;
+      caseApplicationList(parms).then((response) => {
+        this.dataList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 法律顾问用印申请
+    consultantApplica(row) {
+      let paramsValue = {
+        caseId: row.id,
+        batchNumber: "",
+        caseFlowId: row.caseFlowId,
+      };
+      this.$modal
+        .confirm("你确定要用印申请吗？")
+        .then((res) => {
+          sealApply(paramsValue).then((res) => {
+            this.getList(this.queryParams);
+            this.$modal.msgSuccess("用印申请成功");
+          });
+        })
+        .catch(() => {});
+    },
+    // 部门长用印申请
+    departmentApplica(row) {
+      this.$modal
+        .confirm("你确定要用印确认吗？")
+        .then((res) => {
+          let paramsValue = {
+            caseId: row.id,
+          };
+          selectSealUrl(paramsValue).then((res) => {
+            window.open(res.data.sealUrl);
+            this.$modal
+              .confirm("你确认用印了吗？")
+              .then((res) => {
+                this.getList(this.queryParams);
+              })
+              .catch(() => {});
+          });
+        })
+        .catch(() => {});
+    },
+    // 案件受理
+    caseAccep(row) {
+      this.caseAcceptanceData = row;
+      this.showAcceptance = true;
+    },
+    cancelAcceptance() {
+      this.showAcceptance = false;
+    },
+    // 缴费确认
+    paymentconfirmationRow(row, type) {
+      this.paymentConfirma = row;
+      console.log(this.paymentConfirma);
+      this.paymentDetails({
+        id: row.id,
+      });
+      this.openDialog = true;
+      this.payTitle = "缴费确认";
+      this.flag = 0;
+      this.detailform = {};
+      if (type == 3) {
+        // 申请人
+        this.isapplicant = true;
+      } else {
+        this.isapplicant = false;
+      }
+    },
+    cancelpaymentdetails() {
+      this.openDialog = false;
+    },
+    // 查看缴费确认
+    viewpaymentformRow(row) {
+      this.paymentDetails({
+        id: row.id,
+      });
+      this.payTitle = "缴费单详情";
+      this.flag = 1;
+      this.detailform = {};
+      this.openDialog = true;
+    },
+    // 缴费详情
+    paymentDetails(val) {
+      selectPaymentDetail(val).then((res) => {
+        this.detailform = res.data;
+      });
+    },
+    //案件流程
+    caseFlow(row) {
+      this.caseFlowNumber = row;
+      this.processVisable = true;
+    },
+    cancelViewProcess() {
+      this.processVisable = false;
+    },
+    //案件日志
+    caseLog(row) {
+      this.caseLogNumber = row;
+      this.showcaseLog = true;
+      this.flagLoading = true;
+      listCaseLogRecord({ caseId: row.id }).then((res) => {
+        this.caselogDataArr = res.data;
+        this.flagLoading = false;
+      });
+    },
+    cancelcaseLog() {
+      this.showcaseLog = false;
+    },
+    // 案件送达
+    caseFiling(row) {
+      console.log(row.id);
+      let paramValues = {
+        ids: [row.id],
+      };
+      this.$modal
+        .confirm("你确定要案件送达吗？")
+        .then((res) => {
+          msCaseFile(paramValues).then((res) => {
+            this.$modal.msgSuccess("案件送达成功");
+            this.getList(this.queryParams);
+          });
+        })
+        .catch(() => {});
+    },
+    //申请人签收调解书
+    signMediation(row) {
+      this.$modal
+        .confirm("你确定要签收调解书吗？")
+        .then((res) => {
+          this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 });
+        })
+        .catch(() => {});
+    },
+    //被申请人签收调解书
+    receivedMediation(row) {
+      this.$modal
+        .confirm("你确定要签收调解书吗？")
+        .then((res) => {
+          this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
+        })
+        .catch(() => {});
+    },
+    // 申请人和被申请人签收调解书接口
+    signingMediationAgreement(val) {
+      console.log(val);
+      msCaseSign(val).then((res) => {
+        this.$modal.msgSuccess("签收成功");
+        this.getList(this.queryParams);
+      });
+    },
+    //归档详情
+    caseFilingDetails(val) {
+      this.showarchiveDetails = true;
+      this.caseFilingData = val;
+      let vals = { id: val.id };
+      caseApplicationSelectById(vals).then((res) => {
+        res.data.affiliate.respondentSex = Number(
+          res.data.affiliate.respondentSex
+        );
+        this.detailsAwardNum = res.data;
+        console.log(this.detailsAwardNum);
+        this.flagLoadingS = false;
+      });
+    },
+    cancelDetail() {
+      this.showarchiveDetails = false;
+    },
+  },
 };
 </script>
 
diff --git a/src/views/index.vue b/src/views/index.vue
index 8200b4a..63d45dd 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,27 +1,129 @@
 <template>
   <div class="app-container home">
-    调解系统
+    <div class="header">
+      <div class="iconTitle"></div>
+      <div class="headerMain">我的待办</div>
+    </div>
+    <div class="homeMain">
+      <div class="cardList" v-for="(item, index) in pendingTasks" :key="index" @click="pushPage(item.caseFlowId)">
+        <div class="badge">{{item.caseCount}}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daiban.png" alt="" />
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">{{ item.caseStatusName }}</div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { todoCount } from "@/api/system/homepage.js";
 export default {
   name: "Index",
   data() {
     return {
       // 版本号
-      version: "3.8.6"
+      version: "3.8.6",
+      pendingTasks: [], //案件代办状态
     };
   },
+  created() {
+    this.gettodoCount();
+  },
   methods: {
     goTarget(href) {
       window.open(href, "_blank");
+    },
+    // 查询代办状态
+    gettodoCount() {
+      todoCount({}).then((res) => {
+      this.pendingTasks = res.data.toDoCountList
+      console.log(res.data.toDoCountList, "this.pendingTasks");
+      });
+    },
+    // 点击待办按钮跳转
+    pushPage(status) {
+      this.$router.push({ path: '/caseManagement/caseManagement/caseList', query: { caseFlowId: status + '' } })
     }
-  }
+  },
 };
 </script>
 
 <style scoped lang="scss">
+.home {
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  color: #676a6c;
+  overflow-x: hidden;
+  background-color: #f1f1f1;
+  height: 100vh;
 
+  .header {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+
+    .iconTitle {
+      width: 5px;
+      height: 25px;
+      background-color: #0f5c9b;
+      margin-right: 25px;
+    }
+
+    .headerMain {
+      font-size: 20px;
+    }
+  }
+
+  .homeMain {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .cardList {
+      width: 13%;
+      height: 200px;
+      border-radius: 30px;
+      background-color: #ffffff;
+      position: relative;
+      margin-right: 38px;
+      margin-bottom: 30px;
+
+      .badge {
+        width: 50px;
+        height: 30px;
+        text-align: center;
+        line-height: 30px;
+        font-size: 18px;
+        font-weight: 500;
+        color: #e32a4f;
+        border-radius: 10px 30px 10px 30px;
+        background-color: #05baf1;
+        position: absolute;
+        right: 0;
+      }
+
+      .cardMain {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+
+        .iconImg {
+          width: 100px;
+          height: 110px;
+        }
+
+        .imgTitle {
+          font-size: 15px;
+          font-weight: 900;
+        }
+      }
+    }
+  }
+}
 </style>
 
diff --git a/src/views/login.vue b/src/views/login.vue
index bd057b8..1b64dbd 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -67,7 +67,8 @@
     </div>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
+      <div>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</div>
+      <div>Version：1.0.1</div>
     </div>
   </div>
 </template>
@@ -247,8 +248,8 @@ export default {
 }
 .el-login-footer {
   background-color: rgb(126, 131, 135);
-  height: 40px;
-  line-height: 40px;
+  height: 55px;
+  line-height: 55px;
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -257,6 +258,9 @@ export default {
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;
+  div {
+    height: 30%;
+  }
 }
 .login-code-img {
   height: 38px;
-- 
2.54.0