Java 根据状态手动返回日志流程

1.业务表中的status和creater、审核人（单独的接口查出有权限的人）

// 传入所查询业务的id
public JSONArray getLogInfo(Long id) {
        JSONObject wfObj = new JSONObject();
        JSONArray arr = new JSONArray();
        OrderDOappDo = new OrderDO();
        appDo = retraceSpanApplyMapper.selectById(id);
        wfObj.put("step", "1");
        wfObj.put("stepName", "第一步的流程");
        wfObj.put("time", appDo.getCreateTime());
        // 获取权限人
        wfObj.put("user", userMapper.selectById(appDo.getCreator()).getNickname());
        arr.add(wfObj);
        if (appDo.getEntrantId() == null && appDo.getEntryTime() == null ) {

        }else {
            String stepName = "";
            if (appDo.getStatus() == 1) {
                stepName = "已补录";
            }
            //已经有人补码
            wfObj = new JSONObject();
            wfObj.put("step", "2");
            wfObj.put("stepName", "流转完成");
            wfObj.put("time", appDo.getEntryTime());
            wfObj.put("user", userMapper.selectById(appDo.getEntrantId()).getNickname());
            arr.add(wfObj);
        }
        return arr;
    }

2.前端：vant4 组件 van-steps步骤条

<van-steps class="log-style" direction="vertical">
        <van-step v-if="logDetails[0].stepName == '流转完成'">
          <p>流转完成</p>
        </van-step>
        <van-step v-for="(item,index) of logDetails" :key="index">
          <p v-if="item.stepName == '业务发起'">{{ item.stepName }}</p>
          <p v-if="item.stepName == '流转完成'">{{ item.user + '已录入' }}</p>
          <p v-if="item.stepName == '业务发起'">{{ item.user }}</p>
          <p>{{showTimeStamp(item.time)}}</p>
        </van-step>
</van-steps>

// 接收后端返回的步骤信息
const logDetails = ref([])
// 处理时间戳
const showTimeStamp = (timestamp) => {
  let date = new Date(timestamp);
  let year = date.getFullYear(); // 使用getUTCFullYear()获取UTC时间的年份
  let month = ("0" + (date.getMonth() + 1)).slice(-2);
  let day = ("0" + date.getDate()).slice(-2);
  let hour = ("0" + date.getHours()).slice(-2);
  let minute = ("0" + date.getMinutes()).slice(-2);
  let second = ("0" + date.getSeconds()).slice(-2);
  let showTime = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
  return showTime;
}