样式内容优化

src/assets/css/iconfont.styl

@@ -15,6 +15,11 @@
   src: url('font/SourceHanSansCN-Normal.otf');
 }
 
+@font-face {
+  font-family: "SourceHanSansCN-Medium";
+  src: url('font/SourceHanSansCN-Medium.otf') format('truetype');
+}
+
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;

src/pages/shunhe/LogisticsProcess/workshop.vue

@@ -19,6 +19,10 @@
           <div class="status_name">故障</div>
       </div>
     </div>
+    <p class="area_name area_name_1">干<br/>燥<br/>区</p>
+    <p class="area_name area_name_2">包装区</p>
+    <p class="area_name area_name_3">压制区</p>
+    <p class="area_name area_name_4">混碾区</p>
     <div class="machine_block machine_block_2">
       <div class="machine_combine">
         <div class="p_device weilan_wrap_1">
@@ -824,8 +828,8 @@ export default {
   padding 0
 .machine_block_5
   width 15%
-  left 61%
+  left 62.5%
-  top 78%
+  top 41%
   padding 0.2rem
   border none
   box-shadow none
@@ -1407,15 +1411,45 @@ export default {
   height 19%
   border-top-left-radius 0
 .agv_1
-  width 17%
+  width 32%
-  left 16%
+  left 0
-  top -30%
+  top 0
   img
     width 100%
 .agv_2
-  left 59%
+  left 121%
 .rotate_1
   animation rotate_1 9s linear 1s infinite
+.area_name
+  position absolute
+  width 13%
+  height 4.5%
+  display flex
+  align-items center
+  justify-content center
+  font-size 22px
+  font-family 'SourceHanSansCN-Medium'
+  line-height 28px
+  letter-spacing 4px
+  text-indent 4px
+  background center center / 100% 100% url(../../../assets/images/button.png) no-repeat
+.area_name_1
+  left 48%
+  top 0%
+  width 4.5%
+  height 12%
+  letter-spacing 0
+  text-indent 0
+  background-image url(../../../assets/images/button_h.png)
+.area_name_2
+  left 58%
+  top 12.5%
+.area_name_3
+  left 62.3%
+  top 77%
+.area_name_4
+  left 67%
+  top 93%
 @keyframes rotate_1 {
     0% {
       transform: rotateZ(20deg)