| | |
| | | :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> |
| | | |
| | | <!-- 过程输出 --> |
| | |
| | | } |
| | | } |
| | | |
| | | .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) { |