分页数修改

8dc4b3dc · zhuzhequan · 02e7ce04 · 8dc4b3dc · 8dc4b3dc · 8dc4b3dc
Commit 8dc4b3dc authored Apr 01, 2025 by zhuzhequan
7 changed files
--- a/src/views/AccountStatementNote.vue
+++ b/src/views/AccountStatementNote.vue
@@ -297,7 +297,7 @@
              <ElPagination
                v-model:current-page="currentPage"
                v-model:page-size="pageSize"
-                :page-sizes="[100, 200, 300, 400]"
+                :page-sizes="[100, 200, 300, 400, 500]"
                background
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
@@ -431,7 +431,7 @@
                <ElPagination
                  v-model:current-page="detailPager.page"
                  v-model:page-size="detailPager.rows"
-                  :page-sizes="[100, 200, 300, 400]"
+                  :page-sizes="[100, 200, 300, 400, 500]"
                  background
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="detailPager.total"

--- a/src/views/DeliveryNotePage.vue
+++ b/src/views/DeliveryNotePage.vue
@@ -225,7 +225,7 @@
      <ElPagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
-        :page-sizes="[100, 200, 300, 400]"
+        :page-sizes="[100, 200, 300, 400, 500]"
        background
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"

--- a/src/views/UserPage.vue
+++ b/src/views/UserPage.vue
 <template>
  <div class="user-page flex-column card h-100 overflow-hidden">
    <div class="header-filter-form">
      <ElForm :model="searchForm" inline>
        <ElFormItem label="用户名" prop="account">
          <ElInput
            v-model="searchForm.account"
            placeholder="请输入用户名"
            clearable
            style="width: 200px"
          />
        </ElFormItem>
        <ElFormItem label="状态" prop="status">
          <ElSelect
            v-model="searchForm.status"
            clearable
            style="width: 200px"
            placeholder="请选择状态"
          >
            <ElOption label="启用" :value="1"></ElOption>
            <ElOption label="禁用" :value="0"></ElOption>
          </ElSelect>
        </ElFormItem>
        <ElFormItem>
          <ElButton type="primary" @click="search">查询</ElButton>
        </ElFormItem>
        <ElFormItem>
          <ElButton @click="resetSearchForm">重置</ElButton>
        </ElFormItem>
        <ElFormItem>
          <ElButton type="success" @click="addUser">新增</ElButton>
        </ElFormItem>
        <ElFormItem>
          <ElButton type="danger" @click="deleteUser">删除</ElButton>
        </ElFormItem>
      </ElForm>
    </div>
    <div class="user-content flex-1 flex-column overflow-hidden">
      <div class="user-list flex-1 overflow-hidden">
        <ElTable
          :data="tableData"
          default-expand-all
          style="width: 100%; height: 100%"
          @selection-change="handleSelectionChange"
        >
          <ElTableColumn
            type="selection"
            header-align="center"
            align="center"
            width="55"
          />
          <ElTableColumn
            type="index"
            header-align="center"
            align="center"
            label="序号"
            width="55"
          />
          <ElTableColumn prop="account" header-align="center" label="用户名">
            <template #default="scope">
              <div>
                <span
                  >{{ scope.row.account }}
                  <ElTooltip
                    v-if="scope.row.supperMark === 1"
                    content="超级管理员"
                    placement="top"
                  >
                    <Icon
                      v-if="scope.row.supperMark === 1"
                      name="zu54"
                      style="vertical-align: super; cursor: pointer"
                    >
                    </Icon>
                  </ElTooltip>
                </span>
              </div>
            </template>
          </ElTableColumn>
          <ElTableColumn
            prop="factoryCode"
            header-align="center"
            label="工厂"
            align="center"
          />
          <ElTableColumn
            prop="status"
            header-align="center"
            align="center"
            label="状态"
          >
            <template #default="scope">
              <el-tooltip
                :content="scope.row.status ? '启用' : '禁用'"
                placement="top"
              >
                <ElSwitch
                  v-model="scope.row.status"
                  :active-value="1"
                  :inactive-value="0"
                  @change="(e:number) => onChangeStatus(e, scope.row)"
                ></ElSwitch>
              </el-tooltip>
            </template>
          </ElTableColumn>
          <ElTableColumn
            label="操作"
            width="130"
            header-align="center"
            align="center"
          >
            <template #default="scope">
              <el-icon
                size="24"
                title="编辑"
                color="#EF6C00"
                style="cursor: pointer; vertical-align: middle"
                @click="editUser(scope.row)"
              >
                <Edit />
              </el-icon>
            </template>
          </ElTableColumn>
        </ElTable>
      </div>
      <ElPagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
-        :page-sizes="[100, 200, 300, 400]"
+        :page-sizes="[100, 200, 300, 400, 500]"
        background
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
        style="margin: 10px auto 0; text-align: right"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      ></ElPagination>
    </div>
  </div>
  <ElDialog
    v-model="dialogVisible"
    :title="editId ? '编辑用户' : '新增用户'"
    width="600px"
    :close-on-click-modal="false"
    @opened="onOpenedUserForm"
  >
    <div class="dialog-form">
      <ElForm
        ref="editFormRef"
        :model="editForm"
        :rules="rules"
        label-width="90px"
      >
        <ElFormItem label="用户名" prop="account">
          <ElInput
            v-model="editForm.account"
            placeholder="请输入用户名"
            clearable
          />
        </ElFormItem>
        <ElFormItem v-if="!editId" label="密码" prop="password">
          <ElInput
            v-model="editForm.password"
            placeholder="请输入密码"
            clearable
            type="password"
            autocomplete="off"
            :show-password="true"
          />
        </ElFormItem>
        <ElFormItem label="状态" prop="status">
          <ElCheckbox
            v-model="editForm.status"
            label="启用"
            true-value="1"
            false-value="0"
          ></ElCheckbox>
        </ElFormItem>
        <ElFormItem label="角色" prop="supperMark">
          <ElCheckbox
            v-model="editForm.supperMark"
            label="超级管理员"
            true-value="1"
            false-value="0"
          ></ElCheckbox>
        </ElFormItem>
      </ElForm>
    </div>
    <template #footer>
      <div class="dialog-footer">
        <ElButton @click="dialogVisible = false"> 取消 </ElButton>
        <ElButton type="primary" @click="save">保存</ElButton>
      </div>
    </template>
  </ElDialog>
 </template>
 <script setup lang="ts">
 import {
  getUserList,
  addUserApi,
  updateUserApi,
  deleteUserApi,
  getDetailsByIdApi,
  changeUserStatusApi,
 } from '@/api/auth'
 import Icon from '@/components/Icon.vue'
 import { UserEditForm, userData, userSearchForm } from '@/types/api/user'
 import usePageList from '@/utils/hooks/usePageList'
 import { useValue } from '@/utils/hooks/useValue'
 import { showConfirm } from '@/utils/ui'
 import { Edit } from '@element-plus/icons-vue'
 import type { FormRules } from 'element-plus'
 import { reactive, ref } from 'vue'
 const [searchForm, resetSearchForm] = useValue<userSearchForm>({})
 const [editForm, resetEditForm] = useValue<UserEditForm>({
  account: '',
  password: '',
  supperMark: '0',
  status: '1',
 })
 const {
  currentPage,
  pageSize,
  total,
  data: tableData,
  refresh: search,
  onCurrentPageChange: handleCurrentChange,
  onPageSizeChange: handleSizeChange,
 } = usePageList({
  query: (page, pageSize) =>
    getUserList(searchForm.value, page, pageSize).then((res) => res.data),
 })
 const dialogVisible = ref(false)
 const editFormRef = ref()
 const selection = ref<userData[]>([])
 const rules = reactive<FormRules<UserEditForm>>({
  account: [
    {
      required: true,
      message: '请输入用户名',
    },
  ],
  password: [
    {
      required: true,
      message: '请输入密码',
    },
  ],
 })
 const editId = ref<number | undefined>(undefined)
 const addUser = () => {
  editId.value = undefined
  dialogVisible.value = true
  resetEditForm()
 }
 const deleteUser = async () => {
  if (!selection.value.length) {
    return ElMessage({
      message: '请选择用户',
      type: 'warning',
      offset: window.innerHeight / 2,
    })
  }
  try {
    await showConfirm('是否删除用户', {
      confirmButtonText: '确认',
      cancelButtonText: '取消',
      type: 'warning',
    })
  } catch {
    return
  }
  try {
    const ids = selection.value.map((item) => item.id).join(',')
    await deleteUserApi(ids)
    ElMessage({
      message: '删除成功',
      type: 'success',
      offset: window.innerHeight / 2,
    })
    search()
  } catch (e) {
    search()
    // showError(e)
  }
 }
 const editUser = async (item: userData) => {
  editId.value = item.id
  try {
    const res = await getDetailsByIdApi(item.id)
    res.data.supperMark = res.data.supperMark + ''
    res.data.status = res.data.status + ''
    editForm.value = res.data
    dialogVisible.value = true
  } catch (e) {
    //showError(e)
  }
 }
 const save = async () => {
  try {
    await editFormRef.value.validate()
  } catch {
    return
  }
  try {
    if (!editId.value) {
      await addUserApi({
        ...editForm.value,
        supperMark: Number(editForm.value.supperMark),
        status: Number(editForm.value.status),
      })
    } else {
      await updateUserApi({
        ...editForm.value,
        supperMark: Number(editForm.value.supperMark),
        status: Number(editForm.value.status),
      })
    }
    ElMessage({
      message: '保存成功',
      type: 'success',
      offset: window.innerHeight / 2,
    })
    dialogVisible.value = false
    search()
  } catch (e) {
    return
  }
 }
 const onOpenedUserForm = async () => {
  editFormRef.value?.clearValidate()
 }
 const handleSelectionChange = (s: userData[]) => {
  selection.value = s
 }
 const onChangeStatus = async (value: number, item: userData) => {
  try {
    const res = await changeUserStatusApi(value, item.id)
    ElMessage({
      message: res.message,
      type: 'success',
      offset: window.innerHeight / 2,
    })
    search()
  } catch (e) {
    //showError(e)
  }
 }
 </script>
 <style lang="scss" scoped>
 .header-filter-form {
  margin-bottom: 20px;
  :deep(.el-form-item) {
    margin-right: 14px;
    margin-bottom: 10px;
  }
 }
 .user-operate-btn {
  margin-bottom: 10px;
 }
 .dialog-footer {
  text-align: center;
 }
 </style>
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -787,7 +787,7 @@
          <el-pagination
            v-model:current-page="currentPage"
            v-model:page-size="pageSize"
-            :page-sizes="[100, 200, 300, 400]"
+            :page-sizes="[100, 200, 300, 400, 500]"
            background
            layout="total, sizes, prev, pager, next, jumper"
            :total="total"

--- a/src/views/order/pod/deliveryOrderList.vue
+++ b/src/views/order/pod/deliveryOrderList.vue
@@ -161,7 +161,7 @@
      <ElPagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
-        :page-sizes="[100, 200, 300, 400]"
+        :page-sizes="[100, 200, 300, 400, 500]"
        background
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"

--- a/src/views/order/pod/index.vue
+++ b/src/views/order/pod/index.vue
@@ -830,7 +830,7 @@
        <el-pagination
          v-model:current-page="currentPage"
          v-model:page-size="pageSize"
-          :page-sizes="[100, 200, 300, 400]"
+          :page-sizes="[100, 200, 300, 400, 500]"
          background
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"

--- a/src/views/typesetting/TypesettingManagement.vue
+++ b/src/views/typesetting/TypesettingManagement.vue
@@ -190,7 +190,7 @@
      <el-pagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
-        :page-sizes="[100, 200, 300, 400]"
+        :page-sizes="[100, 200, 300, 400, 500]"
        background
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"