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 @@
数据统计
-
+
-
- {{ scope.row.material_.number }}
+
-
- {{ scope.row.material_.name }}
+
-
- {{ scope.row.material_.specification }}
+
-
- {{options[scope.row.material_.type]}}
+
-
- {{scope.row.material_.unit}}
-
-
-
-
- {{ scope.row.warehouse_.name }}
+
+
+
+
+
+ 禁用
+
+
+ 合格
+
+
+
+
+ {{ state_[scope.row.state] }}
+
+
+ {{ state_[scope.row.state] }}
+
+
+ {{ state_[scope.row.state] }}
+
+
+ {{ state_[scope.row.state] }}
+
+
+
@@ -198,48 +213,48 @@
-
+
-
- {{ scope.row.material_.number }}
+
-
- {{ scope.row.material_.name }}
+
-
- {{ scope.row.material_.specification }}
+
+
+
+ 未到
+
+
+ 到岗
+
+
-
- {{options[scope.row.material_.type]}}
-
-
- {{scope.row.material_.unit}}
-
-
-
-
- {{ scope.row.warehouse_.name }}
+
@@ -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;