init

src/views/orderManage/orderManagerCockpit/components/orderStatus.vue

@@ -0,0 +1,42 @@
+<template>
+  <div :style="{ height: 15 * beilv + 'px' }">
+    <span v-if="this.injectData.status === 3">
+      <svg-icon icon-class="green_dot" style="font-size: 14px; position: relative; top: .08em" />
+      已完成
+    </span>
+    <span v-if="this.injectData.status === 1">
+      <svg-icon icon-class="yellow_dot" style="font-size: 14px; position: relative; top: .08em" />
+      在途
+    </span>
+    <span v-if="this.injectData.status === 2">
+      <svg-icon icon-class="blue_dot" style="font-size: 14px; position: relative; top: .08em" />
+      已下发
+    </span>
+  </div>
+</template>
+<script>
+export default {
+  name: 'OrderStatus',
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      beilv: 1
+    }
+  },
+  mounted() {
+    this.beilv = document.getElementById('container').offsetWidth / 1920
+    window.addEventListener('resize', () => {
+      if (this.isFullScreen) {
+        this.beilv = document.body.offsetWidth / 1920
+      } else {
+        this.beilv = document.getElementById('container').offsetWidth / 1920
+      }
+    })
+  }
+}
+</script>