'调解首页开发'

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
+    })
+}

src/views/caseManagement/caseList.vue

@@ -2,9 +2,18 @@
   <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-select
-                    <el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName"
+          v-model="queryParams.caseFlowId"
-                        :value="dict.id" @keyup.enter.native="handleQuery"></el-option>
+          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">
@@ -18,22 +27,51 @@
                     @keyup.enter.native="handleQuery" />
             </el-form-item> -->
       <el-form-item label="案件编号" prop="caseNum">
-                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable style="width: 240px"
+        <el-input
-                    @keyup.enter.native="handleQuery" />
+          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="至"
+        <el-date-picker
-                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" @change="caseTimeChange">
+          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
+          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-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">
@@ -50,107 +88,318 @@
         </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
-            <el-table-column label="申请人" align="center" prop="applicationName" :show-overflow-tooltip="true" />
+        label="案件编号"
-            <el-table-column label="被申请人" align="center" prop="respondentName" :show-overflow-tooltip="true" />
+        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
-            <el-table-column label="调解方式" align="center" prop="mediationMethodName" :show-overflow-tooltip="true" />
+        label="调解员"
-            <el-table-column label="调解时间" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+        align="center"
-            <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true" />
+        prop="mediatorName"
-            <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
+        :show-overflow-tooltip="true"
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      />
+      <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"
+          <el-button
-                        icon="el-icon-edit" v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
+            size="mini"
-                    <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
+            @click="eidtNodeprocess(scope.row)"
-                    <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
+            type="text"
-                    <el-button size="mini" @click="caseLog(scope.row)" type="text"
+            icon="el-icon-edit"
-                        icon="el-icon-edit-outline">案件日志</el-button>
+            v-hasPermi="['caseManagement:list:edit']"
-                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
+            v-if="scope.row.caseFlowId <= 1"
-                        icon="el-icon-edit">查看缴费单</el-button>
+            >修改</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
-                    <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>  
+            size="mini"
-                    <el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
+            @click="checkDetail(scope.row)"
-                        @click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{ item.nodeName }}</el-button>
+            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
-            @pagination="getList(queryParams)" />
+      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"
+    <addCase
-            :caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag" :addModifyData="addModifyData"></addCase>
+      :addVisable="addVisable"
+      :queryParams="queryParams"
+      @cancelCaseAdd="cancelCaseAdd"
+      @getList="getList"
+      :caseData="caseData"
+      :caseDisabled="caseDisabled"
+      :tabFlag="tabFlag"
+      :addModifyData="addModifyData"
+    ></addCase>
     <!-- 压缩包导入     -->
-        <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
+    <caseCompressionPackage
-            @cancelCompreess="cancelCompreess" :getList="getList">
+      :openCompressedPackages="openCompressedPackages"
+      :queryParams="queryParams"
+      @cancelCompreess="cancelCompreess"
+      :getList="getList"
+    >
     </caseCompressionPackage>
     <!-- 案件详情 -->
-        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
+    <mediationCaseDetails
-            :caseFlowNumber="caseFlowNumber">
+      :processVisable="processVisable"
+      @cancelViewProcess="cancelViewProcess"
+      :caseFlowNumber="caseFlowNumber"
+    >
     </mediationCaseDetails>
     <!-- 案件日志 -->
-        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
+    <mediationCaseLog
+      :showcaseLog="showcaseLog"
+      @cancelcaseLog="cancelcaseLog"
+      :caselogDataArr="caselogDataArr"
+      :flagLoading="flagLoading"
+    ></mediationCaseLog>
     <!-- 证据修改 -->
-        <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
+    <evidenceDialog
+      :evidenceVisable="evidenceVisable"
+      @cancelEvidence="cancelEvidence"
+      :evidenceData="evidenceData"
+    >
     </evidenceDialog>
     <!-- 缴费 -->
-        <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
+    <payDialog
-            :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow" :formPayDetailAffiliate="formPayDetailAffiliate"></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"
+    <paymentdetailsDialog
-            :detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma" :isapplicant="isapplicant" @getList="getList">
+      :openDialog="openDialog"
+      @cancelpaymentdetails="cancelpaymentdetails"
+      :title="payTitle"
+      :detailform="detailform"
+      :queryParams="queryParams"
+      :flag="flag"
+      :paymentConfirma="paymentConfirma"
+      :isapplicant="isapplicant"
+      @getList="getList"
+    >
     </paymentdetailsDialog>
     <!-- 案件受理 -->
-        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
+    <caseAcceptance
-            :caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
+      :showAcceptance="showAcceptance"
+      @cancelAcceptance="cancelAcceptance"
+      :caseAcceptanceData="caseAcceptanceData"
+      @getList="getList"
+    ></caseAcceptance>
     <!-- 被申请人缴费 -->
-        <respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
+    <respondentPay
-            :queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></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"
+    <selectMediator
-            @getList="getList" :queryParams="queryParams"></selectMediator>
+      @cancelMediator="cancelMediator"
+      :mediatorVisable="mediatorVisable"
+      :mediatorData="mediatorData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></selectMediator>
     <!-- 秘书确认 -->
-        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
+    <confirmMediator
-            @getList="getList" :queryParams="queryParams"></confirmMediator>
+      @cancelConfirm="cancelConfirm"
+      :confirmVisable="confirmVisable"
+      :confirmData="confirmData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></confirmMediator>
     <!-- 部门长确认 -->
-        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
+    <departmentMediator
-            :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
+      @cancelDepartment="cancelDepartment"
+      :departmentVisable="departmentVisable"
+      :departmentData="departmentData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></departmentMediator>
     <!-- 秘书确认时间 -->
-        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
+    <timeConfirm
-            :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
+      @cancelTimeConfirm="cancelTimeConfirm"
+      :timeConfirmVisable="timeConfirmVisable"
+      :timeConfirmData="timeConfirmData"
+      @getList="getList"
+      :queryParams="queryParams"
+    ></timeConfirm>
     <!-- 待调解     -->
-        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
+    <mediation
-            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
+      @cancelMediation="cancelMediation"
-        <confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
+      :mediationVisable="mediationVisable"
-            :confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
+      :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>
+    <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 {
-import { listDept } from '@/api/system/dept.js'
+  caseApplicationList,
-import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
+  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 addCase from "./components/addCase.vue";
-import evidenceDialog from './components/evidenceDialog.vue';
+import evidenceDialog from "./components/evidenceDialog.vue";
-import caseCompressionPackage from './components/caseCompressionPackage.vue';
+import caseCompressionPackage from "./components/caseCompressionPackage.vue";
-import mediationCaseDetails from './components/mediationCaseDetails.vue'
+import mediationCaseDetails from "./components/mediationCaseDetails.vue";
-import mediationCaseLog from './components/mediationCaseLog.vue'
+import mediationCaseLog from "./components/mediationCaseLog.vue";
 import payDialog from "./components/payDialog.vue";
-import respondentPay from "./components/respondentPay.vue"
+import respondentPay from "./components/respondentPay.vue";
-import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
+import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
-import caseAcceptance from './components/caseAcceptance.vue'
+import caseAcceptance from "./components/caseAcceptance.vue";
-import selectMediator from './components/selectMediator.vue'
+import selectMediator from "./components/selectMediator.vue";
-import confirmMediator from './components/confirmMediator.vue'
+import confirmMediator from "./components/confirmMediator.vue";
-import departmentMediator from './components/departmentMediator.vue'
+import departmentMediator from "./components/departmentMediator.vue";
-import timeConfirm from './components/timeConfirm.vue'
+import timeConfirm from "./components/timeConfirm.vue";
-import mediation from './components/mediation.vue'
+import mediation from "./components/mediation.vue";
-import confirmMediation from './components/confirmMediation.vue'
+import confirmMediation from "./components/confirmMediation.vue";
-import caseFilingDetailsPage from './components/caseFilingDetailsPage.vue'
+import caseFilingDetailsPage from "./components/caseFilingDetailsPage.vue";
 export default {
   name: "caseList",
   dicts: ["case_flow_node"],
@@ -170,7 +419,7 @@ export default {
     mediation,
     confirmMediation,
     caseFilingDetailsPage,
-        respondentPay
+    respondentPay,
   },
   data() {
     return {
@@ -205,7 +454,7 @@ export default {
       mediationVisable: false, //待调解弹窗
       mediationData: {},
       payTitle: "", //缴费标题
-            resPayTitle:'',//被申请人缴费标题
+      resPayTitle: "", //被申请人缴费标题
       paymentConfirma: {}, //缴费确认
       showAcceptance: false, //案件受理弹框
       caseAcceptanceData: {}, //案件受理数据
@@ -227,9 +476,9 @@ export default {
       caseData: {},
       evidenceData: {},
       caseDisabled: false,
-            caseTime: '',
+      caseTime: "",
       deptList: [],
-            payTitle: '',
+      payTitle: "",
       tabFlag: false,
       confirmData: {},
       departmentVisable: false,
@@ -240,13 +489,31 @@ export default {
       buttonList: [],
       caseStausArr: [], //案件状态
       isapplicant: true, //判断角色申请人或非申请人
-            caseFilingData:{}
+      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);
-        this.listDeptFn()
+    });
-        this.getButtonList()
   },
   methods: {
     /**所有按钮事件 */
@@ -277,50 +544,37 @@ export default {
         this.timeConfirm(val);
       } else if (type == 9) {
         // 调解
-                this.mediationClick(val)
+        this.mediationClick(val);
       } else if (type == 10) {
         // 确认调解书
-                this.confirmMediation(val)
+        this.confirmMediation(val);
       } else if (type == 11) {
         // 签名
-                this.msCaseSignUrlApplyPCFn(val)
+        this.msCaseSignUrlApplyPCFn(val);
       } else if (type == 12) {
         // 用印申请
-                this.consultantApplica(val)
+        this.consultantApplica(val);
       } else if (type == 13) {
         // 用印
-                this.departmentApplica(val)
+        this.departmentApplica(val);
       } else if (type == 14) {
         // 归档
         this.caseFiling(val);
       } else if (type == 15) {
         // 申请人签收
-                this.signMediation(val)
+        this.signMediation(val);
       } else if (type == 16) {
         // 被申请人签收
-                this.receivedMediation(val)
+        this.receivedMediation(val);
       } else if (type == 17) {
         //结束
       } else if (type == 44) {
         // 被申请人缴费
-                this.resPayStatus(val)
+        this.resPayStatus(val);
       }
     },
     /**查询按钮列表 */
-        getButtonList() {
+    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;
@@ -339,10 +593,10 @@ export default {
     },
     /** 修改案件 */
     eidtNodeprocess(row) {
-            this.addModifyData = 3
+      this.addModifyData = 3;
       this.addVisable = true;
       this.caseData = row;
-            this.$set(this.caseData,'flag',2)
+      this.$set(this.caseData, "flag", 2);
       this.caseDisabled = false;
       this.tabFlag = false;
     },
@@ -389,10 +643,10 @@ export default {
       //         this.$modal.msgSuccess("立案申请成功");
       //     })
       //     .catch(() => { });
-            msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
+      msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
         console.log(res, "PPPPPPPPPPPPPPPPPPPP");
         window.open(res.data.sealUrl);
-            })
+      });
     },
     /** 选择调解员 */
     selectMediator(val) {
@@ -447,23 +701,22 @@ export default {
     /** 时间改变处理 */
     caseTimeChange() {
       if (this.caseTime) {
-                this.queryParams.startTime = moment(
+        this.queryParams.startTime = moment(this.caseTime[0]).format(
-                    this.caseTime[0]
+          "YYYY-MM-DD HH:mm:ss"
-                ).format("YYYY-MM-DD HH:mm:ss");
+        );
-                this.queryParams.endTime = moment(
+        this.queryParams.endTime = moment(this.caseTime[1]).format(
-                    this.caseTime[1]
+          "YYYY-MM-DD HH:mm:ss"
-                ).format("YYYY-MM-DD HH:mm:ss");
+        );
       } else {
-                this.queryParams.startTime = '';
+        this.queryParams.startTime = "";
-                this.queryParams.endTime = '';
+        this.queryParams.endTime = "";
       }
-
     },
     /** 获取所有部门 */
     listDeptFn() {
-            listDeptApplied().then(res => {
+      listDeptApplied().then((res) => {
         this.deptList = res.data;
-            })
+      });
     },
     /** 修改证据 */
     evidenceUpload(row) {
@@ -535,163 +788,170 @@ export default {
         this.dataList = response.rows;
         this.total = response.total;
         this.loading = false;
-            })
+      });
     },
     // 法律顾问用印申请
     consultantApplica(row) {
       let paramsValue = {
         caseId: row.id,
         batchNumber: "",
-                caseFlowId: row.caseFlowId
+        caseFlowId: row.caseFlowId,
-            }
+      };
-            this.$modal.confirm("你确定要用印申请吗？").then((res) => {
+      this.$modal
-                sealApply(paramsValue).then(res => {
+        .confirm("你确定要用印申请吗？")
+        .then((res) => {
+          sealApply(paramsValue).then((res) => {
             this.getList(this.queryParams);
             this.$modal.msgSuccess("用印申请成功");
+          });
         })
-            }).catch(() => {
+        .catch(() => {});
-
-            })
     },
     // 部门长用印申请
     departmentApplica(row) {
-            this.$modal.confirm("你确定要用印确认吗？").then((res) => {
+      this.$modal
+        .confirm("你确定要用印确认吗？")
+        .then((res) => {
           let paramsValue = {
-                    caseId: row.id
+            caseId: row.id,
-                }
+          };
-                selectSealUrl(paramsValue).then(res => {
+          selectSealUrl(paramsValue).then((res) => {
-                    window.open(res.data.sealUrl)
+            window.open(res.data.sealUrl);
-                    this.$modal.confirm("你确认用印了吗？").then((res) => {
+            this.$modal
+              .confirm("你确认用印了吗？")
+              .then((res) => {
                 this.getList(this.queryParams);
-                    }).catch(() => {
-
               })
+              .catch(() => {});
+          });
         })
-            }).catch(() => {
+        .catch(() => {});
-
-            })
     },
     // 案件受理
     caseAccep(row) {
-            this.caseAcceptanceData = row
+      this.caseAcceptanceData = row;
-            this.showAcceptance = true
+      this.showAcceptance = true;
     },
     cancelAcceptance() {
-            this.showAcceptance = false
+      this.showAcceptance = false;
     },
     // 缴费确认
     paymentconfirmationRow(row, type) {
-            this.paymentConfirma = row
+      this.paymentConfirma = row;
-            console.log(this.paymentConfirma)
+      console.log(this.paymentConfirma);
       this.paymentDetails({
-                id: row.id
+        id: row.id,
-            })
+      });
-            this.openDialog = true
+      this.openDialog = true;
-            this.payTitle = "缴费确认"
+      this.payTitle = "缴费确认";
       this.flag = 0;
-            this.detailform = {}
+      this.detailform = {};
       if (type == 3) {
         // 申请人
-                this.isapplicant = true
+        this.isapplicant = true;
       } else {
-                this.isapplicant = false
+        this.isapplicant = false;
       }
     },
     cancelpaymentdetails() {
-            this.openDialog = false
+      this.openDialog = false;
     },
     // 查看缴费确认
     viewpaymentformRow(row) {
       this.paymentDetails({
-                id: row.id
+        id: row.id,
-            })
+      });
-            this.payTitle = "缴费单详情"
+      this.payTitle = "缴费单详情";
       this.flag = 1;
-            this.detailform = {}
+      this.detailform = {};
-            this.openDialog = true
+      this.openDialog = true;
     },
     // 缴费详情
     paymentDetails(val) {
-            selectPaymentDetail(val).then(res => {
+      selectPaymentDetail(val).then((res) => {
         this.detailform = res.data;
-            })
+      });
     },
     //案件流程
     caseFlow(row) {
-            this.caseFlowNumber = row
+      this.caseFlowNumber = row;
-            this.processVisable = true
+      this.processVisable = true;
     },
     cancelViewProcess() {
-            this.processVisable = false
+      this.processVisable = false;
     },
     //案件日志
     caseLog(row) {
-            this.caseLogNumber = row
+      this.caseLogNumber = row;
-            this.showcaseLog = true
+      this.showcaseLog = true;
       this.flagLoading = true;
-            listCaseLogRecord({caseId:row.id}).then(res=>{
+      listCaseLogRecord({ caseId: row.id }).then((res) => {
-                    this.caselogDataArr = res.data
+        this.caselogDataArr = res.data;
         this.flagLoading = false;
-            })
+      });
     },
     cancelcaseLog() {
-            this.showcaseLog = false
+      this.showcaseLog = false;
     },
     // 案件送达
     caseFiling(row) {
-            console.log(row.id)
+      console.log(row.id);
       let paramValues = {
-                ids:[row.id]
+        ids: [row.id],
-            }
+      };
-            this.$modal.confirm("你确定要案件送达吗？").then((res) => {
+      this.$modal
-               msCaseFile(paramValues).then(res=>{
+        .confirm("你确定要案件送达吗？")
+        .then((res) => {
+          msCaseFile(paramValues).then((res) => {
             this.$modal.msgSuccess("案件送达成功");
             this.getList(this.queryParams);
+          });
         })
-            }).catch(() => {
+        .catch(() => {});
-
-            })
     },
     //申请人签收调解书
     signMediation(row) {
-            this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
+      this.$modal
-                this.signingMediationAgreement({caseId:row.id,isSignApply:1})
+        .confirm("你确定要签收调解书吗？")
-            }).catch(() => {
+        .then((res) => {
-
+          this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 });
         })
+        .catch(() => {});
     },
     //被申请人签收调解书
     receivedMediation(row) {
-            this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
+      this.$modal
-                this.signingMediationAgreement({caseId:row.id,isSignRespon:1})
+        .confirm("你确定要签收调解书吗？")
-            }).catch(() => {
+        .then((res) => {
-
+          this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
         })
+        .catch(() => {});
     },
     // 申请人和被申请人签收调解书接口
     signingMediationAgreement(val) {
-             console.log(val)
+      console.log(val);
-             msCaseSign(val).then(res=>{
+      msCaseSign(val).then((res) => {
         this.$modal.msgSuccess("签收成功");
         this.getList(this.queryParams);
-             })
+      });
     },
     //归档详情
     caseFilingDetails(val) {
       this.showarchiveDetails = true;
       this.caseFilingData = val;
-            let vals = {id:val.id}
+      let vals = { id: val.id };
-            caseApplicationSelectById(vals).then(res=>{
+      caseApplicationSelectById(vals).then((res) => {
-                res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
+        res.data.affiliate.respondentSex = Number(
-                this.detailsAwardNum = res.data
+          res.data.affiliate.respondentSex
-                console.log(this.detailsAwardNum)
+        );
-                this.flagLoadingS = false
+        this.detailsAwardNum = res.data;
-            })
+        console.log(this.detailsAwardNum);
+        this.flagLoadingS = false;
+      });
     },
     cancelDetail() {
-            this.showarchiveDetails = false
+      this.showarchiveDetails = false;
-        }
+    },
-        
   },
 };
 </script>

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>
 

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;
+  height: 55px;
-  line-height: 40px;
+  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;