switch case

语法：

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

代码：

getMyZpStatus().then((res) => {
      if (res.data.code == '0') {
        this.info = res.data.data
        console.log('info', this.info)
        if (this.info != null && this.info.flowStepList != null) {
          this.info.flowStepList = this.info.flowStepList.reverse()
          this.info.flowStepList.forEach((item, index) => {
            switch (item.setpId) {
              case '1001':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/mianshi_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/mianshi.png')
                }
                break
              case '3177000001':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/shanxuan_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/shanxuan.png')
                }
                break
              case '3177000002':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/shanxuan_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/shanxuan.png')
                }
                break
              case '3177000003':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/mianshi_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/mianshi.png')
                }
                break
              case '3177000004':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/bishi_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/bishi.png')
                }
                break
              case '3177000005':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/mianshi_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/mianshi.png')
                }
                break
              case '3177000006':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/shanxuan_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/shanxuan.png')
                }
                break
              case '3177000007':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/shencha_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/shencha.png')
                }
                break
              case '3177000008':
                if (item.time != null) {
                  item.img = require('@/assets/img/my/applyState/luyong_1.png')
                } else {
                  item.img = require('@/assets/img/my/applyState/luyong.png')
                }
                break
            }
          })
        }
      }
    })

image.png