wujingjing
2024-11-04 40b0a53cbec991f04cb5d6f3b936a524712ece2c
src/components/chat/Chat.vue
@@ -29,14 +29,17 @@
                              :style="{ backgroundColor: item.role === RoleEnum.user ? 'rgb(197 224 255)' : 'white' }"
                           >
                              <div class="flex flex-col" v-if="item?.stepList?.length > 0">
                                 <div
                                    @click="toggleStepList(item)"
                                    class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg mb-3 hover:bg-gray-100 active:bg-gray-200"
                                 >
                                    <span >
                                       {{ toggleStepLabel(item) }}
                                    </span>
                                    <span class="ywifont" :class="{ 'ywicon-unfold': !item.stepIsShow, 'ywicon-fold': item.stepIsShow }"></span>
                                 <div class="flex items-center mb-3">
                                    <span class="mr-2">意图分析:</span>
                                    <div
                                       @click="toggleStepList(item)"
                                       class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg hover:bg-gray-100 active:bg-gray-200"
                                    >
                                       <span>
                                          {{ toggleStepLabel(item) }}
                                       </span>
                                       <span class="ywifont" :class="{ 'ywicon-unfold': !item.stepIsShow, 'ywicon-fold': item.stepIsShow }"></span>
                                    </div>
                                 </div>
                                 <!-- 过程输出 -->
@@ -634,22 +637,10 @@
   }
}
.el-step.is-horizontal.stepActive {
   .el-step__head.is-finish {
      .el-step__line {
         // 当前步骤数横线样式设置
         .el-step__line-inner {
            width: 50% !important;
            border-width: 1px !important;
         }
      }
      // 当前步骤数圆圈样式设置
      .el-step__icon.is-text {
         //    background: #409eff;
         color: #fff;
      }
   }
:deep(.el-step__icon.is-text) {
   --radius-size: 24px;
   width: var(--radius-size);
   height: var((--radius-size));
}
:deep(.el-step__icon-inner) {