小程序wxs订单状态转文字显示

为啥要写这个呢，主要是因为接手一个项目，订单状态返回的是数字，然后需要在前端展示。然后就出现了

<text wx:if="status===200">新订单</text>
<text wx:if="status===300">已接单</text>
<text wx:if="status===400">正在预约</text>

这么做也不是不行啦，相反，这样的话写的速度会更快。只是个人不喜欢wxml里面太多不必要的东西，而且不可复用。

正好学一下新的东西wxs，写了个dome

去utils新建一个wxs文件

var common = {
  orderStatused: function (_num) {
    switch (_num) {
      case 200: return "待推送"; break;
      case 210: return "已推送"; break;
      case 300: return "待接单"; break;
      case 310: return "已报价"; break;
      case 320: return "结束报价"; break;
      case 330: return "待预付款"; break;
      case 400: return "待预约"; break;
      case 410: return "已预约"; break;
      case 500: return "待服务"; break;
      case 510: return "已服务"; break;
      case 600: return "确认付款"; break;
      case 610: return "已付款"; break;
      case 700: return "待评价"; break;
      case 800: return "退款申请"; break;
      case 810: return "退款成功"; break;
      case 820: return "退款审核中"; break;
      case 830: return "退款失败"; break;
      case 900: return "取消订单"; break;
      case 910: return "取消成功"; break;
      case 1000: return "交易成功"; break;
      case 1001: return "交易失败"; break;
      case 1002: return "交易关闭"; break;
      default: return ""; break;
    }
  }
}

module.exports = {
  orderText: common.orderStatused,
}

使用的时候只需要到wxml页面引入

<wxs module="Filter" src="../../utils/filter/filter.wxs"></wxs>
<text>{{Filter.orderText(200)}}</text>

那么页面上显示就是“待推送”