selectComponent.vue 51 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298
  1. <template>
  2. <div>
  3. <div v-for="(item,index) in customFields" :key="index">
  4. <div class="leibie">
  5. <p class="leiName">{{item.title}}</p>
  6. <!-- <span class="jutixiang">
  7. <a-checkbox
  8. :value="index"
  9. name="type"
  10. @change="isSelectAll($event,index)"
  11. :checked="item.checkall"
  12. >全选</a-checkbox>
  13. </span> -->
  14. <!-- {{item.form}} -->
  15. <a-checkbox-group v-model="item.form" >
  16. <span class="jutixiang" v-for="(zhi,num) in item.specificFields " :key="num">
  17. <a-checkbox :value="zhi.dataIndex" name="type" @change="checkboxClick(zhi)">
  18. <a-tooltip
  19. class="select-component"
  20. placement="top"
  21. :title="zhi.tip"
  22. :overlayClassName="tooltipShow"
  23. >{{zhi.title}}</a-tooltip>
  24. </a-checkbox>
  25. </span>
  26. </a-checkbox-group>
  27. </div>
  28. </div>
  29. </div>
  30. </template>
  31. <script>
  32. const customFields = [
  33. {
  34. id: 0,
  35. title: '展现数据',
  36. checkall: false,
  37. form:[],
  38. specificFields: [
  39. {
  40. title: '上传时间',
  41. dataIndex: 'materialUploadTime',
  42. scopedSlots: { customRender: 'materialUploadTime' },
  43. align: 'center',
  44. sorter: () => {}
  45. },
  46. {
  47. title: '消耗',
  48. dataIndex: 'cost',
  49. width:150,
  50. tip: '表示广告在投放期内的预估花费金额。当天数据可能会有波动,次日稳定',
  51. align: 'center',
  52. scopedSlots: { customRender: 'cost' },
  53. sorter: (a, b) => a.cost - b.cost
  54. },
  55. {
  56. title: '展示数',
  57. dataIndex: 'showMaterial',
  58. tip: '经平台判定有效且被计数的展示次数',
  59. align: 'center',
  60. scopedSlots: { customRender: 'showMaterial' },
  61. sorter: (a, b) => a.showMaterial - b.showMaterial
  62. },
  63. {
  64. title: '平均千次展现费用',
  65. dataIndex: 'cpm',
  66. tip: '广告平均每一千次展现所付出的费用,计算公式是:总花费/展示数*1000',
  67. align: 'center',
  68. scopedSlots: { customRender: 'cpm' },
  69. sorter: (a, b) => a.cpm - b.cpm
  70. },
  71. {
  72. title: '点击数',
  73. dataIndex: 'clickMaterial',
  74. tip: '当头条用户点击广告素材时,触发点击事件,该事件被认为是一次有效的广告点击',
  75. align: 'center',
  76. scopedSlots: { customRender: 'clickMaterial' },
  77. sorter: (a, b) => a.clickMaterial - b.clickMaterial
  78. },
  79. {
  80. title: '点击率',
  81. dataIndex: 'ctr',
  82. tip: '广告被点击的次数占展示次数的百分比。计算方法:点击数/展示数*100%',
  83. align: 'center',
  84. scopedSlots: { customRender: 'ctr' },
  85. sorter: (a, b) => a.ctr - b.ctr
  86. },
  87. {
  88. title: '平均点击单价',
  89. dataIndex: 'cpc',
  90. tip: '广告主为每次点击付出的费用成本,计算公式是:总花费/点击数',
  91. align: 'center',
  92. scopedSlots: { customRender: 'cpc' },
  93. sorter: (a, b) => a.cpc - b.cpc
  94. }
  95. ]
  96. },
  97. {
  98. id: 1,
  99. title: '转化数据',
  100. checkall: false,
  101. form:[],
  102. specificFields: [
  103. {
  104. title: '转化数',
  105. dataIndex: 'convertMaterial',
  106. tip:'将转化数记录在转化事件发生的时间上。建议广告主考核成本时参考“转化数据(计费时间)”例如您的广告在早上8点进行了展示和点击,用户晚上19点发生了激活行为,我们会把激活数披露在晚上19点',
  107. align: 'center',
  108. scopedSlots: { customRender: 'convertMaterial' },
  109. sorter: (a, b) => a.convertMaterial - b.convertMaterial
  110. },
  111. {
  112. title: '转化成本',
  113. dataIndex: 'convertCost',
  114. tip: '广告主为每个转化所付出的平均成本,计算方式:总花费/转化数。当天数据可能会有波动',
  115. align: 'center',
  116. scopedSlots: { customRender: 'convertCost' },
  117. sorter: (a, b) => a.convertCost - b.convertCost
  118. },
  119. {
  120. title: '转化率',
  121. dataIndex: 'convertRate',
  122. tip: '广告被用户转化的次数占点击次数的百分比。计算方式:转化数/点击数*100%',
  123. align: 'center',
  124. scopedSlots: { customRender: 'playOverRate' },
  125. sorter: (a, b) => a.playOverRate - b.playOverRate
  126. },
  127. // {
  128. // title: '深度转化次数',
  129. // dataIndex: 'deepconvert',
  130. // tip:'将深度转化数记录在转化事件发生的时间上。建议广告主考核深度转化成本时参考“深度转化数(计费时间)”例如您的广告在早上8点进行了展示和点击,用户晚上19点发生了激活行为,我们会把激活数披露在晚上19点',
  131. // align: 'center',
  132. // scopedSlots: { customRender: 'playOverRate' },
  133. // sorter: (a, b) => a.playOverRate - b.playOverRate
  134. // },
  135. // {
  136. // title: '深度转化成本',
  137. // dataIndex: 'deepconvertCost',
  138. // tip: '广告主为每个深度转化所付出的平均成本,计算方法:总花费/深度转化数。当天数据可能会有波动,次日早8点后稳定',
  139. // align: 'center',
  140. // scopedSlots: { customRender: 'deepconvertCost' },
  141. // sorter: (a, b) => a.deepconvertCost - b.deepconvertCost
  142. // },
  143. // {
  144. // title: '深度转化率',
  145. // dataIndex: 'deepconvertRate',
  146. // tip: '广告被用户进行深度转化的次数占转化次数的百分比。计算方式:深度转化数/转化数*100%',
  147. // align: 'center',
  148. // scopedSlots: { customRender: 'playOverRate' },
  149. // sorter: (a, b) => a.playOverRate - b.playOverRate
  150. // }
  151. ]
  152. },
  153. // {
  154. // id: 2,
  155. // title: '转化数据(计费时间)',
  156. // checkall: false,
  157. // form:[],
  158. // specificFields: [
  159. // {
  160. // title: '转化数(计费时间)',
  161. // dataIndex: 'conversionNumberbillabletime',
  162. // tip:'在转化行为发生(或回传)后,将转化行为回记到过去7天内的扣费(消耗产生)时间上。 例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后于8月23日产生1笔购买,则8月23日这笔购买将会展示在8月20日,8月23日没有转化数。暂不支持查看当日数据',
  163. // align: 'center',
  164. // scopedSlots: { customRender: 'conversionNumberbillabletime' },
  165. // sorter: (a, b) => a.conversionNumberbillabletime - b.conversionNumberbillabletime
  166. // },
  167. // {
  168. // title: '转化成本(计费时间)',
  169. // dataIndex: 'convertCostbillabletime',
  170. // tip:
  171. // '转化成本(计费时间) = 消耗 / 转化数(计费时间)。例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后,于8月23日产生2笔购买,则8月20日的转化成本(计费时间) = 5元(即10元除以2笔)。成本考核和系统赔付以该指标为准,暂不支持查看当日数据',
  172. // align: 'center',
  173. // scopedSlots: { customRender: 'convertCostbillabletime' },
  174. // sorter: (a, b) => a.convertCostbillabletime - b.convertCostbillabletime
  175. // },
  176. // {
  177. // title: '深度转化次数(计费时间)',
  178. // dataIndex: 'deepconvertbillabletime',
  179. // tip:
  180. // '在转化行为发生(或回传)后,将转化行为回记到过去7天内的扣费(消耗产生)时间上。 例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后于8月23日产生1笔购买,则8月23日这笔购买将会展示在8月20日。暂不支持查看当日数据',
  181. // align: 'center',
  182. // scopedSlots: { customRender: 'deepconvertbillabletime' },
  183. // sorter: (a, b) => a.deepconvertbillabletime - b.deepconvertbillabletime
  184. // },
  185. // {
  186. // title: '深度转化成本(计费时间)',
  187. // dataIndex: 'deepconvertCostbillabletime',
  188. // tip:
  189. // '是一个准确的深度转化成本评估指标。计算方式:消耗 / 深度转化数(计费时间)。例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后,于 8 月 23 日产生2笔购买,则8月20日的深度转化成本(计费时间) = 5元(即10元除以2笔)。成本考核和系统赔付以该指标为准,暂不支持查看当日数据',
  190. // align: 'center',
  191. // scopedSlots: { customRender: 'deepconvertCostbillabletime' },
  192. // sorter: (a, b) => a.deepconvertCostbillabletime - b.deepconvertCostbillabletime
  193. // }
  194. // ]
  195. // },
  196. {
  197. id: 3,
  198. title: '应用下载广告数据',
  199. checkall: false,
  200. form:[],
  201. specificFields: [
  202. {
  203. title: '安卓下载开始数',
  204. dataIndex: 'downloadStart',
  205. tip: '用户在落地页中开始安装包下载进程的次数,仅安卓下载可以监测到该行为',
  206. align: 'center',
  207. scopedSlots: { customRender: 'downloadStart' },
  208. sorter: (a, b) => a.downloadStart - b.downloadStart
  209. },
  210. {
  211. title: '安卓下载开始成本',
  212. dataIndex: 'downloadStartCost',
  213. tip: '计算方法:总花费/安卓下载开始数',
  214. align: 'center',
  215. scopedSlots: { customRender: 'downloadStartCost' },
  216. sorter: (a, b) => a.downloadStartCost - b.downloadStartCost
  217. },
  218. {
  219. title: '安卓下载开始率',
  220. dataIndex: 'downloadStartRate',
  221. tip: '计算方法:安卓下载开始数/点击数',
  222. align: 'center',
  223. scopedSlots: { customRender: 'downloadStartRate' },
  224. sorter: (a, b) => a.downloadStartRate - b.downloadStartRate
  225. },
  226. {
  227. title: '安卓下载完成数',
  228. dataIndex: 'downloadFinish',
  229. tip: '用户在落地页中下载安装包进程完成的次数,仅安卓下载可以监测到该行为',
  230. align: 'center',
  231. scopedSlots: { customRender: 'downloadFinish' },
  232. sorter: (a, b) => a.downloadFinish - b.downloadFinish
  233. },
  234. {
  235. title: '安卓下载完成成本',
  236. dataIndex: 'downloadFinishCost',
  237. tip: '计算方式:总花费/安卓下载完成数',
  238. align: 'center',
  239. scopedSlots: { customRender: 'downloadFinishCost' },
  240. sorter: (a, b) => a.downloadFinishCost - b.downloadFinishCost
  241. },
  242. {
  243. title: '安卓下载完成率',
  244. dataIndex: 'downloadFinishRate',
  245. tip: '计算方式:安卓安装完成数/安卓下载完成数',
  246. align: 'center',
  247. scopedSlots: { customRender: 'downloadFinishRate' },
  248. sorter: (a, b) => a.downloadFinishRate - b.downloadFinishRate
  249. },
  250. {
  251. title: '激活数',
  252. dataIndex: 'active',
  253. tip: '广告主回传的应用激活数',
  254. align: 'center',
  255. scopedSlots: { customRender: 'active' },
  256. sorter: (a, b) => a.active - b.active
  257. },
  258. {
  259. title: '激活成本',
  260. dataIndex: 'activeCost',
  261. tip: '计算方式:总花费/激活数',
  262. align: 'center',
  263. scopedSlots: { customRender: 'activeCost' },
  264. sorter: (a, b) => a.activeCost - b.activeCost
  265. },
  266. {
  267. title: '激活率',
  268. dataIndex: 'activeRate',
  269. tip: '计算方式:激活数/点击数*100%',
  270. align: 'center',
  271. scopedSlots: { customRender: 'activeRate' },
  272. sorter: (a, b) => a.activeRate - b.activeRate
  273. },
  274. {
  275. title: '注册数',
  276. dataIndex: 'register',
  277. tip: '广告主回传成功的注册数',
  278. align: 'center',
  279. scopedSlots: { customRender: 'register' },
  280. sorter: (a, b) => a.register - b.register
  281. },
  282. {
  283. title: '注册成本',
  284. dataIndex: 'activeRegisterCost',
  285. tip: '广告主为每个注册所付出的成本,计算公式是:总花费/注册数,当天数据可能会有波动,次日早8点后稳定',
  286. align: 'center',
  287. scopedSlots: { customRender: 'activeRegisterCost' },
  288. sorter: (a, b) => a.activeRegisterCost - b.activeRegisterCost
  289. },
  290. {
  291. title: '注册率',
  292. dataIndex: 'activeRegisterRate',
  293. tip: '注册用户占激活用户的比例',
  294. align: 'center',
  295. scopedSlots: { customRender: 'activeRegisterRate' },
  296. sorter: (a, b) => a.activeRegisterRate - b.activeRegisterRate
  297. },
  298. {
  299. title: '关键行为数',
  300. dataIndex: 'gameAddiction',
  301. tip: '有APP内关键行为的用户数量',
  302. align: 'center',
  303. scopedSlots: { customRender: 'gameAddiction' },
  304. sorter: (a, b) => a.gameAddiction - b.gameAddiction
  305. },
  306. {
  307. title: '关键行为成本',
  308. dataIndex: 'gameAddictionCost',
  309. tip:
  310. '广告主为每个有APP内关键行为的用户所付出的成本,计算公式是总花费/关键行为数。当天数据可能会有波动,次日早8点后稳定',
  311. align: 'center',
  312. scopedSlots: { customRender: 'gameAddictionCost' },
  313. sorter: (a, b) => a.gameAddictionCost - b.gameAddictionCost
  314. },
  315. {
  316. title: '关键行为率',
  317. dataIndex: 'gameAddictionRate',
  318. tip: '关键行为用户占激活用户的比例',
  319. align: 'center',
  320. scopedSlots: { customRender: 'gameAddictionRate' },
  321. sorter: (a, b) => a.gameAddictionRate - b.gameAddictionRate
  322. },
  323. {
  324. title: '次留数',
  325. dataIndex: 'nextDayOpen',
  326. tip: '在次留行为发生或回传后,将次留数匹配到相应的激活时间上,用来查看当天在第二天的次留数。当天数据不产出',
  327. align: 'center',
  328. scopedSlots: { customRender: 'nextDayOpen' },
  329. sorter: (a, b) => a.nextDayOpen - b.nextDayOpen
  330. },
  331. {
  332. title: '次留成本',
  333. dataIndex: 'nextDayOpenCost',
  334. tip: '次留成本=消耗/次留数',
  335. align: 'center',
  336. scopedSlots: { customRender: 'nextDayOpenCost' },
  337. sorter: (a, b) => a.nextDayOpenCost - b.nextDayOpenCost
  338. },
  339. {
  340. title: '次留率',
  341. dataIndex: 'nextDayOpenRate',
  342. tip: '次留率=次留数/激活数',
  343. align: 'center',
  344. scopedSlots: { customRender: 'nextDayOpenRate' },
  345. sorter: (a, b) => a.nextDayOpenRate - b.nextDayOpenRate
  346. },
  347. // {
  348. // title: '次留回传数',
  349. // dataIndex: 'nextDayOpenEcho',
  350. // tip: '根据您通过api或sdk回传给我们的时间为准,将次留数披露在回传时间',
  351. // align: 'center',
  352. // scopedSlots: { customRender: 'nextDayOpenEcho' },
  353. // sorter: (a, b) => a.nextDayOpenEcho - b.nextDayOpenEcho
  354. // },
  355. // {
  356. // title: '首次付费数',
  357. // dataIndex: 'firstPayment',
  358. // tip: '用户在应用内首次完成付费的次数',
  359. // align: 'center',
  360. // scopedSlots: { customRender: 'firstPayment' },
  361. // sorter: (a, b) => a.firstPayment - b.firstPayment
  362. // },
  363. // {
  364. // title: '首次付费成本',
  365. // dataIndex: 'firstPaymentCost',
  366. // tip: '用户在应用内首次完成付费的成本,计算方式:消耗/首次付费数',
  367. // align: 'center',
  368. // scopedSlots: { customRender: 'firstPaymentCost' },
  369. // sorter: (a, b) => a.firstPaymentCost - b.firstPaymentCost
  370. // },
  371. // {
  372. // title: '首次付费率',
  373. // dataIndex: 'firstPaymentRate',
  374. // tip: '计算方式:首次付费数/激活数',
  375. // align: 'center',
  376. // scopedSlots: { customRender: 'firstPaymentRate' },
  377. // sorter: (a, b) => a.firstPaymentRate - b.firstPaymentRate
  378. // },
  379. {
  380. title: '付费数',
  381. dataIndex: 'activePayAmount',
  382. tip: '当天用户在应用内完成付费的总次数,多次付费会重复计数',
  383. align: 'center',
  384. scopedSlots: { customRender: 'activePayAmount' },
  385. sorter: (a, b) => a.activePayAmount - b.activePayAmount
  386. },
  387. {
  388. title: '付费成本',
  389. dataIndex: 'activePayCost',
  390. tip: '当天用户在应用内完成付费的平均成本,计算方式:消耗/付费次数',
  391. align: 'center',
  392. scopedSlots: { customRender: 'activePayCost' },
  393. sorter: (a, b) => a.activePayCost - b.activePayCost
  394. },
  395. // {
  396. // title: '7日付费次数(激活时间)',
  397. // dataIndex: 'activePayAmountBetween7days',
  398. // tip: '用户激活应用后的7天内,在应用内完成付费的总次数,并将付费次数披露在每个用户的激活时间上',
  399. // align: 'center',
  400. // scopedSlots: { customRender: 'activePayAmountBetween7days' },
  401. // sorter: (a, b) => a.activePayAmountBetween7days - b.activePayAmountBetween7days
  402. // },
  403. // {
  404. // title: '7日付费成本(激活时间)',
  405. // dataIndex: 'activePayAmountCostBetween7days',
  406. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  407. // align: 'center',
  408. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  409. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  410. // },
  411. // {
  412. // title: '7日人均付费次数(激活时间)',
  413. // dataIndex: 'activePayAmountAverageBetween7days',
  414. // tip:
  415. // '7天内用户的平均付费次数,计算方式:7日付费次数(激活时间)/7日首次付费数(激活时间),对首次付费数的统计仅在计划内去重且披露在每个用户的激活时间上',
  416. // align: 'center',
  417. // scopedSlots: { customRender: 'activePayAmountAverageBetween7days' },
  418. // sorter: (a, b) => a.activePayAmountAverageBetween7days - b.activePayAmountAverageBetween7days
  419. // },
  420. // {
  421. // title: 'app内访问',
  422. // dataIndex: 'ithinTheAppToAccess',
  423. // tip: '用户调起APP后到达的次数,一般在DPA广告中使用',
  424. // align: 'center',
  425. // scopedSlots: { customRender: 'ithinTheAppToAccess' },
  426. // sorter: (a, b) => a.ithinTheAppToAccess - b.ithinTheAppToAccess
  427. // },
  428. // {
  429. // title: 'app内访问详情页',
  430. // dataIndex: 'activePayAmountCostBetween7days',
  431. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  432. // align: 'center',
  433. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  434. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  435. // },
  436. // {
  437. // title: 'app内加入购物车',
  438. // dataIndex: 'activePayAmountCostBetween7days',
  439. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  440. // align: 'center',
  441. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  442. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  443. // },
  444. // {
  445. // title: 'app内下单',
  446. // dataIndex: 'activePayAmountCostBetween7days',
  447. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  448. // align: 'center',
  449. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  450. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  451. // },
  452. // {
  453. // title: 'app内付费',
  454. // dataIndex: 'activePayAmountCostBetween7days',
  455. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  456. // align: 'center',
  457. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  458. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  459. // },
  460. // {
  461. // title: '完件数',
  462. // dataIndex: 'activePayAmountCostBetween7days',
  463. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  464. // align: 'center',
  465. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  466. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  467. // },
  468. // {
  469. // title: '完件成本',
  470. // dataIndex: 'activePayAmountCostBetween7days',
  471. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  472. // align: 'center',
  473. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  474. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  475. // },
  476. // {
  477. // title: '完件率',
  478. // dataIndex: 'activePayAmountCostBetween7days',
  479. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  480. // align: 'center',
  481. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  482. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  483. // },
  484. // {
  485. // title: '预授信数',
  486. // dataIndex: 'activePayAmountCostBetween7days',
  487. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  488. // align: 'center',
  489. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  490. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  491. // },
  492. // {
  493. // title: '预授信成本',
  494. // dataIndex: 'activePayAmountCostBetween7days',
  495. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  496. // align: 'center',
  497. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  498. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  499. // },
  500. // {
  501. // title: '授信数',
  502. // dataIndex: 'activePayAmountCostBetween7days',
  503. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  504. // align: 'center',
  505. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  506. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  507. // },
  508. // {
  509. // title: '授信成本',
  510. // dataIndex: 'activePayAmountCostBetween7days',
  511. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  512. // align: 'center',
  513. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  514. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  515. // },
  516. // {
  517. // title: '授信率',
  518. // dataIndex: 'activePayAmountCostBetween7days',
  519. // tip: '用户激活应用后的7天内,在应用内完成付费的平均成本,计算方式:消耗/7日付费次数(激活时间)',
  520. // align: 'center',
  521. // scopedSlots: { customRender: 'activePayAmountCostBetween7days' },
  522. // sorter: (a, b) => a.activePayAmountCostBetween7days - b.activePayAmountCostBetween7days
  523. // }
  524. ]
  525. },
  526. {
  527. id: 4,
  528. title: '落地页及门店数据',
  529. checkall: false,
  530. form:[],
  531. specificFields: [
  532. // {
  533. // title: '点击电话按钮',
  534. // dataIndex: 'clickThePhoneButton',
  535. // tip: '用户点击POI页面的电话按钮的次数',
  536. // align: 'center',
  537. // scopedSlots: { customRender: 'clickThePhoneButton' },
  538. // sorter: (a, b) => a.clickThePhoneButton - b.clickThePhoneButton
  539. // },
  540. {
  541. title: '表单提交',
  542. dataIndex: 'form',
  543. tip: '用户在门店落地页多线沟通提交表单的次数',
  544. align: 'center',
  545. scopedSlots: { customRender: 'form' },
  546. sorter: (a, b) => a.form - b.form
  547. },
  548. // {
  549. // title: '地图搜索',
  550. // dataIndex: 'mapSearch',
  551. // tip: '用户进行地图搜索的次数',
  552. // align: 'center',
  553. // scopedSlots: { customRender: 'mapSearch' },
  554. // sorter: (a, b) => a.mapSearch - b.mapSearch
  555. // },
  556. // {
  557. // title: '按钮button',
  558. // dataIndex: 'button',
  559. // tip: '用户点击按钮button的次数',
  560. // align: 'center',
  561. // scopedSlots: { customRender: 'button' },
  562. // sorter: (a, b) => a.button - b.button
  563. // },
  564. // {
  565. // title: '关键页面浏览',
  566. // dataIndex: 'viewMaterial',
  567. // tip: '用户在关键页面的浏览次数',
  568. // align: 'center',
  569. // scopedSlots: { customRender: 'viewMaterial' },
  570. // sorter: (a, b) => a.viewMaterial - b.viewMaterial
  571. // },
  572. // {
  573. // title: '下载开始',
  574. // dataIndex: 'download',
  575. // tip: '用户点击下载开始的次数',
  576. // align: 'center',
  577. // scopedSlots: { customRender: 'download' },
  578. // sorter: (a, b) => a.download - b.download
  579. // },
  580. // {
  581. // title: 'qq咨询',
  582. // dataIndex: 'qq',
  583. // tip: '用户点击QQ咨询按钮的次数',
  584. // align: 'center',
  585. // scopedSlots: { customRender: 'qq' },
  586. // sorter: (a, b) => a.qq - b.qq
  587. // },
  588. // {
  589. // title: '抽奖',
  590. // dataIndex: 'lottery',
  591. // tip: '用户点击抽奖按钮的次数',
  592. // align: 'center',
  593. // scopedSlots: { customRender: 'lottery' },
  594. // sorter: (a, b) => a.lottery - b.lottery
  595. // },
  596. // {
  597. // title: '投票',
  598. // dataIndex: 'vote',
  599. // tip: '用户点击投票按钮的次数',
  600. // align: 'center',
  601. // scopedSlots: { customRender: 'vote' },
  602. // sorter: (a, b) => a.vote - b.vote
  603. // },
  604. // {
  605. // title: '短信咨询',
  606. // dataIndex: 'message',
  607. // tip: '用户点击短信咨询的次数',
  608. // align: 'center',
  609. // scopedSlots: { customRender: 'message' },
  610. // sorter: (a, b) => a.message - b.message
  611. // },
  612. // {
  613. // title: '页面跳转',
  614. // dataIndex: 'redirect',
  615. // tip: '用户跳转至其他页面的次数',
  616. // align: 'center',
  617. // scopedSlots: { customRender: 'redirect' },
  618. // sorter: (a, b) => a.redirect - b.redirect
  619. // },
  620. // {
  621. // title: '商品购买',
  622. // dataIndex: 'shopping',
  623. // tip: '用户购买商品的次数',
  624. // align: 'center',
  625. // scopedSlots: { customRender: 'shopping' },
  626. // sorter: (a, b) => a.shopping - b.shopping
  627. // },
  628. // {
  629. // title: '在线咨询',
  630. // dataIndex: 'consult',
  631. // tip: '用户点击在线咨询按钮的次数',
  632. // align: 'center',
  633. // scopedSlots: { customRender: 'consult' },
  634. // sorter: (a, b) => a.consult - b.consult
  635. // },
  636. // {
  637. // title: '微信复制',
  638. // dataIndex: 'wechat',
  639. // tip: '用户通过长按复制微信号的次数',
  640. // align: 'center',
  641. // scopedSlots: { customRender: 'wechat' },
  642. // sorter: (a, b) => a.wechat - b.wechat
  643. // },
  644. // {
  645. // title: '智能电话-确认拨打',
  646. // dataIndex: 'phoneConfirm',
  647. // tip: '用户点击确认拨打电话按钮的次数',
  648. // align: 'center',
  649. // scopedSlots: { customRender: 'phoneConfirm' },
  650. // sorter: (a, b) => a.phoneConfirm - b.phoneConfirm
  651. // },
  652. // {
  653. // title: '智能电话-确认接通',
  654. // dataIndex: 'phoneConnect',
  655. // tip: '用户在门店落地页点击多线沟通的电话按钮并接通的次数',
  656. // align: 'center',
  657. // scopedSlots: { customRender: 'phoneConnect' },
  658. // sorter: (a, b) => a.phoneConnect - b.phoneConnect
  659. // },
  660. // {
  661. // title: '有效咨询',
  662. // dataIndex: 'consultEffective',
  663. // tip: '用户在门店落地页多线沟通的在线咨询中有效咨询的次数',
  664. // align: 'center',
  665. // scopedSlots: { customRender: 'consultEffective' },
  666. // sorter: (a, b) => a.consultEffective - b.consultEffective
  667. // },
  668. // {
  669. // title: '建站卡券领取',
  670. // dataIndex: 'coupon',
  671. // tip: '用户点击POI页面卡券领取按钮的次数',
  672. // align: 'center',
  673. // scopedSlots: { customRender: 'coupon' },
  674. // sorter: (a, b) => a.coupon - b.coupon
  675. // },
  676. // {
  677. // title: '卡券页领取',
  678. // dataIndex: 'couponSinglePage',
  679. // tip: '用户点击POI页面卡券领取按钮的次数',
  680. // align: 'center',
  681. // scopedSlots: { customRender: 'couponSinglePage' },
  682. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  683. // },
  684. // {
  685. // title: '调起店铺',
  686. // dataIndex: 'tuningUpTheShop',
  687. // tip: '用户调起第三方店铺的次数',
  688. // align: 'center',
  689. // scopedSlots: { customRender: 'tuningUpTheShop' },
  690. // sorter: (a, b) => a.tuningUpTheShop - b.tuningUpTheShop
  691. // },
  692. // {
  693. // title: '店铺收藏',
  694. // dataIndex: 'collectShop',
  695. // tip: '用户点击POI页面的收藏按钮的次数',
  696. // align: 'center',
  697. // scopedSlots: { customRender: 'collectShop' },
  698. // sorter: (a, b) => a.collectShop - b.collectShop
  699. // },
  700. // {
  701. // title: '查看店铺地址',
  702. // dataIndex: 'Checkthestoreaddress',
  703. // tip: '用户点击顶部地图图标区域展开详细地图/点击图片下方地址展开详细地图/点击图片下方地址展开详细地图的次数',
  704. // align: 'center',
  705. // scopedSlots: { customRender: 'Checkthestoreaddress' },
  706. // sorter: (a, b) => a.Checkthestoreaddress - b.Checkthestoreaddress
  707. // },
  708. // {
  709. // title: '鲁班订单量',
  710. // dataIndex: 'Orderquantityofluban',
  711. // tip: '该条广告产生的订单数量',
  712. // align: 'center',
  713. // scopedSlots: { customRender: 'Orderquantityofluban' },
  714. // sorter: (a, b) => a.Orderquantityofluban - b.Orderquantityofluban
  715. // },
  716. // {
  717. // title: '鲁班订单金额',
  718. // dataIndex: 'couponSinglePage',
  719. // tip: '该条广告产生订单的实际销售金额,不含优惠券和退款。当前仅支持商品推广的计划',
  720. // align: 'center',
  721. // scopedSlots: { customRender: 'couponSinglePage' },
  722. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  723. // },
  724. // {
  725. // title: '鲁班订单ROI',
  726. // dataIndex: 'couponSinglePage',
  727. // tip: '计算公式:订单金额/广告消耗。当前仅支持商品推广的计划',
  728. // align: 'center',
  729. // scopedSlots: { customRender: 'couponSinglePage' },
  730. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  731. // },
  732. // {
  733. // title: '直播间有效观看数',
  734. // dataIndex: 'couponSinglePage',
  735. // tip: '用户进入您直播间的次数',
  736. // align: 'center',
  737. // scopedSlots: { customRender: 'couponSinglePage' },
  738. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  739. // },
  740. // {
  741. // title: '直播间关注数',
  742. // dataIndex: 'couponSinglePage',
  743. // tip: '您的直播间新增的粉丝数',
  744. // align: 'center',
  745. // scopedSlots: { customRender: 'couponSinglePage' },
  746. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  747. // },
  748. // {
  749. // title: '直播间查看购物车数',
  750. // dataIndex: 'couponSinglePage',
  751. // tip: '用户在您的直播间点击查看购物车的次数',
  752. // align: 'center',
  753. // scopedSlots: { customRender: 'couponSinglePage' },
  754. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  755. // },
  756. // {
  757. // title: '直播间订单量',
  758. // dataIndex: 'couponSinglePage',
  759. // tip: '用户在您直播间的支付成功的订单量',
  760. // align: 'center',
  761. // scopedSlots: { customRender: 'couponSinglePage' },
  762. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  763. // },
  764. // {
  765. // title: '直播间订单金额',
  766. // dataIndex: 'couponSinglePage',
  767. // tip: '用户在您直播间的支付成功的订单金额,单位:元',
  768. // align: 'center',
  769. // scopedSlots: { customRender: 'couponSinglePage' },
  770. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  771. // },
  772. // {
  773. // title: '直播间3日订单量',
  774. // dataIndex: 'couponSinglePage',
  775. // tip: '最近一次通过广告触达用户之后,3日内在该主播的直播间带来的支付订单量',
  776. // align: 'center',
  777. // scopedSlots: { customRender: 'couponSinglePage' },
  778. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  779. // },
  780. // {
  781. // title: '直播间3日订单金额',
  782. // dataIndex: 'couponSinglePage',
  783. // tip: '最近一次通过广告触达用户之后,3日内在该主播的直播间带来的支付订单金额,单位:元',
  784. // align: 'center',
  785. // scopedSlots: { customRender: 'couponSinglePage' },
  786. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  787. // },
  788. // {
  789. // title: '直播间7日订单量',
  790. // dataIndex: 'couponSinglePage',
  791. // tip: '最近一次通过广告触达用户之后,7日内在该主播的直播间带来的支付订单量',
  792. // align: 'center',
  793. // scopedSlots: { customRender: 'couponSinglePage' },
  794. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  795. // },
  796. // {
  797. // title: '直播间7日订单金额',
  798. // dataIndex: 'couponSinglePage',
  799. // tip: '最近一次通过广告触达用户之后,7日内在该主播的直播间带来的支付订单金额,单位:元',
  800. // align: 'center',
  801. // scopedSlots: { customRender: 'couponSinglePage' },
  802. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  803. // },
  804. // {
  805. // title: '直播间15日订单量',
  806. // dataIndex: 'couponSinglePage',
  807. // tip: '最近一次通过广告触达用户之后,15日内在该主播的直播间带来的支付订单量',
  808. // align: 'center',
  809. // scopedSlots: { customRender: 'couponSinglePage' },
  810. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  811. // },
  812. // {
  813. // title: '直播间15日订单金额',
  814. // dataIndex: 'couponSinglePage',
  815. // tip: '最近一次通过广告触达用户之后,15日内在该主播的直播间带来的支付订单金额,单位:元',
  816. // align: 'center',
  817. // scopedSlots: { customRender: 'couponSinglePage' },
  818. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  819. // },
  820. // {
  821. // title: '直播间30日订单量',
  822. // dataIndex: 'couponSinglePage',
  823. // tip: '最近一次通过广告触达用户之后,30日内在该主播的直播间带来的支付订单量',
  824. // align: 'center',
  825. // scopedSlots: { customRender: 'couponSinglePage' },
  826. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  827. // },
  828. // {
  829. // title: '直播间30日订单金额',
  830. // dataIndex: 'couponSinglePage',
  831. // tip: '最近一次通过广告触达用户之后,30日内在该主播的直播间带来的支付订单金额,单位:元',
  832. // align: 'center',
  833. // scopedSlots: { customRender: 'couponSinglePage' },
  834. // sorter: (a, b) => a.couponSinglePage - b.couponSinglePage
  835. // }
  836. ]
  837. },
  838. // {
  839. // id: 5,
  840. // title: '附加创意',
  841. // checkall: false,
  842. // form:[],
  843. // specificFields: [
  844. // {
  845. // title: '附加创意电话按钮点击',
  846. // dataIndex: 'advancedCreativePhoneClick',
  847. // tip: '用户查看创意的附加创意后,点击电话拨打按钮的次数',
  848. // align: 'center',
  849. // scopedSlots: { customRender: 'advancedCreativePhoneClick' },
  850. // sorter: (a, b) => a.advancedCreativePhoneClick - b.advancedCreativePhoneClick
  851. // },
  852. // {
  853. // title: '附加创意电话按钮点击',
  854. // dataIndex: 'advancedCreativeCounselClick',
  855. // tip: '用户查看创意的附加创意后,点击在线咨询的次数',
  856. // align: 'center',
  857. // scopedSlots: { customRender: 'advancedCreativeCounselClick' },
  858. // sorter: (a, b) => a.advancedCreativeCounselClick - b.advancedCreativeCounselClick
  859. // },
  860. // {
  861. // title: '附加创意表单提交',
  862. // dataIndex: 'advancedCreativeFormClick',
  863. // tip: '用户查看创意的附加创意后,提交表单的次数',
  864. // align: 'center',
  865. // scopedSlots: { customRender: 'advancedCreativeFormClick' },
  866. // sorter: (a, b) => a.advancedCreativeFormClick - b.advancedCreativeFormClick
  867. // },
  868. // {
  869. // title: '附加创意卡券领取',
  870. // dataIndex: 'advancedCreativeCouponAddition',
  871. // tip: '用户查看创意的附加创意后,领取卡券的次数',
  872. // align: 'center',
  873. // scopedSlots: { customRender: 'advancedCreativeCouponAddition' },
  874. // sorter: (a, b) => a.advancedCreativeCouponAddition - b.advancedCreativeCouponAddition
  875. // },
  876. // {
  877. // title: '附加创意表单按钮点击',
  878. // dataIndex: 'advancedCreativeFormButton',
  879. // tip: '用户查看创意的附加创意后,点击表单提交按钮的次数',
  880. // align: 'center',
  881. // scopedSlots: { customRender: 'advancedCreativeFormButton' },
  882. // sorter: (a, b) => a.advancedCreativeFormButton - b.advancedCreativeFormButton
  883. // }
  884. // ]
  885. // },
  886. {
  887. id: 6,
  888. title: '视频数据',
  889. checkall: false,
  890. form:[],
  891. specificFields: [
  892. // {
  893. // title: '播放数',
  894. // dataIndex: 'totalPlay',
  895. // tip: '播放时间大于0S的数量,在某些蜂窝网络环境下,需要您手动点击开始才会开始播放,因此有时播放数小于展示数',
  896. // align: 'center',
  897. // scopedSlots: { customRender: 'totalPlay' },
  898. // sorter: (a, b) => a.totalPlay - b.totalPlay
  899. // },
  900. // {
  901. // title: '有效播放数',
  902. // dataIndex: 'validPlay',
  903. // tip:
  904. // '竞价广告播放时间大于等于10秒的数量,如果视频总时长不足10秒,则记录播放完成的次数。品牌广告在部分APP(头条、头条lite、抖音、西瓜、抖音火山版、皮皮虾)播放时间大于等于5秒的数量,在其他APP大于等于3秒的数量,如果视频总时长不足5秒/3秒时,则记录播放完成的次数',
  905. // align: 'center',
  906. // scopedSlots: { customRender: 'validPlay' },
  907. // sorter: (a, b) => a.validPlay - b.validPlay
  908. // },
  909. // {
  910. // title: '有效播放率',
  911. // dataIndex: 'validPlayRate',
  912. // tip: '计算公式:有效播放数/展示数',
  913. // align: 'center',
  914. // scopedSlots: { customRender: 'validPlayRate' },
  915. // sorter: (a, b) => a.validPlayRate - b.validPlayRate
  916. // },
  917. {
  918. title: '有效播放成本',
  919. dataIndex: 'validPlayCost',
  920. tip: '计算公式:总花费/有效播放数,当天数据可能会有波动,次日早8点后稳定',
  921. align: 'center',
  922. scopedSlots: { customRender: 'validPlayCost' },
  923. sorter: (a, b) => a.validPlayCost - b.validPlayCost
  924. },
  925. {
  926. title: '25%进度播放数',
  927. dataIndex: 'play25FeedBreak',
  928. tip: '用户播放至视频长度25%及以上的次数,包括跳跃播放至此长度的播放次数',
  929. align: 'center',
  930. scopedSlots: { customRender: 'play25FeedBreak' },
  931. sorter: (a, b) => a.play25FeedBreak - b.play25FeedBreak
  932. },
  933. {
  934. title: '50%进度播放数',
  935. dataIndex: 'play50FeedBreak',
  936. tip: '用户播放至视频长度50%及以上的次数,包括跳跃播放至此长度的播放次数',
  937. align: 'center',
  938. scopedSlots: { customRender: 'play50FeedBreak' },
  939. sorter: (a, b) => a.play50FeedBreak - b.play50FeedBreak
  940. },
  941. {
  942. title: '75%进度播放数',
  943. dataIndex: 'play75FeedBreak',
  944. tip: '用户播放至视频长度75%及以上的次数,包括跳跃播放至此长度的播放次数',
  945. align: 'center',
  946. scopedSlots: { customRender: 'play75FeedBreak' },
  947. sorter: (a, b) => a.play75FeedBreak - b.play75FeedBreak
  948. },
  949. {
  950. title: '99%进度播放数',
  951. dataIndex: 'play100FeedBreak',
  952. tip: '用户播放至视频长度100%及以上的次数,包括跳跃播放至此长度的播放次数',
  953. align: 'center',
  954. scopedSlots: { customRender: 'play100FeedBreak' },
  955. sorter: (a, b) => a.play100FeedBreak - b.play100FeedBreak
  956. },
  957. {
  958. title: '平均单次播放时长',
  959. dataIndex: 'averagePlayTimePerPlay',
  960. tip: '计算方法:视频播放总实际时长/播放总次数(不包含跳跃的时长)',
  961. align: 'center',
  962. width:200,
  963. scopedSlots: { customRender: 'averagePlayTimePerPlay' },
  964. sorter: (a, b) => a.averagePlayTimePerPlay - b.averagePlayTimePerPlay
  965. },
  966. // {
  967. // title: '3s卡片展现数',
  968. // dataIndex: 'CardDisplayNumber3s',
  969. // tip: '计算公式:播放完成数/播放数',
  970. // align: 'center',
  971. // scopedSlots: { customRender: 'CardDisplayNumber3s' },
  972. // sorter: (a, b) => a.CardDisplayNumber3s - b.CardDisplayNumber3s
  973. // }
  974. ]
  975. },
  976. {
  977. id: 7,
  978. title: '互动数据',
  979. checkall: false,
  980. form:[],
  981. specificFields: [
  982. {
  983. title: '新增关注数',
  984. dataIndex: 'follow',
  985. tip: '广告被受众新增关注的数量,目前抖音、头条号外、微头条、抖音火山版可新增关注',
  986. align: 'center',
  987. scopedSlots: { customRender: 'follow' },
  988. sorter: (a, b) => a.follow - b.follow
  989. },
  990. {
  991. title: '点赞数',
  992. dataIndex: 'likeMaterial',
  993. tip: '广告被用户点赞的数量',
  994. align: 'center',
  995. scopedSlots: { customRender: 'likeMaterial' },
  996. sorter: (a, b) => a.likeMaterial - b.likeMaterial
  997. },
  998. // {
  999. // title: '评论提交数',
  1000. // dataIndex: 'commentMaterial',
  1001. // tip: '用户在评论区对广告创意输入评论并点击提交的次数,仅限有评论区的APP(西瓜目前没有评论区)',
  1002. // align: 'center',
  1003. // scopedSlots: { customRender: 'commentMaterial' },
  1004. // sorter: (a, b) => a.commentMaterial - b.commentMaterial
  1005. // },
  1006. {
  1007. title: '分享数',
  1008. dataIndex: 'shareMaterial',
  1009. tip: '用户把分享广告到其他社交媒体的次数,成功完成一次分享行为记一次分享数',
  1010. align: 'center',
  1011. scopedSlots: { customRender: 'shareMaterial' },
  1012. sorter: (a, b) => a.shareMaterial - b.shareMaterial
  1013. },
  1014. // {
  1015. // title: '私信数',
  1016. // dataIndex: 'directMessagesNumber',
  1017. // tip: '用户在广告主抖音号主页中发起私信的次数,按人次记数%及以上的次数,包括跳跃播放至此长度的播放次数',
  1018. // align: 'center',
  1019. // scopedSlots: { customRender: 'directMessagesNumber' },
  1020. // sorter: (a, b) => a.directMessagesNumber - b.directMessagesNumber
  1021. // },
  1022. // {
  1023. // title: '主页访问量',
  1024. // dataIndex: 'homeVisited',
  1025. // tip: '点击广告头像进入主页进行访问的次数,目前抖音、头条号外、抖音火山版可进行主页访问',
  1026. // align: 'center',
  1027. // scopedSlots: { customRender: 'homeVisited' },
  1028. // sorter: (a, b) => a.homeVisited - b.homeVisited
  1029. // },
  1030. // {
  1031. // title: '推广页访问量',
  1032. // dataIndex: 'play75FeedBreak',
  1033. // tip: '用户在广告主抖音号主页内访问落地页的次数',
  1034. // align: 'center',
  1035. // scopedSlots: { customRender: 'play75FeedBreak' },
  1036. // sorter: (a, b) => a.play75FeedBreak - b.play75FeedBreak
  1037. // },
  1038. // {
  1039. // title: '主页商品橱窗访问量',
  1040. // dataIndex: 'mainwindowViews',
  1041. // tip: '用户在广告主抖音号主页中访问商品橱窗的次数',
  1042. // align: 'center',
  1043. // scopedSlots: { customRender: 'mainwindowView' },
  1044. // sorter: (a, b) => a.mainwindowView - b.mainwindowView
  1045. // },
  1046. // {
  1047. // title: '主页内落地页访问量',
  1048. // dataIndex: 'homePageViews',
  1049. // tip: '用户在广告主抖音号主页内访问落地页的次数',
  1050. // align: 'center',
  1051. // scopedSlots: { customRender: 'homePageViews' },
  1052. // sorter: (a, b) => a.homePageViews - b.homePageViews
  1053. // },
  1054. // {
  1055. // title: '主页下载链接点击量',
  1056. // dataIndex: 'homepageDownloadHits',
  1057. // tip: '用户在广告主抖音号主页内点击下载的次数',
  1058. // align: 'center',
  1059. // scopedSlots: { customRender: 'homepageDownloadHits' },
  1060. // sorter: (a, b) => a.homepageDownloadHits - b.homepageDownloadHits
  1061. // },
  1062. // {
  1063. // title: '主页内电话拨打点击量',
  1064. // dataIndex: 'wifiPlayRate',
  1065. // tip: '用户在广告主抖音号主页内点击电话拨打的次数',
  1066. // align: 'center',
  1067. // scopedSlots: { customRender: 'wifiPlayRate' },
  1068. // sorter: (a, b) => a.wifiPlayRate - b.wifiPlayRate
  1069. // },
  1070. // {
  1071. // title: '挑战赛查看数',
  1072. // dataIndex: 'iesChallengeClick',
  1073. // tip: '抖音广告中,用户点击挑战赛查看的数量',
  1074. // align: 'center',
  1075. // scopedSlots: { customRender: 'iesChallengeClick' },
  1076. // sorter: (a, b) => a.iesChallengeClick - b.iesChallengeClick
  1077. // },
  1078. // {
  1079. // title: '音乐查看数',
  1080. // dataIndex: 'iesMusicClick',
  1081. // tip: '抖音广告中,用户点击音乐查看的数量',
  1082. // align: 'center',
  1083. // scopedSlots: { customRender: 'iesMusicClick' },
  1084. // sorter: (a, b) => a.iesMusicClick - b.iesMusicClick
  1085. // },
  1086. // {
  1087. // title: 'POI点击数',
  1088. // dataIndex: 'locationClick',
  1089. // tip: '抖音广告中,用户点击POI组件的次数,一般出现在信息流或评论页面。POI为Point of Interest缩写',
  1090. // align: 'center',
  1091. // scopedSlots: { customRender: 'locationClick' },
  1092. // sorter: (a, b) => a.locationClick - b.locationClick
  1093. // }
  1094. ]
  1095. }
  1096. ]
  1097. export default {
  1098. props: ['showCol','fixedCol'],
  1099. data() {
  1100. return {
  1101. customFields:[...customFields],
  1102. quanxuanflag: [],
  1103. hovered: false,
  1104. tooltipShow: 'tooltipShow',
  1105. toParentArr: []
  1106. }
  1107. },
  1108. watch: {
  1109. showCol(n) {
  1110. console.log(n)
  1111. //
  1112. if (this.showCol.length == this.fixedCol.length) {
  1113. for (let i = 0; i < this.customFields.length; i++) {
  1114. this.customFields[i].form=[]
  1115. }
  1116. this.showCol.map((item, index) => {
  1117. this.customFields.map((it, ind) => {
  1118. it.specificFields.map((i, d) => {
  1119. if (i.dataIndex === item.dataIndex) {
  1120. it.form.push(item.dataIndex)
  1121. }else{
  1122. }
  1123. })
  1124. })
  1125. })
  1126. } else {
  1127. for (let i = 0; i < this.customFields.length; i++) {
  1128. this.customFields[i].form=[]
  1129. }
  1130. n.map((item, index) => {
  1131. this.customFields.map((it, ind) => {
  1132. it.specificFields.map((i, d) => {
  1133. if (i.dataIndex === item.dataIndex) {
  1134. it.form.push(item.dataIndex)
  1135. }else{
  1136. }
  1137. })
  1138. })
  1139. })
  1140. }
  1141. // console.log(this.form)
  1142. }
  1143. },
  1144. mounted() {
  1145. for (let i = 0; i < customFields.length; i++) {
  1146. this.customFields[i].form=[]
  1147. }
  1148. // console.log(1)
  1149. this.showCol.map((item, index) => {
  1150. this.customFields.map((it, ind) => {
  1151. it.specificFields.map((i, d) => {
  1152. if (i.dataIndex === item.dataIndex) {
  1153. it.form.push(item.dataIndex)
  1154. }
  1155. })
  1156. })
  1157. })
  1158. // console.log(this.customFields)
  1159. },
  1160. methods: {
  1161. hide() {
  1162. this.clicked = false
  1163. this.hovered = false
  1164. },
  1165. handleHoverChange(visible) {
  1166. this.clicked = false
  1167. this.hovered = visible
  1168. },
  1169. getPopupContainer() {
  1170. console.log(this)
  1171. },
  1172. //全选框 判断是否全选
  1173. isSelectAll(e, val) {
  1174. //像父元素传递
  1175. console.log(e, val)
  1176. let arr=JSON.parse(JSON.stringify(this.customFields[val].specificFields))
  1177. let valArr={
  1178. flag:true,
  1179. arr
  1180. }
  1181. this.customFields[val].checkall = e.target.checked
  1182. console.log(this.customFields[val].checkall)
  1183. if (this.customFields[val].checkall) {
  1184. this.customFields[val].form=[]
  1185. this.customFields[val].specificFields.map((item, index) => {
  1186. this.customFields[val].form.push(item.dataIndex)
  1187. })
  1188. valArr.flag=true;
  1189. this.$emit('getshowlist', valArr)
  1190. } else {
  1191. console.log(this.customFields[val])
  1192. this.customFields[val].form=[];
  1193. valArr.flag=false;
  1194. console.log(this.customFields[val].form=[])
  1195. this.$emit('getshowlist', valArr)
  1196. }
  1197. console.log(this.form[val])
  1198. },
  1199. onChange(){
  1200. },
  1201. //复选框的点击事件
  1202. checkboxClick(val) {
  1203. // console.log(val)
  1204. // this.$emit('update:count',)
  1205. this.$emit('getshowlist', val)
  1206. // console.log(val,this.customFields[0].form)
  1207. // this.customFields[val].checkall=!this.customFields[val].checkall
  1208. // for (let i = 0; i < this.customFields.length; i++) {
  1209. // // console.log(this.customFields[0].form,this.customFields[i].specificFields.length)
  1210. // if(this.customFields[i].form.length==this.customFields[i].specificFields.length-1){
  1211. // this.customFields[i].checkall=true;
  1212. // }else{
  1213. // this.customFields[i].checkall=false;
  1214. // }
  1215. // }
  1216. }
  1217. }
  1218. }
  1219. </script>
  1220. <style>
  1221. .tooltipShow {
  1222. max-width: 30%;
  1223. }
  1224. .tooltipShow .ant-tooltip-content .ant-tooltip-inner {
  1225. background: white;
  1226. font-size: 10px;
  1227. color: #333;
  1228. }
  1229. .ant-tooltip-content .ant-tooltip-arrow::before {
  1230. background-color: white;
  1231. }
  1232. </style>
  1233. <style lang="scss" scoped>
  1234. .leibie {
  1235. width: 100%;
  1236. margin-bottom: 10px;
  1237. .leiName {
  1238. font-size: 20px;
  1239. text-align: left;
  1240. margin-bottom: 5px;
  1241. margin-top: 0px;
  1242. }
  1243. }
  1244. .jutixiang {
  1245. display: inline-block;
  1246. width: 32%;
  1247. box-sizing: border-box;
  1248. padding: 8px 3px;
  1249. height: 30px;
  1250. overflow: hidden;
  1251. text-overflow: ellipsis;
  1252. }
  1253. .ant-tooltip-content .tooltipShow {
  1254. background: #eee;
  1255. font-size: 10px;
  1256. color: #333;
  1257. }
  1258. .ant-checkbox-group {
  1259. width: 100%;
  1260. }
  1261. </style>