|
@@ -21,8 +21,11 @@
|
|
<span :class="selectStepIndex == index ? 'indexText hoverTextColor' : 'indexText'">{{ index + 1 }}</span>
|
|
<span :class="selectStepIndex == index ? 'indexText hoverTextColor' : 'indexText'">{{ index + 1 }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="midTextBox">
|
|
<div class="midTextBox">
|
|
- <div :class="selectStepIndex == index ? 'stepName stepNameHover' : 'stepName'">
|
|
|
|
- {{ item.operationName }}{{ item?.isFirst ? "(起始)" : "" }}
|
|
|
|
|
|
+ <div
|
|
|
|
+ :class="selectStepIndex == index ? 'stepName stepNameHover' : 'stepName'"
|
|
|
|
+ style="display: flex; align-items: center; justify-content: center"
|
|
|
|
+ >
|
|
|
|
+ {{ item.operationName }}<el-icon v-if="item?.isFirst" color="#008000FF"><Discount /></el-icon>
|
|
</div>
|
|
</div>
|
|
<div :class="selectStepIndex == index ? 'stepStation stepStationHover' : 'stepStation'">
|
|
<div :class="selectStepIndex == index ? 'stepStation stepStationHover' : 'stepStation'">
|
|
{{ item.operationCode }}
|
|
{{ item.operationCode }}
|
|
@@ -62,6 +65,7 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
import { useProcessStore } from "@/store";
|
|
import { useProcessStore } from "@/store";
|
|
|
|
+import { Discount } from "@element-plus/icons-vue";
|
|
import { emitter, EventsNames } from "@/utils/common";
|
|
import { emitter, EventsNames } from "@/utils/common";
|
|
import { getScan } from "@/api/process";
|
|
import { getScan } from "@/api/process";
|
|
import { Transition } from "vue";
|
|
import { Transition } from "vue";
|