物流工艺

src/components/workshop.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="center_wrapper">
+    <t-canvas></t-canvas>
     <div class="status_wrap">
       <div class="status_item">
           <div class="status_tip green"></div>
@@ -251,6 +252,8 @@
         </div>
       </div>
     </div>
+    <div class="blue_line blue_line_1"></div>
+    <div class="blue_line blue_line_2"></div>
     <div class="machine_block machine_block_4">
       <div v-if="press.length > 3" class="yj_1600_block">
         <div class="p_device weilan_1600_wrap">
@@ -399,10 +402,14 @@
 </template>
 
 <script>
+import TCanvas from '@components/canvas.vue'
 // import {homepageEquipment} from '@js/getData2.js'
 import {homepageEquipment} from '@js/mork2.js'
 export default {
   name: 'workshop',
+  components: {
+    TCanvas
+  },
   data () {
     return {
       mixingMachine: [],
@@ -516,20 +523,23 @@ export default {
 .machine_block_2
   _wh(35%, 23%)
   left 58%
-  top 21%
+  top 17%
 .machine_block_3
-  _wh(55%, 30%)
-  left 2%
-  top 58%
+  _wh(66%, 32%)
+  top 57%
   padding .1rem 3.5%
 .machine_block_4
-  _wh(38%, 34%)
-  left 60%
-  top 54%
+  _wh(31%, 32%)
+  left auto
+  right 0
+  top 57%
+  border-left none
+  border-bottom none
+  box-shadow 5px -5px 8px rgba(0, 135, 172, .6)
 .machine_block_5
-  _wh(14%, auto)
-  left 61%
-  top 75%
+  _wh(14%, 11%)
+  left 68.2%
+  top 78%
   padding 0.1rem
 .machine_block_6
   _wh(90%, 9%)
@@ -745,7 +755,7 @@ export default {
   position absolute
   left: 5%;
   top: 5%;
-  _wh(33%, 40%)
+  _wh(41%, 40%)
 .weilan_1600_wrap
   _wh(70%, 100%)
 .slw_1600_wrap_1
@@ -854,7 +864,7 @@ export default {
   _fj(center)
   flex-wrap wrap
 .lz_hj
-  _wh(25%, 10%)
+  _wh(21%, 30%)
   img
     _wh(100%, 100%)
 .lz_hlj_wrap
@@ -879,14 +889,14 @@ export default {
 .ktp_yao_front_wrap
   _wh(1.5%, auto)
   transform: rotate(-90deg);
-  top: 19%;
+  top: 20%;
   left: 29.5%;
 .ktp_yao_front
   _wh(100%, auto)
 .cpj_ssx_wrap
   _wh(12%, auto)
   left: 81%;
-  top: 48%;
+  top: 46%;
 .ssx_wrap
   _wh(100%, auto)
   _fj()
@@ -898,6 +908,25 @@ export default {
   _wh(18%, auto)
   top: -51%;
   left: 20%;
+.blue_line
+  position absolute
+  border-radius 10px
+  border 1px solid #00c8da
+  border-top 0
+  border-right 0
+.blue_line_1
+  left: 69%;
+  top: 57%;
+  box-shadow -5px 5px 8px rgba(0,135,172,0.6)
+  _wh(15.5%, 17%)
+  border-bottom-right-radius 0
+.blue_line_2
+  left: auto
+  right 0
+  top: 74%
+  box-shadow 5px 5px 8px rgba(0,135,172,0.6)
+  _wh(15.5%, 15%)
+  border-top-left-radius 0
 .rotate_1
   animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
 @keyframes rotate_1 {