From 3aedad63dd01f1fc5154cb520af32edab967d6e0 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周一, 12 5月 2025 09:15:26 +0800
Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo
---
PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/pagination/index.vue | 125 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 125 insertions(+), 0 deletions(-)
diff --git a/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/pagination/index.vue b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/pagination/index.vue
new file mode 100644
index 0000000..dfc64ec
--- /dev/null
+++ b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/components/pagination/index.vue
@@ -0,0 +1,125 @@
+<template>
+ <div class="pagination-content">
+ <span class="info">
+ {{ _t('鍏�') }}{{ total }}{{ _t('鏉¤褰�') }} {{ _t('褰撳墠绗�') }}{{ pageNum
+ }}{{ _t('椤�') }} {{ _t('鍏�') }}{{ totalNum }}{{ _t('椤�') }} {{ _t('姣忛〉')
+ }}{{ pageSize }}{{ _t('鏉¤褰�') }}
+ </span>
+ <div class="pagination">
+ <div class="without-pagination">
+ <el-pagination
+ layout="prev, pager, next"
+ :total="total"
+ size="small"
+ :page-size="pageSize"
+ v-model:current-page="pageNum"
+ @current-change="onCurrentChange"
+ />
+ </div>
+ <div class="numb">
+ {{ _t('绗�') }}
+ <el-input-number
+ @change="onChange"
+ :min="1"
+ :controls="false"
+ :max="max"
+ v-model="pageNum"
+ controls-position="right"
+ style="width: 58px; height: 30px"
+ />
+ {{ _t('椤�') }}
+ </div>
+ </div>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import { _t } from '@/libs/Language/Language'
+import { computed, ref } from 'vue'
+
+const props = defineProps<{
+ pageSize: number
+ total: number
+}>()
+const pageNum = ref(1)
+const totalNum = computed(() =>
+ props.total ? Math.ceil(props.total / props.pageSize) : 1
+)
+const emit = defineEmits(['check', 'sort', 'page'])
+
+const onChange = () => {
+ onCurrentChange(Number(pageNum.value))
+}
+
+const max = computed(() => {
+ if (props.total && props.pageSize) {
+ return Math.ceil(props.total / props.pageSize)
+ }
+ return 1
+})
+
+const onCurrentChange = (current: number) => {
+ pageNum.value = current
+ emit('page', current)
+}
+</script>
+<style scoped lang="scss">
+.pagination-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-right: 21px;
+ height: 50px;
+ .pagination {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ :deep(.cs-pager) {
+ .number {
+ width: 28px !important;
+ height: 30px;
+ background: #ffffff;
+ border-radius: 2px 2px 2px 2px;
+ opacity: 1;
+ border: 1px solid #dde0e4;
+ color: #333;
+ }
+ .is-active {
+ width: 28px !important;
+ height: 30px;
+ background: #262626;
+ border-radius: 2px 2px 2px 2px;
+ opacity: 1;
+ border: 1px solid #dde0e4;
+ font-size: 14px;
+ font-weight: bold;
+ color: #ffffff;
+ }
+ }
+ }
+
+ .info {
+ width: 300px;
+ height: 20px;
+ font-size: 14px;
+ font-weight: 400;
+ color: #333333;
+ }
+ .numb {
+ margin-left: 10px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333333;
+ :deep(.cs-input__inner) {
+ background-color: #fff !important;
+ font-size: 14px;
+ color: #333;
+ text-align: center;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3