filters.js 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. import moment from 'moment';
  2. function fixedZero(val) {
  3. return val * 1 < 10 ? `0${val}` : val;
  4. }
  5. const filters = {
  6. // 格式化时间展示多长时间之前
  7. formatTime(time) {
  8. let formatTime
  9. const date = new Date(time)
  10. const dateObj = {
  11. year: date.getFullYear(),
  12. month: date.getMonth(),
  13. date: date.getDate(),
  14. hours: date.getHours(),
  15. minutes: date.getMinutes()
  16. }
  17. const newTime = new Date()
  18. const diff = newTime.getTime() - time
  19. if (newTime.getDate() === dateObj.date && diff < 60000) {
  20. formatTime = '刚刚'
  21. } else if (
  22. newTime.getDate() === dateObj.date &&
  23. diff > 60000 &&
  24. diff < 3600000
  25. ) {
  26. formatTime = `${Math.floor(diff / 60000)}分钟前`
  27. } else if (
  28. newTime.getDate() === dateObj.date &&
  29. diff > 3600000 &&
  30. diff < 86400000
  31. ) {
  32. formatTime = `${addZero(dateObj.hours)}:${addZero(dateObj.minutes)}`
  33. } else if (newTime.getDate() !== dateObj.date && diff < 86400000) {
  34. formatTime = `昨天${addZero(dateObj.hours)}:${addZero(dateObj.minutes)}`
  35. } else if (newTime.getFullYear() === dateObj.year) {
  36. formatTime = `${dateObj.month + 1}月${dateObj.date}日`
  37. } else {
  38. formatTime = `${dateObj.year}年${dateObj.month + 1}月${dateObj.date}日`
  39. }
  40. return formatTime
  41. },
  42. //时间日期格式化
  43. format(time) {
  44. const hours = 60 * 60 * 1000;
  45. const minutes = 60 * 1000;
  46. const h = Math.floor(time / hours);
  47. const m = Math.floor((time - h * hours) / minutes);
  48. const s = Math.floor((time - h * hours - m * minutes) / 1000);
  49. return `${fixedZero(h)}:${fixedZero(m)}:${fixedZero(s)}`
  50. },
  51. //年月日格式化
  52. getDate(value) {
  53. let date = new Date(value)
  54. let y = date.getFullYear()
  55. let MM = date.getMonth() + 1
  56. MM = MM < 10 ? '0' + MM : MM
  57. let d = date.getDate()
  58. d = d < 10 ? '0' + d : d
  59. return y + '-' + MM + '-' + d
  60. },
  61. //年月日时分秒格式化
  62. formatDate: function (value) {
  63. let date = new Date(value)
  64. let y = date.getFullYear()
  65. let MM = date.getMonth() + 1
  66. MM = MM < 10 ? '0' + MM : MM
  67. let d = date.getDate()
  68. d = d < 10 ? '0' + d : d
  69. let h = date.getHours()
  70. h = h < 10 ? '0' + h : h
  71. let m = date.getMinutes()
  72. m = m < 10 ? '0' + m : m
  73. let s = date.getSeconds()
  74. s = s < 10 ? '0' + s : s
  75. return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s
  76. },
  77. //bidType类型
  78. bidType(sta) {
  79. var data = {
  80. null: '-',
  81. 1: 'CPM',
  82. 2: 'CPC',
  83. 6: 'OCPC',
  84. 10: 'OCPM',
  85. }
  86. return data[sta]
  87. },
  88. //ocpxActionType类型
  89. ocpxActionType(sta) {
  90. var data = {
  91. null: '-',
  92. 0: '封面点击',
  93. 2: '行为数',
  94. 10: '曝光',
  95. 11: '点击',
  96. 31: '下载完成',
  97. 53: '提交线索',
  98. 180: '激活',
  99. 190: '付费',
  100. 191: '首日ROI',
  101. 348: '有效线索',
  102. 383: '授信',
  103. 384: '完件',
  104. 394: '订单提交',
  105. }
  106. return data[sta]
  107. },
  108. //角色类型
  109. roleCode(value) {
  110. var state = {
  111. clip: '剪辑',
  112. shot: '拍摄',
  113. plan: '策划',
  114. plane: '平面',
  115. admin: '管理员',
  116. operator: '运营专员',
  117. kuaishouOperationManager: '快手运营经理',
  118. designTeamLeader: '设计组长',
  119. planeLeader: '平面组长',
  120. touTiaoOperationManager: '头条运营经理',
  121. operationAssistant: '运营助理',
  122. }
  123. if (value) {
  124. return state[value]
  125. } else {
  126. return '暂无'
  127. }
  128. },
  129. //保留两位小数并且变成货币格式
  130. decimalsHandle(val) {
  131. if (val && typeof val != 'string') {
  132. if (val >= 0) {
  133. val = parseFloat(val).toFixed(2);
  134. let numberStr = val.toString()
  135. let str = numberStr.split('.')
  136. let str0 = str[0].split('').reverse();
  137. for (let i = 0; i < str0.length; i++) {
  138. if ((i + 1) % 4 === 0) {
  139. str0.splice(i, 0, ',')
  140. }
  141. }
  142. str0.reverse()
  143. let handleResult = ''
  144. for (let j = 0; j < str0.length; j++) {
  145. handleResult += str0[j]
  146. }
  147. return handleResult + '.' + str[1]
  148. } else {
  149. val = parseFloat(val).toFixed(2);
  150. let numberStr = val.toString()
  151. let str = numberStr.split('.')
  152. let str0 = str[0].substr(1).split('').reverse();
  153. for (let i = 0; i < str0.length; i++) {
  154. if ((i + 1) % 4 === 0) {
  155. str0.splice(i, 0, ',')
  156. }
  157. }
  158. str0.reverse()
  159. let handleResult = ''
  160. for (let j = 0; j < str0.length; j++) {
  161. handleResult += str0[j]
  162. }
  163. return '-' + handleResult + '.' + str[1]
  164. }
  165. } else if (typeof val == 'string') {
  166. return val
  167. }
  168. else {
  169. return 0
  170. }
  171. },
  172. //变成货币格式
  173. formatCurrency(val) {
  174. if ((val || val == 0) && typeof val != 'string') {
  175. let numberStr = val.toString()
  176. let str = numberStr.split('').reverse()
  177. for (let i = 0; i < str.length; i++) {
  178. if ((i + 1) % 4 === 0) {
  179. str.splice(i, 0, ',')
  180. }
  181. }
  182. str.reverse()
  183. let handleResult = ''
  184. for (let j = 0; j < str.length; j++) {
  185. handleResult += str[j]
  186. }
  187. return handleResult
  188. } else if (typeof val == 'string') {
  189. return val
  190. }
  191. else {
  192. return '-'
  193. }
  194. },
  195. //加百分比
  196. toPercentage(val) {
  197. if (val) {
  198. if (typeof val != 'string') {
  199. return (val * 100).toFixed(2) + '%'
  200. } else {
  201. return val
  202. }
  203. } else if (typeof val == 'string') {
  204. return val
  205. }
  206. else {
  207. return 0
  208. }
  209. },
  210. //媒体类型
  211. handleMediaType(val) {
  212. switch (val) {
  213. case 1:
  214. return '头条'
  215. break
  216. case 2:
  217. return '快手'
  218. break
  219. case 3:
  220. return '头条内广'
  221. break
  222. case 4:
  223. return '快手内广'
  224. break
  225. default:
  226. break
  227. }
  228. },
  229. //文件大小
  230. sizeShow(value) {
  231. return (value / 1024).toFixed(2)
  232. },
  233. }
  234. // 获取当前月的第一天
  235. function getCurrentMonthFirst() {
  236. let date = new Date();
  237. date.setDate(1);
  238. return date;
  239. }
  240. // 获取当前月的最后一天
  241. function getCurrentMonthLast() {
  242. let date = new Date();
  243. let currentMonth = date.getMonth();
  244. let nextMonth = ++currentMonth;
  245. let nextMonthFirstDay = new Date(date.getFullYear(), nextMonth, 1);
  246. let oneDay = 1000 * 60 * 60 * 24;
  247. return new Date(nextMonthFirstDay - oneDay);
  248. }
  249. // 今日日期小于15号时和今日日期大于等于15号时
  250. function getCurrentMonthFifty() {
  251. let date = new Date();
  252. if (date.getDate() < 15) {
  253. let bb = date.setTime(new Date().getTime() - 3600 * 1000 * 24 * 15);
  254. return bb;
  255. } else if (date.getDate() >= 15) {
  256. let year = date.getFullYear();
  257. let month = date.getMonth();
  258. let myDate = new Date(year, month, 0);
  259. let lastDay = year + "-" + month + "-" + myDate.getDate();//上个月的最后一天
  260. return lastDay;
  261. }
  262. }
  263. export default {
  264. install: function (Vue) {
  265. Object.keys(filters).forEach(key => {
  266. Vue.filter(key, filters[key])
  267. })
  268. }
  269. }