filter.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. /**
  2. * 公共方法的封装
  3. */
  4. import Vue from 'vue'
  5. // 性别
  6. Vue.filter("filterSex", function(val) {
  7. if(val == 1){
  8. return '男';
  9. }else if(val == 2){
  10. return '女';
  11. }else {
  12. return '未知';
  13. }
  14. });
  15. // 链接加时间戳
  16. Vue.filter("timestamp", function(link) {
  17. return link + '?t=' + new Date().getTime();
  18. });
  19. // 保留两位小数,自动补充零
  20. Vue.filter("filterToFixed", function(val) {
  21. var value=Math.round(parseFloat(val)*100)/100;
  22. if(!value){return '0'}
  23. var xsd=value.toString().split(".");
  24. if(xsd.length==1){
  25. value=value.toString()+".00";
  26. return value;
  27. }
  28. if(xsd.length>1){
  29. if(xsd[1].length<2){
  30. value=value.toString()+"0";
  31. }
  32. return value;
  33. }
  34. })
  35. // 订单状态
  36. Vue.filter("filterOrderState", function(val) {
  37. let orderList = ['待支付', '','超时取消', '待使用', '退款中', '己退款', '退款失败', '己使用', '己超期']
  38. return orderList[val]
  39. });
  40. // 支付状态
  41. Vue.filter("filterPayState", function(val) {
  42. let orderList = ['未支付', '已支付','支付中', '支付失败', '支付退款']
  43. return orderList[val]
  44. });
  45. // 结账方式
  46. Vue.filter("filterPayType", function(val) {
  47. let payTypeList = ['', '微信', '余额', '积分','农商行支付'];
  48. return payTypeList[val]
  49. });
  50. // 物流状态
  51. Vue.filter("filterDilevery", function(val) {
  52. let dileveryList = ['下单', '揽件', '运输中', '派件中', '签收', '退回', '拒签']
  53. return dileveryList[val]
  54. });
  55. // 退款状态
  56. Vue.filter("filterRefundState", function(val) {
  57. let rundStateList = ['申请中', '退款成功', '退款失败', '退款中']
  58. return rundStateList[val]
  59. });
  60. // 评分文字
  61. Vue.filter("rateText", function(val) {
  62. let rateList = ['很差', '差', '一般', '很好', '非常好']
  63. return rateList[val-1]
  64. });
  65. // 支持的物流方式
  66. Vue.filter("filterLogisticsType", function(val) {
  67. let logisticsType = ['邮寄', '自提', '同城配送']
  68. return logisticsType[val]
  69. });
  70. // js手机号码中间4位变星星
  71. Vue.filter("hidePhoneNumber", function(val) {
  72. return val.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
  73. });
  74. // 保质期转换
  75. Vue.filter("filterPeriod", function(day) {
  76. if (!day) return;
  77.   const unitObj = {
  78.     年: 365,
  79.     月: 30,
  80.     日: 1
  81.   };
  82.   for (const key in unitObj) {
  83.     if (day % unitObj[key] === 0) {
  84.       return `${day / unitObj[key]}${key}`;
  85.     }
  86.   }
  87. });
  88. // 身份证加密显示
  89. Vue.filter('maskID', function(value) {
  90. if (value.length != 18) {
  91. // 如果身份证号码不是18位,直接返回原始值
  92. return value;
  93. }
  94. const front = value.slice(0, 6); // 取身份证号码前6位
  95. const tail = value.slice(-4); // 取身份证号码后4位
  96. const masked = '*'.repeat(value.length - 10); // 中间部分用星号替代
  97. return front + masked + tail;
  98. });
  99. // 判断如果是今天就返回今天,如果是明天就返回明天如果都不是就返回星期几
  100. Vue.filter('checkDate', function(date) {
  101. let today = new Date(); // 获取今天的日期
  102. date = new Date(date);
  103. if (date.toDateString() === today.toDateString()) {
  104. return "今天";
  105. } else if (date.getDate() === today.getDate() + 1) {
  106. return "明天";
  107. } else {
  108. let days = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  109. // return days[date.getDay()];
  110. let diffDays = Math.floor((date.getTime() - today.getTime()) / (1000 * 3600 * 24));
  111. if (diffDays > 7) {
  112. return date.toLocaleDateString();
  113. } else {
  114. return days[date.getDay()];
  115. }
  116. }
  117. });