From 3aedad63dd01f1fc5154cb520af32edab967d6e0 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周一, 12 5月 2025 09:15:26 +0800
Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo
---
PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/status/index.vue | 81 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 81 insertions(+), 0 deletions(-)
diff --git a/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/status/index.vue b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/status/index.vue
new file mode 100644
index 0000000..1f4359f
--- /dev/null
+++ b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/status/index.vue
@@ -0,0 +1,81 @@
+<template>
+ <div class="container">
+ <span
+ v-for="(item, index) in 3"
+ :key="index"
+ :class="['radius', colorName]"
+ ></span>
+ <div class="text">{{ text }}</div>
+ </div>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { getEnum } from '../../enum'
+const { ORDER_STATUS } = getEnum()
+const $props = defineProps<{
+ color: number
+ text: string
+}>()
+const COLOR_MAP = {
+ [ORDER_STATUS.PAUSED]: 'PAUSED',
+ [ORDER_STATUS.PRODUCED]: 'PRODUCED',
+ [ORDER_STATUS.PRODUCTION]: 'PRODUCTION',
+ [ORDER_STATUS.FINISHED]: 'FINISHED',
+ [ORDER_STATUS.ENDED]: 'ENDED',
+}
+// @ts-ignore
+const colorName = computed(() => COLOR_MAP[$props.color])
+</script>
+
+<style lang="scss" scoped>
+.container {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ justify-content: center;
+}
+.radius {
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ border-radius: 10px;
+ border: 1px solid #c9cbca;
+ margin-right: 4px;
+}
+// 鏆傚仠
+.PAUSED {
+ background-color: #f77070;
+ border-color: #f77070;
+}
+// 寰呯敓浜�
+.PRODUCED {
+ background-color: #5aa7ff;
+ border-color: #5aa7ff;
+}
+// 鐢熶骇涓�
+.PRODUCTION {
+ background-color: #ffd358;
+ border-color: #ffd358;
+}
+// 宸插畬鎴�
+.FINISHED {
+ background-color: #27b190;
+ border-color: #27b190;
+}
+// 宸茬粨鏉�
+.ENDED {
+ background-color: #c5c5c5;
+ border-color: #c5c5c5;
+}
+.text {
+ color: #787878;
+ font-size: 14px;
+ font-weight: bold;
+ margin-left: 6px;
+}
+
+.radius:last-of-type {
+ background-color: #fff;
+ border-color: #c9cbca;
+}
+</style>
--
Gitblit v1.9.3