|
|
@@ -3,405 +3,411 @@
|
|
|
* 高级查询按钮调用 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
|
|
|
+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'
|
|
|
- }
|
|
|
- },
|
|
|
+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) {
|
|
|
+ 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) {
|
|
|
+ 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
|
|
|
- },
|
|
|
+ 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)
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ 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]
|
|
|
+ },
|
|
|
+
|
|
|
+ // 对话框 @ok点击确定回调
|
|
|
+ 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) {
|
|
|
+ // console.log('染损');
|
|
|
+ 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)
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
liangy