优化流程和文字高亮状态

rain

2025-04-19 d0f544fdcbc492af02dacb360c7a8c6c3b230420

优化流程和文字高亮状态

 src/views/tickets/ticket.vue

@@ -160,11 +160,13 @@
        <div class="custom-steps-container">
          <!-- 标题行 -->
          <div class="steps-titles">
            <div class="step-title" :class="{ active: true }">
            <div class="step-title active">
              {{ workType === 1 ? '发起工单' : '发起任务' }}          
            </div>
            <div v-for="(status, index) in stepStatusList" :key="index"
              :class="{ active: Number(currentDetail.status) >= Number(status) }" class="step-title">
            <div v-for="(status, index) in stepStatusList" :key="index" :class="{
              'step-title': true,
              'active': index <= stepStatusList.indexOf(String(currentDetail.status))
            }">
              {{ mapStatus(status) }}
            </div>
          </div>
@@ -192,7 +194,8 @@
                  {{ getStepHandler(status) }}
                </span>
                <div class="step-description" v-if="getStepTime(status)">
                  <span style="position: absolute; right: 80%; top: 50%; transform: translateY(-50%); width: 100px; margin-left: 4px; color: #666; font-size: 12px;">
                  <span
                    style="position: absolute; right: 80%; top: 50%; transform: translateY(-50%); width: 100px; margin-left: 4px; color: #666; font-size: 12px;">
                    耗时:{{ getStepTime(status) }}
                  </span>
                </div>
@@ -1314,7 +1317,7 @@
      // 步骤索引适配
      const arr = this.stepStatusList;
      const index = arr.indexOf(String(this.currentDetail.status));
      return index !== -1 ? index + 1 : 1;
      return index !== -1 ? index + 2 : 1;
    },

    openMap() {
@@ -2458,6 +2461,7 @@
  color: #409eff;
  font-weight: bold;
}

.event-title-center {
  text-align: center;
  font-size: 20px;
@@ -2465,6 +2469,7 @@
  margin-bottom: 12px;
  color: #333;
}

.custom-steps {
  margin-top: -20px;