/** * 新增修改完成调用 modalFormOk方法 编辑弹框组件ref定义为modalForm * 高级查询按钮调用 superQuery方法 高级查询组件ref定义为superQueryModal * data中url定义 list为查询列表 delete为删除单条记录 deleteBatch为批量删除 */ import { filterObj } from '@/utils/util' import { deleteAction, getAction, downFile, getFileAccessHttpUrl, getDeskDownloadHttpUrl } from '@/api/manage' import Vue from 'vue' import { ACCESS_TOKEN, TENANT_ID } from '@/store/mutation-types' import store from '@/store' export const JeecgListMixin = { data() { return { /* 查询条件-请不要在queryParam中声明非字符串值的属性 */ queryParam: {}, /* 数据源 */ dataSource: [], extSource: [], extSort:true, /* 分页参数 */ 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', // 展开的行,受控属性 expandedRowKeys: [], expandAll: false } }, created() { if (!this.disableMixinCreated) { console.log(' -- mixin created -- ') this.loadData() //初始化字典配置 在自己页面定义 this.initDictConfig() } }, 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 } }, methods: { loadData(arg) { if (!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 this.extSource = res.resultExt || [] if(this.extSort){ this.extSource = this.extSource.reverse() } console.info(this.dataSource) console.info(this.extSource) if(this.expandAll){ this.customExpanAll(this.dataSource) } 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 }) }, //自动展开所有节点 customExpanAll(dataSource){ if(dataSource){ dataSource.forEach((item, i) => { if (!item.isLeaf){ this.expandedRowKeys.push(item.id) if(item.children) this.customExpanAll(item.children) } }) } }, 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 if(param.dateRange){ delete param.dateRange; //范围参数不传递后台 } if(param.dateRange2){ delete param.dateRange2; //范围参数不传递后台 } 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('请选择一条记录!') return } 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 = 'ascend' == sorter.order ? '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>
< span> 具体详情请 < a href={ href } target='_blank' download={ fileName }> 点击下载 < /a> `) }) } 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) } , getImgList(text) { let list = [] if (text && text.indexOf(',') > 0) { list = text.split(",") }else { list.push(text); } return list; }, /* 文件下载 */ // 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) console.info(url) window.open(url, '_self') } , downloadDeskFile(text) { if (!text) { this.$message.warning('未知的文件') return } if (text.indexOf(',') > 0) { text = text.substring(0, text.indexOf(',')) } let url = getDeskDownloadHttpUrl(text) console.info(url) window.open(url, '_self') } } }