20240528修改: bug41、42、43修改 领用单(分发单)，调拨单，流程优化

黎星凯

2024-05-08 b4adff68a07b783fc90da1c9370d8be5f383e700

 admin-web/src/views/mixins/listPage.js

@@ -1,123 +1,122 @@
import * as DateFormatter from '@/utils/DateFormatter';
import {mapGetters} from 'vuex';
import * as dataExport from "@/api/exportExcel"
import {downLoad} from "@/utils/base";

export default {
    data() {
        return {
            loading: false,
            list: [],
            items: [],
            filterFrom: {},
            editSetting: {
                title: '',
                id: '',
                orgId: '',
                show: false,
            },
            detailSetting: {
                title: '详情',
                id: '',
                show: false,
            },
            pageNum: 1,
            pageSize: 10,
            total: 0,
        }
    },
    computed: {
        ...mapGetters(['userInfo']),
        clientHeight() {
            return document.documentElement.clientHeight;
        },
    },
    created() {
    },
    filters: {
        formatTime(time) {
            if (!time) return '-';
            return DateFormatter.LongToDateTime(time);
        },
    },
    methods: {
        // 导出
        handleExport(api, fileName, params) {
            console.log(fileName)
            let loading = this.$loading({
                lock: true,
                text: '导出中，请稍候...',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)',
            });
            // 判断总条数是否大于最大支持条数
            dataExport[api](params)
                .then((res) => {
                    const blob = new Blob([res], {type: 'application/vnd.ms-excel'});
                    if ('download' in document.createElement('a')) {
                        // 非IE下载
                        const elink = document.createElement('a');
                        elink.download = `${fileName}.xls`;
                        elink.style.display = 'none';
                        elink.href = URL.createObjectURL(blob);
                        document.body.appendChild(elink);
                        elink.click();
                        URL.revokeObjectURL(elink.href);
                        document.body.removeChild(elink);
                    } else {
                        // IE10+下载
                        navigator.msSaveBlob(blob, `${fileName}.xls`);
                    }
                    this.$message.success('导出成功！');
                    loading.close();
                })
                .catch(() => {
                    loading.close();
                });
        },
        // 新增
        handleAdd() {
            this.editSetting.id = null;
            this.editSetting.info = null;
            this.editSetting.title = '新增';
            this.editSetting.show = true;
        },
        // 编辑
        handleEdit(row) {
            this.editSetting.id = row.id;
            this.editSetting.info = null;
            this.editSetting.title = '编辑';
            this.editSetting.show = true;
        },
        // 详情
        handleDetail(row) {
            this.detailSetting.id = row.id;
            this.detailSetting.title = '详情';
            this.detailSetting.show = true;
        },
        // 分页
        handleSizeChange(pageSize) {
            this.pageSize = pageSize;
            this.search({pageNum: 1});
        },
        handleCurrentChange(pageNum) {
            this.pageNum = pageNum;
            this.search();
        },
        // 查询table列表
        search(pageNum) {
            if (pageNum) {
                this.pageNum = pageNum
            }
            this.fetchData();
        },
        refreshData() {
            this.pageNum = 1;
            this.pageSize = 10;
            this.search();
        },
        fifterForm(params) {
            this.filterFrom = Object.assign(this.filterFrom, params);
            this.search(1);
        },
  data() {
    return {
      loading: false,
      list: [],
      items: [],
      filterFrom: {},
      editSetting: {
        title: '',
        id: '',
        orgId: '',
        show: false,
      },
      uploadPageSetting: {
        title: '上传页面',
        id: '',
        orgId: '',
        show: false,
      },
      detailSetting: {
        title: '详情',
        id: '',
        show: false,
      },
      pageNum: 1,
      pageSize: 10,
      total: 0,
    }
  },
  computed: {
    ...mapGetters(['userInfo']),
    clientHeight() {
      return document.documentElement.clientHeight;
    },
  },
  created() {
  },
  filters: {
    formatTime(time) {
      if (!time) return '-';
      return DateFormatter.LongToDateTime(time);
    },
  },
  methods: {
    // 导出
    handleExport(api, fileName, params) {
      let loading = this.$loading({
        lock: true,
        text: '导出中，请稍候...',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)',
      });
      // 判断总条数是否大于最大支持条数
      dataExport[api](params)
        .then((res) => {
          console.log(res)
          downLoad(res)
          this.$message.success('导出成功！');
          loading.close();
        })
        .catch(() => {
          loading.close();
        });
    },
    // 新增
    handleAdd() {
      this.editSetting.id = null;
      this.editSetting.info = null;
      this.editSetting.title = '新增';
      this.editSetting.show = true;
    },
    // 编辑
    handleEdit(row) {
      this.editSetting.id = row.id;
      this.editSetting.info = null;
      this.editSetting.title = '编辑';
      this.editSetting.show = true;
    },
    // 详情
    handleDetail(row) {
      this.detailSetting.id = row.id;
      this.detailSetting.title = '详情';
      this.detailSetting.show = true;
    },
    // 导入
    handleUploadPage(row) {
      this.uploadPageSetting.id = row.id;
      this.uploadPageSetting.title = '导入';
      this.uploadPageSetting.show = true;
    },
    // 分页
    handleSizeChange(pageSize) {
      this.pageSize = pageSize;
      this.search({pageNum: 1});
    },
    handleCurrentChange(pageNum) {
      this.pageNum = pageNum;
      this.search();
    },
    // 查询table列表
    search(pageNum) {
      if (pageNum) {
        this.pageNum = pageNum
      }
      this.fetchData();
    },
    refreshData() {
      this.pageNum = 1;
      this.pageSize = 10;
      this.search();
    },
    fifterForm(params) {
      this.filterFrom = Object.assign(this.filterFrom, params);
      this.search(1);
    },
  }
}