pagination-CaTX_3XH.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import { defineComponent, ref, resolveComponent, mergeProps, useSSRContext } from "vue";
  2. import { ssrRenderAttrs, ssrRenderStyle, ssrInterpolate, ssrRenderComponent, ssrRenderAttr } from "vue/server-renderer";
  3. const _sfc_main = /* @__PURE__ */ defineComponent({
  4. __name: "pagination",
  5. __ssrInlineRender: true,
  6. props: {
  7. data: Object
  8. },
  9. emits: [],
  10. setup(__props, { emit: __emit }) {
  11. const emit = __emit;
  12. const props = __props;
  13. const data = ref({});
  14. data.value = props.data;
  15. function handleCurrentChange(val) {
  16. emit("pagination", val);
  17. data.value.count = val;
  18. }
  19. return (_ctx, _push, _parent, _attrs) => {
  20. const _component_el_pagination = resolveComponent("el-pagination");
  21. if (data.value.total) {
  22. _push(`<div${ssrRenderAttrs(mergeProps({ class: "news-content-section pt-60" }, _attrs))}><div class="container"><div class="row newBox"><div class="col-lg-12 col-md-12 content"><div class="page mt-30 mb-30"><div class="d-flex justify-content-center align-items-end cannot_selected" style="${ssrRenderStyle({ "position": "relative" })}"><div class="page-des align-items-start cannot_selected">共<span>${ssrInterpolate(Math.ceil(data.value.total / data.value.size))}</span>页,共<span>${ssrInterpolate(data.value.total)}</span>条信息</div>`);
  23. _push(ssrRenderComponent(_component_el_pagination, {
  24. "prev-text": "上一页",
  25. "next-text": "下一页",
  26. "page-size": data.value.size,
  27. "current-page": data.value.count,
  28. background: "",
  29. layout: "prev, pager, next",
  30. total: data.value.total,
  31. onCurrentChange: handleCurrentChange
  32. }, null, _parent));
  33. _push(`<div class="page-des2 align-items-end cannot_selected pc">前往第 <input${ssrRenderAttr("value", data.value.count)} class="previous"> 页 </div></div></div></div></div></div></div>`);
  34. } else {
  35. _push(`<!---->`);
  36. }
  37. };
  38. }
  39. });
  40. const _sfc_setup = _sfc_main.setup;
  41. _sfc_main.setup = (props, ctx) => {
  42. const ssrContext = useSSRContext();
  43. (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/layout/pagination.vue");
  44. return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
  45. };
  46. export {
  47. _sfc_main as _
  48. };