sen-yu-new-web/src/mixins/JeecgListMixin.js

/**
 * 新增修改完成调用 modalFormOk方法 编辑弹框组件ref定义为modalForm
 * 高级查询按钮调用 superQuery方法  高级查询组件ref定义为superQueryModal
 * data中 url定义 list为查询列表  delete为删除单条记录  deleteBatch为批量删除
 */
 import { filterObj } from '@/utils/util'
 import { deleteAction, getAction, downFile, getFileAccessHttpUrl } from '@/api/manage'
 import Vue from 'vue'
 // , TENANT_ID
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 // import store from '@/store' //new

 export const JeecgListMixin = {
   data() {
     return {
       // token header BY-----LY 2022-04-28
       tokenHeader: { 'X-Access-Token': Vue.ls.get(ACCESS_TOKEN) },
       /* 查询条件-请不要在queryParam中声明非字符串值的属性 */
       queryParam: {},
       /* 数据源 */
       dataSource: [],
       /* 分页参数 */
       ipagination: {
         current: 1,
         pageSize: 10,
         pageSizeOptions: ['10', '20', '30'],
         showTotal: (total, range) => {
           return range[0] + '-' + range[1] + ' 共' + total + '条'
         },
         showQuickJumper: true,
         showSizeChanger: true,
         total: 0
       },
       /* 排序参数 */
       isorter: {
         column: 'createTime',
         order: 'desc'
       },
       /* 筛选参数 */
       filters: {},
       /* table加载状态 */
       loading: false,
       /* table选中keys */
       selectedRowKeys: [],
       /* table选中records */
       selectionRows: [],
       /* 查询折叠 */
       toggleSearchStatus: false,
       /* 高级查询条件生效状态 */
       superQueryFlag: false,
       /* 高级查询条件 */
       superQueryParams: '',
       /** 高级查询拼接方式 */
       superQueryMatchType: 'and'
     }
   },

   computed: {
     // token header
     // tokenHeader() {
     //   let head = { 'X-Access-Token': Vue.ls.get(ACCESS_TOKEN) }
     //   let tenantid = Vue.ls.get(TENANT_ID)
     //   if (tenantid) {
     //     head['tenant-id'] = tenantid
     //   }
     //   return head
     // }
     scroll: function() {
       var width = window.innerWidth
       // ant-table
       let $antTable = window.document.getElementsByClassName('ant-table')
       if ($antTable[0]) {
         width = $antTable[0].clientWidth
       }
       console.log('$antTable', $antTable)
       return {
         // x:'max-content',
         x: width,
         y: window.innerHeight / 2
       }
     }
   },
   created() {
     if (!this.disableMixinCreated) {
      //  console.log('this.disableMixinCreated:', this.disableMixinCreated)
      //  console.log(' -- mixin created -- ')
       this.loadData()
       // 初始化字典配置 在自己页面定义
       this.initDictConfig()
     }
   },
   methods: {
     loadData(arg) {
      //  console.log('List前面的arg', arg)
       if (!this.url.list) {
         console.log('111:', this.url)
         console.log('this.url.list!!!!!', this.url.list)
         this.$message.error('请设置url.list属性!')
         return
       }
       // 加载数据 若传入参数1则加载第一页的内容
       if (arg === 1) {
         this.ipagination.current = 1
       }
       var params = this.getQueryParams() // 查询条件
       this.loading = true
       getAction(this.url.list, params)
         .then(res => {
           if (res.success) {
             // update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
             this.dataSource = res.result.records || res.result
             if (res.result.total) {
               this.ipagination.total = res.result.total
             } else {
               this.ipagination.total = 0
             }
             // update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
           } else {
             this.$message.warning(res.message)
           }
         })
         .finally(() => {
           this.loading = false
         })
     },
     initDictConfig() {
       console.log('--这是一个假的方法!')
     },
     handleSuperQuery(params, matchType) {
       // 高级查询方法
       if (!params) {
         this.superQueryParams = ''
         this.superQueryFlag = false
       } else {
         this.superQueryFlag = true
         this.superQueryParams = JSON.stringify(params)
         this.superQueryMatchType = matchType
       }
       this.loadData(1)
     },
     getQueryParams() {
       // 获取查询条件
       let sqp = {}
       if (this.superQueryParams) {
         sqp['superQueryParams'] = encodeURI(this.superQueryParams)
         sqp['superQueryMatchType'] = this.superQueryMatchType
       }
       var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
       param.field = this.getQueryField()
       param.pageNo = this.ipagination.current
       param.pageSize = this.ipagination.pageSize
       return filterObj(param)
     },
     getQueryField() {
       // todo: 字段权限控制
       var str = 'id,'
       this.columns.forEach(function(value) {
         str += ',' + value.dataIndex
       })
       return str
     },

     onSelectChange(selectedRowKeys, selectionRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectionRows = selectionRows
     },
     onClearSelected() {
       this.selectedRowKeys = []
       this.selectionRows = []
     },
     searchQuery() {
       this.loadData(1)
       // 点击查询清空列表选中行
       // https://gitee.com/jeecg/jeecg-boot/issues/I4KTU1
       this.selectedRowKeys = []
       this.selectionRows = []
     },
     superQuery() {
       this.$refs.superQueryModal.show()
     },
     searchReset() {
       this.queryParam = {}
       this.loadData(1)
     },
     batchDel: function() {
       if (!this.url.deleteBatch) {
         this.$message.error('请设置url.deleteBatch属性!')
         return
       }
       if (this.selectedRowKeys.length <= 0) {
         this.$message.warning('请选择一条记录！')
       } else {
         var ids = ''
         for (var a = 0; a < this.selectedRowKeys.length; a++) {
           ids += this.selectedRowKeys[a] + ','
         }
         var that = this
         this.$confirm({
           title: '确认删除',
           content: '是否删除选中数据?',
           onOk: function() {
             that.loading = true
             deleteAction(that.url.deleteBatch, { ids: ids })
               .then(res => {
                 if (res.success) {
                   // 重新计算分页问题
                   that.reCalculatePage(that.selectedRowKeys.length)
                   that.$message.success(res.message)
                   that.loadData()
                   that.onClearSelected()
                 } else {
                   that.$message.warning(res.message)
                 }
               })
               .finally(() => {
                 that.loading = false
               })
           }
         })
       }
     },
     handleDelete: function(id) {
       if (!this.url.delete) {
         this.$message.error('请设置url.delete属性!')
         return
       }
       var that = this
       deleteAction(that.url.delete, { id: id }).then(res => {
         if (res.success) {
           // 重新计算分页问题
           that.reCalculatePage(1)
           that.$message.success(res.message)
           that.loadData()
         } else {
           that.$message.warning(res.message)
         }
       })
     },
     reCalculatePage(count) {
       // 总数量-count
       let total = this.ipagination.total - count
       // 获取删除后的分页数
       let currentIndex = Math.ceil(total / this.ipagination.pageSize)
       // 删除后的分页数<所在当前页
       if (currentIndex < this.ipagination.current) {
         this.ipagination.current = currentIndex
       }
       console.log('currentIndex', currentIndex)
     },
     handleEdit: function(record) {
       this.$refs.modalForm.edit(record)
       this.$refs.modalForm.title = '编辑'
       this.$refs.modalForm.disableSubmit = false
     },
     handleAdd: function() {
       this.$refs.modalForm.add()
       this.$refs.modalForm.title = '新增'
       this.$refs.modalForm.disableSubmit = false
     },
     handleTableChange(pagination, filters, sorter) {
       // 分页、排序、筛选变化时触发
       // todo: 筛选
       console.log(pagination)
       if (Object.keys(sorter).length > 0) {
         this.isorter.column = sorter.field
         this.isorter.order = sorter.order == 'ascend' ? 'asc' : 'desc'
       }
       this.ipagination = pagination
       this.loadData()
     },
     handleToggleSearch() {
       this.toggleSearchStatus = !this.toggleSearchStatus
     },
     // 给popup查询使用(查询区域不支持回填多个字段，限制只返回一个字段)
     getPopupField(fields) {
       return fields.split(',')[0]
     },
     modalFormOk() {
       // 新增/修改 成功时，重载列表
       this.loadData()
       // 清空列表选中
       this.onClearSelected()
     },
     handleDetail: function(record) {
       this.$refs.modalForm.edit(record)
       this.$refs.modalForm.title = '详情'
       this.$refs.modalForm.disableSubmit = true
     },
     /* 导出 */
     handleExportXls2() {
       let paramsStr = encodeURI(JSON.stringify(this.getQueryParams()))
       let url = `${window._CONFIG['domianURL']}/${this.url.exportXlsUrl}?paramsStr=${paramsStr}`
       window.location.href = url
     },
     handleExportXls(fileName) {
       if (!fileName || typeof fileName !== 'string') {
         fileName = '导出文件'
       }
       let param = this.getQueryParams()
       if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
         param['selections'] = this.selectedRowKeys.join(',')
       }
       console.log('导出参数', param)
       downFile(this.url.exportXlsUrl, param).then(data => {
         if (!data) {
           this.$message.warning('文件下载失败')
           return
         }
         if (typeof window.navigator.msSaveBlob !== 'undefined') {
           window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
         } else {
           let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
           let link = document.createElement('a')
           link.style.display = 'none'
           link.href = url
           link.setAttribute('download', fileName + '.xls')
           document.body.appendChild(link)
           link.click()
           document.body.removeChild(link) // 下载完成移除元素
           window.URL.revokeObjectURL(url) // 释放掉blob对象
         }
       })
     },
     /* 导入 */
     handleImportExcel(info) {
       this.loading = true
       if (info.file.status !== 'uploading') {
         console.log(info.file, info.fileList)
       }
       if (info.file.status === 'done') {
         this.loading = false
         if (info.file.response.success) {
           // this.$message.success(`${info.file.name} 文件上传成功`);
           if (info.file.response.code === 201) {
             let {
               message,
               result: { msg, fileUrl, fileName }
             } = info.file.response
             let href = window._CONFIG['domianURL'] + fileUrl
             this.$warning({
               title: message,
               content: (
                 <div>
                   <span>{msg}</span>
                   <br />
                   <span>
                     具体详情请{' '}
                     <a href={href} target="_blank" download={fileName}>
                       点击下载
                     </a>{' '}
                   </span>
                 </div>
               )
             })
           } else {
             this.$message.success(info.file.response.message || `${info.file.name} 文件上传成功`)
           }
           this.loadData()
         } else {
           this.$message.error(`${info.file.name} ${info.file.response.message}.`)
         }
       } else if (info.file.status === 'error') {
         this.loading = false
         if (info.file.response.status === 500) {
           let data = info.file.response
           const token = Vue.ls.get(ACCESS_TOKEN)
           if (token && data.message.includes('Token失效')) {
             this.$error({
               title: '登录已过期',
               content: '很抱歉，登录已过期，请重新登录',
               okText: '重新登录',
               mask: false,
               onOk: () => {
                 store.dispatch('Logout').then(() => {
                   Vue.ls.remove(ACCESS_TOKEN)
                   window.location.reload()
                 })
               }
             })
           }
         } else {
           this.$message.error(`文件上传失败: ${info.file.msg} `)
         }
       }
     },
     /* 图片预览 */
     getImgView(text) {
       if (text && text.indexOf(',') > 0) {
         text = text.substring(0, text.indexOf(','))
       }
       return getFileAccessHttpUrl(text)
     },
     /* 文件下载 */
     // update--autor:lvdandan-----date:20200630------for：修改下载文件方法名uploadFile改为downloadFile------
     downloadFile(text) {
       if (!text) {
         this.$message.warning('未知的文件')
         return
       }
       if (text.indexOf(',') > 0) {
         text = text.substring(0, text.indexOf(','))
       }
       let url = getFileAccessHttpUrl(text)
       window.open(url)
     }
   }
 }