diff --git a/hb_client/package.json b/hb_client/package.json index c429f8b..2162f0b 100644 --- a/hb_client/package.json +++ b/hb_client/package.json @@ -28,6 +28,7 @@ "file-saver": "^2.0.2", "fuse.js": "^6.4.6", "js-cookie": "^3.0.0", + "mammoth": "^1.4.19", "normalize.css": "^8.0.1", "nprogress": "0.2.0", "path-to-regexp": "^6.2.0", @@ -37,7 +38,7 @@ "vue-quill-editor": "^3.0.6", "vue-router": "^3.5.2", "vuex": "^3.6.2", - "webpack-dev-server": "^4.2.0", + "webpack-dev-server": "^4.7.3", "xlsx": "^0.17.1" }, "devDependencies": { diff --git a/hb_client/src/views/dashboard/index.vue b/hb_client/src/views/dashboard/index.vue index 130d2f3..d041f9a 100644 --- a/hb_client/src/views/dashboard/index.vue +++ b/hb_client/src/views/dashboard/index.vue @@ -4,7 +4,7 @@
数据统计
-
+
生产设备 -
- - + - - + - - + - - + - - - - - - - + + +
@@ -198,48 +213,48 @@
人员到岗 -
-
+
- - + - - + - - + + - - - - - - - - - - +
@@ -253,6 +268,8 @@
-
    +
    • {{item.name}}2021-12-30 @@ -314,13 +332,15 @@ @@ -896,9 +981,11 @@ .el-card.is-always-shadow { height: auto !important; } + .dashboard-container { margin: 5px 6px; } + .dashboardTopCard, .dashboardMiddle, .dashboardBottomRow { -webkit-border-radius: 5px; -moz-border-radius: 5px; @@ -907,12 +994,15 @@ background: #ffffff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); } + .dashboardBottomRow { margin-bottom: 0; } + .dashboardCardPadding { padding: 5px 20px 20px 20px; } + /**/ .cardsWrap { display: flex; @@ -921,69 +1011,85 @@ float: left; font-size: 14px; } + .svgIconWrap { margin-right: 20px; width: 50px; height: 50px; border-radius: 15px; text-align: center; + .svgIcon { font-size: 24px; margin-top: 13px } } + .cardsWrap:nth-child(1) { .svgIconWrap { background: #e9f3ff; + .svgIcon { color: #409EFF; } } } + .cardsWrap:nth-child(2) { .svgIconWrap { background: #fff1de; + .svgIcon { color: #ffb23f; } } } + .cardsWrap:nth-child(3) { .svgIconWrap { background: #d9f6d8; + .svgIcon { color: #54cb48; } } } + .cardsWrap:nth-child(4) { .svgIconWrap { background: #f0e8fd; + .svgIcon { color: #a378e4; } } } + .cardsWrap:nth-child(5) { .svgIconWrap { background: #f7e5ea; + .svgIcon { color: #f27197; } } } + .totalCountText { height: 20px; line-height: 20px } + .totalCountNum { height: 30px; } + .totalCount { font-size: 25px; font-weight: bold; color: #626262; } + /**/ .CardTitleWrap { display: flex; @@ -1000,6 +1106,7 @@ margin-right: 7px; margin-top: 8px; } + .dashboardCardTitle { height: 34px; line-height: 34px; @@ -1009,6 +1116,7 @@ vertical-align: middle; margin-right: 7px; } + .stockMore { font-size: 12px; font-weight: normal; @@ -1016,12 +1124,15 @@ cursor: pointer; } } + /*成品率筛选条件*/ .dashboardCardHand { display: flex; justify-content: space-between; + .dashboardCardFilter { display: flex; + .convenientWrap { display: flex; border: 1px solid #DCDFE6; @@ -1030,19 +1141,23 @@ line-height: 30px; margin-left: 10px; font-size: 12px; + .convenientBtn { cursor: pointer; width: 50px; text-align: center; border-right: 1px solid #DCDFE6; } + .convenientBtn:last-child { border-right: 0; border-radius: 0 6px 6px 0; } + .convenientBtn:first-child { border-radius: 6px 0 0 6px; } + .activeIndex { color: #ffffff; background: #409EFF; @@ -1050,10 +1165,12 @@ } } } + .anim { transition: all 0.5s; margin-top: -35px; //高度等于行高 } + .lists { height: 100%; line-height: 35px; @@ -1061,22 +1178,27 @@ overflow-y: scroll; padding-right: 40px; margin: 0 !important; + .listItem { height: 40px; line-height: 40px; font-size: 16px; + .itemText { display: flex; justify-content: space-between; } } } + #chartColumn > div { height: 100% !important; + canvas { height: 100% !important; } } + #dashboardMiddle .el-range-editor--medium.el-input__inner, #dashboardMiddle .el-range-editor.el-input__inner { height: 30px !important;