diff --git a/ZR.Vue/src/assets/image/console/1.svg b/ZR.Vue/src/assets/image/console/1.svg new file mode 100644 index 00000000..9f15f5c1 --- /dev/null +++ b/ZR.Vue/src/assets/image/console/1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/ZR.Vue/src/assets/image/qrcode.jpg b/ZR.Vue/src/assets/image/qrcode.jpg deleted file mode 100644 index 3261850d..00000000 Binary files a/ZR.Vue/src/assets/image/qrcode.jpg and /dev/null differ diff --git a/ZR.Vue/src/assets/image/qrcodeH5.png b/ZR.Vue/src/assets/image/qrcodeH5.png deleted file mode 100644 index 2b4cb322..00000000 Binary files a/ZR.Vue/src/assets/image/qrcodeH5.png and /dev/null differ diff --git a/ZR.Vue/src/views/index_v1.vue b/ZR.Vue/src/views/index_v1.vue index feb0e8e4..9f219db3 100644 --- a/ZR.Vue/src/views/index_v1.vue +++ b/ZR.Vue/src/views/index_v1.vue @@ -83,8 +83,14 @@
-
1
-
1
+
+

快捷菜单

+ +
+
+ +

{{ item.title }}

+
@@ -100,6 +106,8 @@ import Scroll from 'vue-seamless-scroll' import { listNewArticle } from '@/api/system/article.js' import * as echarts from 'echarts' +import Img1 from '@/assets/image/console/1.svg' + require('echarts/theme/macarons') // echarts theme const lineChartData = { @@ -208,6 +216,14 @@ export default { }, }, ], + quickData: [ + { imageurl: Img1, title: '员工绩效' }, + { imageurl: Img1, title: '工资报表' }, + { imageurl: Img1, title: '不良品项分布' }, + { imageurl: Img1, title: '不良品项汇总' }, + { imageurl: Img1, title: '生产报表' }, + { imageurl: Img1, title: '产量统计' }, + ], } }, created() { @@ -514,7 +530,7 @@ export default { } .chart-box { display: grid; - grid-template-rows: 500px 1fr; + grid-template-rows: 400px; grid-template-columns: 700px 1fr; grid-gap: 0.5em; .item { @@ -531,5 +547,27 @@ export default { } } } + + .quick-box { + display: grid; + grid-template-rows: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 0.5em; + .item1 { + background: #ffffff; + height: 200px; + width: 400px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + &:hover { + background-color: #f5f5f5; + } + p{ + font-size: 25px; + } + } + } }