From 79ed867fd46229b1c1f8492c308182e1ae78d46e Mon Sep 17 00:00:00 2001
From: JIAL <2287346125@qq.com>
Date: Sun, 10 Dec 2023 00:04:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E6=A1=88=E4=BB=B6=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/backend/page/hearCase/add.html  | 1005 ++++++++--------
 .../backend/page/hearCase/add11.html          |  235 +++-
 .../resources/backend/page/hearCase/list.html |   41 +-
 .../resources/backend/styles/hearCaseAdd.css  |  351 ++++++
 target/classes/backend/page/hearCase/add.html | 1007 +++++++++--------
 .../classes/backend/page/hearCase/add11.html  |  364 ++++--
 .../classes/backend/page/hearCase/list.html   |   41 +-
 target/classes/backend/styles/hearCaseAdd.css |  351 ++++++
 8 files changed, 2256 insertions(+), 1139 deletions(-)
 rename target/classes/backend/page/hearCase/add1.html => src/main/resources/backend/page/hearCase/add11.html (70%)
 create mode 100644 src/main/resources/backend/styles/hearCaseAdd.css
 rename src/main/resources/backend/page/hearCase/add1.html => target/classes/backend/page/hearCase/add11.html (58%)
 create mode 100644 target/classes/backend/styles/hearCaseAdd.css

diff --git a/src/main/resources/backend/page/hearCase/add.html b/src/main/resources/backend/page/hearCase/add.html
index 0edd662..4d6bc00 100644
--- a/src/main/resources/backend/page/hearCase/add.html
+++ b/src/main/resources/backend/page/hearCase/add.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="../../plugins/element-ui/index.css" />
   <link rel="stylesheet" href="../../styles/common.css" />
   <link rel="stylesheet" href="../../styles/page.css" />
+  <link rel="stylesheet" href="../../styles/hearCaseAdd.css" />
   <style>
     .selectInput {
       position: relative;
@@ -39,53 +40,59 @@
       font-size: 14px;
     }
 
-    #food-add-app .uploadImg .el-form-item__label::before{
-          content: '*';
-          color: #F56C6C;
-          margin-right: 4px;
-      }
+    #hearCase-add-app .uploadImg .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
 
-    .addDish .el-input {
+    #hearCase-add-app .plaintiff .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
+
+    .addPlaintiff .el-input {
       width: 130px;
     }
-    .addDish .el-input-number__increase {
+    .addPlaintiff .el-input-number__increase {
       border-left: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addDish .el-input-number__decrease {
+    .addPlaintiff .el-input-number__decrease {
       border-right: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addDish input {
+    .addPlaintiff input {
       border: 1px solid #ffe1ca;
     }
-    .addDish .table {
+    .addPlaintiff .table {
       border: solid 1px #EBEEF5;
       border-radius: 3px;
     }
-    .addDish .table th {
+    .addPlaintiff .table th {
       padding: 5px 0;
     }
-    .addDish .table td {
+    .addPlaintiff .table td {
       padding: 7px 0;
     }
-    .addDishList .seachDish {
+    .addPlaintiffList .searchPlaintiff {
       position: absolute;
       top: 10px;
       right: 20px;
     }
-    .addDishList .el-dialog__body {
+    .addPlaintiffList .el-dialog__body {
       padding: 0;
       border-bottom: solid 1px #ccc;
     }
-    .addDishList .el-dialog__footer {
+    .addPlaintiffList .el-dialog__footer {
       padding-top: 27px;
     }
 
-    .addDish {
+    .addPlaintiff {
       width: 777px;
     }
-    .addDish .addBut {
+    .addPlaintiff .addBut {
       background: #ffc200;
       display: inline-block;
       padding: 0px 20px;
@@ -96,66 +103,66 @@
       color: #333333;
       font-weight: 500;
     }
-    .addDish .content {
+    .addPlaintiff .content {
       background: #fafafb;
       padding: 20px;
       border: solid 1px #ccc;
       border-radius: 3px;
     }
-    .addDishCon {
+    .addPlaintiffCon {
       padding: 0 20px;
       display: flex;
       line-height: 40px;
     }
-    .addDishCon .leftCont {
+    .addPlaintiffCon .leftCont {
       display: flex;
       border-right: solid 2px #E4E7ED;
       width: 60%;
       padding: 15px;
     }
-    .addDishCon .leftCont .tabBut {
+    .addPlaintiffCon .leftCont .tabBut {
       width: 110px;
     }
-    .addDishCon .leftCont .tabBut span {
+    .addPlaintiffCon .leftCont .tabBut span {
       display: block;
       text-align: center;
       border-right: solid 2px #f4f4f4;
       cursor: pointer;
     }
-    .addDishCon .leftCont .act {
+    .addPlaintiffCon .leftCont .act {
       border-color: #FFC200 !important;
       color: #FFC200 !important;
     }
-    .addDishCon .leftCont .tabList {
+    .addPlaintiffCon .leftCont .tabList {
       flex: 1;
       padding: 15px;
     }
-    .addDishCon .leftCont .tabList .table {
+    .addPlaintiffCon .leftCont .tabList .table {
       border: solid 1px #f4f4f4;
       border-bottom: solid 1px #f4f4f4;
     }
-    .addDishCon .leftCont .tabList .table .items {
+    .addPlaintiffCon .leftCont .tabList .table .items {
       border-bottom: solid 1px #f4f4f4;
       padding: 0 10px;
       display: flex;
     }
-    .addDishCon .leftCont .tabList .table .items .el-checkbox, .addDishCon .leftCont .tabList .table .items .el-checkbox__label {
+    .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox, .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox__label {
       width: 100%;
     }
-    .addDishCon .leftCont .tabList .table .items .item {
+    .addPlaintiffCon .leftCont .tabList .table .items .item {
       display: flex;
       padding-right: 20px;
     }
-    .addDishCon .leftCont .tabList .table .items .item span {
+    .addPlaintiffCon .leftCont .tabList .table .items .item span {
       display: inline-block;
       text-align: center;
       flex: 1;
     }
-    .addDishCon .ritCont {
+    .addPlaintiffCon .ritCont {
       width: 40%;
       padding: 0 15px;
     }
-    .addDishCon .ritCont .item {
+    .addPlaintiffCon .ritCont .item {
       box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
       display: flex;
       text-align: center;
@@ -164,198 +171,283 @@
       border-radius: 6px;
       color: #818693;
     }
-    .addDishCon .ritCont .item span:first-child {
+    .addPlaintiffCon .ritCont .item span:first-child {
       text-align: left;
       color: #20232A;
     }
-    .addD                                                                                                ishCon .ritCont .item .price {
+    .addPlaintiffCon .ritCont .item .price {
       display: inline-block;
       flex: 1;
     }
-    .addDishCon .ritCont .item .del {
+    .addPlaintiffCon .ritCont .item .del {
       cursor: pointer;
     }
-    .addDishCon .ritCont .item .del img {
+    .addPlaintiffCon .ritCont .item .del img {
       position: relative;
       top: 5px;
       width: 20px;
     }
 
-    .addDishCon .el-checkbox__label{
+    .addPlaintiffCon .el-checkbox__label{
       width: 100%;
     }
-    #combo-add-app .setmealFood .el-form-item__label::before{
-      content: '*';
-      color: #F56C6C;
-      margin-right: 4px;
+
+
+
+    .addDefendant .el-input {
+      width: 130px;
     }
 
-    #combo-add-app .uploadImg .el-form-item__label::before{
-      content: '*';
-      color: #F56C6C;
-      margin-right: 4px;
+    .addDefendant .el-input-number__increase {
+      border-left: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+
+    .addDefendant .el-input-number__decrease {
+      border-right: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+
+    .addDefendant input {
+      border: 1px solid #ffe1ca;
+    }
+
+    .addDefendant .table {
+      border: solid 1px #EBEEF5;
+      border-radius: 3px;
+    }
+
+    .addDefendant .table th {
+      padding: 5px 0;
+    }
+
+    .addDefendant .table td {
+      padding: 7px 0;
+    }
+
+    .addDefendantList .searchDefendant {
+      position: absolute;
+      top: 10px;
+      right: 20px;
+    }
+
+    .addDefendantList .el-dialog__body {
+      padding: 0;
+      border-bottom: solid 1px #ccc;
+    }
+
+    .addDefendantList .el-dialog__footer {
+      padding-top: 27px;
+    }
+
+    .addDefendant {
+      width: 777px;
+    }
+
+    .addDefendant .addBut {
+      background: #ffc200;
+      display: inline-block;
+      padding: 0px 20px;
+      border-radius: 3px;
+      line-height: 40px;
+      cursor: pointer;
+      border-radius: 4px;
+      color: #333333;
+      font-weight: 500;
+    }
+
+    .addDefendant .content {
+      background: #fafafb;
+      padding: 20px;
+      border: solid 1px #ccc;
+      border-radius: 3px;
+    }
+
+    .addDefendantCon {
+      padding: 0 20px;
+      display: flex;
+      line-height: 40px;
+    }
+
+    .addDefendantCon .leftCont {
+      display: flex;
+      border-right: solid 2px #E4E7ED;
+      width: 60%;
+      padding: 15px;
+    }
+
+    .addDefendantCon .leftCont .tabBut {
+      width: 110px;
+    }
+
+    .addDefendantCon .leftCont .tabBut span {
+      display: block;
+      text-align: center;
+      border-right: solid 2px #f4f4f4;
+      cursor: pointer;
+    }
+
+    .addDefendantCon .leftCont .act {
+      border-color: #FFC200 !important;
+      color: #FFC200 !important;
+    }
+
+    .addDefendantCon .leftCont .tabList {
+      flex: 1;
+      padding: 15px;
+    }
+
+    .addDefendantCon .leftCont .tabList .table {
+      border: solid 1px #f4f4f4;
+      border-bottom: solid 1px #f4f4f4;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items {
+      border-bottom: solid 1px #f4f4f4;
+      padding: 0 10px;
+      display: flex;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+    .addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+      width: 100%;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .item {
+      display: flex;
+      padding-right: 20px;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .item span {
+      display: inline-block;
+      text-align: center;
+      flex: 1;
+    }
+
+    .addDefendantCon .ritCont {
+      width: 40%;
+      padding: 0 15px;
+    }
+
+    .addDefendantCon .ritCont .item {
+      box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+      display: flex;
+      text-align: center;
+      padding: 0 10px;
+      margin-bottom: 20px;
+      border-radius: 6px;
+      color: #818693;
+    }
+
+    .addDefendantCon .ritCont .item span:first-child {
+      text-align: left;
+      color: #20232A;
+    }
+
+    .addDefendantCon .ritCont .item .price {
+      display: inline-block;
+      flex: 1;
+    }
+
+    .addDefendantCon .ritCont .item .del {
+      cursor: pointer;
+    }
+
+    .addDefendantCon .ritCont .item .del img {
+      position: relative;
+      top: 5px;
+      width: 20px;
+    }
+
+    .addDefendantCon .el-checkbox__label {
+      width: 100%;
     }
 
   </style>
 </head>
 <body>
-   <div class="addBrand-container" id="food-add-app">
-    <div class="container">
-      <el-form
-        ref="ruleForm"
-        :model="ruleForm"
-        :rules="rules"
-        :inline="true"
-        label-width="180px"
-        class="demo-ruleForm"
-      >
+   <div class="addBrand-container" id="hearCase-add-app">
+     <div class = "container">
+       <el-form
+         ref="ruleForm"
+         :model="ruleForm"
+         :rules="rules"
+         :inline="true"
+         label-width="180px"
+         class="demo-ruleForm"
+       >
         <div>
           <el-form-item
-            label="菜品名称:"
-            prop="name"
+                  label="案件号:"
+                  prop="caseNum"
           >
             <el-input
-              v-model="ruleForm.name"
-              placeholder="请填写菜品名称"
-              maxlength="20"
+                    v-model="ruleForm.caseNum"
+                    placeholder="请填写案件号"
+                    maxlength="20"
             />
           </el-form-item>
           <el-form-item
-            label="菜品分类:"
-            prop="categoryId"
+                  label="案件类别:"
+                  prop="caseType"
           >
             <el-select
-              v-model="ruleForm.categoryId"
-              placeholder="请选择菜品分类"
+                    v-model="ruleForm.caseType"
+                    placeholder="请选择案件类别"
             >
-              <el-option v-for="(item,index) in dishList" :key="index" :label="item.name" :value="item.id" />
+              <el-option v-for="item in caseTypeList" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
         </div>
         <div>
           <el-form-item
-            label="菜品价格:"
-            prop="price"
+                  label="法院名称:"
+                  prop="court"
           >
             <el-input
-              v-model="ruleForm.price"
-              placeholder="请设置菜品价格"
+                    v-model="ruleForm.court"
+                    placeholder="请填写法院名称:"
+                    maxlength="20"
             />
           </el-form-item>
         </div>
-        <el-form-item label="口味做法配置:">
-          <el-form-item>
-            <div class="flavorBox">
-              <span
-                v-if="dishFlavors.length == 0"
-                class="addBut"
-                @click="addFlavore"
-              > + 添加口味</span>
-              <div
-                v-if="dishFlavors.length != 0"
-                class="flavor"
-              >
-                <div class="title">
-                  <span>口味名（3个字内）</span><span>口味标签（输入标签回车添加）</span>
-                </div>
-                <div class="cont">
-                  <div
-                    v-for="(item, index) in dishFlavors"
-                    :key="index"
-                    class="items"
-                  >
-                    <div class="itTit">
-                      <!-- <SelectInput
-                        :dish-flavors-data="dishFlavorsData"
-                        :index="index"
-                        :value="item.name"
-                        @select="selectHandle"
-                      /> -->
-                      <div class="selectInput">
-                        <div>
-                           <el-input
-                              v-model="item.name"
-                              type="text"
-                              style="width: 100%"
-                              placeholder="请输入口味"
-                              @focus="selectFlavor(true,index)"
-                              @blur="outSelect(false,index)"
-                              @input="inputHandle(index)"
-                            />
-                        </div>
-                        <div v-show="item.showOption" class="flavorSelect">
-                          <span
-                            v-for="(it, ind) in dishFlavorsData"
-                            :key="ind"
-                            class="items"
-                            @click="checkOption(it,ind,index)"
-                          >{{ it.name }}</span>
-                          <span
-                            v-if="dishFlavorsData == []"
-                            class="none"
-                          >无数据</span>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="labItems"
-                      style="display: flex"
-                    >
-                      <span
-                        v-for="(it, ind) in item.value"
-                        :key="ind"
-                      >{{ it }} <i @click="delFlavorLabel(index, ind)">X</i></span>
-                      <div
-                        class="inputBox"
-                        :style="inputStyle"
-                        contenteditable="true"
-                        @focus="flavorPosition(index)"
-                        @keydown.enter="(val)=>keyDownHandle(val,index)"
-                      ></div>
-                    </div>
-                    <span
-                      class="delFlavor delBut non"
-                      @click="delFlavor(index)"
-                    >删除</span>
-                  </div>
-                </div>
-                <div
-                  class="addBut"
-                  @click="addFlavore"
-                >
-                  添加口味
-                </div>
-              </div>
-            </div>
-          </el-form-item>
-        </el-form-item>
         <div>
-          <el-form-item label="原告信息:" class="setmealFood">
+          <el-form-item
+                  label="法官姓名:"
+                  prop="judgeName"
+          >
+            <el-input
+                    v-model="ruleForm.judgeName"
+                    placeholder="请填写法官姓名:"
+                    maxlength="20"
+            />
+          </el-form-item>
+          <el-form-item
+                  label="法官联系方式:"
+                  prop="judgePhone"
+          >
+            <el-input
+                    v-model="ruleForm.judgePhone"
+                    placeholder="请填写法官联系方式:"
+                    maxlength="20"
+            />
+          </el-form-item>
+        </div>
+        <div>
+          <el-form-item label="原告信息:" class="plaintiff">
             <el-form-item>
-              <div class="addDish">
-                <span  class="addBut" @click="openAddDish"> + 添加菜品</span>
-                <div v-if="dishTable.length != 0" class="content">
-                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+              <div class = "addPlaintiff">
+                <span v-if="plaintiffTable.length == 0" class="addBut" @click="openAddPlaintiff"> + 添加原告</span>
+                <div v-if="plaintiffTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddPlaintiff">+ 添加原告</div>
                   <div class="table">
-                    <el-table :data="dishTable" style="width: 100%">
-                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
-                      <el-table-column prop="price" label="原价" width="180">
-                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="份数" align="center">
+                    <el-table :data="plaintiffTable" style="width:100%">
+                      <el-table-column prop="unitName" label="单位名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="unitLocation" label="单位所在地" width="180" align="center"></el-table-column>
+                      <el-table-column prop="licenseNum" label="证件号码" width="180" align="center"></el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px" align="center">
                         <template slot-scope="scope">
-                          <el-input-number
-                                  v-model="scope.row.copies"
-                                  size="small"
-                                  :min="1"
-                                  :max="99"
-                                  label="描述文字"
-                          ></el-input-number>
-                        </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="操作" width="180px;" align="center">
-                        <template slot-scope="scope">
-                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                          <el-button type="text" size="small" @click="delPlaintiffHandle(scope.$index)">删除</el-button>
                         </template>
                       </el-table-column>
                     </el-table>
@@ -365,105 +457,152 @@
             </el-form-item>
           </el-form-item>
         </div>
-        <div>
-          <el-form-item label="被告信息:" class="setmealFood">
-            <el-form-item>
-              <div class="addDish">
-                <span class="addBut" @click="openAddDish"> + 添加菜品</span>
-                <div v-if="dishTable.length != 0" class="content">
-                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
-                  <div class="table">
-                    <el-table :data="dishTable" style="width: 100%">
-                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
-                      <el-table-column prop="price" label="原价" width="180">
-                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="份数" align="center">
-                        <template slot-scope="scope">
-                          <el-input-number
-                                  v-model="scope.row.copies"
-                                  size="small"
-                                  :min="1"
-                                  :max="99"
-                                  label="描述文字"
-                          ></el-input-number>
-                        </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="操作" width="180px;" align="center">
-                        <template slot-scope="scope">
-                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
-                        </template>
-                      </el-table-column>
-                    </el-table>
-                  </div>
-                </div>
-              </div>
-            </el-form-item>
-          </el-form-item>
-        </div>
-        <div>
-          <el-form-item
-            label="菜品图片:"
-            prop="region"
-            class="uploadImg"
-          >
-            <el-upload
-              class="avatar-uploader"
-              action="/common/upload"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess"
-              :on-change="onChange"
-              ref="upload"
-            >
-              <img
-                v-if="imageUrl"
-                :src="imageUrl"
-                class="avatar"
-              ></img>
-              <i
-                v-else
-                class="el-icon-plus avatar-uploader-icon"
-              ></i>
-            </el-upload>
-          </el-form-item>
-        </div>
-        <div class="address">
-          <el-form-item
-            label="菜品描述:"
-            prop="region"
-          >
-            <el-input
-              v-model="ruleForm.description"
-              type="textarea"
-              :rows="3"
-              placeholder="菜品描述，最长200字"
-              maxlength="200"
-            />
-          </el-form-item>
-        </div>
-        <div class="subBox address">
-          <el-form-item>
-            <el-button @click="goBack()">
-              取消
-            </el-button>
-            <el-button
-              type="primary"
-              @click="submitForm('ruleForm')"
-            >
-              保存
-            </el-button>
-            <el-button
-              v-if="actionType == 'add'"
-              type="primary"
-              class="continue"
-              @click="submitForm('ruleForm','goAnd')"
-            >
-              保存并继续添加菜品
-            </el-button>
-          </el-form-item>
-        </div>
-      </el-form>
-    </div>
+         <div>
+           <el-form-item label="被告信息:" class="defendant">
+             <el-form-item>
+               <div class="addDefendant">
+                 <span v-if="defendantTable.length == 0" class="addBut" @click="openAddDefendant"> + 添加被告</span>
+                 <div v-if="defendantTable.length !== 0" class="content">
+                   <div class="addBut" style="margin-bottom: 20px" @click="openAddDefendant">+ 添加被告</div>
+                   <div class="table">
+                     <el-table :data="defendantTable" style="width:100%">
+                       <el-table-column prop="unitName" label="单位名称" width="180" align="center"></el-table-column>
+                       <el-table-column prop="unitLocation" label="单位所在地" width="180" align="center"></el-table-column>
+                       <el-table-column prop="licenseNum" label="证件号码" width="180" align="center"></el-table-column>
+                       <el-table-column prop="address" label="操作" width="180px" align="center">
+                         <template slot-scope="scope">
+                           <el-button type="text" size="small" @click="delDefendantHandle(scope.$index)">删除</el-button>
+                         </template>
+                       </el-table-column>
+                     </el-table>
+                   </div>
+                 </div>
+               </div>
+             </el-form-item>
+           </el-form-item>
+         </div>
+         <el-dialog
+                 v-model="value"
+                 ref="plaintiffDialog"
+                 class="addPlaintiffList"
+                 :visible.sync="dialogVisiblePlaintiff"
+                 width="80%"
+                 :before-close="handleClose"
+         >
+           <el-input
+                   v-model="value"
+                   class="searchPlaintiff"
+                   placeholder="请输入原告单位名称进行搜索"
+                   style="width: 250px"
+                   size="small"
+                   clearable
+           >
+             <i slot="prefix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="searchHandle"></i>
+           </el-input>
+           <div class="addPlaintiffCon">
+             <div class="leftCont">
+               <el-table
+                       :data="plaintiffAddList"
+                       style="width: 100%"
+                       :row-key="row => row.id"
+                       @selection-change="handleSelectionChange"
+               >
+                 <el-table-column type="selection" width="55"></el-table-column>
+                 <el-table-column prop="unitName" label="单位名称"></el-table-column>
+                 <el-table-column prop="licenseNum" label="证件号"></el-table-column>
+               </el-table>
+               <el-pagination
+                       @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page="currentPage"
+                       :page-sizes="[6, 12, 24]"
+                       :page-size="pageSize"
+                       :total="plaintiffAddList.length"
+               />
+             </div>
+             <div class="ritCont">
+               <div class="title">
+                 已选原告信息({{checkedList.length}})
+               </div>
+               <div
+                       v-for="(item, ind) in checkedList"
+                       :key="ind"
+                       class="item"
+               >
+                 <span>{{item.unitName}}</span>
+                 <span>{{item.licenseNum}}</span>
+                 <span
+                         class="del"
+                         @click="delCheck(ind)"
+                 >
+
+                  </span>
+               </div>
+             </div>
+           </div>
+         </el-dialog>
+         <el-dialog
+                 v-model="dialogVisibleDefendant"
+                 ref="defendantDialog"
+                 class="addDefendantList"
+                 :visible.sync="dialogVisibleDefendant"
+                 width="80%"
+                 :before-close="handleClose"
+         >
+           <el-input
+                   v-model="value"
+                   class="searchDefendant"
+                   placeholder="请输入被告单位名称进行搜索"
+                   style="width: 250px"
+                   size="small"
+                   clearable
+           >
+             <i slot="prefix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="searchDefendantHandle"></i>
+           </el-input>
+           <div class="addDefendantCon">
+             <div class="leftCont">
+               <el-table
+                       :data="defendantAddList"
+                       style="width: 100%"
+                       :row-key="row => row.id"
+                       @selection-change="handleDefendantSelectionChange"
+               >
+                 <!-- 省略其他列 -->
+                 <el-table-column type="selection" width="55"></el-table-column>
+                 <el-table-column prop="unitName" label="单位名称"></el-table-column>
+                 <el-table-column prop="licenseNum" label="证件号"></el-table-column>
+               </el-table>
+               <el-pagination
+                       @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page="currentPage"
+                       :page-sizes="[6, 12, 24]"
+                       :page-size="pageSize"
+                       :total="defendantAddList.length"
+               />
+             </div>
+             <div class="ritCont">
+               <div class="title">
+                 已选被告信息({{ checkedDefendantList.length }})
+               </div>
+               <div
+                       v-for="(item, ind) in checkedDefendantList"
+                       :key="ind"
+                       class="item"
+               >
+                 <span>{{ item.unitName }}</span>
+                 <span>{{ item.licenseNum }}</span>
+                 <span
+                         class="del"
+                         @click="delCheckedDefendant(ind)"
+                 >
+                </span>
+               </div>
+             </div>
+           </div>
+         </el-dialog>
+       </el-form>
+     </div>
   </div>
     <!-- 开发环境版本，包含了有帮助的命令行警告 -->
     <script src="../../plugins/vue/vue.js"></script>
@@ -477,72 +616,61 @@
     <script src="../../api/food.js"></script>
     <script>
       new Vue({
-        el: '#food-add-app',
+        el: '#hearCase-add-app',
         data() {
           return {
-            id: '',
-            restKey: 0,
-            textarea: '',
-            value: '',
-            imageUrl: '',
-            actionType: '',
-            dishList: [],
-            dishFlavorsData: [],
-            dishFlavors: [],
-            vueRest : '1',
-            index : 0,
-            inputStyle  : {'flex':1},
-            ruleForm  : {
-              'name': '',
-              'id': '',
-              'price': '',
-              'code': '',
-              'image': '',
-              'description': '',
-              'dishFlavors': [],
-              'status': true,
-              categoryId: ''
+            caseTypeList: [
+              {id : 1, name : "审理案件"},
+              {id : 2, name : "执行案件"}
+            ],
+            plaintiffTable: [
+              { unitName: '原告1公司', unitLocation: '地点1', licenseNum: '证件号1', address: '地址1' },
+              { unitName: '原告2公司', unitLocation: '地点2', licenseNum: '证件号2', address: '地址2' },
+              // 添加更多原告数据...
+            ],
+            defendantTable: [
+              { unitName: '被告1公司', unitLocation: '地点1', licenseNum: '证件号1', address: '地址1' },
+              { unitName: '被告2公司', unitLocation: '地点2', licenseNum: '证件号2', address: '地址2' },
+              // 添加更多被告数据...
+            ],
+            ruleForm : {
+              'caseNum': '',
+              caseType: '',
             },
-            mak: false
+            plaintiffAddList: [
+              { id: 1, unitName: '原告1公司', licenseNum: '证件号1' },
+              { id: 2, unitName: '原告2公司', licenseNum: '证件号2' },
+              { id: 3, unitName: '原告3公司', licenseNum: '证件号3' },
+              // 添加更多原告可选项...
+            ],
+            defendantAddList: [
+              { id: 1, unitName: '被告1公司', licenseNum: '证件号1' },
+              { id: 2, unitName: '被告2公司', licenseNum: '证件号2' },
+              { id: 3, unitName: '被告3公司', licenseNum: '证件号3' },
+              // 添加更多被告可选项...
+            ],
+            searchValue: [],
+            checkedList: [],
+            searchKey: "",
+            keyInd: 0,
+            currentPage: 1, // 当前页数
+            pageSize: 6, // 每页显示条数
+            value: "",
+
+            dialogVisiblePlaintiff: false, // 控制原告dialog显示/隐藏
+            dialogVisibleDefendant: false, // 控制被告dialog显示/隐藏
+            checkedDefendantList: [],
+            checkedPlaintiffList: [],
           }
         },
         computed: {
           rules () {
             return {
-              'name': [
-                {'required': true, 'message': '请填写菜品名称', 'trigger': 'blur'}
-              ],
-              'categoryId': [
-                {'required': true, 'message': '请选择菜品分类', 'trigger': 'change'}
-              ],
-              'price': [
-                {
-                  'required': true,
-                  // 'message': '请填写菜品价格',
-                  validator: (rules, value, callback) => {
-                    if (!value) {
-                      callback(new Error('请填写菜品价格'))
-                    } else {
-                      const reg = /^\d+(\.\d{0,2})?$/
-                      if (reg.test(value)) {
-                        if(value < 10000){
-                          callback()
-                        }else{
-                          callback(new Error('菜品价格小于10000'))
-                        }
-                      } else {
-                        callback(new Error('菜品价格格式只能为数字,且最多保留两位小数'))
-                      }
-                    }
-                  },
-                  'trigger': 'blur'
-                }
-              ],
+
             }
           }
         },
         created() {
-          // 口味临时数据
           this.id = requestUrlParam('id')
           this.actionType = this.id ? 'edit' : 'add'
           if (this.id) {
@@ -550,202 +678,85 @@
           }
         },
         mounted() {
+
         },
         methods: {
           async init () {
-            queryDishById(this.id).then(res => {
-              console.log(res)
-              if (String(res.code) === '1') {
-                this.ruleForm = { ...res.data }
-                this.ruleForm.price = String(res.data.price/100)
-                this.ruleForm.status = res.data.status == '1'
-                this.dishFlavors = res.data.flavors && res.data.flavors.map(obj => ({ ...obj, value: JSON.parse(obj.value),showOption: false }))
-                console.log('this.dishFlavors',this.dishFlavors)
-                // this.ruleForm.id = res.data.data.categoryId
-                // this.imageUrl = res.data.data.image
-                this.imageUrl = `/common/download?name=${res.data.image}`
-              } else {
-                this.$message.error(res.msg || '操作失败')
-              }
-            })
-          },
-          // 按钮 - 添加口味
-          addFlavore () {
-            this.dishFlavors.push({'name': '', 'value': [], showOption: false}) // JSON.parse(JSON.stringify(this.dishFlavorsData))
+
           },
 
-          // 按钮 - 删除口味
-          delFlavor (ind) {
-            this.dishFlavors.splice(ind, 1)
+          handleSelectionChange(val) {
+            this.checkedList = val;
+          },
+          handleSizeChange(val) {
+            this.pageSize = val;
+            this.currentPage = 1;
+          },
+          handleCurrentChange(val) {
+            this.currentPage = val;
           },
 
-          // 按钮 - 删除口味标签
-          delFlavorLabel (index, ind) {
-            this.dishFlavors[index].value.splice(ind, 1)
+          openAddPlaintiff() {
+            this.searchKey = " "
+            this.value = " "
+            this.keyInd = 0
+            this.dialogVisiblePlaintiff = true;
+          },
+          handleClosePlaintiff(done) {
+            // 处理关闭原告dialog的逻辑
+            this.dialogVisiblePlaintiff = false;
+            done(); // 关闭弹窗
           },
 
-          //口味位置记录
-          flavorPosition (index) {
-            this.index = index
+          handleCloseDefendant(done) {
+            // 处理关闭被告dialog的逻辑
+            this.dialogVisibleDefendant = false;
+            done(); // 关闭弹窗
           },
 
-          // 添加口味标签
-          keyDownHandle (val,index) {
-            console.log('keyDownHandle----val',val)
-            console.log('keyDownHandle----index',index)
-            console.log('keyDownHandle----this.dishFlavors',this.dishFlavors)
-            if (event) {
-              event.cancelBubble = true
-              event.preventDefault()
-              event.stopPropagation()
-            }
-
-            if (val.target.innerText.trim() != '') {
-              this.dishFlavors[index].value.push(val.target.innerText)
-              val.target.innerText = ''
-            }
+          searchHandle() {
+            // 处理搜索逻辑，可根据需求自行实现
+            // 例如：调用接口进行搜索
           },
 
-
-          // 获取口味列表
-          getFlavorListHand () {
-            // flavor flavorData
-            this.dishFlavorsData = [
-              {'name':'甜味','value':['无糖','少糖','半糖','多糖','全糖']},
-              {'name':'温度','value':['热饮','常温','去冰','少冰','多冰']},
-              {'name':'忌口','value':['不要葱','不要蒜','不要香菜','不要辣']},
-              {'name':'辣度','value':['不辣','微辣','中辣','重辣']}
-            ]
+          delPlaintiffHandle(index) {
+            // 处理删除原告的逻辑，可根据需求自行实现
+            this.plaintiffTable.splice(index, 1);
           },
 
-          selectFlavor(st,index){
-            console.log('st',st)
-            console.log('index',index)
-            console.log('this.dishFlavors',this.dishFlavors)
-            const obj = JSON.parse(JSON.stringify(this.dishFlavors[index]))
-            obj.showOption = st
-            this.dishFlavors.splice(index,1,obj)
-            // this.dishFlavors[index].showOption = st
+          delCheck(index) {
+            // 处理删除已选原告的逻辑，可根据需求自行实现
+            this.checkedList.splice(index, 1);
           },
 
-          outSelect(st,index){
-            const _this = this
-            setTimeout(()=> {
-              const obj = JSON.parse(JSON.stringify(_this.dishFlavors[index]))
-              obj.showOption = st
-              _this.dishFlavors.splice(index,1,obj)
-            }, 200)
+          openAddDefendant() {
+            // 初始化被告相关数据
+            this.searchKey = " ";
+            this.value = " ";
+            this.keyInd = 0;
+            this.dialogVisibleDefendant = true;
           },
 
-          inputHandle(val,index){
-            // this.selectFlavor(false,index)
+          searchDefendantHandle() {
+            // 处理搜索被告逻辑
+            // 例如：调用接口进行搜索
           },
 
-          checkOption(val, ind, index){
-            this.selectHandle(val.name, index, ind)
-            this.dishFlavors[index].name = val.name
+          delCheckedDefendant(index) {
+            // 处理删除已选被告的逻辑
+            this.checkedDefendantList.splice(index, 1);
           },
 
-          selectHandle(val, key, ind){
-            const arrDate = [...this.dishFlavors]
-            arrDate[key] = JSON.parse(JSON.stringify(this.dishFlavorsData[ind]))
-            this.dishFlavors = arrDate
+          delDefendantHandle(index) {
+            // 处理删除被告的逻辑
+            this.defendantTable.splice(index, 1);
           },
 
-          submitForm(formName, st) {
-            this.$refs[formName].validate((valid) => {
-              if (valid) {
-                let params = {...this.ruleForm}
-                // params.flavors = this.dishFlavors
-                params.status = this.ruleForm ? 1 : 0
-                params.price *= 100
-                params.categoryId = this.ruleForm.categoryId
-                params.flavors = this.dishFlavors.map(obj => ({ ...obj, value: JSON.stringify(obj.value) }))
-                delete params.dishFlavors
-                if(!this.imageUrl){
-                  this.$message.error('请上传菜品图片')
-                  return
-                }
-                if (this.actionType == 'add') {
-                  delete params.id
-                  addDish(params).then(res => {
-                    if (res.code === 1) {
-                      this.$message.success('菜品添加成功！')
-                      if (!st) {
-                        this.goBack()
-                      } else {
-                        this.dishFlavors = []
-                        // this.dishFlavorsData = []
-                        this.imageUrl = ''
-                        this.ruleForm = {
-                          'name': '',
-                          'id': '',
-                          'price': '',
-                          'code': '',
-                          'image': '',
-                          'description': '',
-                          'dishFlavors': [],
-                          'status': true,
-                          categoryId: ''
-                        }
-                      }
-                    } else {
-                      this.$message.error(res.msg || '操作失败')
-                    }
-                  }).catch(err => {
-                    this.$message.error('请求出错了：' + err)
-                  })
-                } else {
-                  delete params.updateTime
-                  editDish(params).then(res => {
-                    if (res.code === 1) {
-                      this.$message.success('菜品修改成功！')
-                      this.goBack()
-                    } else {
-                      this.$message.error(res.msg || '操作失败')
-                    }
-                  }).catch(err => {
-                    this.$message.error('请求出错了：' + err)
-                  })
-                }
-              } else {
-                return false
-              }
-            })
-          },
-
-          handleAvatarSuccess (response, file, fileList) {
-            // 拼接down接口预览
-            if(response.code === 0 && response.msg === '未登录'){
-              window.top.location.href = '/backend/page/login/login.html'
-            }else{
-              this.imageUrl = `/common/download?name=${response.data}`
-              this.ruleForm.image = response.data
-            }
-          },
-
-          onChange (file) {
-            if(file){
-              const suffix = file.name.split('.')[1]
-              const size = file.size / 1024 / 1024 < 2
-              if(['png','jpeg','jpg'].indexOf(suffix) < 0){
-                this.$message.error('上传图片只支持 png、jpeg、jpg 格式！')
-                this.$refs.upload.clearFiles()
-                return false
-              }
-              if(!size){
-                this.$message.error('上传文件大小不能超过 2MB!')
-                return false
-              }
-              return file
-            }
-          },
-          
           goBack(){
             window.parent.menuHandle({
               id: '3',
               url: '/backend/page/food/list.html',
-              name: '菜品管理'
+              name: '案件管理'
             },false)
           }
         }
diff --git a/target/classes/backend/page/hearCase/add1.html b/src/main/resources/backend/page/hearCase/add11.html
similarity index 70%
rename from target/classes/backend/page/hearCase/add1.html
rename to src/main/resources/backend/page/hearCase/add11.html
index 8f130ff..0edd662 100644
--- a/target/classes/backend/page/hearCase/add1.html
+++ b/src/main/resources/backend/page/hearCase/add11.html
@@ -45,6 +45,157 @@
           margin-right: 4px;
       }
 
+    .addDish .el-input {
+      width: 130px;
+    }
+    .addDish .el-input-number__increase {
+      border-left: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+    .addDish .el-input-number__decrease {
+      border-right: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+    .addDish input {
+      border: 1px solid #ffe1ca;
+    }
+    .addDish .table {
+      border: solid 1px #EBEEF5;
+      border-radius: 3px;
+    }
+    .addDish .table th {
+      padding: 5px 0;
+    }
+    .addDish .table td {
+      padding: 7px 0;
+    }
+    .addDishList .seachDish {
+      position: absolute;
+      top: 10px;
+      right: 20px;
+    }
+    .addDishList .el-dialog__body {
+      padding: 0;
+      border-bottom: solid 1px #ccc;
+    }
+    .addDishList .el-dialog__footer {
+      padding-top: 27px;
+    }
+
+    .addDish {
+      width: 777px;
+    }
+    .addDish .addBut {
+      background: #ffc200;
+      display: inline-block;
+      padding: 0px 20px;
+      border-radius: 3px;
+      line-height: 40px;
+      cursor: pointer;
+      border-radius: 4px;
+      color: #333333;
+      font-weight: 500;
+    }
+    .addDish .content {
+      background: #fafafb;
+      padding: 20px;
+      border: solid 1px #ccc;
+      border-radius: 3px;
+    }
+    .addDishCon {
+      padding: 0 20px;
+      display: flex;
+      line-height: 40px;
+    }
+    .addDishCon .leftCont {
+      display: flex;
+      border-right: solid 2px #E4E7ED;
+      width: 60%;
+      padding: 15px;
+    }
+    .addDishCon .leftCont .tabBut {
+      width: 110px;
+    }
+    .addDishCon .leftCont .tabBut span {
+      display: block;
+      text-align: center;
+      border-right: solid 2px #f4f4f4;
+      cursor: pointer;
+    }
+    .addDishCon .leftCont .act {
+      border-color: #FFC200 !important;
+      color: #FFC200 !important;
+    }
+    .addDishCon .leftCont .tabList {
+      flex: 1;
+      padding: 15px;
+    }
+    .addDishCon .leftCont .tabList .table {
+      border: solid 1px #f4f4f4;
+      border-bottom: solid 1px #f4f4f4;
+    }
+    .addDishCon .leftCont .tabList .table .items {
+      border-bottom: solid 1px #f4f4f4;
+      padding: 0 10px;
+      display: flex;
+    }
+    .addDishCon .leftCont .tabList .table .items .el-checkbox, .addDishCon .leftCont .tabList .table .items .el-checkbox__label {
+      width: 100%;
+    }
+    .addDishCon .leftCont .tabList .table .items .item {
+      display: flex;
+      padding-right: 20px;
+    }
+    .addDishCon .leftCont .tabList .table .items .item span {
+      display: inline-block;
+      text-align: center;
+      flex: 1;
+    }
+    .addDishCon .ritCont {
+      width: 40%;
+      padding: 0 15px;
+    }
+    .addDishCon .ritCont .item {
+      box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+      display: flex;
+      text-align: center;
+      padding: 0 10px;
+      margin-bottom: 20px;
+      border-radius: 6px;
+      color: #818693;
+    }
+    .addDishCon .ritCont .item span:first-child {
+      text-align: left;
+      color: #20232A;
+    }
+    .addD                                                                                                ishCon .ritCont .item .price {
+      display: inline-block;
+      flex: 1;
+    }
+    .addDishCon .ritCont .item .del {
+      cursor: pointer;
+    }
+    .addDishCon .ritCont .item .del img {
+      position: relative;
+      top: 5px;
+      width: 20px;
+    }
+
+    .addDishCon .el-checkbox__label{
+      width: 100%;
+    }
+    #combo-add-app .setmealFood .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
+
+    #combo-add-app .uploadImg .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
+
   </style>
 </head>
 <body>
@@ -179,6 +330,76 @@
           </el-form-item>
         </el-form-item>
         <div>
+          <el-form-item label="原告信息:" class="setmealFood">
+            <el-form-item>
+              <div class="addDish">
+                <span  class="addBut" @click="openAddDish"> + 添加菜品</span>
+                <div v-if="dishTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+                  <div class="table">
+                    <el-table :data="dishTable" style="width: 100%">
+                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="price" label="原价" width="180">
+                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="份数" align="center">
+                        <template slot-scope="scope">
+                          <el-input-number
+                                  v-model="scope.row.copies"
+                                  size="small"
+                                  :min="1"
+                                  :max="99"
+                                  label="描述文字"
+                          ></el-input-number>
+                        </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px;" align="center">
+                        <template slot-scope="scope">
+                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+              </div>
+            </el-form-item>
+          </el-form-item>
+        </div>
+        <div>
+          <el-form-item label="被告信息:" class="setmealFood">
+            <el-form-item>
+              <div class="addDish">
+                <span class="addBut" @click="openAddDish"> + 添加菜品</span>
+                <div v-if="dishTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+                  <div class="table">
+                    <el-table :data="dishTable" style="width: 100%">
+                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="price" label="原价" width="180">
+                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="份数" align="center">
+                        <template slot-scope="scope">
+                          <el-input-number
+                                  v-model="scope.row.copies"
+                                  size="small"
+                                  :min="1"
+                                  :max="99"
+                                  label="描述文字"
+                          ></el-input-number>
+                        </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px;" align="center">
+                        <template slot-scope="scope">
+                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+              </div>
+            </el-form-item>
+          </el-form-item>
         </div>
         <div>
           <el-form-item
@@ -321,9 +542,7 @@
           }
         },
         created() {
-          this.getDishList()
           // 口味临时数据
-          this.getFlavorListHand()
           this.id = requestUrlParam('id')
           this.actionType = this.id ? 'edit' : 'add'
           if (this.id) {
@@ -387,16 +606,6 @@
             }
           },
 
-          // 获取菜品分类
-          getDishList () {
-            getCategoryList({ 'type': 1 }).then(res => {
-              if (res.code === 1) {
-                this.dishList = res.data
-              } else {
-                this.$message.error(res.msg || '操作失败')
-              }
-            })
-          },
 
           // 获取口味列表
           getFlavorListHand () {
@@ -455,7 +664,7 @@
                 delete params.dishFlavors
                 if(!this.imageUrl){
                   this.$message.error('请上传菜品图片')
-                  return 
+                  return
                 }
                 if (this.actionType == 'add') {
                   delete params.id
diff --git a/src/main/resources/backend/page/hearCase/list.html b/src/main/resources/backend/page/hearCase/list.html
index baa202e..51fa15a 100644
--- a/src/main/resources/backend/page/hearCase/list.html
+++ b/src/main/resources/backend/page/hearCase/list.html
@@ -28,25 +28,26 @@
             @click="init"
           ></i>
         </el-input>
-        <el-date-picker v-model="orderTime"
-                        clearable
-                        value-format="yyyy-MM-dd HH:mm:ss"
-                        type="datetimerange"
-                        placeholder="选择日期"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :default-time="['00:00:00', '23:59:59']"
-                        style="width: 400px;margin-left: 20px;"
-        ></el-date-picker>
-        <el-button type="primary" class="search-btn" @click="init">查询</el-button>
-        <div class="tableLab">
+
+        <div class="tableLab" style="display: flex; align-items: center; justify-content: space-between;">
+          <el-date-picker v-model="orderTime"
+                          clearable
+                          value-format="yyyy-MM-dd HH:mm:ss"
+                          type="datetimerange"
+                          placeholder="选择日期"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          :default-time="['00:00:00', '23:59:59']"
+                          style="width: 400px;margin-left: 20px;"
+          ></el-date-picker>
+          <el-button type="primary" class="search-btn" @click="init">查询</el-button>
           <span class="span-btn delBut non" @click="deleteHandle('批量', null)">批量删除</span>
           <span class="span-btn blueBug non" @click="statusHandle('1')">批量开庭</span>
           <span style="border:none;" class="span-btn delBut non" @click="statusHandle('0')">批量结案</span>
           <el-button
             type="primary"
-            @click="addFoodtype('add')"
+            @click="addCaseType('add')"
           >
             + 新建案件
           </el-button>
@@ -105,7 +106,7 @@
               type="text"
               size="small"
               class="blueBug"
-              @click="addFoodtype(scope.row.id)"
+              @click="addCaseType(scope.row.id)"
             >
               修改
             </el-button>
@@ -193,18 +194,18 @@
             this.init();
           },
           // 添加
-          addFoodtype (st) {
+          addCaseType (st) {
             if (st === 'add'){
               window.parent.menuHandle({
                 id: '3',
-                url: '/backend/page/food/add.html',
-                name: '添加菜品'
+                url: '/backend/page/hearCase/add.html',
+                name: '添加案件'
               },true)
             } else {
               window.parent.menuHandle({
                 id: '3',
-                url: '/backend/page/food/add.html?id='+st,
-                name: '修改菜品'
+                url: '/backend/page/hearCase/add.html?id='+st,
+                name: '修改案件'
               },true)
             }
           },
diff --git a/src/main/resources/backend/styles/hearCaseAdd.css b/src/main/resources/backend/styles/hearCaseAdd.css
new file mode 100644
index 0000000..f853736
--- /dev/null
+++ b/src/main/resources/backend/styles/hearCaseAdd.css
@@ -0,0 +1,351 @@
+.selectInput {
+    position: relative;
+    width: 100%;
+    min-width: 100px;
+}
+.selectInput .flavorSelect {
+    position: absolute;
+    width: 100%;
+    padding: 0 10px;
+    border-radius: 3px;
+    border: solid 1px #FF903D;
+    line-height: 30px;
+    text-align: center;
+    background: #fff;
+    top: 50px;
+    z-index: 99;
+}
+.selectInput .flavorSelect .items {
+    cursor: pointer;
+    display: inline-block;
+    width: 100%;
+    line-height: 35px;
+    border-bottom: solid 1px #f4f4f4;
+    color: #666;
+}
+.selectInput .flavorSelect .none {
+    font-size: 14px;
+}
+
+#hearCase-add-app .uploadImg .el-form-item__label::before{
+    content: '*';
+    color: #F56C6C;
+    margin-right: 4px;
+}
+
+#hearCase-add-app .plaintiff .el-form-item__label::before{
+    content: '*';
+    color: #F56C6C;
+    margin-right: 4px;
+}
+
+.addPlaintiff .el-input {
+    width: 130px;
+}
+.addPlaintiff .el-input-number__increase {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+.addPlaintiff .el-input-number__decrease {
+    border-right: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+.addPlaintiff input {
+    border: 1px solid #ffe1ca;
+}
+.addPlaintiff .table {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+.addPlaintiff .table th {
+    padding: 5px 0;
+}
+.addPlaintiff .table td {
+    padding: 7px 0;
+}
+.addPlaintiffList .searchPlaintiff {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+}
+.addPlaintiffList .el-dialog__body {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+.addPlaintiffList .el-dialog__footer {
+    padding-top: 27px;
+}
+
+.addPlaintiff {
+    width: 777px;
+}
+.addPlaintiff .addBut {
+    background: #ffc200;
+    display: inline-block;
+    padding: 0px 20px;
+    border-radius: 3px;
+    line-height: 40px;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #333333;
+    font-weight: 500;
+}
+.addPlaintiff .content {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+.addPlaintiffCon {
+    padding: 0 20px;
+    display: flex;
+    line-height: 40px;
+}
+.addPlaintiffCon .leftCont {
+    display: flex;
+    border-right: solid 2px #E4E7ED;
+    width: 60%;
+    padding: 15px;
+}
+.addPlaintiffCon .leftCont .tabBut {
+    width: 110px;
+}
+.addPlaintiffCon .leftCont .tabBut span {
+    display: block;
+    text-align: center;
+    border-right: solid 2px #f4f4f4;
+    cursor: pointer;
+}
+.addPlaintiffCon .leftCont .act {
+    border-color: #FFC200 !important;
+    color: #FFC200 !important;
+}
+.addPlaintiffCon .leftCont .tabList {
+    flex: 1;
+    padding: 15px;
+}
+.addPlaintiffCon .leftCont .tabList .table {
+    border: solid 1px #f4f4f4;
+    border-bottom: solid 1px #f4f4f4;
+}
+.addPlaintiffCon .leftCont .tabList .table .items {
+    border-bottom: solid 1px #f4f4f4;
+    padding: 0 10px;
+    display: flex;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .el-checkbox, .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox__label {
+    width: 100%;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .item {
+    display: flex;
+    padding-right: 20px;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .item span {
+    display: inline-block;
+    text-align: center;
+    flex: 1;
+}
+.addPlaintiffCon .ritCont {
+    width: 40%;
+    padding: 0 15px;
+}
+.addPlaintiffCon .ritCont .item {
+    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+    display: flex;
+    text-align: center;
+    padding: 0 10px;
+    margin-bottom: 20px;
+    border-radius: 6px;
+    color: #818693;
+}
+.addPlaintiffCon .ritCont .item span:first-child {
+    text-align: left;
+    color: #20232A;
+}
+.addPlaintiffCon .ritCont .item .price {
+    display: inline-block;
+    flex: 1;
+}
+.addPlaintiffCon .ritCont .item .del {
+    cursor: pointer;
+}
+.addPlaintiffCon .ritCont .item .del img {
+    position: relative;
+    top: 5px;
+    width: 20px;
+}
+
+.addPlaintiffCon .el-checkbox__label{
+    width: 100%;
+}
+
+
+
+.addDefendant .el-input {
+    width: 130px;
+}
+
+.addDefendant .el-input-number__increase {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.addDefendant .el-input-number__decrease {
+    border-right: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.addDefendant input {
+    border: 1px solid #ffe1ca;
+}
+
+.addDefendant .table {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+
+.addDefendant .table th {
+    padding: 5px 0;
+}
+
+.addDefendant .table td {
+    padding: 7px 0;
+}
+
+.addDefendantList .searchDefendant {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+}
+
+.addDefendantList .el-dialog__body {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+
+.addDefendantList .el-dialog__footer {
+    padding-top: 27px;
+}
+
+.addDefendant {
+    width: 777px;
+}
+
+.addDefendant .addBut {
+    background: #ffc200;
+    display: inline-block;
+    padding: 0px 20px;
+    border-radius: 3px;
+    line-height: 40px;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #333333;
+    font-weight: 500;
+}
+
+.addDefendant .content {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+
+.addDefendantCon {
+    padding: 0 20px;
+    display: flex;
+    line-height: 40px;
+}
+
+.addDefendantCon .leftCont {
+    display: flex;
+    border-right: solid 2px #E4E7ED;
+    width: 60%;
+    padding: 15px;
+}
+
+.addDefendantCon .leftCont .tabBut {
+    width: 110px;
+}
+
+.addDefendantCon .leftCont .tabBut span {
+    display: block;
+    text-align: center;
+    border-right: solid 2px #f4f4f4;
+    cursor: pointer;
+}
+
+.addDefendantCon .leftCont .act {
+    border-color: #FFC200 !important;
+    color: #FFC200 !important;
+}
+
+.addDefendantCon .leftCont .tabList {
+    flex: 1;
+    padding: 15px;
+}
+
+.addDefendantCon .leftCont .tabList .table {
+    border: solid 1px #f4f4f4;
+    border-bottom: solid 1px #f4f4f4;
+}
+
+.addDefendantCon .leftCont .tabList .table .items {
+    border-bottom: solid 1px #f4f4f4;
+    padding: 0 10px;
+    display: flex;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+    width: 100%;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .item {
+    display: flex;
+    padding-right: 20px;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .item span {
+    display: inline-block;
+    text-align: center;
+    flex: 1;
+}
+
+.addDefendantCon .ritCont {
+    width: 40%;
+    padding: 0 15px;
+}
+
+.addDefendantCon .ritCont .item {
+    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+    display: flex;
+    text-align: center;
+    padding: 0 10px;
+    margin-bottom: 20px;
+    border-radius: 6px;
+    color: #818693;
+}
+
+.addDefendantCon .ritCont .item span:first-child {
+    text-align: left;
+    color: #20232A;
+}
+
+.addDefendantCon .ritCont .item .price {
+    display: inline-block;
+    flex: 1;
+}
+
+.addDefendantCon .ritCont .item .del {
+    cursor: pointer;
+}
+
+.addDefendantCon .ritCont .item .del img {
+    position: relative;
+    top: 5px;
+    width: 20px;
+}
+
+.addDefendantCon .el-checkbox__label {
+    width: 100%;
+}
diff --git a/target/classes/backend/page/hearCase/add.html b/target/classes/backend/page/hearCase/add.html
index d220cfa..4d6bc00 100644
--- a/target/classes/backend/page/hearCase/add.html
+++ b/target/classes/backend/page/hearCase/add.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="../../plugins/element-ui/index.css" />
   <link rel="stylesheet" href="../../styles/common.css" />
   <link rel="stylesheet" href="../../styles/page.css" />
+  <link rel="stylesheet" href="../../styles/hearCaseAdd.css" />
   <style>
     .selectInput {
       position: relative;
@@ -39,53 +40,59 @@
       font-size: 14px;
     }
 
-    #food-add-app .uploadImg .el-form-item__label::before{
-          content: '*';
-          color: #F56C6C;
-          margin-right: 4px;
-      }
+    #hearCase-add-app .uploadImg .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
 
-    .addDish .el-input {
+    #hearCase-add-app .plaintiff .el-form-item__label::before{
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+    }
+
+    .addPlaintiff .el-input {
       width: 130px;
     }
-    .addDish .el-input-number__increase {
+    .addPlaintiff .el-input-number__increase {
       border-left: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addDish .el-input-number__decrease {
+    .addPlaintiff .el-input-number__decrease {
       border-right: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addDish input {
+    .addPlaintiff input {
       border: 1px solid #ffe1ca;
     }
-    .addDish .table {
+    .addPlaintiff .table {
       border: solid 1px #EBEEF5;
       border-radius: 3px;
     }
-    .addDish .table th {
+    .addPlaintiff .table th {
       padding: 5px 0;
     }
-    .addDish .table td {
+    .addPlaintiff .table td {
       padding: 7px 0;
     }
-    .addDishList .seachDish {
+    .addPlaintiffList .searchPlaintiff {
       position: absolute;
       top: 10px;
       right: 20px;
     }
-    .addDishList .el-dialog__body {
+    .addPlaintiffList .el-dialog__body {
       padding: 0;
       border-bottom: solid 1px #ccc;
     }
-    .addDishList .el-dialog__footer {
+    .addPlaintiffList .el-dialog__footer {
       padding-top: 27px;
     }
 
-    .addDish {
+    .addPlaintiff {
       width: 777px;
     }
-    .addDish .addBut {
+    .addPlaintiff .addBut {
       background: #ffc200;
       display: inline-block;
       padding: 0px 20px;
@@ -96,66 +103,66 @@
       color: #333333;
       font-weight: 500;
     }
-    .addDish .content {
+    .addPlaintiff .content {
       background: #fafafb;
       padding: 20px;
       border: solid 1px #ccc;
       border-radius: 3px;
     }
-    .addDishCon {
+    .addPlaintiffCon {
       padding: 0 20px;
       display: flex;
       line-height: 40px;
     }
-    .addDishCon .leftCont {
+    .addPlaintiffCon .leftCont {
       display: flex;
       border-right: solid 2px #E4E7ED;
       width: 60%;
       padding: 15px;
     }
-    .addDishCon .leftCont .tabBut {
+    .addPlaintiffCon .leftCont .tabBut {
       width: 110px;
     }
-    .addDishCon .leftCont .tabBut span {
+    .addPlaintiffCon .leftCont .tabBut span {
       display: block;
       text-align: center;
       border-right: solid 2px #f4f4f4;
       cursor: pointer;
     }
-    .addDishCon .leftCont .act {
+    .addPlaintiffCon .leftCont .act {
       border-color: #FFC200 !important;
       color: #FFC200 !important;
     }
-    .addDishCon .leftCont .tabList {
+    .addPlaintiffCon .leftCont .tabList {
       flex: 1;
       padding: 15px;
     }
-    .addDishCon .leftCont .tabList .table {
+    .addPlaintiffCon .leftCont .tabList .table {
       border: solid 1px #f4f4f4;
       border-bottom: solid 1px #f4f4f4;
     }
-    .addDishCon .leftCont .tabList .table .items {
+    .addPlaintiffCon .leftCont .tabList .table .items {
       border-bottom: solid 1px #f4f4f4;
       padding: 0 10px;
       display: flex;
     }
-    .addDishCon .leftCont .tabList .table .items .el-checkbox, .addDishCon .leftCont .tabList .table .items .el-checkbox__label {
+    .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox, .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox__label {
       width: 100%;
     }
-    .addDishCon .leftCont .tabList .table .items .item {
+    .addPlaintiffCon .leftCont .tabList .table .items .item {
       display: flex;
       padding-right: 20px;
     }
-    .addDishCon .leftCont .tabList .table .items .item span {
+    .addPlaintiffCon .leftCont .tabList .table .items .item span {
       display: inline-block;
       text-align: center;
       flex: 1;
     }
-    .addDishCon .ritCont {
+    .addPlaintiffCon .ritCont {
       width: 40%;
       padding: 0 15px;
     }
-    .addDishCon .ritCont .item {
+    .addPlaintiffCon .ritCont .item {
       box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
       display: flex;
       text-align: center;
@@ -164,198 +171,283 @@
       border-radius: 6px;
       color: #818693;
     }
-    .addDishCon .ritCont .item span:first-child {
+    .addPlaintiffCon .ritCont .item span:first-child {
       text-align: left;
       color: #20232A;
     }
-    .addDishCon .ritCont .item .price {
+    .addPlaintiffCon .ritCont .item .price {
       display: inline-block;
       flex: 1;
     }
-    .addDishCon .ritCont .item .del {
+    .addPlaintiffCon .ritCont .item .del {
       cursor: pointer;
     }
-    .addDishCon .ritCont .item .del img {
+    .addPlaintiffCon .ritCont .item .del img {
       position: relative;
       top: 5px;
       width: 20px;
     }
 
-    .addDishCon .el-checkbox__label{
+    .addPlaintiffCon .el-checkbox__label{
       width: 100%;
     }
-    #combo-add-app .setmealFood .el-form-item__label::before{
-      content: '*';
-      color: #F56C6C;
-      margin-right: 4px;
+
+
+
+    .addDefendant .el-input {
+      width: 130px;
     }
 
-    #combo-add-app .uploadImg .el-form-item__label::before{
-      content: '*';
-      color: #F56C6C;
-      margin-right: 4px;
+    .addDefendant .el-input-number__increase {
+      border-left: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+
+    .addDefendant .el-input-number__decrease {
+      border-right: solid 1px #FFE1CA;
+      background: #fff3ea;
+    }
+
+    .addDefendant input {
+      border: 1px solid #ffe1ca;
+    }
+
+    .addDefendant .table {
+      border: solid 1px #EBEEF5;
+      border-radius: 3px;
+    }
+
+    .addDefendant .table th {
+      padding: 5px 0;
+    }
+
+    .addDefendant .table td {
+      padding: 7px 0;
+    }
+
+    .addDefendantList .searchDefendant {
+      position: absolute;
+      top: 10px;
+      right: 20px;
+    }
+
+    .addDefendantList .el-dialog__body {
+      padding: 0;
+      border-bottom: solid 1px #ccc;
+    }
+
+    .addDefendantList .el-dialog__footer {
+      padding-top: 27px;
+    }
+
+    .addDefendant {
+      width: 777px;
+    }
+
+    .addDefendant .addBut {
+      background: #ffc200;
+      display: inline-block;
+      padding: 0px 20px;
+      border-radius: 3px;
+      line-height: 40px;
+      cursor: pointer;
+      border-radius: 4px;
+      color: #333333;
+      font-weight: 500;
+    }
+
+    .addDefendant .content {
+      background: #fafafb;
+      padding: 20px;
+      border: solid 1px #ccc;
+      border-radius: 3px;
+    }
+
+    .addDefendantCon {
+      padding: 0 20px;
+      display: flex;
+      line-height: 40px;
+    }
+
+    .addDefendantCon .leftCont {
+      display: flex;
+      border-right: solid 2px #E4E7ED;
+      width: 60%;
+      padding: 15px;
+    }
+
+    .addDefendantCon .leftCont .tabBut {
+      width: 110px;
+    }
+
+    .addDefendantCon .leftCont .tabBut span {
+      display: block;
+      text-align: center;
+      border-right: solid 2px #f4f4f4;
+      cursor: pointer;
+    }
+
+    .addDefendantCon .leftCont .act {
+      border-color: #FFC200 !important;
+      color: #FFC200 !important;
+    }
+
+    .addDefendantCon .leftCont .tabList {
+      flex: 1;
+      padding: 15px;
+    }
+
+    .addDefendantCon .leftCont .tabList .table {
+      border: solid 1px #f4f4f4;
+      border-bottom: solid 1px #f4f4f4;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items {
+      border-bottom: solid 1px #f4f4f4;
+      padding: 0 10px;
+      display: flex;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+    .addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+      width: 100%;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .item {
+      display: flex;
+      padding-right: 20px;
+    }
+
+    .addDefendantCon .leftCont .tabList .table .items .item span {
+      display: inline-block;
+      text-align: center;
+      flex: 1;
+    }
+
+    .addDefendantCon .ritCont {
+      width: 40%;
+      padding: 0 15px;
+    }
+
+    .addDefendantCon .ritCont .item {
+      box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+      display: flex;
+      text-align: center;
+      padding: 0 10px;
+      margin-bottom: 20px;
+      border-radius: 6px;
+      color: #818693;
+    }
+
+    .addDefendantCon .ritCont .item span:first-child {
+      text-align: left;
+      color: #20232A;
+    }
+
+    .addDefendantCon .ritCont .item .price {
+      display: inline-block;
+      flex: 1;
+    }
+
+    .addDefendantCon .ritCont .item .del {
+      cursor: pointer;
+    }
+
+    .addDefendantCon .ritCont .item .del img {
+      position: relative;
+      top: 5px;
+      width: 20px;
+    }
+
+    .addDefendantCon .el-checkbox__label {
+      width: 100%;
     }
 
   </style>
 </head>
 <body>
-   <div class="addBrand-container" id="food-add-app">
-    <div class="container">
-      <el-form
-        ref="ruleForm"
-        :model="ruleForm"
-        :rules="rules"
-        :inline="true"
-        label-width="180px"
-        class="demo-ruleForm"
-      >
+   <div class="addBrand-container" id="hearCase-add-app">
+     <div class = "container">
+       <el-form
+         ref="ruleForm"
+         :model="ruleForm"
+         :rules="rules"
+         :inline="true"
+         label-width="180px"
+         class="demo-ruleForm"
+       >
         <div>
           <el-form-item
-            label="菜品名称:"
-            prop="name"
+                  label="案件号:"
+                  prop="caseNum"
           >
             <el-input
-              v-model="ruleForm.name"
-              placeholder="请填写菜品名称"
-              maxlength="20"
+                    v-model="ruleForm.caseNum"
+                    placeholder="请填写案件号"
+                    maxlength="20"
             />
           </el-form-item>
           <el-form-item
-            label="菜品分类:"
-            prop="categoryId"
+                  label="案件类别:"
+                  prop="caseType"
           >
             <el-select
-              v-model="ruleForm.categoryId"
-              placeholder="请选择菜品分类"
+                    v-model="ruleForm.caseType"
+                    placeholder="请选择案件类别"
             >
-              <el-option v-for="(item,index) in dishList" :key="index" :label="item.name" :value="item.id" />
+              <el-option v-for="item in caseTypeList" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
         </div>
         <div>
           <el-form-item
-            label="菜品价格:"
-            prop="price"
+                  label="法院名称:"
+                  prop="court"
           >
             <el-input
-              v-model="ruleForm.price"
-              placeholder="请设置菜品价格"
+                    v-model="ruleForm.court"
+                    placeholder="请填写法院名称:"
+                    maxlength="20"
             />
           </el-form-item>
         </div>
-        <el-form-item label="口味做法配置:">
-          <el-form-item>
-            <div class="flavorBox">
-              <span
-                v-if="dishFlavors.length == 0"
-                class="addBut"
-                @click="addFlavore"
-              > + 添加口味</span>
-              <div
-                v-if="dishFlavors.length != 0"
-                class="flavor"
-              >
-                <div class="title">
-                  <span>口味名（3个字内）</span><span>口味标签（输入标签回车添加）</span>
-                </div>
-                <div class="cont">
-                  <div
-                    v-for="(item, index) in dishFlavors"
-                    :key="index"
-                    class="items"
-                  >
-                    <div class="itTit">
-                      <!-- <SelectInput
-                        :dish-flavors-data="dishFlavorsData"
-                        :index="index"
-                        :value="item.name"
-                        @select="selectHandle"
-                      /> -->
-                      <div class="selectInput">
-                        <div>
-                           <el-input
-                              v-model="item.name"
-                              type="text"
-                              style="width: 100%"
-                              placeholder="请输入口味"
-                              @focus="selectFlavor(true,index)"
-                              @blur="outSelect(false,index)"
-                              @input="inputHandle(index)"
-                            />
-                        </div>
-                        <div v-show="item.showOption" class="flavorSelect">
-                          <span
-                            v-for="(it, ind) in dishFlavorsData"
-                            :key="ind"
-                            class="items"
-                            @click="checkOption(it,ind,index)"
-                          >{{ it.name }}</span>
-                          <span
-                            v-if="dishFlavorsData == []"
-                            class="none"
-                          >无数据</span>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="labItems"
-                      style="display: flex"
-                    >
-                      <span
-                        v-for="(it, ind) in item.value"
-                        :key="ind"
-                      >{{ it }} <i @click="delFlavorLabel(index, ind)">X</i></span>
-                      <div
-                        class="inputBox"
-                        :style="inputStyle"
-                        contenteditable="true"
-                        @focus="flavorPosition(index)"
-                        @keydown.enter="(val)=>keyDownHandle(val,index)"
-                      ></div>
-                    </div>
-                    <span
-                      class="delFlavor delBut non"
-                      @click="delFlavor(index)"
-                    >删除</span>
-                  </div>
-                </div>
-                <div
-                  class="addBut"
-                  @click="addFlavore"
-                >
-                  添加口味
-                </div>
-              </div>
-            </div>
-          </el-form-item>
-        </el-form-item>
         <div>
-          <el-form-item label="原告信息:" class="setmealFood">
+          <el-form-item
+                  label="法官姓名:"
+                  prop="judgeName"
+          >
+            <el-input
+                    v-model="ruleForm.judgeName"
+                    placeholder="请填写法官姓名:"
+                    maxlength="20"
+            />
+          </el-form-item>
+          <el-form-item
+                  label="法官联系方式:"
+                  prop="judgePhone"
+          >
+            <el-input
+                    v-model="ruleForm.judgePhone"
+                    placeholder="请填写法官联系方式:"
+                    maxlength="20"
+            />
+          </el-form-item>
+        </div>
+        <div>
+          <el-form-item label="原告信息:" class="plaintiff">
             <el-form-item>
-              <div class="addDish">
-                <span  class="addBut" @click="openAddDish"> + 添加菜品</span>
-                <div v-if="dishTable.length != 0" class="content">
-                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+              <div class = "addPlaintiff">
+                <span v-if="plaintiffTable.length == 0" class="addBut" @click="openAddPlaintiff"> + 添加原告</span>
+                <div v-if="plaintiffTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddPlaintiff">+ 添加原告</div>
                   <div class="table">
-                    <el-table :data="dishTable" style="width: 100%">
-                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
-                      <el-table-column prop="price" label="原价" width="180">
-                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="份数" align="center">
+                    <el-table :data="plaintiffTable" style="width:100%">
+                      <el-table-column prop="unitName" label="单位名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="unitLocation" label="单位所在地" width="180" align="center"></el-table-column>
+                      <el-table-column prop="licenseNum" label="证件号码" width="180" align="center"></el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px" align="center">
                         <template slot-scope="scope">
-                          <el-input-number
-                                  v-model="scope.row.copies"
-                                  size="small"
-                                  :min="1"
-                                  :max="99"
-                                  label="描述文字"
-                          ></el-input-number>
-                        </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="操作" width="180px;" align="center">
-                        <template slot-scope="scope">
-                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                          <el-button type="text" size="small" @click="delPlaintiffHandle(scope.$index)">删除</el-button>
                         </template>
                       </el-table-column>
                     </el-table>
@@ -365,105 +457,152 @@
             </el-form-item>
           </el-form-item>
         </div>
-        <div>
-          <el-form-item label="被告信息:" class="setmealFood">
-            <el-form-item>
-              <div class="addDish">
-                <span class="addBut" @click="openAddDish"> + 添加菜品</span>
-                <div v-if="dishTable.length != 0" class="content">
-                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
-                  <div class="table">
-                    <el-table :data="dishTable" style="width: 100%">
-                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
-                      <el-table-column prop="price" label="原价" width="180">
-                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="份数" align="center">
-                        <template slot-scope="scope">
-                          <el-input-number
-                                  v-model="scope.row.copies"
-                                  size="small"
-                                  :min="1"
-                                  :max="99"
-                                  label="描述文字"
-                          ></el-input-number>
-                        </template>
-                      </el-table-column>
-                      <el-table-column prop="address" label="操作" width="180px;" align="center">
-                        <template slot-scope="scope">
-                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
-                        </template>
-                      </el-table-column>
-                    </el-table>
-                  </div>
-                </div>
-              </div>
-            </el-form-item>
-          </el-form-item>
-        </div>
-        <div>
-          <el-form-item
-            label="菜品图片:"
-            prop="region"
-            class="uploadImg"
-          >
-            <el-upload
-              class="avatar-uploader"
-              action="/common/upload"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess"
-              :on-change="onChange"
-              ref="upload"
-            >
-              <img
-                v-if="imageUrl"
-                :src="imageUrl"
-                class="avatar"
-              ></img>
-              <i
-                v-else
-                class="el-icon-plus avatar-uploader-icon"
-              ></i>
-            </el-upload>
-          </el-form-item>
-        </div>
-        <div class="address">
-          <el-form-item
-            label="菜品描述:"
-            prop="region"
-          >
-            <el-input
-              v-model="ruleForm.description"
-              type="textarea"
-              :rows="3"
-              placeholder="菜品描述，最长200字"
-              maxlength="200"
-            />
-          </el-form-item>
-        </div>
-        <div class="subBox address">
-          <el-form-item>
-            <el-button @click="goBack()">
-              取消
-            </el-button>
-            <el-button
-              type="primary"
-              @click="submitForm('ruleForm')"
-            >
-              保存
-            </el-button>
-            <el-button
-              v-if="actionType == 'add'"
-              type="primary"
-              class="continue"
-              @click="submitForm('ruleForm','goAnd')"
-            >
-              保存并继续添加菜品
-            </el-button>
-          </el-form-item>
-        </div>
-      </el-form>
-    </div>
+         <div>
+           <el-form-item label="被告信息:" class="defendant">
+             <el-form-item>
+               <div class="addDefendant">
+                 <span v-if="defendantTable.length == 0" class="addBut" @click="openAddDefendant"> + 添加被告</span>
+                 <div v-if="defendantTable.length !== 0" class="content">
+                   <div class="addBut" style="margin-bottom: 20px" @click="openAddDefendant">+ 添加被告</div>
+                   <div class="table">
+                     <el-table :data="defendantTable" style="width:100%">
+                       <el-table-column prop="unitName" label="单位名称" width="180" align="center"></el-table-column>
+                       <el-table-column prop="unitLocation" label="单位所在地" width="180" align="center"></el-table-column>
+                       <el-table-column prop="licenseNum" label="证件号码" width="180" align="center"></el-table-column>
+                       <el-table-column prop="address" label="操作" width="180px" align="center">
+                         <template slot-scope="scope">
+                           <el-button type="text" size="small" @click="delDefendantHandle(scope.$index)">删除</el-button>
+                         </template>
+                       </el-table-column>
+                     </el-table>
+                   </div>
+                 </div>
+               </div>
+             </el-form-item>
+           </el-form-item>
+         </div>
+         <el-dialog
+                 v-model="value"
+                 ref="plaintiffDialog"
+                 class="addPlaintiffList"
+                 :visible.sync="dialogVisiblePlaintiff"
+                 width="80%"
+                 :before-close="handleClose"
+         >
+           <el-input
+                   v-model="value"
+                   class="searchPlaintiff"
+                   placeholder="请输入原告单位名称进行搜索"
+                   style="width: 250px"
+                   size="small"
+                   clearable
+           >
+             <i slot="prefix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="searchHandle"></i>
+           </el-input>
+           <div class="addPlaintiffCon">
+             <div class="leftCont">
+               <el-table
+                       :data="plaintiffAddList"
+                       style="width: 100%"
+                       :row-key="row => row.id"
+                       @selection-change="handleSelectionChange"
+               >
+                 <el-table-column type="selection" width="55"></el-table-column>
+                 <el-table-column prop="unitName" label="单位名称"></el-table-column>
+                 <el-table-column prop="licenseNum" label="证件号"></el-table-column>
+               </el-table>
+               <el-pagination
+                       @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page="currentPage"
+                       :page-sizes="[6, 12, 24]"
+                       :page-size="pageSize"
+                       :total="plaintiffAddList.length"
+               />
+             </div>
+             <div class="ritCont">
+               <div class="title">
+                 已选原告信息({{checkedList.length}})
+               </div>
+               <div
+                       v-for="(item, ind) in checkedList"
+                       :key="ind"
+                       class="item"
+               >
+                 <span>{{item.unitName}}</span>
+                 <span>{{item.licenseNum}}</span>
+                 <span
+                         class="del"
+                         @click="delCheck(ind)"
+                 >
+
+                  </span>
+               </div>
+             </div>
+           </div>
+         </el-dialog>
+         <el-dialog
+                 v-model="dialogVisibleDefendant"
+                 ref="defendantDialog"
+                 class="addDefendantList"
+                 :visible.sync="dialogVisibleDefendant"
+                 width="80%"
+                 :before-close="handleClose"
+         >
+           <el-input
+                   v-model="value"
+                   class="searchDefendant"
+                   placeholder="请输入被告单位名称进行搜索"
+                   style="width: 250px"
+                   size="small"
+                   clearable
+           >
+             <i slot="prefix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="searchDefendantHandle"></i>
+           </el-input>
+           <div class="addDefendantCon">
+             <div class="leftCont">
+               <el-table
+                       :data="defendantAddList"
+                       style="width: 100%"
+                       :row-key="row => row.id"
+                       @selection-change="handleDefendantSelectionChange"
+               >
+                 <!-- 省略其他列 -->
+                 <el-table-column type="selection" width="55"></el-table-column>
+                 <el-table-column prop="unitName" label="单位名称"></el-table-column>
+                 <el-table-column prop="licenseNum" label="证件号"></el-table-column>
+               </el-table>
+               <el-pagination
+                       @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page="currentPage"
+                       :page-sizes="[6, 12, 24]"
+                       :page-size="pageSize"
+                       :total="defendantAddList.length"
+               />
+             </div>
+             <div class="ritCont">
+               <div class="title">
+                 已选被告信息({{ checkedDefendantList.length }})
+               </div>
+               <div
+                       v-for="(item, ind) in checkedDefendantList"
+                       :key="ind"
+                       class="item"
+               >
+                 <span>{{ item.unitName }}</span>
+                 <span>{{ item.licenseNum }}</span>
+                 <span
+                         class="del"
+                         @click="delCheckedDefendant(ind)"
+                 >
+                </span>
+               </div>
+             </div>
+           </div>
+         </el-dialog>
+       </el-form>
+     </div>
   </div>
     <!-- 开发环境版本，包含了有帮助的命令行警告 -->
     <script src="../../plugins/vue/vue.js"></script>
@@ -474,75 +613,64 @@
     <script src="../../js/request.js"></script>
     <script src="../../js/validate.js"></script>
     <script src="../../js/index.js"></script>
-    <!--<script src="../../api/food.js"></script>-->
+    <script src="../../api/food.js"></script>
     <script>
       new Vue({
-        el: '#food-add-app',
+        el: '#hearCase-add-app',
         data() {
           return {
-            id: '',
-            restKey: 0,
-            textarea: '',
-            value: '',
-            imageUrl: '',
-            actionType: '',
-            dishList: [],
-            dishFlavorsData: [],
-            dishFlavors: [],
-            vueRest : '1',
-            index : 0,
-            inputStyle  : {'flex':1},
-            ruleForm  : {
-              'name': '',
-              'id': '',
-              'price': '',
-              'code': '',
-              'image': '',
-              'description': '',
-              'dishFlavors': [],
-              'status': true,
-              categoryId: ''
+            caseTypeList: [
+              {id : 1, name : "审理案件"},
+              {id : 2, name : "执行案件"}
+            ],
+            plaintiffTable: [
+              { unitName: '原告1公司', unitLocation: '地点1', licenseNum: '证件号1', address: '地址1' },
+              { unitName: '原告2公司', unitLocation: '地点2', licenseNum: '证件号2', address: '地址2' },
+              // 添加更多原告数据...
+            ],
+            defendantTable: [
+              { unitName: '被告1公司', unitLocation: '地点1', licenseNum: '证件号1', address: '地址1' },
+              { unitName: '被告2公司', unitLocation: '地点2', licenseNum: '证件号2', address: '地址2' },
+              // 添加更多被告数据...
+            ],
+            ruleForm : {
+              'caseNum': '',
+              caseType: '',
             },
-            mak: false
+            plaintiffAddList: [
+              { id: 1, unitName: '原告1公司', licenseNum: '证件号1' },
+              { id: 2, unitName: '原告2公司', licenseNum: '证件号2' },
+              { id: 3, unitName: '原告3公司', licenseNum: '证件号3' },
+              // 添加更多原告可选项...
+            ],
+            defendantAddList: [
+              { id: 1, unitName: '被告1公司', licenseNum: '证件号1' },
+              { id: 2, unitName: '被告2公司', licenseNum: '证件号2' },
+              { id: 3, unitName: '被告3公司', licenseNum: '证件号3' },
+              // 添加更多被告可选项...
+            ],
+            searchValue: [],
+            checkedList: [],
+            searchKey: "",
+            keyInd: 0,
+            currentPage: 1, // 当前页数
+            pageSize: 6, // 每页显示条数
+            value: "",
+
+            dialogVisiblePlaintiff: false, // 控制原告dialog显示/隐藏
+            dialogVisibleDefendant: false, // 控制被告dialog显示/隐藏
+            checkedDefendantList: [],
+            checkedPlaintiffList: [],
           }
         },
         computed: {
           rules () {
             return {
-              'name': [
-                {'required': true, 'message': '请填写菜品名称', 'trigger': 'blur'}
-              ],
-              'categoryId': [
-                {'required': true, 'message': '请选择菜品分类', 'trigger': 'change'}
-              ],
-              'price': [
-                {
-                  'required': true,
-                  // 'message': '请填写菜品价格',
-                  validator: (rules, value, callback) => {
-                    if (!value) {
-                      callback(new Error('请填写菜品价格'))
-                    } else {
-                      const reg = /^\d+(\.\d{0,2})?$/
-                      if (reg.test(value)) {
-                        if(value < 10000){
-                          callback()
-                        }else{
-                          callback(new Error('菜品价格小于10000'))
-                        }
-                      } else {
-                        callback(new Error('菜品价格格式只能为数字,且最多保留两位小数'))
-                      }
-                    }
-                  },
-                  'trigger': 'blur'
-                }
-              ],
+
             }
           }
         },
         created() {
-          // 口味临时数据
           this.id = requestUrlParam('id')
           this.actionType = this.id ? 'edit' : 'add'
           if (this.id) {
@@ -550,202 +678,85 @@
           }
         },
         mounted() {
+
         },
         methods: {
           async init () {
-            queryDishById(this.id).then(res => {
-              console.log(res)
-              if (String(res.code) === '1') {
-                this.ruleForm = { ...res.data }
-                this.ruleForm.price = String(res.data.price/100)
-                this.ruleForm.status = res.data.status == '1'
-                this.dishFlavors = res.data.flavors && res.data.flavors.map(obj => ({ ...obj, value: JSON.parse(obj.value),showOption: false }))
-                console.log('this.dishFlavors',this.dishFlavors)
-                // this.ruleForm.id = res.data.data.categoryId
-                // this.imageUrl = res.data.data.image
-                this.imageUrl = `/common/download?name=${res.data.image}`
-              } else {
-                this.$message.error(res.msg || '操作失败')
-              }
-            })
-          },
-          // 按钮 - 添加口味
-          addFlavore () {
-            this.dishFlavors.push({'name': '', 'value': [], showOption: false}) // JSON.parse(JSON.stringify(this.dishFlavorsData))
+
           },
 
-          // 按钮 - 删除口味
-          delFlavor (ind) {
-            this.dishFlavors.splice(ind, 1)
+          handleSelectionChange(val) {
+            this.checkedList = val;
+          },
+          handleSizeChange(val) {
+            this.pageSize = val;
+            this.currentPage = 1;
+          },
+          handleCurrentChange(val) {
+            this.currentPage = val;
           },
 
-          // 按钮 - 删除口味标签
-          delFlavorLabel (index, ind) {
-            this.dishFlavors[index].value.splice(ind, 1)
+          openAddPlaintiff() {
+            this.searchKey = " "
+            this.value = " "
+            this.keyInd = 0
+            this.dialogVisiblePlaintiff = true;
+          },
+          handleClosePlaintiff(done) {
+            // 处理关闭原告dialog的逻辑
+            this.dialogVisiblePlaintiff = false;
+            done(); // 关闭弹窗
           },
 
-          //口味位置记录
-          flavorPosition (index) {
-            this.index = index
+          handleCloseDefendant(done) {
+            // 处理关闭被告dialog的逻辑
+            this.dialogVisibleDefendant = false;
+            done(); // 关闭弹窗
           },
 
-          // 添加口味标签
-          keyDownHandle (val,index) {
-            console.log('keyDownHandle----val',val)
-            console.log('keyDownHandle----index',index)
-            console.log('keyDownHandle----this.dishFlavors',this.dishFlavors)
-            if (event) {
-              event.cancelBubble = true
-              event.preventDefault()
-              event.stopPropagation()
-            }
-
-            if (val.target.innerText.trim() != '') {
-              this.dishFlavors[index].value.push(val.target.innerText)
-              val.target.innerText = ''
-            }
+          searchHandle() {
+            // 处理搜索逻辑，可根据需求自行实现
+            // 例如：调用接口进行搜索
           },
 
-
-          // 获取口味列表
-          getFlavorListHand () {
-            // flavor flavorData
-            this.dishFlavorsData = [
-              {'name':'甜味','value':['无糖','少糖','半糖','多糖','全糖']},
-              {'name':'温度','value':['热饮','常温','去冰','少冰','多冰']},
-              {'name':'忌口','value':['不要葱','不要蒜','不要香菜','不要辣']},
-              {'name':'辣度','value':['不辣','微辣','中辣','重辣']}
-            ]
+          delPlaintiffHandle(index) {
+            // 处理删除原告的逻辑，可根据需求自行实现
+            this.plaintiffTable.splice(index, 1);
           },
 
-          selectFlavor(st,index){
-            console.log('st',st)
-            console.log('index',index)
-            console.log('this.dishFlavors',this.dishFlavors)
-            const obj = JSON.parse(JSON.stringify(this.dishFlavors[index]))
-            obj.showOption = st
-            this.dishFlavors.splice(index,1,obj)
-            // this.dishFlavors[index].showOption = st
+          delCheck(index) {
+            // 处理删除已选原告的逻辑，可根据需求自行实现
+            this.checkedList.splice(index, 1);
           },
 
-          outSelect(st,index){
-            const _this = this
-            setTimeout(()=> {
-              const obj = JSON.parse(JSON.stringify(_this.dishFlavors[index]))
-              obj.showOption = st
-              _this.dishFlavors.splice(index,1,obj)
-            }, 200)
+          openAddDefendant() {
+            // 初始化被告相关数据
+            this.searchKey = " ";
+            this.value = " ";
+            this.keyInd = 0;
+            this.dialogVisibleDefendant = true;
           },
 
-          inputHandle(val,index){
-            // this.selectFlavor(false,index)
+          searchDefendantHandle() {
+            // 处理搜索被告逻辑
+            // 例如：调用接口进行搜索
           },
 
-          checkOption(val, ind, index){
-            this.selectHandle(val.name, index, ind)
-            this.dishFlavors[index].name = val.name
+          delCheckedDefendant(index) {
+            // 处理删除已选被告的逻辑
+            this.checkedDefendantList.splice(index, 1);
           },
 
-          selectHandle(val, key, ind){
-            const arrDate = [...this.dishFlavors]
-            arrDate[key] = JSON.parse(JSON.stringify(this.dishFlavorsData[ind]))
-            this.dishFlavors = arrDate
+          delDefendantHandle(index) {
+            // 处理删除被告的逻辑
+            this.defendantTable.splice(index, 1);
           },
 
-          submitForm(formName, st) {
-            this.$refs[formName].validate((valid) => {
-              if (valid) {
-                let params = {...this.ruleForm}
-                // params.flavors = this.dishFlavors
-                params.status = this.ruleForm ? 1 : 0
-                params.price *= 100
-                params.categoryId = this.ruleForm.categoryId
-                params.flavors = this.dishFlavors.map(obj => ({ ...obj, value: JSON.stringify(obj.value) }))
-                delete params.dishFlavors
-                if(!this.imageUrl){
-                  this.$message.error('请上传菜品图片')
-                  return
-                }
-                if (this.actionType == 'add') {
-                  delete params.id
-                  addDish(params).then(res => {
-                    if (res.code === 1) {
-                      this.$message.success('菜品添加成功！')
-                      if (!st) {
-                        this.goBack()
-                      } else {
-                        this.dishFlavors = []
-                        // this.dishFlavorsData = []
-                        this.imageUrl = ''
-                        this.ruleForm = {
-                          'name': '',
-                          'id': '',
-                          'price': '',
-                          'code': '',
-                          'image': '',
-                          'description': '',
-                          'dishFlavors': [],
-                          'status': true,
-                          categoryId: ''
-                        }
-                      }
-                    } else {
-                      this.$message.error(res.msg || '操作失败')
-                    }
-                  }).catch(err => {
-                    this.$message.error('请求出错了：' + err)
-                  })
-                } else {
-                  delete params.updateTime
-                  editDish(params).then(res => {
-                    if (res.code === 1) {
-                      this.$message.success('菜品修改成功！')
-                      this.goBack()
-                    } else {
-                      this.$message.error(res.msg || '操作失败')
-                    }
-                  }).catch(err => {
-                    this.$message.error('请求出错了：' + err)
-                  })
-                }
-              } else {
-                return false
-              }
-            })
-          },
-
-          handleAvatarSuccess (response, file, fileList) {
-            // 拼接down接口预览
-            if(response.code === 0 && response.msg === '未登录'){
-              window.top.location.href = '/backend/page/login/login.html'
-            }else{
-              this.imageUrl = `/common/download?name=${response.data}`
-              this.ruleForm.image = response.data
-            }
-          },
-
-          onChange (file) {
-            if(file){
-              const suffix = file.name.split('.')[1]
-              const size = file.size / 1024 / 1024 < 2
-              if(['png','jpeg','jpg'].indexOf(suffix) < 0){
-                this.$message.error('上传图片只支持 png、jpeg、jpg 格式！')
-                this.$refs.upload.clearFiles()
-                return false
-              }
-              if(!size){
-                this.$message.error('上传文件大小不能超过 2MB!')
-                return false
-              }
-              return file
-            }
-          },
-          
           goBack(){
             window.parent.menuHandle({
               id: '3',
               url: '/backend/page/food/list.html',
-              name: '菜品管理'
+              name: '案件管理'
             },false)
           }
         }
diff --git a/src/main/resources/backend/page/hearCase/add1.html b/target/classes/backend/page/hearCase/add11.html
similarity index 58%
rename from src/main/resources/backend/page/hearCase/add1.html
rename to target/classes/backend/page/hearCase/add11.html
index 54e1890..0edd662 100644
--- a/src/main/resources/backend/page/hearCase/add1.html
+++ b/target/classes/backend/page/hearCase/add11.html
@@ -39,40 +39,34 @@
       font-size: 14px;
     }
 
-    #hearCase-add-app .uploadImg .el-form-item__label::before{
+    #food-add-app .uploadImg .el-form-item__label::before{
           content: '*';
           color: #F56C6C;
           margin-right: 4px;
       }
 
-    #hearCase-add-app .plaintiff .el-form-item__label::before{
-      content: '*';
-      color: #F56C6C;
-      margin-right: 4px;
-    }
-
-    .addPlaintiff .el-input {
+    .addDish .el-input {
       width: 130px;
     }
-    .addPlaintiff .el-input-number__increase {
+    .addDish .el-input-number__increase {
       border-left: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addPlaintiff .el-input-number__decrease {
+    .addDish .el-input-number__decrease {
       border-right: solid 1px #FFE1CA;
       background: #fff3ea;
     }
-    .addPlaintiff input {
+    .addDish input {
       border: 1px solid #ffe1ca;
     }
-    .addPlaintiff .table {
+    .addDish .table {
       border: solid 1px #EBEEF5;
       border-radius: 3px;
     }
-    .addPlaintiff .table th {
+    .addDish .table th {
       padding: 5px 0;
     }
-    .addPlaintiff .table td {
+    .addDish .table td {
       padding: 7px 0;
     }
     .addDishList .seachDish {
@@ -88,10 +82,10 @@
       padding-top: 27px;
     }
 
-    .addPlaintiff {
+    .addDish {
       width: 777px;
     }
-    .addPlaintiff .addBut {
+    .addDish .addBut {
       background: #ffc200;
       display: inline-block;
       padding: 0px 20px;
@@ -102,7 +96,7 @@
       color: #333333;
       font-weight: 500;
     }
-    .addPlaintiff .content {
+    .addDish .content {
       background: #fafafb;
       padding: 20px;
       border: solid 1px #ccc;
@@ -174,7 +168,7 @@
       text-align: left;
       color: #20232A;
     }
-    .addDishCon .ritCont .item .price {
+    .addD                                                                                                ishCon .ritCont .item .price {
       display: inline-block;
       flex: 1;
     }
@@ -205,87 +199,271 @@
   </style>
 </head>
 <body>
-   <div class="addBrand-container" id="hearCase-add-app">
-     <div class = "container">
-       <el-form
-         ref="ruleForm"
-         :model="ruleForm"
-         :rules="rules"
-         :inline="true"
-         label-width="180px"
-         class="demo-ruleForm"
-       >
+   <div class="addBrand-container" id="food-add-app">
+    <div class="container">
+      <el-form
+        ref="ruleForm"
+        :model="ruleForm"
+        :rules="rules"
+        :inline="true"
+        label-width="180px"
+        class="demo-ruleForm"
+      >
         <div>
           <el-form-item
-                  label="案件号:"
-                  prop="caseNum"
+            label="菜品名称:"
+            prop="name"
           >
             <el-input
-                    v-model="ruleForm.caseNum"
-                    placeholder="请填写案件号"
-                    maxlength="20"
+              v-model="ruleForm.name"
+              placeholder="请填写菜品名称"
+              maxlength="20"
             />
           </el-form-item>
           <el-form-item
-                  label="案件类别:"
-                  prop="caseType"
+            label="菜品分类:"
+            prop="categoryId"
           >
             <el-select
-                    v-model="ruleForm.caseType"
-                    placeholder="请选择案件类别"
+              v-model="ruleForm.categoryId"
+              placeholder="请选择菜品分类"
             >
-              <el-option v-for="item in caseTypeList" :key="item.id" :label="item.name" :value="item.id" />
+              <el-option v-for="(item,index) in dishList" :key="index" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
         </div>
         <div>
           <el-form-item
-                  label="法院名称:"
-                  prop="court"
+            label="菜品价格:"
+            prop="price"
           >
             <el-input
-                    v-model="ruleForm.court"
-                    placeholder="请填写法院名称:"
-                    maxlength="20"
+              v-model="ruleForm.price"
+              placeholder="请设置菜品价格"
             />
           </el-form-item>
         </div>
-        <div>
-          <el-form-item
-                  label="法官姓名:"
-                  prop="judgeName"
-          >
-            <el-input
-                    v-model="ruleForm.judgeName"
-                    placeholder="请填写法官姓名:"
-                    maxlength="20"
-            />
+        <el-form-item label="口味做法配置:">
+          <el-form-item>
+            <div class="flavorBox">
+              <span
+                v-if="dishFlavors.length == 0"
+                class="addBut"
+                @click="addFlavore"
+              > + 添加口味</span>
+              <div
+                v-if="dishFlavors.length != 0"
+                class="flavor"
+              >
+                <div class="title">
+                  <span>口味名（3个字内）</span><span>口味标签（输入标签回车添加）</span>
+                </div>
+                <div class="cont">
+                  <div
+                    v-for="(item, index) in dishFlavors"
+                    :key="index"
+                    class="items"
+                  >
+                    <div class="itTit">
+                      <!-- <SelectInput
+                        :dish-flavors-data="dishFlavorsData"
+                        :index="index"
+                        :value="item.name"
+                        @select="selectHandle"
+                      /> -->
+                      <div class="selectInput">
+                        <div>
+                           <el-input
+                              v-model="item.name"
+                              type="text"
+                              style="width: 100%"
+                              placeholder="请输入口味"
+                              @focus="selectFlavor(true,index)"
+                              @blur="outSelect(false,index)"
+                              @input="inputHandle(index)"
+                            />
+                        </div>
+                        <div v-show="item.showOption" class="flavorSelect">
+                          <span
+                            v-for="(it, ind) in dishFlavorsData"
+                            :key="ind"
+                            class="items"
+                            @click="checkOption(it,ind,index)"
+                          >{{ it.name }}</span>
+                          <span
+                            v-if="dishFlavorsData == []"
+                            class="none"
+                          >无数据</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="labItems"
+                      style="display: flex"
+                    >
+                      <span
+                        v-for="(it, ind) in item.value"
+                        :key="ind"
+                      >{{ it }} <i @click="delFlavorLabel(index, ind)">X</i></span>
+                      <div
+                        class="inputBox"
+                        :style="inputStyle"
+                        contenteditable="true"
+                        @focus="flavorPosition(index)"
+                        @keydown.enter="(val)=>keyDownHandle(val,index)"
+                      ></div>
+                    </div>
+                    <span
+                      class="delFlavor delBut non"
+                      @click="delFlavor(index)"
+                    >删除</span>
+                  </div>
+                </div>
+                <div
+                  class="addBut"
+                  @click="addFlavore"
+                >
+                  添加口味
+                </div>
+              </div>
+            </div>
           </el-form-item>
-          <el-form-item
-                  label="法官联系方式:"
-                  prop="judgePhone"
-          >
-            <el-input
-                    v-model="ruleForm.judgePhone"
-                    placeholder="请填写法官联系方式:"
-                    maxlength="20"
-            />
-          </el-form-item>
-        </div>
+        </el-form-item>
         <div>
-          <el-form-item label="原告信息:" class="plaintiff">
+          <el-form-item label="原告信息:" class="setmealFood">
             <el-form-item>
-              <div class = "addPlaintiff">
-                <span class="addBut" @click="openAddPlaintiff"> + 添加原告</span>
-                <div v-if="plaintiffTable.length != 0" class="content">
-                  <div class="addBut" style="margin-bottom: 20px" @click="openAddPlaintiff">+ 添加原告</div>
+              <div class="addDish">
+                <span  class="addBut" @click="openAddDish"> + 添加菜品</span>
+                <div v-if="dishTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+                  <div class="table">
+                    <el-table :data="dishTable" style="width: 100%">
+                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="price" label="原价" width="180">
+                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="份数" align="center">
+                        <template slot-scope="scope">
+                          <el-input-number
+                                  v-model="scope.row.copies"
+                                  size="small"
+                                  :min="1"
+                                  :max="99"
+                                  label="描述文字"
+                          ></el-input-number>
+                        </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px;" align="center">
+                        <template slot-scope="scope">
+                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
                 </div>
               </div>
             </el-form-item>
           </el-form-item>
         </div>
-       </el-form>
-     </div>
+        <div>
+          <el-form-item label="被告信息:" class="setmealFood">
+            <el-form-item>
+              <div class="addDish">
+                <span class="addBut" @click="openAddDish"> + 添加菜品</span>
+                <div v-if="dishTable.length != 0" class="content">
+                  <div class="addBut" style="margin-bottom: 20px" @click="openAddDish">+ 添加菜品</div>
+                  <div class="table">
+                    <el-table :data="dishTable" style="width: 100%">
+                      <el-table-column prop="name" label="名称" width="180" align="center"></el-table-column>
+                      <el-table-column prop="price" label="原价" width="180">
+                        <template slot-scope="scope"> {{ Number(scope.row.price) / 100 }} </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="份数" align="center">
+                        <template slot-scope="scope">
+                          <el-input-number
+                                  v-model="scope.row.copies"
+                                  size="small"
+                                  :min="1"
+                                  :max="99"
+                                  label="描述文字"
+                          ></el-input-number>
+                        </template>
+                      </el-table-column>
+                      <el-table-column prop="address" label="操作" width="180px;" align="center">
+                        <template slot-scope="scope">
+                          <el-button type="text" size="small" @click="delDishHandle(scope.$index)"> 删除 </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+              </div>
+            </el-form-item>
+          </el-form-item>
+        </div>
+        <div>
+          <el-form-item
+            label="菜品图片:"
+            prop="region"
+            class="uploadImg"
+          >
+            <el-upload
+              class="avatar-uploader"
+              action="/common/upload"
+              :show-file-list="false"
+              :on-success="handleAvatarSuccess"
+              :on-change="onChange"
+              ref="upload"
+            >
+              <img
+                v-if="imageUrl"
+                :src="imageUrl"
+                class="avatar"
+              ></img>
+              <i
+                v-else
+                class="el-icon-plus avatar-uploader-icon"
+              ></i>
+            </el-upload>
+          </el-form-item>
+        </div>
+        <div class="address">
+          <el-form-item
+            label="菜品描述:"
+            prop="region"
+          >
+            <el-input
+              v-model="ruleForm.description"
+              type="textarea"
+              :rows="3"
+              placeholder="菜品描述，最长200字"
+              maxlength="200"
+            />
+          </el-form-item>
+        </div>
+        <div class="subBox address">
+          <el-form-item>
+            <el-button @click="goBack()">
+              取消
+            </el-button>
+            <el-button
+              type="primary"
+              @click="submitForm('ruleForm')"
+            >
+              保存
+            </el-button>
+            <el-button
+              v-if="actionType == 'add'"
+              type="primary"
+              class="continue"
+              @click="submitForm('ruleForm','goAnd')"
+            >
+              保存并继续添加菜品
+            </el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
   </div>
     <!-- 开发环境版本，包含了有帮助的命令行警告 -->
     <script src="../../plugins/vue/vue.js"></script>
@@ -299,17 +477,33 @@
     <script src="../../api/food.js"></script>
     <script>
       new Vue({
-        el: '#hearCase-add-app',
+        el: '#food-add-app',
         data() {
           return {
+            id: '',
+            restKey: 0,
+            textarea: '',
+            value: '',
+            imageUrl: '',
+            actionType: '',
+            dishList: [],
+            dishFlavorsData: [],
+            dishFlavors: [],
+            vueRest : '1',
+            index : 0,
+            inputStyle  : {'flex':1},
             ruleForm  : {
-              'caseNum': '',
-              caseType: '',
+              'name': '',
+              'id': '',
+              'price': '',
+              'code': '',
+              'image': '',
+              'description': '',
+              'dishFlavors': [],
+              'status': true,
+              categoryId: ''
             },
-            caseTypeList : [
-              {id : 1, name : "审理案件"},
-              {id : 2, name : "执行案件"}
-            ]
+            mak: false
           }
         },
         computed: {
@@ -348,9 +542,7 @@
           }
         },
         created() {
-          this.getDishList()
           // 口味临时数据
-          this.getFlavorListHand()
           this.id = requestUrlParam('id')
           this.actionType = this.id ? 'edit' : 'add'
           if (this.id) {
@@ -414,16 +606,6 @@
             }
           },
 
-          // 获取菜品分类
-          getDishList () {
-            getCategoryList({ 'type': 1 }).then(res => {
-              if (res.code === 1) {
-                this.dishList = res.data
-              } else {
-                this.$message.error(res.msg || '操作失败')
-              }
-            })
-          },
 
           // 获取口味列表
           getFlavorListHand () {
@@ -558,7 +740,7 @@
               return file
             }
           },
-
+          
           goBack(){
             window.parent.menuHandle({
               id: '3',
diff --git a/target/classes/backend/page/hearCase/list.html b/target/classes/backend/page/hearCase/list.html
index baa202e..51fa15a 100644
--- a/target/classes/backend/page/hearCase/list.html
+++ b/target/classes/backend/page/hearCase/list.html
@@ -28,25 +28,26 @@
             @click="init"
           ></i>
         </el-input>
-        <el-date-picker v-model="orderTime"
-                        clearable
-                        value-format="yyyy-MM-dd HH:mm:ss"
-                        type="datetimerange"
-                        placeholder="选择日期"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :default-time="['00:00:00', '23:59:59']"
-                        style="width: 400px;margin-left: 20px;"
-        ></el-date-picker>
-        <el-button type="primary" class="search-btn" @click="init">查询</el-button>
-        <div class="tableLab">
+
+        <div class="tableLab" style="display: flex; align-items: center; justify-content: space-between;">
+          <el-date-picker v-model="orderTime"
+                          clearable
+                          value-format="yyyy-MM-dd HH:mm:ss"
+                          type="datetimerange"
+                          placeholder="选择日期"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          :default-time="['00:00:00', '23:59:59']"
+                          style="width: 400px;margin-left: 20px;"
+          ></el-date-picker>
+          <el-button type="primary" class="search-btn" @click="init">查询</el-button>
           <span class="span-btn delBut non" @click="deleteHandle('批量', null)">批量删除</span>
           <span class="span-btn blueBug non" @click="statusHandle('1')">批量开庭</span>
           <span style="border:none;" class="span-btn delBut non" @click="statusHandle('0')">批量结案</span>
           <el-button
             type="primary"
-            @click="addFoodtype('add')"
+            @click="addCaseType('add')"
           >
             + 新建案件
           </el-button>
@@ -105,7 +106,7 @@
               type="text"
               size="small"
               class="blueBug"
-              @click="addFoodtype(scope.row.id)"
+              @click="addCaseType(scope.row.id)"
             >
               修改
             </el-button>
@@ -193,18 +194,18 @@
             this.init();
           },
           // 添加
-          addFoodtype (st) {
+          addCaseType (st) {
             if (st === 'add'){
               window.parent.menuHandle({
                 id: '3',
-                url: '/backend/page/food/add.html',
-                name: '添加菜品'
+                url: '/backend/page/hearCase/add.html',
+                name: '添加案件'
               },true)
             } else {
               window.parent.menuHandle({
                 id: '3',
-                url: '/backend/page/food/add.html?id='+st,
-                name: '修改菜品'
+                url: '/backend/page/hearCase/add.html?id='+st,
+                name: '修改案件'
               },true)
             }
           },
diff --git a/target/classes/backend/styles/hearCaseAdd.css b/target/classes/backend/styles/hearCaseAdd.css
new file mode 100644
index 0000000..f853736
--- /dev/null
+++ b/target/classes/backend/styles/hearCaseAdd.css
@@ -0,0 +1,351 @@
+.selectInput {
+    position: relative;
+    width: 100%;
+    min-width: 100px;
+}
+.selectInput .flavorSelect {
+    position: absolute;
+    width: 100%;
+    padding: 0 10px;
+    border-radius: 3px;
+    border: solid 1px #FF903D;
+    line-height: 30px;
+    text-align: center;
+    background: #fff;
+    top: 50px;
+    z-index: 99;
+}
+.selectInput .flavorSelect .items {
+    cursor: pointer;
+    display: inline-block;
+    width: 100%;
+    line-height: 35px;
+    border-bottom: solid 1px #f4f4f4;
+    color: #666;
+}
+.selectInput .flavorSelect .none {
+    font-size: 14px;
+}
+
+#hearCase-add-app .uploadImg .el-form-item__label::before{
+    content: '*';
+    color: #F56C6C;
+    margin-right: 4px;
+}
+
+#hearCase-add-app .plaintiff .el-form-item__label::before{
+    content: '*';
+    color: #F56C6C;
+    margin-right: 4px;
+}
+
+.addPlaintiff .el-input {
+    width: 130px;
+}
+.addPlaintiff .el-input-number__increase {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+.addPlaintiff .el-input-number__decrease {
+    border-right: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+.addPlaintiff input {
+    border: 1px solid #ffe1ca;
+}
+.addPlaintiff .table {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+.addPlaintiff .table th {
+    padding: 5px 0;
+}
+.addPlaintiff .table td {
+    padding: 7px 0;
+}
+.addPlaintiffList .searchPlaintiff {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+}
+.addPlaintiffList .el-dialog__body {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+.addPlaintiffList .el-dialog__footer {
+    padding-top: 27px;
+}
+
+.addPlaintiff {
+    width: 777px;
+}
+.addPlaintiff .addBut {
+    background: #ffc200;
+    display: inline-block;
+    padding: 0px 20px;
+    border-radius: 3px;
+    line-height: 40px;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #333333;
+    font-weight: 500;
+}
+.addPlaintiff .content {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+.addPlaintiffCon {
+    padding: 0 20px;
+    display: flex;
+    line-height: 40px;
+}
+.addPlaintiffCon .leftCont {
+    display: flex;
+    border-right: solid 2px #E4E7ED;
+    width: 60%;
+    padding: 15px;
+}
+.addPlaintiffCon .leftCont .tabBut {
+    width: 110px;
+}
+.addPlaintiffCon .leftCont .tabBut span {
+    display: block;
+    text-align: center;
+    border-right: solid 2px #f4f4f4;
+    cursor: pointer;
+}
+.addPlaintiffCon .leftCont .act {
+    border-color: #FFC200 !important;
+    color: #FFC200 !important;
+}
+.addPlaintiffCon .leftCont .tabList {
+    flex: 1;
+    padding: 15px;
+}
+.addPlaintiffCon .leftCont .tabList .table {
+    border: solid 1px #f4f4f4;
+    border-bottom: solid 1px #f4f4f4;
+}
+.addPlaintiffCon .leftCont .tabList .table .items {
+    border-bottom: solid 1px #f4f4f4;
+    padding: 0 10px;
+    display: flex;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .el-checkbox, .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox__label {
+    width: 100%;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .item {
+    display: flex;
+    padding-right: 20px;
+}
+.addPlaintiffCon .leftCont .tabList .table .items .item span {
+    display: inline-block;
+    text-align: center;
+    flex: 1;
+}
+.addPlaintiffCon .ritCont {
+    width: 40%;
+    padding: 0 15px;
+}
+.addPlaintiffCon .ritCont .item {
+    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+    display: flex;
+    text-align: center;
+    padding: 0 10px;
+    margin-bottom: 20px;
+    border-radius: 6px;
+    color: #818693;
+}
+.addPlaintiffCon .ritCont .item span:first-child {
+    text-align: left;
+    color: #20232A;
+}
+.addPlaintiffCon .ritCont .item .price {
+    display: inline-block;
+    flex: 1;
+}
+.addPlaintiffCon .ritCont .item .del {
+    cursor: pointer;
+}
+.addPlaintiffCon .ritCont .item .del img {
+    position: relative;
+    top: 5px;
+    width: 20px;
+}
+
+.addPlaintiffCon .el-checkbox__label{
+    width: 100%;
+}
+
+
+
+.addDefendant .el-input {
+    width: 130px;
+}
+
+.addDefendant .el-input-number__increase {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.addDefendant .el-input-number__decrease {
+    border-right: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.addDefendant input {
+    border: 1px solid #ffe1ca;
+}
+
+.addDefendant .table {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+
+.addDefendant .table th {
+    padding: 5px 0;
+}
+
+.addDefendant .table td {
+    padding: 7px 0;
+}
+
+.addDefendantList .searchDefendant {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+}
+
+.addDefendantList .el-dialog__body {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+
+.addDefendantList .el-dialog__footer {
+    padding-top: 27px;
+}
+
+.addDefendant {
+    width: 777px;
+}
+
+.addDefendant .addBut {
+    background: #ffc200;
+    display: inline-block;
+    padding: 0px 20px;
+    border-radius: 3px;
+    line-height: 40px;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #333333;
+    font-weight: 500;
+}
+
+.addDefendant .content {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+
+.addDefendantCon {
+    padding: 0 20px;
+    display: flex;
+    line-height: 40px;
+}
+
+.addDefendantCon .leftCont {
+    display: flex;
+    border-right: solid 2px #E4E7ED;
+    width: 60%;
+    padding: 15px;
+}
+
+.addDefendantCon .leftCont .tabBut {
+    width: 110px;
+}
+
+.addDefendantCon .leftCont .tabBut span {
+    display: block;
+    text-align: center;
+    border-right: solid 2px #f4f4f4;
+    cursor: pointer;
+}
+
+.addDefendantCon .leftCont .act {
+    border-color: #FFC200 !important;
+    color: #FFC200 !important;
+}
+
+.addDefendantCon .leftCont .tabList {
+    flex: 1;
+    padding: 15px;
+}
+
+.addDefendantCon .leftCont .tabList .table {
+    border: solid 1px #f4f4f4;
+    border-bottom: solid 1px #f4f4f4;
+}
+
+.addDefendantCon .leftCont .tabList .table .items {
+    border-bottom: solid 1px #f4f4f4;
+    padding: 0 10px;
+    display: flex;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+    width: 100%;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .item {
+    display: flex;
+    padding-right: 20px;
+}
+
+.addDefendantCon .leftCont .tabList .table .items .item span {
+    display: inline-block;
+    text-align: center;
+    flex: 1;
+}
+
+.addDefendantCon .ritCont {
+    width: 40%;
+    padding: 0 15px;
+}
+
+.addDefendantCon .ritCont .item {
+    box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
+    display: flex;
+    text-align: center;
+    padding: 0 10px;
+    margin-bottom: 20px;
+    border-radius: 6px;
+    color: #818693;
+}
+
+.addDefendantCon .ritCont .item span:first-child {
+    text-align: left;
+    color: #20232A;
+}
+
+.addDefendantCon .ritCont .item .price {
+    display: inline-block;
+    flex: 1;
+}
+
+.addDefendantCon .ritCont .item .del {
+    cursor: pointer;
+}
+
+.addDefendantCon .ritCont .item .del img {
+    position: relative;
+    top: 5px;
+    width: 20px;
+}
+
+.addDefendantCon .el-checkbox__label {
+    width: 100%;
+}