物流信息轨迹

<div class="logistics-infor">
        <el-timeline>
          <el-timeline-item
            v-for="(activity, index) in logisticsData"
            :key="index"
            color="#409eff"
            :timestamp="timestampFn(activity.infoContent)"
          >
           <span class="processInfo">{{ activity.processInfo }} </span> <span class="time">{{activity.upload_Time}}</span>
          </el-timeline-item>
        </el-timeline>
        <div class="empty" v-if="logisticsData.length==0">暂无物流信息~</div>
      </div>

:timestamp="timestampFn(activity.infoContent)"
这个可以写成方法，然后在下面转化为汉字，并且return 回来

css

.logistics-infor {
      margin-top: 15px;
      max-height: 550px;
      overflow-y: auto;
      .processInfo{
        font-size:16px;
      }
      .time{
        color: #909399;
      }
    }
    .el-dialog__body {
      min-height: 500px;
      .empty {
        width: 100px;
        margin: 0 auto;
        color: #c7cace;
      }
    }

js

//打开物流信息弹窗
    openLogisticsDialog() {
      if (!this.apply.waybillNo) {
        return this.$message.warning("无运单号");
      }
      this.logisticsDialog = true;
      this.queryOrderTrail();
    },
    queryOrderTrail() {
      let data = {
        waybillNo: this.apply.waybillNo,
        requestNo: this.apply.requestNo,
      };
      queryOrderTrail(data).then((res) => {
        if (res.code == 200) {
          this.logisticsData = res.data || [];
        } else {
          this.logisticsData = [];
          this.$message.error(res.message);
        }
      });
    },
    timestampFn(infoContent){
      console.log(infoContent);
      let _timestamp="";
      switch(infoContent){
        case '1000':
          _timestamp='申请成功';
          break;
        case '1001':
          _timestamp='申请失败';
          break;
        case '1002':
          _timestamp='开票成功';
          break;
        case '1004':
          _timestamp='已打印';
          break;
        case '1005':
          _timestamp='已拉单';
          break;
        case '1006':
          _timestamp='运输中';
          break;
        case '1007':
          _timestamp='抬头信息待审核';
          break;
        case '1009':
          _timestamp='抬头信息审核不通过';
          break;
        case 'PACKAGE':
          _timestamp='已打包';
          break;
        case 'DEPARTURE':
          _timestamp='已发出';
          break;
        case 'ARRIVAL':
          _timestamp='已收入';
          break;
        case 'SENT_SCAN':
          _timestamp='已派件';
          break;
        case 'INBOUND':
          _timestamp='已暂存';
          break;
        case 'SIGNED':
          _timestamp='已签收';
          break;
       break;
      }
     return _timestamp
    },