完善

src/router/generator-platform-routers.js

@@ -250,6 +250,7 @@ const constantRouterComponents = {
   'StatisticsSparePartUsedSpare': () => import('@/views/statistics/spare/StatisticsSparePartUsedSpare'),
   'StatisticsRepairFormUser': () => import('@/views/statistics/repair/StatisticsRepairFormUserView'),
   'WorkplaceBacklog': () => import('@/views/workplace/backlog/WorkplaceBacklog'),
+  'Workbench': () => import('@/views/workplace/backlog/Workbench'),
   'StoreWorkplaceBacklog': () => import('@/views/workplace/backlog/StoreWorkplaceBacklog'),
   'SbWorkplaceBacklog': () => import('@/views/workplace/backlog/SbWorkplaceBacklog'),
   'NewWorkplaceBacklog': () => import('@/views/workplace/backlog/NewWorkplaceBacklog'),

src/utils/install.js

@@ -17,7 +17,7 @@ import { Icon } from 'ant-design-vue'
 import iconfont from '@/components/IconSelector/iconfont.js'
 import ImportForm from '@/components/custom/ImportForm'
 const MyIcon = Icon.createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_3266072_as4d5msiy44.js' // //at.alicdn.com/t/font_1314041_9qgpnn1vvko.js在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/c/font_3266072_ei5h82cuojd.js' // //at.alicdn.com/t/font_1314041_9qgpnn1vvko.js在 iconfont.cn 上生成
   // scriptUrl: '//at.alicdn.com/t/font_3266072_mx3m5426u3.js'
 })
 

src/views/workplace/backlog/Workbench.vue

@@ -0,0 +1,214 @@
+<template>
+  <div>
+    <div class="content">
+      <div class="title">
+        <a-icon type="bar-chart" />&nbsp;快捷按钮
+      </div>
+      <a-row type="flex" justify="space-between" align="center" style="padding:30px">
+        <a-col :span="4" class="btn1 btn">
+          <my-icon type="icon-baoxiu-xuanzhong-copy" class="icon"/>
+          <span>维修</span>
+        </a-col>
+        <a-col :span="4" class="btn1 btn" style="background: linear-gradient(90deg, #FFDB5C, #FEB464);">
+          <my-icon type="icon-fapiao" class="icon"/>
+          <span>打印票证</span>
+        </a-col>
+        <a-col :span="4" class="btn1 btn" style="background: linear-gradient(90deg, #9ADDD6, #91B8ED);">
+          <my-icon type="icon-shengchanlingliaoyutuiliao" class="icon"/>
+          <span>领料</span>
+        </a-col>
+        <a-col :span="4" class="btn1 btn" style="background: linear-gradient(90deg, #FC8C8F, #F76BD3)">
+          <my-icon type="icon-gongdan" class="icon"/>
+          <span>打印出库单</span>
+        </a-col>
+        <a-col :span="4" class="btn1 btn" style="background: linear-gradient(90deg, #F084BF, #A971E8);">
+          <my-icon type="icon-tixingshixin" class="icon"/>
+          <span>隐患</span>
+        </a-col>
+      </a-row>
+    </div>
+    <div class="content">
+      <div class="title">
+        <my-icon type="icon-daibanshixiang" />&nbsp;待办事项
+      </div>
+      <div class="backlog">
+        <div class="btn">
+          <div class="icon">
+            <my-icon type="icon-weixiuguanli"/>
+          </div>
+          <div>维修</div>
+        </div>
+        <div class="btn">
+          <div class="icon">
+            <my-icon type="icon-xunjianjianyan"/>
+          </div>
+          <div>巡检</div>
+        </div>
+        <div class="btn">
+          <div class="icon">
+            <my-icon type="icon-shenpiliuchengguanli"/>
+          </div>
+          <div>审批</div>
+        </div>
+        <div class="btn">
+          <div class="icon">
+            <my-icon type="icon-baobiao"/>
+          </div>
+          <div>报表</div>
+        </div>
+        <div class="btn">
+          <div class="icon">
+            <my-icon type="icon-gongzuotai"/>
+          </div>
+          <div>盘点</div>
+        </div>
+      </div>
+    </div>
+    <div style="display:flex;">
+      <div class="content" style="flex:1;margin-right:10px;">
+        <div class="title">
+          <a-icon type="appstore" />&nbsp;常用菜单
+        </div>
+        <a-row type="flex">
+          <a-col :span="6" class="menu btn">
+            <a-icon type="bell" />&nbsp;通知管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;审批管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;隐患管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;盘点管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;前期管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;筹建管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;资产管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;报表管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;采集管理
+          </a-col>
+          <a-col :span="6" class="menu btn">
+            <a-icon type="appstore" />&nbsp;维修管理
+          </a-col>
+        </a-row>
+      </div>
+      <div class="content" style="flex:1;margin-left:10px;">
+        <div class="title">
+          <a-icon type="bell" />&nbsp;消息通知
+        </div>
+        <div
+          class="demo-infinite-container"
+        >
+          <a-list item-layout="horizontal" :data-source="data">
+            <a-list-item slot="renderItem" slot-scope="item">
+              <a-list-item-meta
+                description="6月20日  11:30"
+              >
+                <a slot="title" href="https://www.antdv.com/">{{ item.title }}</a>
+                <a-badge color="#18C3B1" slot="avatar" />
+              </a-list-item-meta>
+            </a-list-item>
+          </a-list>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      data: [
+        {
+          title: 'Ant Design Title 1'
+        },
+        {
+          title: 'Ant Design Title 2'
+        },
+        {
+          title: 'Ant Design Title 3'
+        },
+        {
+          title: 'Ant Design Title 4'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.content{
+  background: #fff;
+  font-family: PingFang SC;
+  border-radius: 12px;
+  margin-bottom: 20px;
+  .title{
+  padding: 20px 30px;
+  color: #18C3B1;
+  font-size: 26px;
+  font-weight: 500;
+  border-bottom: 2px solid #EAEAEA;
+}
+}
+.btn1{
+height: 100px;
+background: linear-gradient(90deg, #77EFD8, #7FD6FF);
+border-radius: 8px;
+color: #fff!important;
+font-size:30px;
+display:flex;
+align-items: center;
+.icon{
+  padding: 25px;
+  font-size:45px;
+  color:#fff;
+}
+}
+.backlog{
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  font-size: 26px;
+  color: #333333;
+  padding:30px 0;
+  .btn{
+    text-align: center;
+    .icon{
+      width: 120px;
+      height: 120px;
+      line-height: 120px;
+      background: #18C3B1;
+      font-size: 50px;
+      color:#fff;
+      border-radius: 50%;
+      margin-bottom: 20px;
+    }
+  }
+}
+.menu{
+  padding:20px 0;
+  text-align: center;
+}
+.demo-infinite-container {
+  overflow: auto;
+  height: 300px;
+  padding:20px;
+}
+.btn:hover{
+  cursor:pointer;
+}
+::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
+
+</style>