diff --git a/src/views/modules/shequzhili/analysis/css/index.scss b/src/views/modules/shequzhili/analysis/css/index.scss index 5a6b2ad80..f9c3df4f4 100644 --- a/src/views/modules/shequzhili/analysis/css/index.scss +++ b/src/views/modules/shequzhili/analysis/css/index.scss @@ -95,7 +95,7 @@ border-left: #777 solid 1px; .item { width: 282px; height: 86px; - background: #E6F0FF; + background: #f7faff; border-radius: 6px; margin: 15px 25px 15px 0; display: flex; @@ -128,12 +128,11 @@ border-left: #777 solid 1px; .item_row1 { border-radius: 4px; display: flex; - justify-content: space-between; align-items: center; height: 23px; .row_left { - font-size: 14px; + font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #666666; @@ -153,10 +152,11 @@ border-left: #777 solid 1px; margin-top: 2px; } .text{ - font-size: 20px; + font-size: 16px; font-family: PingFang SC; color: #333333; - margin-right: 5px; + padding-left:10px ; + } } @@ -169,7 +169,7 @@ border-left: #777 solid 1px; height: 23px; margin-top: 10px; .row_left { - font-size: 14px; + font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #666666; @@ -189,10 +189,10 @@ border-left: #777 solid 1px; margin-top: 2px } .text{ - font-size: 18px; + font-size: 16px; font-family: PingFang SC; - color: #666666; - margin-right: 5px; + color: #333333; + padding-left:10px } } @@ -248,4 +248,160 @@ border-left: #777 solid 1px; border: 1px solid #6bb9f8; } } - } \ No newline at end of file + .item1 { + width: 400px; + height: 86px; + background: #f7faff; + border-radius: 6px; + margin: 15px 25px 15px 0; + display: flex; + position: relative; + + + .item_category { + width: 100%; + display: flex; + align-items: center; + padding: 8px; + > img { + width: 66px; + height: 66px; + } + .item_content { + margin-left: 5px; + width: 100%; + text-align: left; + display: flex; + flex-direction: column; + justify-content: flex-start; + + .item_count { + font-size: 28px; + font-family: PingFang SC; + font-weight: bold; + color: #333333; + } + .item_row1 { + border-radius: 4px; + display: flex; + align-items: center; + height: 23px; + + .row_left { + font-size: 11px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px; + } + .text{ + font-size: 16px; + font-family: PingFang SC; + color: #333333; + padding-left:10px + } + + } + } + .item_row2 { + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; + height: 23px; + margin-top: 10px; + .row_left { + font-size: 18px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px + } + .text{ + font-size: 16px; + font-family: PingFang SC; + color: #333333; + padding-left:10px + } + + } + } + } + + > span { + margin-left: 16px; + font-size: 24px; + } + } + + .item_add { + cursor: pointer; + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + display: flex; + align-items: center; + padding: 17px 16px; + + > img { + width: 86px; + height: 86px; + } + + > span { + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + + margin-left: 16px; + } + } + + .icon_circle { + cursor: pointer; + position: absolute; + top: -10px; + right: -10px; + height: 23px; + width: 23px; + background-color: #ffffff; + border-radius: 50%; + border: 1px solid #a5a5a5; + } + + .icon_sel { + cursor: pointer; + background-color: #6bb9f8; + border: 1px solid #6bb9f8; + } + } + } + \ No newline at end of file diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue index 87b900900..30a13f584 100644 --- a/src/views/modules/shequzhili/analysis/index.vue +++ b/src/views/modules/shequzhili/analysis/index.vue @@ -22,88 +22,85 @@
{{analysisList.total}}
-事件总数
-{{analysisList.resolveTotal}}
- {{analysisList.resolveRate}}% -已办结事件数
-{{analysisList.unresolveTotal}}
- {{analysisList.unresolveRate}}% -未办结事件数
-{{analysisList.illegalConnectTotal}} {{analysisList.illegalConnectRate}}%
-联系当事人超期事件数
-{{analysisList.illegalResolveTotal}} {{analysisList.illegalResolveRate}}%
-办理超期事件数
-