Browse Source

解决打开明细查询后,切换页面返回的时候,遮罩层消失的问题

noToken
安虹睿 1 year ago
parent
commit
c318b4a883
  1. 353
      PC/InterFace.Dash/src/components/filterForDetailPage/index.vue

353
PC/InterFace.Dash/src/components/filterForDetailPage/index.vue

@ -1,5 +1,5 @@
<template> <template>
<div class="filterForDetailPage"> <div class="filterForDetailPage" v-if="dialogShow">
<el-dialog <el-dialog
title="明细查询" title="明细查询"
:visible.sync="dialogShow" :visible.sync="dialogShow"
@ -131,191 +131,192 @@ import * as interfaceApi from "@/api/wms-interface"
import {getListDesById,getPageListForDetail} from "@/api/wms-api" import {getListDesById,getPageListForDetail} from "@/api/wms-api"
import * as allUrlOption from '@/utils/baseData/urlOption' import * as allUrlOption from '@/utils/baseData/urlOption'
export default { export default {
name: 'filterForDetailPage', name: 'filterForDetailPage',
mixins: [ mixins: [
tableMixins, tableMixins,
TableHeaderMixins, TableHeaderMixins,
mixins, mixins,
filterSelectMixins, filterSelectMixins,
LoadingMixins LoadingMixins
], ],
components:{ components:{
currenDescriptions currenDescriptions
},
props: {
// app-main100%
setUTableHeight: {
type: Number,
default: 340
},
//
isShowIndex:{
type: Boolean,
default: false
}, },
// props: {
tableSelection: { // app-main100%
type: Boolean, setUTableHeight: {
default: false type: Number,
}, default: 340
cellStyle: { },
type: Function, //
default: () => { isShowIndex:{
return Function; type: Boolean,
} default: false
}, },
// //
showOverflowTooltip:{ tableSelection: {
type: Boolean, type: Boolean,
default: false, default: false
}, },
cellStyle: {
// api type: Function,
DeleteApi: { default: () => {
return Function;
}
},
//
showOverflowTooltip:{
type: Boolean,
default: false,
},
// api
DeleteApi: {
type: String,
default: null
},
// -
parentColumns:{
type: Array,
default: null
},
showHandleButtons:{
type:Array,
default:() => {
//'add','edit' 'delete'
// showParentfreshfilterfield
return ['showParent','fresh','filter','field'];
}
},
// 2
column: {
type: Number,
default: 2
},
//
direction: {
type: String, type: String,
default: null default: 'horizontal'
}, },
// - rowMaxHeight:{
// listColumns:{ type:String,
// type: Array, default:'calc(90vh - 450px)'
// default: null },
// },
// -
parentColumns:{
type: Array,
default: null
}, },
showHandleButtons:{ data () {
type:Array, return {
default:() => { dialogShow:true,
//'add','edit' 'delete' URLOption_detailList:allUrlOption[this.$route.name].detailListURL,//-
// showParentfreshfilterfield URLOption_masterId:allUrlOption[this.$route.name].masterId || 'masterId',//-id
return ['showParent','fresh','filter','field']; URLOption_masterName:allUrlOption[this.$route.name].masterName,//-//-title
URLOption_parent:allUrlOption[this.$route.name].parentURL ? allUrlOption[this.$route.name].parentURL : allUrlOption[this.$route.name].detailURL,//-
currenButtonData: [],//
operaButtons:[],//
showParentDialog:false,//
showParentTitle:null,//-title
showParentTableData:null,//-
showParentLoading:false,//-
listColumns:[],//
} }
}, },
// 2 activated(){
column: { //
type: Number, this.dialogShow = false
default: 2 this.$nextTick(() => {
}, this.dialogShow = true
// });
direction: {
type: String,
default: 'horizontal'
},
rowMaxHeight:{
type:String,
default:'calc(90vh - 450px)'
}, },
}, mounted(){
data () { this.paging()
return { this.initHandleButtons()
dialogShow:true,
URLOption_detailList:allUrlOption[this.$route.name].detailListURL,//-
URLOption_masterId:allUrlOption[this.$route.name].masterId || 'masterId',//-id
URLOption_masterName:allUrlOption[this.$route.name].masterName,//-//-title
URLOption_parent:allUrlOption[this.$route.name].parentURL ? allUrlOption[this.$route.name].parentURL : allUrlOption[this.$route.name].detailURL,//-
currenButtonData: [],//
operaButtons:[],//
showParentDialog:false,//
showParentTitle:null,//-title
showParentTableData:null,//-
showParentLoading:false,//-
listColumns:[],//
}
},
mounted(){
this.paging()
this.initHandleButtons()
},
methods: {
rowDropForDetail(data,type){
this.listColumns = data
this.$emit("rowDropForDetail", data,type)
}, },
// methods: {
initHandleButtons(){ rowDropForDetail(data,type){
// this.listColumns = data
let _arr_header = [] this.$emit("rowDropForDetail", data,type)
if(this.showHandleButtons.indexOf('add') >= 0){_arr_header.push(this.defaultAddBtn())} },
if(this.showHandleButtons.indexOf('field') >= 0){_arr_header.push(this.defaultFieldSettingBtn())} //
if(this.showHandleButtons.indexOf('fresh') >= 0){_arr_header.push(this.defaultFreshBtn())} initHandleButtons(){
if(this.showHandleButtons.indexOf('filter') >= 0){_arr_header.push(this.defaultFilterBtn())} //
this.currenButtonData = _arr_header let _arr_header = []
if(this.showHandleButtons.indexOf('add') >= 0){_arr_header.push(this.defaultAddBtn())}
if(this.showHandleButtons.indexOf('field') >= 0){_arr_header.push(this.defaultFieldSettingBtn())}
if(this.showHandleButtons.indexOf('fresh') >= 0){_arr_header.push(this.defaultFreshBtn())}
if(this.showHandleButtons.indexOf('filter') >= 0){_arr_header.push(this.defaultFilterBtn())}
this.currenButtonData = _arr_header
// //
let _arr_op = [] let _arr_op = []
if(this.showHandleButtons.indexOf('edit') >= 0){_arr_op.push('edit')} if(this.showHandleButtons.indexOf('edit') >= 0){_arr_op.push('edit')}
if(this.showHandleButtons.indexOf('delete') >= 0){_arr_op.push('delete')} if(this.showHandleButtons.indexOf('delete') >= 0){_arr_op.push('delete')}
if(this.showHandleButtons.indexOf('showParent') >= 0){_arr_op.push('showParent')} if(this.showHandleButtons.indexOf('showParent') >= 0){_arr_op.push('showParent')}
this.operaButtons = _arr_op this.operaButtons = _arr_op
}, },
// //
closeDialog(data){ closeDialog(data){
this.dialogShow = false this.dialogShow = false
this.$emit("closeDialog", data) this.$emit("closeDialog", data)
}, },
// //
paging(callback){ paging(callback){
this.Loading.tableLoading = true; this.Loading.tableLoading = true;
this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount
getPageListForDetail(this.PageListParams,this.URLOption_detailList) getPageListForDetail(this.PageListParams,this.URLOption_detailList)
.then(res=>{ .then(res=>{
// //
let _parentName = this.URLOption_detailList.substr(0,this.URLOption_detailList.indexOf('/')) let _parentName = this.URLOption_detailList.substr(0,this.URLOption_detailList.indexOf('/'))
let _Columns = this.initApiColumnsForDto(res.items[0],_parentName) let _Columns = this.initApiColumnsForDto(res.items[0],_parentName)
this.listColumns = this.initTableColumns(_Columns,'detailPage_api') this.listColumns = this.initTableColumns(_Columns,'detailPage_api')
// //
if(res){ if(res){
this.Loading.tableLoading = false
this.tableData = []
res.items.forEach(item=>{
item.deleteTipVisible = false
this.tableData.push(item)
})
this.totalCount = res.totalCount
}
this.pagingCallback(callback)
})
.catch(err=>{
this.Loading.tableLoading = false this.Loading.tableLoading = false
this.tableData = [] this.$message.error("数据获取失败")
res.items.forEach(item=>{ })
item.deleteTipVisible = false },
this.tableData.push(item) //
}) showParentHandleForDetail(data){
this.totalCount = res.totalCount this.showParentTitle = `${data[this.URLOption_masterName] || ''} 主表信息`
} this.showParentDialog = true
this.pagingCallback(callback) this.showParentLoading = true
}) getListDesById(this.URLOption_parent,data[this.URLOption_masterId])
.catch(err=>{ .then(res => {
this.Loading.tableLoading = false this.showParentTableData = res
this.$message.error("数据获取失败") this.showParentLoading = false
}) })
}, .catch(err => {
// this.showParentLoading = false
showParentHandleForDetail(data){ this.$message.error("主表信息获取失败!")
this.showParentTitle = `${data[this.URLOption_masterName] || ''} 主表信息` })
this.showParentDialog = true },
this.showParentLoading = true //
getListDesById(this.URLOption_parent,data[this.URLOption_masterId]) editHandleForDetail(data){
.then(res => { console.log(data)
this.showParentTableData = res },
this.showParentLoading = false //
deleteHandleForDetail(data){
this.Loading.appMainLoading = true
data.deleteTipVisible = false
interfaceApi[this.DeleteApi](data.id).then(res => {
this.$successMsg('删除成功!')
this.oldSkipCount = 1
this.Loading.appMainLoading = false
this.paging()
}).catch(err => {
this.Loading.appMainLoading = false
this.$message.error("删除失败!")
}) })
.catch(err => { },
this.showParentLoading = false }
this.$message.error("主表信息获取失败!")
})
},
//
editHandleForDetail(data){
console.log(data)
},
//
deleteHandleForDetail(data){
this.Loading.appMainLoading = true
data.deleteTipVisible = false
interfaceApi[this.DeleteApi](data.id).then(res => {
this.$successMsg('删除成功!')
this.oldSkipCount = 1
this.Loading.appMainLoading = false
this.paging()
}).catch(err => {
this.Loading.appMainLoading = false
this.$message.error("删除失败!")
})
},
}
} }
</script> </script>
<style lang="scss"> <style lang="scss">

Loading…
Cancel
Save