BytedancePlanDailyReportList.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <template>
  2. <a-card :bordered="false">
  3. <!-- 查询区域 -->
  4. <div class="table-page-search-wrapper">
  5. <a-form layout="inline">
  6. <a-row :gutter="24">
  7. <a-col :md="6" :sm="8">
  8. <a-form-item label="日期">
  9. <a-date-picker v-model="queryParam.statDatetime"/>
  10. </a-form-item>
  11. </a-col>
  12. <!-- <a-col :md="6" :sm="8">
  13. <a-form-item label="渠道号">
  14. <a-input placeholder="请输入渠道号" v-model="queryParam.planCode"></a-input>
  15. </a-form-item>
  16. </a-col> -->
  17. <a-col :md="6" :sm="8" >
  18. <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
  19. <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
  20. <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
  21. </span>
  22. </a-col>
  23. </a-row>
  24. </a-form>
  25. </div>
  26. <!-- table区域-begin -->
  27. <div>
  28. <a-table
  29. ref="table"
  30. size="middle"
  31. bordered
  32. rowKey="id"
  33. :columns="columns"
  34. :dataSource="dataSource"
  35. :pagination="ipagination"
  36. :loading="loading"
  37. :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
  38. @change="handleTableChange">
  39. <span slot="action" slot-scope="text, record">
  40. <a @click="handleEdit(record)">作业帮数据同步</a>
  41. </span>
  42. </a-table>
  43. </div>
  44. <!-- table区域-end -->
  45. <!-- 表单区域 -->
  46. <bytedancePlanDailyReport-modal ref="modalForm" @ok="modalFormOk"></bytedancePlanDailyReport-modal>
  47. </a-card>
  48. </template>
  49. <script>
  50. import BytedancePlanDailyReportModal from './modules/BytedancePlanDailyReportModal'
  51. import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  52. export default {
  53. name: "BytedancePlanDailyReportList",
  54. mixins:[JeecgListMixin],
  55. components: {
  56. BytedancePlanDailyReportModal
  57. },
  58. data () {
  59. return {
  60. description: '头条计划日报管理页面',
  61. // 表头
  62. columns: [
  63. {
  64. title: '渠道号',
  65. align:"center",
  66. dataIndex: 'planCode'
  67. },
  68. {
  69. title: '数据日期',
  70. align:"center",
  71. dataIndex: 'statDatetime'
  72. },
  73. {
  74. title: '展示量',
  75. align:"center",
  76. dataIndex: 'showNum'
  77. },
  78. {
  79. title: '点击量',
  80. align:"center",
  81. dataIndex: 'click'
  82. },
  83. {
  84. title: '总花费',
  85. align:"center",
  86. dataIndex: 'cost'
  87. },
  88. {
  89. title: '计划名称',
  90. align:"center",
  91. dataIndex: 'adName'
  92. },
  93. {
  94. title: '成单量',
  95. align:"center",
  96. dataIndex: 'orderNum'
  97. },
  98. {
  99. title: '登录线索数',
  100. align:"center",
  101. dataIndex: 'registNum'
  102. },
  103. {
  104. title: '操作',
  105. dataIndex: 'action',
  106. align:"center",
  107. scopedSlots: { customRender: 'action' },
  108. }
  109. ],
  110. url: {
  111. list: "/ctop/bytedancePlanDailyReport/list",
  112. delete: "/ctop/bytedancePlanDailyReport/delete",
  113. deleteBatch: "/ctop/bytedancePlanDailyReport/deleteBatch",
  114. exportXlsUrl: "ctop/bytedancePlanDailyReport/exportXls",
  115. importExcelUrl: "ctop/bytedancePlanDailyReport/importExcel",
  116. },
  117. }
  118. },
  119. computed: {
  120. importExcelUrl: function(){
  121. return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
  122. }
  123. },
  124. methods: {
  125. }
  126. }
  127. </script>
  128. <style scoped>
  129. @import '~@assets/less/common.less'
  130. </style>