feat 工单消息

src/views/home/index.vue

@@ -11,14 +11,10 @@
   import box2 from './components/box-2.vue'
   import box3 from './components/box-3.vue'
   import box4 from './components/box-4.vue'
-  const navLeft = [
-    { name: '安全', path: '/monitor' },
-    { name: '景区', path: '/scenic' },
-    { name: '交通', path: '/traffic' }
-  ]
+  const navLeft = [{ name: '安全' }, { name: '景区', path: '/scenic' }, { name: '交通',path: '/traffic'  }]
   const navRight = [
     { name: '停车' },
-    { name: '工单' },
+    { name: '工单',path: '/workOrder' },
     { name: '舆情', path: '/sentiment' },
     { name: '酒店' }
   ]

src/views/workOrder/components/box-2.vue

@@ -40,7 +40,7 @@
 							<div class="box-1">
 								<el-progress :percentage="50"
 								 stroke-linecap="square"
-								stroke-width="15"  color="#2380FB"></el-progress>
+								:stroke-width="fitChartSize(15)"  color="#2380FB"></el-progress>
 							</div>
 						</div>
 						<div class="p-item">
@@ -48,7 +48,7 @@
 							<div class="box-1">
 								<el-progress :percentage="50"
 								 stroke-linecap="square"
-								stroke-width="15"  color="#D9011B"></el-progress>
+								:stroke-width="fitChartSize(15)"  color="#D9011B"></el-progress>
 							</div>
 						</div>
 						<div class="p-item">
@@ -56,7 +56,7 @@
 							<div class="box-1">
 								<el-progress :percentage="50"
 								 stroke-linecap="square"
-								stroke-width="15"  color="#FEAE00"></el-progress>
+								:stroke-width="fitChartSize(15)"  color="#FEAE00"></el-progress>
 							</div>
 						</div>
 					</div>
@@ -531,6 +531,7 @@
 							display: flex;
 							width:100%;
 							margin-top:vh(40);
+							align-items: center;
 							span{
 								font-weight: bold;
 								font-size: vw(14);