添加生成裁决书字段,首页角标

src/api/home.js

+import request from '@/utils/request'
+// 待办数量查询
+export function toDoCount() {
+  return request({
+    url: '/caseApplication/toDoCount',
+    method: 'get'
+  })
+}

src/views/caseFiling/archiveList.vue

 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      label-width="68px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
       <el-form-item label="案件编号" prop="caseNum">
-        <el-input
-          v-model="queryParams.caseNum"
-          placeholder="请输入案件编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <!-- <el-form-item label="案件状态" prop="caseStatus">
         <el-select
         </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-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-table v-loading="loading" :data="dataList" style="width: 100%">
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="案件编号"
-        align="center"
-        prop="caseNum"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="案件标的"
-        align="center"
-        prop="caseSubjectAmount"
-      />
-      <el-table-column
-        label="立案日期"
-        align="center"
-        prop="registerDate"
-        :show-overflow-tooltip="true"
-      />
+      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+      <el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
       <el-table-column label="案件状态" align="center" prop="caseStatusName">
         <template slot-scope="scope">
           <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-reading"
-            @click="showDetail(scope.row)"
-            >归档详情</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-reading"
+            v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
+            @click="showModel(scope.row)">查看裁决书</el-button>
+          <el-button size="mini" type="text" icon="el-icon-reading" @click="showDetail(scope.row)">归档详情</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)"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList(queryParams)" />
     <!-- 弹窗 -->
-    <archiveDetailsDialog
-      v-if="showarchiveDetails"
-      :showarchiveDetails="showarchiveDetails"
-      :detailform="detailform"
-      :flagLoading="flagLoading"
-      @cancelpaymentdetails="cancelpaymentdetails"
-      @updataList="updataList"
-    ></archiveDetailsDialog>
+    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :detailform="detailform"
+      :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
+    </archiveDetailsDialog>
   </div>
 </template>
   
 <script>
-import { caseApplicationList } from "@/api/awardManagement/awardManagement";
+import { caseApplicationList, selectSignSealUrl } from "@/api/awardManagement/awardManagement";
 import { adjudicationArchives } from "@/api/caseFiling/caseFiling";
 import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
-
 export default {
   name: "archiveList",
   dicts: ["case_status"],
     this.getList(this.queryParams);
   },
   methods: {
+    showModel(row) {
+      selectSignSealUrl({ id: row.id }).then(res => {
+        let url = res.data.filearbitraUrl;
+        window.open(url)
+      })
+    },
     updataList() {
       this.getList(this.queryParams);
     },

src/views/caseManagement/caseList.vue

 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      label-width="98px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="98px">
       <el-form-item label="案件编号" prop="caseNum">
-        <el-input
-          v-model="queryParams.caseNum"
-          placeholder="请输入案件编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="申请人(机构)" prop="applicantName">
         <!-- <el-input
           clearable
           @keyup.enter.native="handleQuery"
         /> -->
-        <el-cascader
-          v-model="queryParams.nameId"
-          :options="options"
-          @change="changeDept"
-          :props="{ checkStrictly: true }"
-          clearable
-        ></el-cascader>
+        <el-cascader v-model="queryParams.nameId" :options="options" @change="changeDept" :props="{ checkStrictly: true }"
+          clearable></el-cascader>
       </el-form-item>
       <el-form-item label="案件状态" prop="caseStatus">
-        <el-select
-          v-model="queryParams.caseStatus"
-          placeholder="请选择案件状态"
-          clearable
-          @keyup.enter.native="handleQuery"
-        >
-          <el-option
-            v-for="dict in dict.type.case_status"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          ></el-option>
+        <el-select v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable @keyup.enter.native="handleQuery">
+          <el-option v-for="dict in caseStatus" :key="dict.dictSort" :label="dict.dictLabel"
+            :value="dict.dictSort"></el-option>
         </el-select>
       </el-form-item>
       <!-- <el-form-item label="开庭日期" prop="hearDate">
         </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-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"
-          size="mini"
-          @click="filingApplication"
-          v-hasPermi="['caseManagement:list:add']"
-          >案件录入</el-button
-        >
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="batchApplication"
-          v-hasPermi="['caseManagement:list:import']"
-          >案件批量导入</el-button
-        >
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="filingApplication"
+          v-hasPermi="['caseManagement:list:add']">案件录入</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
+          v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
       </el-col>
     </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="案件编号"
-        align="center"
-        prop="caseNum"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="申请人(机构)"
-        align="center"
-        prop="applicantName"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="案件标的"
-        align="center"
-        prop="caseSubjectAmount"
-      />
-      <el-table-column
-        label="仲裁方式"
-        align="center"
-        prop="arbitratMethodName"
-        :show-overflow-tooltip="true"
-      />
+      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+      <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
       <!-- 仲裁员 -->
       <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
       <!-- 开庭日期 -->
-      <el-table-column
-        label="开庭日期"
-        align="center"
-        prop="hearDate"
-        :show-overflow-tooltip="true"
-      />
+      <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
       <el-table-column label="案件状态" align="center" prop="caseStatusName">
         <template slot-scope="scope">
           <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-zoom-in"
-            @click="detailRow(scope.row)"
-            >详情</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="detailRow(scope.row)">详情</el-button>
           <!-- 案件日志 -->
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-notebook-2"
-            @click="caselogRow(scope.row)"
-            >案件日志</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="editRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 0 &&
-              checkPermi(['caseManagement:list:update'])
-            "
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-check"
-            @click="onsubmitRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 0 &&
-              checkPermi(['caseManagement:list:submit'])
-            "
-            >提交</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="deleteRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 0 &&
-              checkPermi(['caseManagement:list:delete'])
-            "
-            >删除</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="filingreviewRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 1 &&
-              checkPermi(['caseManagement:list:check'])
-            "
-            >立案审查</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-notebook-2" @click="caselogRow(scope.row)">案件日志</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="editRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
+            checkPermi(['caseManagement:list:update'])
+            ">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
+            checkPermi(['caseManagement:list:submit'])
+            ">提交</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="deleteRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
+            checkPermi(['caseManagement:list:delete'])
+            ">删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-view" @click="filingreviewRow(scope.row)" v-if="scope.row.caseStatus == 1 &&
+            checkPermi(['caseManagement:list:check'])
+            ">立案审查</el-button>
           <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)"
             v-if="scope.row.caseStatus == 2" v-hasPermi="['caseManagement:list:pay']">缴费</el-button> -->
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-tickets"
-            @click="payStatus(scope.row)"
-            v-if="
-              scope.row.caseStatus == 2 &&
-              checkPermi(['caseManagement:list:pay'])
-            "
-            >缴费</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)" v-if="scope.row.caseStatus == 2 &&
+            checkPermi(['caseManagement:list:pay'])
+            ">缴费</el-button>
 
           <!-- <el-button
             size="mini"
             v-hasPermi="['monitor:online:forceLogout']"
             >组庭</el-button
           > -->
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-s-check"
-            @click="courtconfirmationRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 6 &&
-              checkPermi(['caseManagement:list:confirmgroup'])
-            "
-            >组庭确认</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-check"
-            @click="courtreviewRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 5 &&
-              checkPermi(['caseManagement:list:checkgroup'])
-            "
-            >组庭审核</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-sort"
-            @click="choosetrialmethodRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 7 &&
-              checkPermi(['caseManagement:list:checkarbitrationway'])
-            "
-            >审核仲裁方式</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit-outline"
-            @click="adjudicaterecordRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 9 &&
-              scope.row.arbitratMethod == 2 &&
-              checkPermi(['caseManagement:list:hear'])
-            "
-            >书面审理</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-s-check" @click="courtconfirmationRow(scope.row)" v-if="scope.row.caseStatus == 6 &&
+            checkPermi(['caseManagement:list:confirmgroup'])
+            ">组庭确认</el-button>
+          <el-button size="mini" type="text" icon="el-icon-check" @click="courtreviewRow(scope.row)" v-if="scope.row.caseStatus == 5 &&
+            checkPermi(['caseManagement:list:checkgroup'])
+            ">组庭审核</el-button>
+          <el-button size="mini" type="text" icon="el-icon-sort" @click="choosetrialmethodRow(scope.row)" v-if="scope.row.caseStatus == 7 &&
+            checkPermi(['caseManagement:list:checkarbitrationway'])
+            ">审核仲裁方式</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit-outline" @click="adjudicaterecordRow(scope.row)" v-if="scope.row.caseStatus == 9 &&
+            scope.row.arbitratMethod == 2 &&
+            checkPermi(['caseManagement:list:hear'])
+            ">书面审理</el-button>
           <!-- v-hasPermi="['caseManagement:list:hear']" -->
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-service"
-            @click="trialcourtRow(scope.row)"
-            v-if="
-              scope.row.caseStatus == 8 &&
-              scope.row.arbitratMethod == 1 &&
-              checkPermi(['caseManagement:list:hear'])
-            "
-            >开庭审理</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-service" @click="trialcourtRow(scope.row)" v-if="scope.row.caseStatus == 8 &&
+            scope.row.arbitratMethod == 1 &&
+            checkPermi(['caseManagement:list:hear'])
+            ">开庭审理</el-button>
           <!-- <el-button
             size="mini"
             type="text"
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getcaseApply(queryParams)"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getcaseApply(queryParams)" />
 
     <!-- 立案申请弹框 -->
-    <caseentryDialog
-      :visible="visible"
-      @cancel="cancel"
-      :form="form"
-      :queryParams="queryParams"
-      :dialogtitle="dialogtitle"
-      :getcaseApply="getcaseApply"
-      :flag="flag"
-      :caseAttachList="caseAttachList"
-      :initpaymentArr="initpaymentArr"
-      :initpaymentArr1="initpaymentArr1"
-    ></caseentryDialog>
+    <caseentryDialog :visible="visible" @cancel="cancel" :form="form" :queryParams="queryParams"
+      :dialogtitle="dialogtitle" :getcaseApply="getcaseApply" :flag="flag" :caseAttachList="caseAttachList"
+      :initpaymentArr="initpaymentArr" :initpaymentArr1="initpaymentArr1"></caseentryDialog>
     <!-- 批量申请弹框 openbatch-->
-    <batchDialog
-      :openbatch="openbatch"
-      :queryParams="queryParams"
-      @cancelBatch="cancelBatch"
-      :getcaseApply="getcaseApply"
-    ></batchDialog>
+    <batchDialog :openbatch="openbatch" :queryParams="queryParams" @cancelBatch="cancelBatch"
+      :getcaseApply="getcaseApply"></batchDialog>
     <!-- 立案审查页面 -->
-    <filingreviewDialog
-      :showfilingreview="showfilingreview"
-      :filingreviewdata="filingreviewdata"
-      :queryParams="queryParams"
-      @getcaseApply="getcaseApply"
-      @cancelFilingreview="cancelFilingreview"
-    >
+    <filingreviewDialog :showfilingreview="showfilingreview" :filingreviewdata="filingreviewdata"
+      :queryParams="queryParams" @getcaseApply="getcaseApply" @cancelFilingreview="cancelFilingreview">
     </filingreviewDialog>
     <!-- 组庭页面---改为组庭审核 -->
-    <formateCourtDialog
-      :showformateCourt="showformateCourt"
-      @cancelcourtDialog="cancelcourtDialog"
-      :queryParams="queryParams"
-      :formateCourtData="formateCourtData"
-      @getcaseApply="getcaseApply"
-    ></formateCourtDialog>
+    <formateCourtDialog :showformateCourt="showformateCourt" @cancelcourtDialog="cancelcourtDialog"
+      :queryParams="queryParams" :formateCourtData="formateCourtData" @getcaseApply="getcaseApply"></formateCourtDialog>
     <!-- 组庭审核--改组庭确认 -->
-    <courtReviewDialog
-      :showcourtReview="showcourtReview"
-      :form="form"
-      :queryParams="queryParams"
-      @cancelcourtReview="cancelcourtReview"
-      @getcaseApply="getcaseApply"
-    ></courtReviewDialog>
+    <courtReviewDialog :showcourtReview="showcourtReview" :form="form" :queryParams="queryParams"
+      @cancelcourtReview="cancelcourtReview" @getcaseApply="getcaseApply"></courtReviewDialog>
     <!-- 审核仲裁方式 -->
-    <choosetrialmethodDaiog
-      :showchoosetrialmethod="showchoosetrialmethod"
-      :choosetrialmethodata="choosetrialmethodata"
-      :queryParams="queryParams"
-      @getcaseApply="getcaseApply"
-      @cancelshowchoosetrialMethod="cancelshowchoosetrialMethod"
-    >
+    <choosetrialmethodDaiog :showchoosetrialmethod="showchoosetrialmethod" :choosetrialmethodata="choosetrialmethodata"
+      :queryParams="queryParams" @getcaseApply="getcaseApply" @cancelshowchoosetrialMethod="cancelshowchoosetrialMethod">
     </choosetrialmethodDaiog>
     <!-- 书面审理 -->
-    <adjudicaterecordDialog
-      :showadjudicaterecord="showadjudicaterecord"
-      :form="form"
-      :adjudicatename="adjudicatename"
-      :queryParams="queryParams"
-      @canceladjudicaterecord="canceladjudicaterecord"
-      @getcaseApply="getcaseApply"
-    >
+    <adjudicaterecordDialog :showadjudicaterecord="showadjudicaterecord" :form="form" :adjudicatename="adjudicatename"
+      :queryParams="queryParams" @canceladjudicaterecord="canceladjudicaterecord" @getcaseApply="getcaseApply">
     </adjudicaterecordDialog>
     <!-- 开庭审理 -->
-    <trialincourtDialog
-      :showtrialincourt="showtrialincourt"
-      :adjudicatename="adjudicatename"
-      :form="form"
-      :queryParams="queryParams"
-      @getcaseApply="getcaseApply"
-      @canceltrialincourt="canceltrialincourt"
-    >
+    <trialincourtDialog :showtrialincourt="showtrialincourt" :adjudicatename="adjudicatename" :form="form"
+      :queryParams="queryParams" @getcaseApply="getcaseApply" @canceltrialincourt="canceltrialincourt">
     </trialincourtDialog>
     <!-- 缴费 -->
-    <payDialog
-      :openPay="openPay"
-      :payTitle="payTitle"
-      :form="form"
-      :payForm="payForm"
-      :queryParams="queryParams"
-      @getcaseApply="getcaseApply"
-      @paycancelRow="paycancelRow"
-      :payId="payId"
-    ></payDialog>
+    <payDialog :openPay="openPay" :payTitle="payTitle" :form="form" :payForm="payForm" :queryParams="queryParams"
+      @getcaseApply="getcaseApply" @paycancelRow="paycancelRow" :payId="payId"></payDialog>
     <!-- 案件日志 -->
-    <caselogDialog
-      :showcaseLog="showcaseLog"
-      @cancelcaseLog="cancelcaseLog"
-      :flagLoading="flagLoading"
-      :caselogDataArr="caselogDataArr"
-    ></caselogDialog>
+    <caselogDialog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :flagLoading="flagLoading"
+      :caselogDataArr="caselogDataArr"></caselogDialog>
   </div>
 </template>
 
   document,
   caseLogRecordList,
 } from "@/api/caseManagement/caseManagement";
-
+import { getDicts } from '@/api/system/dict/data.js'
 export default {
   name: "caseList",
-  dicts: ["case_status"],
+  // dicts: ["case_status"],
   components: {
     caseentryDialog,
     batchDialog,
       flagLoading: true, //案件日志弹框loading
       caselogDataArr: [],
       options: [], //机构数据
-      payId:null
+      payId: null,
+      caseStatus: []
     };
   },
   created() {
-    this.getcaseApply(this.queryParams);
+    getDicts("case_status").then(res => {
+      this.caseStatus = res.data;
+      let params = this.$route.params.status;
+      if (params) {
+        this.queryParams.caseStatus = params;
+      }
+      this.getcaseApply(this.queryParams);
+    })
+    // this.getcaseApply(this.queryParams);
     this.getInstitution();
   },
   methods: {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.caseStatusList = [];
-      if (!this.queryParams.caseStatus ) {
+      if (!this.queryParams.caseStatus) {
         this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10]
       }
       this.queryParams.pageNum = 1;
           this.getcaseApply(this.queryParams);
           this.$modal.msgSuccess("立案申请成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 立案审查
     filingreviewRow(row) {
           feePayable: res.data.feePayable,
           hearDate: res.data.hearDate,
           arbitratorName: res.data.arbitratorName,
-          caseAttachList: res.data.caseAttachList
+          caseAttachList: res.data.caseAttachList,
         };
         this.initpaymentArr = [];
         this.initpaymentArr1 = [];
           }
         });
         this.caseAttachList = res.data.caseAttachList;
+        this.form.requestRule = res.data.requestRule;
+        this.form.properPreser = res.data.properPreser;
       });
     },
     // 删除
           this.getcaseApply(this.queryParams);
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
   },
 };
 </script>
 
 <style lang="scss" scoped>
-#formContainer {
-}
+#formContainer {}
 </style>

src/views/caseManagement/components/caseentryDialog.vue

 <template>
   <div>
-    <el-dialog
-      :title="dialogtitle"
-      :visible="visible"
-      @close="cancel"
-      width="1000px"
-      append-to-body
-      :destroy-on-close="true"
-      center
-    >
+    <el-dialog :title="dialogtitle" :visible="visible" @close="cancel" width="1000px" append-to-body
+      :destroy-on-close="true" center>
       <!-- 案件信息 -->
-      <el-form
-        ref="form"
-        :model="formData"
-        :rules="rules"
-        label-width="150px"
-        :disabled="flag == '0'"
-      >
+      <el-form ref="form" :model="formData" :rules="rules" label-width="150px" :disabled="flag == '0'">
         <div style="display: inline-flex">
           <div class="infoIcon"></div>
           <div class="caseInfo">案件信息：</div>
         <el-row>
           <el-col :span="12">
             <el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'">
-              <el-input
-                v-model="formData.caseNum"
-                placeholder="请输入案件编号"
-                :disabled="flag == '1'"
-              />
+              <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="flag == '1'" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="案件标的：" prop="caseSubjectAmount">
-              <el-input
-                v-model="formData.caseSubjectAmount"
-                placeholder="请输入案件标的"
-                @input="numberFn('caseSubjectAmount')"
-              />
+              <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的"
+                @input="numberFn('caseSubjectAmount')" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款开始日期：" prop="loanStartDate">
-              <el-date-picker
-                v-model="formData.loanStartDate"
-                type="datetime"
-                placeholder="借款开始日期"
-                @change="setStartTime"
-              >
+              <el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期"
+                @change="setStartTime">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款结束日期：" prop="loanEndDate">
-              <el-date-picker
-                v-model="formData.loanEndDate"
-                type="datetime"
-                placeholder="借款结束日期"
-                @change="setEndTime"
-              >
+              <el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" @change="setEndTime">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="合同编号：" prop="contractNumber">
-              <el-input
-                v-model="formData.contractNumber"
-                placeholder="请输入"
-              />
+              <el-input v-model="formData.contractNumber" placeholder="请输入" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
-              <el-input
-                v-model="formData.claimPrinciOwed"
-                placeholder="请输入"
-                @input="numberFn('claimPrinciOwed')"
-              />
+              <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" @input="numberFn('claimPrinciOwed')" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
-              <el-input
-                v-model="formData.claimInterestOwed"
-                placeholder="请输入"
-                @input="numberFn('claimInterestOwed')"
-              />
+              <el-input v-model="formData.claimInterestOwed" placeholder="请输入" @input="numberFn('claimInterestOwed')" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
-              <el-input
-                v-model="formData.claimLiquidDamag"
-                placeholder="请输入"
-                @input="numberFn('claimLiquidDamag')"
-              />
+              <el-input v-model="formData.claimLiquidDamag" placeholder="请输入" @input="numberFn('claimLiquidDamag')" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="申请人请求仲裁庭裁决：" prop="requestRule">
+              <el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
+                :autosize="{ minRows: 4, maxRows: 8 }" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否财产保全申请：" prop="properPreser">
+              <el-radio-group v-model="formData.properPreser">
+                <el-radio :label="1">是</el-radio>
+                <el-radio :label="0">否</el-radio>
+              </el-radio-group>
             </el-form-item>
           </el-col>
           <!-- 应缴费用 -->
           </el-col>
           <!-- 申请人仲裁诉求 -->
           <el-col :span="24">
-            <el-form-item label="申请人仲裁诉求" prop="arbitratClaims">
-              <el-input
-                v-model="formData.arbitratClaims"
-                placeholder="请输入申请人仲裁诉求"
-                type="textarea"
-                :autosize="{ minRows: 4, maxRows: 8 }"
-              />
+            <el-form-item label="申请人仲裁请求及事实和理由" prop="arbitratClaims">
+              <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
+                :autosize="{ minRows: 4, maxRows: 8 }" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-              label="申请人案件证据资料上传："
-              prop="applicantEvidence"
-              v-if="flag !== '0'"
-            >
-              <el-upload
-                class="upload-demo"
-                ref="fileupload"
-                accept=".png,.jpg,.doc,.docx,.txt,.pdf"
-                :action="UploadUrl()"
-                :on-success="handlSuccess"
-                :on-remove="handleRemove"
-                :on-preview="handlePreview"
-                :before-remove="beforeRemove"
-                :data="filedata"
-                :headers="headers"
-                multiple
-                :limit="3"
-                :on-exceed="handleExceed"
-                :file-list="fileList"
-              >
+            <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence" v-if="flag !== '0'">
+              <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
+                :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
+                :before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="3"
+                :on-exceed="handleExceed" :file-list="fileList">
                 <el-button size="small" type="primary">点击上传</el-button>
                 <div slot="tip" class="el-upload__tip">
                   文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-              label="申请人案件证据资料："
-              v-if="
-                flag == '0' &&
-                caseAttachList.length > 0 &&
-                applicateArr.length > 0
-              "
-            >
+            <el-form-item label="申请人案件证据资料：" v-if="flag == '0' &&
+              caseAttachList.length > 0 &&
+              applicateArr.length > 0
+              ">
               <div v-for="(item, index) in applicateArr" :key="index">
                 <a href="#" @click="toFile(item, index)" style="color: blue">
                   {{ item.annexName }}
           </el-col>
           <!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
           <el-col :span="12">
-            <el-form-item
-              label="被申请人案件证据资料："
-              prop="respondentEvidence"
-              v-if="
-                flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
-              "
-            >
+            <el-form-item label="被申请人案件证据资料：" prop="respondentEvidence" v-if="flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
+              ">
               <div v-for="(item, index) in quiltArr" :key="index">
                 <a href="#" @click="toFile1(item, index)" style="color: blue">
                   {{ item.annexName }}
         </el-row>
       </el-form>
       <!-- 申请人主体信息 -->
-      <el-form
-        ref="form2"
-        :model="form2"
-        label-width="150px"
-        :disabled="flag == '0'"
-      >
+      <el-form ref="form2" :model="form2" label-width="150px" :disabled="flag == '0'">
         <div v-for="(item, index) in form2.paymentArr" :key="index">
           <div style="display: flex; justify-content: space-between">
             <div style="display: inline-flex">
               <div class="caseInfo">申请人主体信息：</div>
             </div>
             <!-- <p>申请人主体信息：</p> -->
-            <el-button
-              type="danger"
-              icon="el-icon-delete"
-              @click="deleteData(index)"
-              v-if="form2.paymentArr.length > 1 && flag != '0'"
-            ></el-button>
+            <el-button type="danger" icon="el-icon-delete" @click="deleteData(index)"
+              v-if="form2.paymentArr.length > 1 && flag != '0'"></el-button>
           </div>
           <el-divider></el-divider>
           <el-row>
             <el-col :span="12">
-              <el-form-item
-                label="申请人(机构)："
-                :prop="'paymentArr.' + index + '.name'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '申请人不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="申请人(机构)：" :prop="'paymentArr.' + index + '.name'" :rules="[
+                {
+                  required: true,
+                  message: '申请人不能为空',
+                  trigger: 'blur',
+                },
+                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="item.name" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="代码："
-                :prop="'paymentArr.' + index + '.identityNum'"
-                :rules="[
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="代码：" :prop="'paymentArr.' + index + '.identityNum'" :rules="[
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="item.identityNum" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系电话："
-                :prop="'paymentArr.' + index + '.contactTelphone'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系电话不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                    message: '请输入正确的手机号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphone'" :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="item.contactTelphone" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="单位地址："
-                :prop="'paymentArr.' + index + '.workAddress'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '单位地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="单位地址：" :prop="'paymentArr.' + index + '.workAddress'" :rules="[
+                {
+                  required: true,
+                  message: '单位地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="item.workAddress" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="单位电话："
-                :prop="'paymentArr.' + index + '.workTelphone'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '单位电话不能为空',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="单位电话：" :prop="'paymentArr.' + index + '.workTelphone'" :rules="[
+                {
+                  required: true,
+                  message: '单位电话不能为空',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="item.workTelphone" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系地址："
-                :prop="'paymentArr.' + index + '.contactAddress'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddress'" :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="item.contactAddress" placeholder="请输入" />
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="法定代表人：" :prop="'paymentArr.' + index + '.compLegalPerson'" :rules="[
+                {
+                  required: true,
+                  message: '法定代表人不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
+                <el-input v-model="item.compLegalPerson" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法定代表人职位：" :prop="'paymentArr.' + index + '.compLegalperPost'" :rules="[
+                {
+                  required: true,
+                  message: '法定代表人职位不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
+                <el-input v-model="item.compLegalperPost" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
           </el-row>
           <div style="display: inline-flex">
             <div class="infoIcon"></div>
           <!-- <p>代理人信息：</p> -->
           <el-row>
             <el-col :span="12">
-              <el-form-item
-                label="姓名："
-                :prop="'paymentArr.' + index + '.nameAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '姓名不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="姓名：" :prop="'paymentArr.' + index + '.nameAgent'" :rules="[
+                {
+                  required: true,
+                  message: '姓名不能为空',
+                  trigger: 'blur',
+                },
+                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="item.nameAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="身份证号："
-                :prop="'paymentArr.' + index + '.identityNumAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '身份证号不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern:
-                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                    message: '请输入正确的身份证号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
-                <el-input
-                  v-model="item.identityNumAgent"
-                  placeholder="请输入"
-                />
+              <el-form-item label="身份证号：" :prop="'paymentArr.' + index + '.identityNumAgent'" :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]">
+                <el-input v-model="item.identityNumAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系电话："
-                :prop="'paymentArr.' + index + '.contactTelphoneAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系电话不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                    message: '请输入正确的手机号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
-                <el-input
-                  v-model="item.contactTelphoneAgent"
-                  placeholder="请输入"
-                />
+              <el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphoneAgent'" :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]">
+                <el-input v-model="item.contactTelphoneAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系地址："
-                :prop="'paymentArr.' + index + '.contactAddressAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
-                <el-input
-                  v-model="item.contactAddressAgent"
-                  placeholder="请输入"
-                />
+              <el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddressAgent'" :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
+                <el-input v-model="item.contactAddressAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
           </el-row>
         >新增申请人主体信息</el-button
       > -->
       <!-- 被申请人主体信息 -->
-      <el-form
-        ref="form3"
-        label-width="150px"
-        :disabled="flag == '0'"
-        :model="form3"
-      >
-        <div
-          v-for="(itm, index) in form3.paymentArr1"
-          :key="index + form2.paymentArr.length"
-        >
+      <el-form ref="form3" label-width="150px" :disabled="flag == '0'" :model="form3">
+        <div v-for="(itm, index) in form3.paymentArr1" :key="index + form2.paymentArr.length">
           <div style="display: flex; justify-content: space-between">
             <div style="display: inline-flex">
               <div class="infoIcon"></div>
               <div class="caseInfo">被申请人主体信息：</div>
             </div>
             <!-- <p>被申请人主体信息：</p> -->
-            <el-button
-              type="danger"
-              icon="el-icon-delete"
-              @click="deleteData1(index)"
-              v-if="form3.paymentArr1.length > 1 && flag != '0'"
-            ></el-button>
+            <el-button type="danger" icon="el-icon-delete" @click="deleteData1(index)"
+              v-if="form3.paymentArr1.length > 1 && flag != '0'"></el-button>
           </div>
           <el-divider></el-divider>
           <el-row>
             <el-col :span="12">
-              <el-form-item
-                label="被申请人姓名"
-                :prop="'paymentArr1.' + index + '.name'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '被申请人不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="被申请人姓名" :prop="'paymentArr1.' + index + '.name'" :rules="[
+                {
+                  required: true,
+                  message: '被申请人不能为空',
+                  trigger: 'blur',
+                },
+                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="itm.name" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="身份证号："
-                :prop="'paymentArr1.' + index + '.identityNum'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '身份证号不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern:
-                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                    message: '请输入正确的身份证号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNum'" :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="itm.identityNum" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系电话："
-                :prop="'paymentArr1.' + index + '.contactTelphone'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系电话不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                    message: '请输入正确的手机号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphone'" :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="itm.contactTelphone" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="单位地址："
-                :prop="'paymentArr1.' + index + '.workAddress'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '单位地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="单位地址：" :prop="'paymentArr1.' + index + '.workAddress'" :rules="[
+                {
+                  required: true,
+                  message: '单位地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="itm.workAddress" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="单位电话："
-                :prop="'paymentArr1.' + index + '.workTelphone'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '单位电话不能为空',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="单位电话：" :prop="'paymentArr1.' + index + '.workTelphone'" :rules="[
+                {
+                  required: true,
+                  message: '单位电话不能为空',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="itm.workTelphone" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系地址："
-                :prop="'paymentArr1.' + index + '.contactAddress'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddress'" :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="itm.contactAddress" placeholder="请输入" />
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人性别：" :prop="'paymentArr1.' + index + '.responSex'" :rules="[
+                {
+                  required: true,
+                },
+              ]">
+                <el-radio-group v-model="itm.responSex">
+                  <el-radio label="1">男</el-radio>
+                  <el-radio label="0">女</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+            <el-form-item label="被申请人出生年月日：" :prop="'paymentArr1.' + index + '.responBirth'" :rules="[
+                {
+                  required: true,
+                  message: '被申请人出生年月日不能为空',
+                  trigger: 'blur',
+                },
+              ]">
+              <el-date-picker v-model="itm.responBirth" type="datetime" placeholder="被申请人出生年月日">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
           </el-row>
           <div style="display: inline-flex">
             <div class="infoIcon"></div>
           <!-- <p>代理人信息：</p> -->
           <el-row>
             <el-col :span="12">
-              <el-form-item
-                label="姓名："
-                :prop="'paymentArr1.' + index + '.nameAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '姓名不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
-                ]"
-              >
+              <el-form-item label="姓名：" :prop="'paymentArr1.' + index + '.nameAgent'" :rules="[
+                {
+                  required: true,
+                  message: '姓名不能为空',
+                  trigger: 'blur',
+                },
+                { max: 20, message: '长度应小于20个字符', trigger: 'blur' }
+              ]">
                 <el-input v-model="itm.nameAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <!--  -->
-              <el-form-item
-                label="身份证号："
-                :prop="'paymentArr1.' + index + '.identityNumAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '身份证号不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern:
-                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-                    message: '请输入正确的身份证号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
+              <el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNumAgent'" :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]">
                 <el-input v-model="itm.identityNumAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系电话："
-                :prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系电话不能为空',
-                    trigger: 'blur',
-                  },
-                  {
-                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
-                    message: '请输入正确的手机号码',
-                    trigger: 'blur',
-                  },
-                ]"
-              >
-                <el-input
-                  v-model="itm.contactTelphoneAgent"
-                  placeholder="请输入"
-                />
+              <el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphoneAgent'" :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]">
+                <el-input v-model="itm.contactTelphoneAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item
-                label="联系地址："
-                :prop="'paymentArr1.' + index + '.contactAddressAgent'"
-                :rules="[
-                  {
-                    required: true,
-                    message: '联系地址不能为空',
-                    trigger: 'blur',
-                  },
-                  { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
-                ]"
-              >
-                <el-input
-                  v-model="itm.contactAddressAgent"
-                  placeholder="请输入"
-                />
+              <el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddressAgent'" :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+                { max: 50, message: '长度应小于50个字符', trigger: 'blur' }
+              ]">
+                <el-input v-model="itm.contactAddressAgent" placeholder="请输入" />
               </el-form-item>
             </el-col>
           </el-row>
         >新增被申请人主体信息</el-button
       > -->
       <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitForm"
-          v-if="flag != 0"
-          class="endbutton"
-          ><span>确 定</span></el-button
-        >
-        <el-button @click="cancel" class="endbutton1"
-          ><span>取 消</span></el-button
-        >
+        <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
       </div>
     </el-dialog>
   </div>
             nameAgent: "",
             contactTelphoneAgent: "",
             contactAddressAgent: "",
+            responSex:1,
+            responBirth:""
           },
         ],
       }, //被申请人主体信息
     // 文件超出个数限制时的钩子
     handleExceed(files, fileList) {
       this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
-          files.length + fileList.length
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
         } 个文件`
       );
     },
   height: 700px !important;
   overflow: auto !important;
 }
+
 ::v-deep .el-dialog {
   width: 800px;
   background: #ffffff;
   border-radius: 20px;
 }
+
 .caseInfo {
   font-size: 17px;
   font-weight: 600;
 }
+
 .caseInfo2 {
   font-size: 15px;
   font-weight: 550;
 }
+
 .infoIcon {
   width: 4px;
   // height: 17px;
   background-color: #0072ff;
   margin-right: 5px;
 }
+
 .el-date-editor {
   width: 100%;
 }
+
 .endbutton {
   width: 154px;
   height: 37px;
   background: #0072ff;
   border-radius: 19px;
+
   span {
     width: 96px;
     height: 15px;
     color: #ffffff;
   }
 }
+
 .endbutton1 {
   width: 154px;
   height: 37px;
   background: #ffffff;
   border: 1px solid #d0d0d0;
   border-radius: 19px;
+
   span {
     width: 31px;
     height: 13px;

src/views/caseManagement/components/trialincourtDialog.vue

 <template>
   <div>
-    <el-dialog
-      title="开庭审理"
-      :visible="showtrialincourt"
-      @close="cancel"
-      :destroy-on-close="true"
-    >
-      <el-form
-        ref="form"
-        :model="formData"
-        label-width="180px"
-        :disabled="true"
-      >
+    <el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="true">
+      <el-form ref="form" :model="formData" label-width="180px">
         <div class="caseInfo">案件信息：</div>
         <el-divider></el-divider>
         <el-row>
           <el-col :span="12">
             <el-form-item label="案件编号：" prop="caseNum">
-              <el-input
-                v-model="formData.caseNum"
-                placeholder="请输入案件编号"
-              />
+              <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人：" prop="applicantName">
-              <el-input v-model="adjudicatename.applicantName" />
+              <el-input v-model="adjudicatename.applicantName" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人：" prop="respondentName">
-              <el-input v-model="adjudicatename.respondentName" />
+              <el-input v-model="adjudicatename.respondentName" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款开始日期：" prop="loanStartDate">
-              <el-date-picker
-                v-model="formData.loanStartDate"
-                type="datetime"
-                placeholder="借款开始日期"
-              >
+              <el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期" :disabled="true">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款结束日期：" prop="loanEndDate">
-              <el-date-picker
-                v-model="formData.loanEndDate"
-                type="datetime"
-                placeholder="借款结束日期"
-              >
+              <el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" :disabled="true">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="案件标的：" prop="caseSubjectAmount">
-              <el-input
-                v-model="formData.caseSubjectAmount"
-                placeholder="请输入案件标的"
-              />
+              <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
             </el-form-item>
           </el-col>
           <!-- <el-col :span="12">
         </el-col> -->
           <el-col :span="12">
             <el-form-item label="仲裁费用：" prop="feePayable">
-              <el-input
-                v-model="adjudicatename.feePayable"
-                placeholder="请输入仲裁费用"
-              />
+              <el-input v-model="adjudicatename.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
-              <el-input
-                v-model="formData.claimPrinciOwed"
-                placeholder="请输入"
-              />
+              <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" :disabled="true" />
             </el-form-item>
           </el-col>
           <!-- <el-col :span="12">
         </el-col> -->
           <el-col :span="12">
             <el-form-item label="案件状态：" prop="caseStatus">
-              <el-input
-                v-model="formData.caseStatusName"
-                placeholder="请输入"
-              />
+              <el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="仲裁员：" prop="arbitratorName">
-              <el-input
-                v-model="adjudicatename.arbitratorName"
-                placeholder="请输入"
-              />
+              <el-input v-model="adjudicatename.arbitratorName" placeholder="请输入" :disabled="true" />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="开庭日期：" prop="hearDate">
-              <el-date-picker
-                v-model="adjudicatename.hearDate"
-                type="datetime"
-                placeholder="开庭日期"
-              >
+              <el-date-picker v-model="adjudicatename.hearDate" type="datetime" placeholder="开庭日期" :disabled="true">
               </el-date-picker>
             </el-form-item>
           </el-col>
         </el-col>
         <el-col :span="24" v-if="recordArr.length > 0">
           <el-form-item label="庭审笔录：">
-            <div
-              v-for="(item, index) in recordArr"
-              :key="index"
-              style="color: blue"
-            >
+            <div v-for="(item, index) in recordArr" :key="index" style="color: blue">
               <a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
             </div>
           </el-form-item>
         <!-- </el-form> -->
       </el-form>
       <el-button @click="openmeeting" type="primary">发起会议</el-button>
-      <el-button
-        @click="openArbitrationresults"
-        type="primary"
-        v-if="this.recordArr.length <= 0"
-        >生成庭审笔录</el-button
-      >
+      <el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">生成庭审笔录</el-button>
       <div slot="footer" class="dialog-footer">
-        <el-button
-          class="endbutton"
-          :disabled="showsubmit && recordArr.length == 0"
-          @click="submitResults"
-          >提交</el-button
-        >
-        <el-button @click="cancel" class="endbutton1"
-          ><span>关 闭</span></el-button
-        >
+        <el-button class="endbutton" :disabled="showsubmit && recordArr.length == 0" @click="submitResults">提交</el-button>
+        <el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
       </div>
     </el-dialog>
-    <el-dialog
-      title="生成庭审笔录"
-      :visible="showArbitrationresults"
-      @close="closeArbitrationresults"
-      center
-    >
+    <el-dialog title="生成庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
       <el-form ref="form2" :model="form2" label-width="150px">
         <el-col :span="24">
-          <el-form-item
-            label="经庭审质证，对各方提供的证据认定如下："
-            prop="evidenDetermi"
-            :rules="[
-              {
-                required: true,
-                message: '请输入',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 4 }"
-              placeholder="请输入"
-              v-model="form2.evidenDetermi"
-            >
+          <el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.evidenDetermi">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
-            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
-            prop="factDetermi"
-            :rules="[
-              {
-                required: true,
-                message: '请输入',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 4 }"
-              placeholder="请输入"
-              v-model="form2.factDetermi"
-            >
+          <el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
-            label="综上所述："
-            prop="caseSketch"
-            :rules="[
-              {
-                required: true,
-                message: '请输入',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.caseSketch"
-            >
+          <el-form-item label="综上所述：" prop="caseSketch" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
-            label="本庭认为："
-            prop="arbitrateThink"
-            :rules="[
-              {
-                required: true,
-                message: '请输入',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.arbitrateThink"
-            >
+          <el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
-            label="裁决如下："
-            prop="rulingFollows"
-            :rules="[
-              {
-                required: true,
-                message: '请输入',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.rulingFollows"
-            >
+          <el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
             </el-input>
           </el-form-item>
         </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
+            {
+              required: true,
+              message: '请输入',
+            },
+          ]">
+            <el-radio-group v-model="form2.isAbsence">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
+            {
+              required: true,
+              message: '请输入',
+            },
+          ]">
+            <el-radio-group v-model="form2.appliIsAbsen">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="submitForm" class="endbutton">
-          <span>确定</span></el-button
-        >
-        <el-button @click="closeArbitrationresults" class="endbutton1"
-          ><span>取 消</span></el-button
-        >
+          <span>确定</span></el-button>
+        <el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
       </div>
     </el-dialog>
   </div>
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
-          //   writtenHear({
-          //     caseAppliId: this.formData.id,
-          //     evidenDetermi: this.form2.evidenDetermi,
-          //     factDetermi: this.form2.factDetermi,
-          //     caseSketch: this.form2.caseSketch,
-          //     arbitrateThink: this.form2.arbitrateThink,
-          //     rulingFollows: this.form2.rulingFollows,
-          //   })
-          //     .then((res) => {
-          //       this.$modal.msgSuccess("提交成功");
-          //       this.cancel();
-          //       this.closeArbitrationresults();
-          //       this.$emit("getcaseApply", this.queryParams);
-          //     })
-          //     .catch((err) => {});
           creatTrialRecord({
             caseAppliId: this.formData.id,
             evidenDetermi: this.form2.evidenDetermi,
             caseSketch: this.form2.caseSketch,
             arbitrateThink: this.form2.arbitrateThink,
             rulingFollows: this.form2.rulingFollows,
+            isAbsence: this.form2.isAbsence,
+            appliIsAbsen: this.form2.appliIsAbsen,
+            responCrossOpin: this.form2.responCrossOpin,
+            applicaCrossOpin: this.form2.applicaCrossOpin,
+            responDefenOpini: this.form2.responDefenOpini,
           })
             .then((res) => {
               res.data.caseAttachList.forEach((item) => {
               this.showsubmit = false;
               this.closeArbitrationresults();
             })
-            .catch((err) => {});
+            .catch((err) => { });
         }
       });
     },
   background: #ffffff;
   border-radius: 20px;
 }
+
 .endbutton {
   width: 154px;
   height: 37px;
   background: #488de2;
   border-radius: 19px;
   color: #ffffff;
+
   span {
     width: 96px;
     height: 15px;
     color: #ffffff;
   }
 }
+
 .endbutton1 {
   width: 154px;
   height: 37px;
   color: #959595;
   // }
 }
+
 .caseInfo {
   font-size: 17px;
   font-weight: 600;

src/views/index.vue

       <div class="headerMain">我的待办事项</div>
     </div>
     <div class="homeMain">
-        <div class="cardList" v-hasPermi="['home:caseApplyCheck']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待立案审查</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyPay']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待缴费</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyPayCheck']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待缴费确认</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyEvidence']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待案件质证</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待组庭审核</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待组庭确定</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyGroupNotice']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待组庭通知</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待审核仲裁方式</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待开庭审理</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待书面审理</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待核验仲裁文书</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待审核仲裁文书</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待仲裁文书签发用印</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyAwardSend']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待仲裁文书送达</div>
-          </div>
-        </div>
-        <div class="cardList" v-hasPermi="['home:caseApplyStored']">
-          <!-- <div class="badge">32</div> -->
-          <div class="cardMain" >
-            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-          </div>
-          <div class="cardMain">
-            <div class="imgTitle">待案件归档</div>
-          </div>
+      <div class="cardList" v-hasPermi="['home:caseApply']" @click="pushPage(0)">
+        <div class="badge">{{ dataCount.caseApply }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
         </div>
+        <div class="cardMain">
+          <div class="imgTitle">待立案申请</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyCheck']"  @click="pushPage(1)">
+        <div class="badge">{{ dataCount.caseApplyCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待立案审查</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyPay']"  @click="pushPage(2)">
+        <div class="badge">{{ dataCount.caseApplyPay }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待缴费</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyPayCheck']"  @click="pushPage(3)">
+        <div class="badge">{{ dataCount.caseApplyPayCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待缴费确认</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyEvidence']"  @click="pushPage(4)">
+        <div class="badge">{{ dataCount.caseApplyEvidence }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待案件质证</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']"  @click="pushPage(5)">
+        <div class="badge">{{ dataCount.caseApplyGroupCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待组庭审核</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']"  @click="pushPage(6)">
+        <div class="badge">{{ dataCount.caseApplyGroupConfirm }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待组庭确定</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']"  @click="pushPage(7)">
+        <div class="badge">{{ dataCount.caseApplyArbitrateWay }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待审核仲裁方式</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']"  @click="pushPage(8)">
+        <div class="badge">{{ dataCount.caseApplyGroupOnline }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待开庭审理</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']"  @click="pushPage(9)">
+        <div class="badge">{{ dataCount.caseApplyGroupOffline }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待书面审理</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']"  @click="pushPage(11)">
+        <div class="badge">{{ dataCount.caseApplyAwardCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待核验仲裁文书</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']"  @click="pushPage(12)">
+        <div class="badge">{{ dataCount.caseApplyAwardConfirm }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待审核仲裁文书</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']"  @click="pushPage(13)">
+        <div class="badge">{{ dataCount.caseApplyAwardSign }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁文书签名</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']"  @click="pushPage(14)">
+        <div class="badge">{{ dataCount.caseApplyAwardSeal }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁文书用印</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardSend']"  @click="pushPage(15)">
+        <div class="badge">{{ dataCount.caseApplyAwardSend }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁文书送达</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyStored']"  @click="pushPage(16)">
+        <div class="badge">{{ dataCount.caseApplyStored }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待案件归档</div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
+import {
+  toDoCount
+} from "@/api/home.js";
 export default {
   name: "Index",
   data() {
     return {
+      dataCount: {
+
+      }
     };
   },
   methods: {
-    goTarget(href) {
-      window.open(href, "_blank");
+    // 获取数字角标数量
+    getToDoCount() {
+      toDoCount().then(res => {
+        this.dataCount = res.data;
+      })
+    },
+    // 点击代办案件按钮
+    pushPage(status){
+      this.$router.push({name:'CaseManagement/caseList',params: {status:status}})
     }
+    // goTarget(href) {
+    //   window.open(href, "_blank");
+    // }
+  },
+  created() {
+    this.getToDoCount()
   }
 };
 </script>
   font-size: 13px;
   color: #676a6c;
   overflow-x: hidden;
-  background-color:#f1f1f1 ;
+  background-color: #f1f1f1;
   height: 100vh;
 
   .header {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
+
     // justify-content: space-between;
     .cardList {
       width: 14%;
       position: relative;
       margin-right: 30px;
       margin-bottom: 30px;
-      .badge{
+
+      .badge {
         width: 50px;
         height: 30px;
         text-align: center;
         line-height: 30px;
-        color: #0a12e6;
+        font-size: 18px;
+        font-weight: 500;
+        color: #e32a4f;
         border-radius: 10px 30px 10px 30px;
         background-color: #05baf1;
         position: absolute;
         right: 0;
       }
-      .cardMain{
+
+      .cardMain {
         width: 100%;
         display: flex;
         justify-content: center;
         margin-top: 20px;
-        .iconImg{
+
+        .iconImg {
           width: 100px;
           height: 110px;
         }
-        .imgTitle{
+
+        .imgTitle {
           font-size: 20px;
           font-weight: 600;
         }
       }
     }
   }
-}
-</style>
+}</style>
 

src/views/login.vue

   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/loginbg.jpg");
   background-size: cover;
 }
 .title {