filter.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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("filterSingleState", function(val) {
  42. let list = ['未使用', '已使用','过期']
  43. return list[val]
  44. });
  45. // 支付状态
  46. Vue.filter("filterPayState", function(val) {
  47. let orderList = ['未支付', '已支付','支付中', '支付失败', '支付退款']
  48. return orderList[val]
  49. });
  50. // 结账方式
  51. Vue.filter("filterPayType", function(val) {
  52. let payTypeList = ['', '微信', '余额', '积分','农商行支付'];
  53. return payTypeList[val]
  54. });
  55. // 物流状态
  56. Vue.filter("filterDilevery", function(val) {
  57. let dileveryList = ['下单', '揽件', '运输中', '派件中', '签收', '退回', '拒签']
  58. return dileveryList[val]
  59. });
  60. // 退款状态
  61. Vue.filter("filterRefundState", function(val) {
  62. let rundStateList = ['申请中', '退款成功', '退款失败', '退款中']
  63. return rundStateList[val]
  64. });
  65. // 评分文字
  66. Vue.filter("rateText", function(val) {
  67. let rateList = ['很差', '差', '一般', '很好', '非常好']
  68. return rateList[val-1]
  69. });
  70. // 支持的物流方式
  71. Vue.filter("filterLogisticsType", function(val) {
  72. let logisticsType = ['邮寄', '自提', '同城配送']
  73. return logisticsType[val]
  74. });
  75. // js手机号码中间4位变星星
  76. Vue.filter("hidePhoneNumber", function(val) {
  77. return val.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
  78. });
  79. // 保质期转换
  80. Vue.filter("filterPeriod", function(day) {
  81. if (!day) return;
  82.   const unitObj = {
  83.     年: 365,
  84.     月: 30,
  85.     日: 1
  86.   };
  87.   for (const key in unitObj) {
  88.     if (day % unitObj[key] === 0) {
  89.       return `${day / unitObj[key]}${key}`;
  90.     }
  91.   }
  92. });
  93. // 身份证加密显示
  94. Vue.filter('maskID', function(value) {
  95. if (value.length != 18) {
  96. // 如果身份证号码不是18位,直接返回原始值
  97. return value;
  98. }
  99. const front = value.slice(0, 6); // 取身份证号码前6位
  100. const tail = value.slice(-4); // 取身份证号码后4位
  101. const masked = '*'.repeat(value.length - 10); // 中间部分用星号替代
  102. return front + masked + tail;
  103. });
  104. // 判断如果是今天就返回今天,如果是明天就返回明天如果都不是就返回星期几
  105. Vue.filter('checkDate', function(date) {
  106. let today = new Date(); // 获取今天的日期
  107. date = new Date(date);
  108. if (date.toDateString() === today.toDateString()) {
  109. return "今天";
  110. } else if (date.getDate() === today.getDate() + 1) {
  111. return "明天";
  112. } else {
  113. let days = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  114. // return days[date.getDay()];
  115. let diffDays = Math.floor((date.getTime() - today.getTime()) / (1000 * 3600 * 24));
  116. if (diffDays > 7) {
  117. return date.toLocaleDateString();
  118. } else {
  119. return days[date.getDay()];
  120. }
  121. }
  122. });