{"version":3,"sources":["webpack:///./src/views/systemSetting/live/LiveBillList.vue","webpack:///./src/views/systemSetting/live/LiveBillList.vue?020a"],"names":["class","dataSource","billList","columns","billColumns","pagination","row-key","loading","tableLoading","bordered","onPaginationChange","roomTitle","text","actualStartTime","$f","datetime","actualEndTime","record","getDuration","costHour","name","props","emits","components","setup","route","router","title","dataIndex","slots","customRender","width","duration","timer","hours","minutes","seconds","rows","searchForm","current","pageSize","total","pageSizeOptions","showSizeChanger","showTotal","showQuickJumper","pullQueryParams","query","key","page","toInteger","size","fetchPaginationData","value","live","response","data","filters","sorter","sortParams","field","order","sort","assign","push","beforeRouteUpdate","to","from","next","this","render","__scopeId"],"mappings":"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","file":"js/chunk-2d0af068.a86962d9.js","sourcesContent":["<template>\n  <a-table :dataSource=\"billList\"\n           :columns=\"billColumns\"\n           :pagination=\"pagination\"\n           row-key=\"id\"\n           :loading=\"tableLoading\"\n           bordered\n           @change=\"onPaginationChange\">\n\n    <template #roomTitle=\"{ text }\">\n      <span class=\"line-clamp-2\">{{ text }}</span>\n    </template>\n\n    <template #actualStartTime=\"{ text }\">\n      {{ text ? $f.datetime(text, 'YYYY-MM-DD HH:mm') : ' - ' }}\n    </template>\n\n    <template #actualEndTime=\"{ record }\">\n      {{ getDuration(record) }}\n    </template>\n\n    <template #costHour=\"{ text }\">\n      {{ text ? text : ' - ' }}\n    </template>\n  </a-table>\n</template>\n\n<script>\nimport { defineComponent, ref, reactive, onMounted } from \"vue\";\nimport _ from \"lodash\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nimport liveApi from \"@/service/api/live\";\nimport { timestampToHour } from \"@/global\";\n\nexport default defineComponent({\n  name: \"LiveBillList\",\n  props: [],\n  emits: [],\n  components: {},\n  setup() {\n    // 充值明细\n    const route = new useRoute();\n    const router = new useRouter();\n\n    const billColumns = [\n      {\n        title: \"直播主题\",\n        dataIndex: \"roomTitle\",\n        slots: { customRender: \"roomTitle\" },\n        width: 250,\n      },\n      {\n        title: \"开始时间\",\n        dataIndex: \"actualStartTime\",\n        slots: { customRender: \"actualStartTime\" },\n      },\n      {\n        title: \"直播时长\",\n        dataIndex: \"actualEndTime\",\n        slots: { customRender: \"actualEndTime\" },\n      },\n      {\n        title: \"观看人数\",\n        dataIndex: \"viewerTotalNum\",\n      },\n      {\n        title: \"耗费时长(小时）\",\n        dataIndex: \"costHour\",\n        slots: { customRender: \"costHour\" },\n      },\n      {\n        title: \"剩余时长(小时）\",\n        dataIndex: \"remainHour\",\n      },\n    ];\n\n    const getDuration = (record) => {\n      if (!record.actualStartTime) {\n        return \" - \";\n      }\n      const duration = record.actualEndTime - record.actualStartTime;\n      const timer = timestampToHour(duration);\n\n      if (timer.hours) {\n        return `${timer.hours}时${timer.minutes}分${timer.seconds}秒`;\n      }\n      if (timer.minutes) {\n        return `${timer.minutes}分${timer.seconds}秒`;\n      }\n      return `${timer.seconds}秒`;\n    };\n\n    const tableLoading = ref(false);\n    const rows = ref([]);\n    const searchForm = reactive({});\n    const pagination = reactive({\n      current: 1,\n      pageSize: 20,\n      total: 0,\n      pageSizeOptions: [\"10\", \"20\", \"50\"],\n      showSizeChanger: true,\n      showTotal: (total) => `共 ${total} 条`,\n      showQuickJumper: true,\n    });\n    const pullQueryParams = (query) => {\n      for (let key in searchForm) {\n        searchForm[key] = query[key] ? query[key] : \"\";\n      }\n\n      if (query.page) {\n        pagination.current = _.toInteger(query.page);\n      }\n\n      if (query.size) {\n        pagination.pageSize = _.toInteger(query.size);\n      }\n    };\n    const fetchPaginationData = async () => {\n      tableLoading.value = true;\n      const response = await liveApi.billList({\n        page: pagination.current - 1,\n        size: pagination.pageSize,\n      });\n      rows.value = response.data;\n      pagination.total = response.total;\n      tableLoading.value = false;\n    };\n    const onPaginationChange = async (pagination, filters, sorter) => {\n      let sortParams = {};\n      if (sorter.field && sorter.order) {\n        sortParams = {\n          sort:\n            sorter.field + \",\" + (sorter.order === \"ascend\" ? \"asc\" : \"desc\"),\n        };\n      } else {\n        sortParams = { sort: \"\" };\n      }\n      const query = _.assign(\n        {},\n        route.query,\n        { page: pagination.current, size: pagination.pageSize },\n        sortParams\n      );\n      pullQueryParams(query);\n      fetchPaginationData();\n      router.push({ name: route.name, query: query });\n    };\n\n    onMounted(async () => {\n      pullQueryParams(route.query);\n      await fetchPaginationData();\n    });\n\n    return {\n      billColumns,\n      billList: rows,\n      pagination,\n      pullQueryParams,\n      fetchPaginationData,\n      onPaginationChange,\n      tableLoading,\n\n      getDuration,\n    };\n  },\n\n  beforeRouteUpdate(to, from, next) {\n    next();\n    this.pullQueryParams(to.query);\n    this.fetchPaginationData();\n  },\n});\n</script>\n<style lang='less' scoped>\n</style>","import { render } from \"./LiveBillList.vue?vue&type=template&id=5151f486&scoped=true\"\nimport script from \"./LiveBillList.vue?vue&type=script&lang=js\"\nexport * from \"./LiveBillList.vue?vue&type=script&lang=js\"\nscript.render = render\nscript.__scopeId = \"data-v-5151f486\"\n\nexport default script"],"sourceRoot":""}