diff --git a/src/main/resources/backend/page/hearCase/add.html b/src/main/resources/backend/page/hearCase/add.html index 4d6bc00..e10d86f 100644 --- a/src/main/resources/backend/page/hearCase/add.html +++ b/src/main/resources/backend/page/hearCase/add.html @@ -1,766 +1,622 @@ + - - - - Document - - - - - - + + + + Document + + + + + - -
-
- -
- - - - - - - - -
-
- - - -
-
- - - - - - -
-
- - -
- + 添加原告 -
-
+ 添加原告
-
- - - - - - - - -
-
-
- - -
-
- - -
- + 添加被告 -
-
+ 添加被告
-
- - - - - - - - -
-
-
- - -
- - - - -
-
- - - - - - -
-
-
- 已选原告信息({{checkedList.length}}) -
-
- {{item.unitName}} - {{item.licenseNum}} - - -
-
-
- - - - - -
-
- - - - - - - -
-
-
- 已选被告信息({{ checkedDefendantList.length }}) -
-
- {{ item.unitName }} - {{ item.licenseNum }} - - -
-
-
- - -
-
- - - - - - - - - - - + + + + + + + + + + }) + + \ No newline at end of file diff --git a/src/main/resources/backend/styles/common.css b/src/main/resources/backend/styles/common.css index 752b851..7f92aea 100644 --- a/src/main/resources/backend/styles/common.css +++ b/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 { diff --git a/src/main/resources/backend/styles/hearCaseAdd.css b/src/main/resources/backend/styles/hearCaseAdd.css index f853736..aba72c0 100644 --- a/src/main/resources/backend/styles/hearCaseAdd.css +++ b/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{ - 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 { +.addList .searchInfo { 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 { +.addTable { 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 { - padding: 0 20px; +.addCon { + 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, -.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label { +.tabList .table .items .el-checkbox, +.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 { - width: 100%; -} +.separator { + margin: 0 5px; /* 调整分隔符两侧的间距 */ + color: #999; /* 设置分隔符颜色 */ +} \ No newline at end of file diff --git a/src/main/resources/backend/styles/hearCaseAdd1.css b/src/main/resources/backend/styles/hearCaseAdd1.css new file mode 100644 index 0000000..eefc4b1 --- /dev/null +++ b/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%; +} \ No newline at end of file diff --git a/target/classes/backend/page/hearCase/add.html b/target/classes/backend/page/hearCase/add.html index 4d6bc00..e10d86f 100644 --- a/target/classes/backend/page/hearCase/add.html +++ b/target/classes/backend/page/hearCase/add.html @@ -1,766 +1,622 @@ + - - - - Document - - - - - - + + + + Document + + + + + - -
-
- -
- - - - - - - - -
-
- - - -
-
- - - - - - -
-
- - -
- + 添加原告 -
-
+ 添加原告
-
- - - - - - - - -
-
-
- - -
-
- - -
- + 添加被告 -
-
+ 添加被告
-
- - - - - - - - -
-
-
- - -
- - - - -
-
- - - - - - -
-
-
- 已选原告信息({{checkedList.length}}) -
-
- {{item.unitName}} - {{item.licenseNum}} - - -
-
-
- - - - - -
-
- - - - - - - -
-
-
- 已选被告信息({{ checkedDefendantList.length }}) -
-
- {{ item.unitName }} - {{ item.licenseNum }} - - -
-
-
- - -
-
- - - - - - - - - - - + + + + + + + + + + }) + + \ No newline at end of file diff --git a/target/classes/backend/styles/common.css b/target/classes/backend/styles/common.css index 752b851..7f92aea 100644 --- a/target/classes/backend/styles/common.css +++ b/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 { diff --git a/target/classes/backend/styles/hearCaseAdd.css b/target/classes/backend/styles/hearCaseAdd.css index f853736..aba72c0 100644 --- a/target/classes/backend/styles/hearCaseAdd.css +++ b/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{ - 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 { +.addList .searchInfo { 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 { +.addTable { 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 { - padding: 0 20px; +.addCon { + 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, -.addDefendantCon .leftCont .tabList .table .items .el-checkbox__label { +.tabList .table .items .el-checkbox, +.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 { - width: 100%; -} +.separator { + margin: 0 5px; /* 调整分隔符两侧的间距 */ + color: #999; /* 设置分隔符颜色 */ +} \ No newline at end of file diff --git a/target/classes/backend/styles/hearCaseAdd1.css b/target/classes/backend/styles/hearCaseAdd1.css new file mode 100644 index 0000000..eefc4b1 --- /dev/null +++ b/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%; +} \ No newline at end of file