新建界面V1

src/main/resources/backend/styles/common.css

@@ -1383,7 +1383,7 @@ input[type="number"] {
   color: #20232a;
 }
 .el-dialog__body {
-  padding: 30px 20px;
+  /*padding: 30px 20px;*/
   color: #818693;
   font-size: 14px;
   word-break: break-all;
@@ -13363,7 +13363,8 @@ input[type="number"] {
 
 /* 弹框样式处理 */
 .el-dialog {
-  min-width: 568px !important;
+  min-width: 80% !important;
+  min-height: 80% !important;
   border-radius: 8px !important;
 }
 
@@ -13381,7 +13382,7 @@ input[type="number"] {
 }
 
 .el-dialog__body {
-  padding: 43px 90px 21px;
+  /*padding: 43px 90px 21px;*/
 }
 
 .el-dialog__footer {

src/main/resources/backend/styles/hearCaseAdd.css

@@ -1,8 +1,53 @@
+/* 共享的样式 */
+.input-common {
+    width: 130px;
+}
+
+.number-common {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.table-common {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+
+.table-common th {
+    padding: 5px 0;
+}
+
+.table-common td {
+    padding: 7px 0;
+}
+
+.dialog-common {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+
+.footer-common {
+    padding-top: 27px;
+}
+
+.content-common {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+
+.checkbox-label-common {
+    width: 100%;
+}
+
+/* 原有样式的优化 */
 .selectInput {
     position: relative;
     width: 100%;
     min-width: 100px;
 }
+
 .selectInput .flavorSelect {
     position: absolute;
     width: 100%;
@@ -15,6 +60,7 @@
     top: 50px;
     z-index: 99;
 }
+
 .selectInput .flavorSelect .items {
     cursor: pointer;
     display: inline-block;
@@ -23,215 +69,29 @@
     border-bottom: solid 1px #f4f4f4;
     color: #666;
 }
+
 .selectInput .flavorSelect .none {
     font-size: 14px;
 }
 
-#hearCase-add-app .uploadImg .el-form-item__label::before{
+#hearCase-add-app .uploadImg .el-form-item__label::before,
+#hearCase-add-app .plaintiff .defendant  .el-form-item__label::before {
     content: '*';
     color: #F56C6C;
     margin-right: 4px;
 }
 
-#hearCase-add-app .plaintiff .el-form-item__label::before{
+.addList .searchInfo {
-    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 {
+.addTable {
-    padding: 0;
-    border-bottom: solid 1px #ccc;
-}
-
-.addDefendantList .el-dialog__footer {
-    padding-top: 27px;
-}
-
-.addDefendant {
     width: 777px;
 }
 
-.addDefendant .addBut {
+.addBut {
     background: #ffc200;
     display: inline-block;
     padding: 0px 20px;
@@ -243,80 +103,74 @@
     font-weight: 500;
 }
 
-.addDefendant .content {
-    background: #fafafb;
-    padding: 20px;
-    border: solid 1px #ccc;
-    border-radius: 3px;
-}
 
-.addDefendantCon {
+.addCon {
-    padding: 0 20px;
+
     display: flex;
-    line-height: 40px;
+    line-height: 30px;
 }
 
-.addDefendantCon .leftCont {
+.leftCont {
     display: flex;
     border-right: solid 2px #E4E7ED;
     width: 60%;
-    padding: 15px;
+
 }
 
-.addDefendantCon .leftCont .tabBut {
+.tabBut {
     width: 110px;
 }
 
-.addDefendantCon .leftCont .tabBut span {
+.tabBut span {
     display: block;
     text-align: center;
     border-right: solid 2px #f4f4f4;
     cursor: pointer;
 }
 
-.addDefendantCon .leftCont .act {
+.act {
     border-color: #FFC200 !important;
     color: #FFC200 !important;
 }
 
-.addDefendantCon .leftCont .tabList {
+.tabList {
     flex: 1;
     padding: 15px;
 }
 
-.addDefendantCon .leftCont .tabList .table {
+.tabList .table {
     border: solid 1px #f4f4f4;
     border-bottom: solid 1px #f4f4f4;
 }
 
-.addDefendantCon .leftCont .tabList .table .items {
+.tabList .table .items {
     border-bottom: solid 1px #f4f4f4;
     padding: 0 10px;
     display: flex;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+.tabList .table .items .el-checkbox,
-.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+.tabList .table .items .el-checkbox__label {
     width: 100%;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .item {
+.tabList .table .items .item {
     display: flex;
     padding-right: 20px;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .item span {
+.tabList .table .items .item span {
     display: inline-block;
     text-align: center;
     flex: 1;
 }
 
-.addDefendantCon .ritCont {
+.ritCont {
     width: 40%;
     padding: 0 15px;
 }
 
-.addDefendantCon .ritCont .item {
+.ritCont .item {
     box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
     display: flex;
     text-align: center;
@@ -326,26 +180,27 @@
     color: #818693;
 }
 
-.addDefendantCon .ritCont .item span:first-child {
+.ritCont .item span:first-child {
     text-align: left;
     color: #20232A;
 }
 
-.addDefendantCon .ritCont .item .price {
+.ritCont .item .price {
     display: inline-block;
     flex: 1;
 }
 
-.addDefendantCon .ritCont .item .del {
+.ritCont .item .del {
     cursor: pointer;
 }
 
-.addDefendantCon .ritCont .item .del img {
+.ritCont .item .del img {
     position: relative;
     top: 5px;
     width: 20px;
 }
 
-.addDefendantCon .el-checkbox__label {
+.separator {
-    width: 100%;
+    margin: 0 5px; /* 调整分隔符两侧的间距 */
+    color: #999; /* 设置分隔符颜色 */
 }

src/main/resources/backend/styles/hearCaseAdd1.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%;
+}

target/classes/backend/styles/common.css

@@ -1383,7 +1383,7 @@ input[type="number"] {
   color: #20232a;
 }
 .el-dialog__body {
-  padding: 30px 20px;
+  /*padding: 30px 20px;*/
   color: #818693;
   font-size: 14px;
   word-break: break-all;
@@ -13363,7 +13363,8 @@ input[type="number"] {
 
 /* 弹框样式处理 */
 .el-dialog {
-  min-width: 568px !important;
+  min-width: 80% !important;
+  min-height: 80% !important;
   border-radius: 8px !important;
 }
 
@@ -13381,7 +13382,7 @@ input[type="number"] {
 }
 
 .el-dialog__body {
-  padding: 43px 90px 21px;
+  /*padding: 43px 90px 21px;*/
 }
 
 .el-dialog__footer {

target/classes/backend/styles/hearCaseAdd.css

@@ -1,8 +1,53 @@
+/* 共享的样式 */
+.input-common {
+    width: 130px;
+}
+
+.number-common {
+    border-left: solid 1px #FFE1CA;
+    background: #fff3ea;
+}
+
+.table-common {
+    border: solid 1px #EBEEF5;
+    border-radius: 3px;
+}
+
+.table-common th {
+    padding: 5px 0;
+}
+
+.table-common td {
+    padding: 7px 0;
+}
+
+.dialog-common {
+    padding: 0;
+    border-bottom: solid 1px #ccc;
+}
+
+.footer-common {
+    padding-top: 27px;
+}
+
+.content-common {
+    background: #fafafb;
+    padding: 20px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+
+.checkbox-label-common {
+    width: 100%;
+}
+
+/* 原有样式的优化 */
 .selectInput {
     position: relative;
     width: 100%;
     min-width: 100px;
 }
+
 .selectInput .flavorSelect {
     position: absolute;
     width: 100%;
@@ -15,6 +60,7 @@
     top: 50px;
     z-index: 99;
 }
+
 .selectInput .flavorSelect .items {
     cursor: pointer;
     display: inline-block;
@@ -23,215 +69,29 @@
     border-bottom: solid 1px #f4f4f4;
     color: #666;
 }
+
 .selectInput .flavorSelect .none {
     font-size: 14px;
 }
 
-#hearCase-add-app .uploadImg .el-form-item__label::before{
+#hearCase-add-app .uploadImg .el-form-item__label::before,
+#hearCase-add-app .plaintiff .defendant  .el-form-item__label::before {
     content: '*';
     color: #F56C6C;
     margin-right: 4px;
 }
 
-#hearCase-add-app .plaintiff .el-form-item__label::before{
+.addList .searchInfo {
-    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 {
+.addTable {
-    padding: 0;
-    border-bottom: solid 1px #ccc;
-}
-
-.addDefendantList .el-dialog__footer {
-    padding-top: 27px;
-}
-
-.addDefendant {
     width: 777px;
 }
 
-.addDefendant .addBut {
+.addBut {
     background: #ffc200;
     display: inline-block;
     padding: 0px 20px;
@@ -243,80 +103,74 @@
     font-weight: 500;
 }
 
-.addDefendant .content {
-    background: #fafafb;
-    padding: 20px;
-    border: solid 1px #ccc;
-    border-radius: 3px;
-}
 
-.addDefendantCon {
+.addCon {
-    padding: 0 20px;
+
     display: flex;
-    line-height: 40px;
+    line-height: 30px;
 }
 
-.addDefendantCon .leftCont {
+.leftCont {
     display: flex;
     border-right: solid 2px #E4E7ED;
     width: 60%;
-    padding: 15px;
+
 }
 
-.addDefendantCon .leftCont .tabBut {
+.tabBut {
     width: 110px;
 }
 
-.addDefendantCon .leftCont .tabBut span {
+.tabBut span {
     display: block;
     text-align: center;
     border-right: solid 2px #f4f4f4;
     cursor: pointer;
 }
 
-.addDefendantCon .leftCont .act {
+.act {
     border-color: #FFC200 !important;
     color: #FFC200 !important;
 }
 
-.addDefendantCon .leftCont .tabList {
+.tabList {
     flex: 1;
     padding: 15px;
 }
 
-.addDefendantCon .leftCont .tabList .table {
+.tabList .table {
     border: solid 1px #f4f4f4;
     border-bottom: solid 1px #f4f4f4;
 }
 
-.addDefendantCon .leftCont .tabList .table .items {
+.tabList .table .items {
     border-bottom: solid 1px #f4f4f4;
     padding: 0 10px;
     display: flex;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .el-checkbox,
+.tabList .table .items .el-checkbox,
-.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label {
+.tabList .table .items .el-checkbox__label {
     width: 100%;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .item {
+.tabList .table .items .item {
     display: flex;
     padding-right: 20px;
 }
 
-.addDefendantCon .leftCont .tabList .table .items .item span {
+.tabList .table .items .item span {
     display: inline-block;
     text-align: center;
     flex: 1;
 }
 
-.addDefendantCon .ritCont {
+.ritCont {
     width: 40%;
     padding: 0 15px;
 }
 
-.addDefendantCon .ritCont .item {
+.ritCont .item {
     box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03);
     display: flex;
     text-align: center;
@@ -326,26 +180,27 @@
     color: #818693;
 }
 
-.addDefendantCon .ritCont .item span:first-child {
+.ritCont .item span:first-child {
     text-align: left;
     color: #20232A;
 }
 
-.addDefendantCon .ritCont .item .price {
+.ritCont .item .price {
     display: inline-block;
     flex: 1;
 }
 
-.addDefendantCon .ritCont .item .del {
+.ritCont .item .del {
     cursor: pointer;
 }
 
-.addDefendantCon .ritCont .item .del img {
+.ritCont .item .del img {
     position: relative;
     top: 5px;
     width: 20px;
 }
 
-.addDefendantCon .el-checkbox__label {
+.separator {
-    width: 100%;
+    margin: 0 5px; /* 调整分隔符两侧的间距 */
+    color: #999; /* 设置分隔符颜色 */
 }

target/classes/backend/styles/hearCaseAdd1.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%;
+}