< template >
< el -container >
< el -header style = "width: 100%; height: 60px;font-size: 12px" >
< el -form :inline ="true" label -width = " 65px " label -position = " left " >
< el -row >
< el -col :span ="20" >
< el -form -item label = "船号:" >
< vxe -pulldown ref = "xDown4" transfer >
< template # default >
< vxe -input
v - model = "queryParam.dcch"
placeholder = "船号"
style = " height : 28 px ;
line - height : 28 px ; width : 150 px ; "
suffix - icon = "vxe-icon--search"
@ keyup = "keyupEvent4"
@ focus = "focusEvent4"
/ >
< / template >
< template # dropdown >
< div class = "my-dropdown mytable " style = "width: 250px" >
< vxe -grid
highlight - hover - row
height = "auto"
: data = "projectData"
: columns = "projectColumns"
@ cell - click = "cellClickEvent"
show - overflow
>
< template # wgbsEdit = "{ row}" >
< vxe -checkbox v -model = " row.wgbs " checked -value = " Y " unchecked -value = " N " disabled > < / v x e - c h e c k b o x >
< / template >
< / v x e - g r i d >
< / div >
< / template >
< / v x e - p u l l d o w n >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="4" >
< el -form -item style = "float: right" >
< el -button type = "success" @click ="initList" > 查 询 < / el -button >
< el -button
class = "out-item"
type = "primary"
icon = "el-icon-download"
@ click = "handleExport"
> 导出Excel < / e l - b u t t o n >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< / e l - f o r m >
< / e l - h e a d e r >
< el -container style = "padding-top: 0px" >
< el -container >
< el -main >
< div class = "mytable" >
< vxe -grid
id = "id"
ref = "xGrid"
border
resizable
: scroll - y = "{enabled: true}"
: align = "'center'"
: height = "height"
: columns = "tableColumn"
highlight - current - row
: data = "list"
: custom - config = "{ storage: true }"
: cell - style = "cellClassName"
highlight - hover - row
show - overflow
show - header - overflow
show - footer
: footer - cell - style = "{'text-align':'center','color':'red'}"
: footer - method = "footerMethod"
>
< template # hjdwDefault = "{ row }" >
< span > { { hdwNum ( row ) } } < / span >
< / template >
< template # lqhjDefault = "{ row }" >
< span > { { lqhjNum ( row ) } } < / span >
< / template >
< template # shhjDefault = "{ row }" >
< span > { { shhjNum ( row ) } } < / span >
< / template >
< / v x e - g r i d >
< / div >
< / e l - m a i n >
< / e l - c o n t a i n e r >
< / e l - c o n t a i n e r >
< / e l - c o n t a i n e r >
< / template >
< script >
import {
getYdjhzzList , getCzplBase
} from '@/api/sjzx/jcsj'
import { mapGetters } from 'vuex'
import XEUtils from 'xe-utils'
import { getToken } from '@/utils/auth'
export default {
name : 'YdjhzzCX' ,
data ( ) {
return {
queryParam : {
dcch : '' ,
} ,
list : [ ] ,
heads : { token : getToken ( ) } ,
dictData : { } ,
height : '500px' ,
projectData : [ ] ,
projectData1 : [ ] ,
projectColumns : [
{ field : 'cbbm' , title : '船号' , width : 110 } ,
{ field : 'wgbs' , title : '完工标识' , width : 80 ,
slots : {
default : 'wgbsEdit'
} ,
} ,
] ,
tableColumn : [
{ type : 'seq' , width : 60 , title : '序号' , fixed : "left" } ,
{ field : 'dcCh' , title : '船号' , width : 100 , fixed : "left" ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dcPl' , title : '批量' , width : 100 , fixed : "left" ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dcFd' , title : '分段' , width : 100 , fixed : "left" ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'lm1' , title : '龙门1' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'lmdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_lm1' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_lm1' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 's1' , title : '数1' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 's1dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_s1' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_s1' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx2' , title : '数小2' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx2dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sx2' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sx2' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd2' , title : '数中大2' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd2dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_szd2' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_szd2' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xf' , title : '小腹' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xfdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_xf' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_xf' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'df' , title : '大腹' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dfdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_df' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_df' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xzhb' , title : '小组厚板' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xzhbdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_xzhb' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_xzhb' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dzhb' , title : '大组厚板' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dzhbdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_dzhb' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_dzhb' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx4' , title : '数小4' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx4dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sx4' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sx4' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'jz4' , title : '机肘4' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'jz4dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_jz4' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_jz4' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xm' , title : '小面' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xmdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_xm' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_xm' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dm' , title : '大面' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dmdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_dm' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_dm' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx3' , title : '手小3' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sx3dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sx3' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sx3' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sj3' , title : '手机3' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sj3dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sj3' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sj3' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd3' , title : '手中大3' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd3dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_szd3' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_szd3' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xzxc' , title : '小组型材' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xzds' , title : '小组吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xzgs' , title : '小组根数' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_xz' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_xz' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dzxc' , title : '大组型材' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dzds' , title : '大组吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dzgs' , title : '大组根数' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_dz' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_dz' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'fg' , title : '方钢' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'fgdw' , title : '方钢吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : '' , title : '型材根数合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : '' , title : '型材总米数(不含方钢)' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xchdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'hdw' , title : '合吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'lqhj_xz' , title : '小组领取合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'shhj_xz' , title : '小组实耗合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd4' , title : '数中大4' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'szd4dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_szd4' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_szd4' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sq2x' , title : '数曲2小' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sq2xdw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sq2x' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sq2x' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sq2d' , title : '数曲2大' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'sq2ddw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_sq2d' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_sq2d' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xq3' , title : '小曲3' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xq3dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_xq3' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_xq3' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dq3' , title : '大曲3' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dq3dw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_dq3' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_dq3' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'gd' , title : '光电' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'gdDw' , title : '吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bclqzl_gd' , title : '领取重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'bcshzl_gd' , title : '实耗重量' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'hdw1' , title : '合吨位' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'lqhj_dz' , title : '大组领取合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'shhj_dz' , title : '大组实耗合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'hjdw' , title : '合计吨位' , width : 100 , slots : { default : 'hjdwDefault' } ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'lqhj' , title : '领取合计' , width : 100 , slots : { default : 'lqhjDefault' } ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'shhj' , title : '实耗合计' , width : 100 , slots : { default : 'shhjDefault' } ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'hjbs' , title : '板数合计' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'xflj' , title : '小腹零件' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
{ field : 'dflj' , title : '大腹零件' , width : 100 ,
filters : [ { data : { checks : [ ] , sVal : '' , sMenu : '' , fType1 : '' , fVal1 : '' , fMode : 'and' , fType2 : '' , fVal2 : '' } } ] ,
filterRender : { name : 'FilterCombination' , } , } ,
]
}
} ,
computed : {
... mapGetters ( [ 'name' , 'bmbm' ] )
} ,
created ( ) {
window . addEventListener ( 'resize' , this . getHeight )
this . getHeight ( )
this . initBase ( )
} ,
methods : {
footerMethod ( { columns , data } ) {
return [
columns . map ( ( column , columnIndex ) => {
if ( columnIndex === 1 ) {
return '合计'
}
// if (["lm1","lmdw","s1","s1dw","sx2","sx2dw","szd2","szd2dw","xf","xfdw","df","dfdw","xzhb","xzhbdw","dzhb","dzhbdw","sx4","sx4dw","jz4","jz4dw","xm","xmdw","dm","dmdw","sx3","sx3dw","sj3","sj3dw","szd3","szd3dw","xzxc","xzdw","xzgs","dzxc","dzdw","dzgs","fg","fgdw","szd4","szd4dw","sq2x","sq2xdw","sq2d","sq2ddw","xq3","xq3dw","dq3","dq3dw","gd","gdDw","xflj","dflj","xchdw","hdw","hdw1","hjbs",].includes(column.property)) {
// return this.sumNum(data, column.property)
// }
if ( [ "hdw" , "hdw1" , "hjbs" , 'lqhj_xz' , 'shhj_xz' , 'lqhj_dz' , 'shhj_dz' ] . includes ( column . property ) ) {
return this . sumNum ( data , column . property )
}
if ( [ "hjdw" ] . includes ( column . property ) ) {
return this . cal . accAdd ( this . sumNum ( data , 'hdw' ) , this . sumNum ( data , 'hdw1' ) )
}
if ( [ "lqhj" ] . includes ( column . property ) ) {
return this . cal . accAdd ( this . sumNum ( data , 'lqhj_xz' ) , this . sumNum ( data , 'lqhj_dz' ) )
}
if ( [ "shhj" ] . includes ( column . property ) ) {
return this . cal . accAdd ( this . sumNum ( data , 'shhj_xz' ) , this . sumNum ( data , 'shhj_dz' ) )
}
return null
} )
]
} ,
sumNum ( list , field ) {
let count = 0
list . forEach ( item => {
let num = Number ( item [ field ] )
if ( ! XEUtils . isNumber ( num ) || isNaN ( num ) ) {
num = 0
}
count = this . cal . accAdd ( count , num )
} )
return count
} ,
cellClassName ( { row , column } ) {
let fields = [ 'lm1' , 's1' , 'sx2' , 'szd2' , 'xf' , 'df' , 'xzhb' , 'dzhb' , 'sx4' , 'jz4' ,
'xm' , 'dm' , 'sx3' , 'sj3' , 'szd3' , 'xzxc' , 'dzxc' , 'fg' , 'szd4' , 'sq2x' ,
'sq2d' , 'xq3' , 'dq3' , 'gd'
]
let hzfields = [ 'hdw' , 'lqhj_xz' , 'shhj_xz' , 'hdw1' , 'lqhj_dz' , 'shhj_dz' ]
let zjfields = [ 'hjdw' , 'lqhj' , 'shhj' , 'hjbs' ]
if ( fields . includes ( column . property ) ) {
return {
background : 'rgba(69,255,40,0.89)' ,
cursor : 'pointer'
}
}
if ( hzfields . includes ( column . property ) ) {
return {
color : '#0415cc' ,
cursor : 'pointer'
}
}
if ( zjfields . includes ( column . property ) ) {
return {
color : '#f50202' ,
cursor : 'pointer'
}
}
return null
} ,
handleExport ( ) {
this . $refs . xGrid . exportData ( {
filename : '月度计划追踪记录' , // 文件名字
sheetName : 'Sheet1' ,
type : 'xlsx' , //导出文件类型 xlsx 和 csv
data : this . data , // 数据源
// sheetMethod: this.sheetMethod,
useStyle : true ,
// 过滤那个字段导出
columnFilterMethod : function ( column , $columnIndex ) {
return ! ( column . $columnIndex === 0 )
// 0是复选框 不导出
}
} )
} ,
hdwNum ( row ) {
var n = ( row . hdw + row . hdw1 ) . toFixed ( 1 ) ;
return n ;
} ,
lqhjNum ( row ) {
var lqhj = ( row . lqhj _xz + row . lqhj _dz ) . toFixed ( 1 ) ;
return lqhj ;
} ,
shhjNum ( row ) {
var shhj = ( row . shhj _xz + row . shhj _dz ) . toFixed ( 1 ) ;
return shhj ;
} ,
initList ( ) {
if ( this . queryParam . dcch === '' ) {
this . $message . warning ( '选择船只编号' )
return
}
getYdjhzzList ( this . queryParam . dcch ) . then ( ( res ) => {
this . list = res . data
} )
} ,
initBase ( ) {
getCzplBase ( { } ) . then ( res => {
this . dictData = res . data
this . projectData = res . data . cbbm
this . projectData1 = res . data . cbbm
} )
} ,
cellClickEvent ( { row } ) {
this . queryParam . dcch = row . cbbm
this . $refs . xDown4 . hidePanel ( )
} ,
focusEvent4 ( ) {
this . $refs . xDown4 . showPanel ( )
} ,
keyupEvent4 ( ) {
if ( this . queryParam . dcch ) {
this . projectData = this . projectData1 . filter ( row => row . cbbm . indexOf ( this . queryParam . dcch . toUpperCase ( ) ) > - 1 )
} else {
this . projectData = this . projectData1 . slice ( 0 )
}
} ,
formatDate ( { cellValue } ) {
return XEUtils . toDateString ( cellValue , 'yyyy/MM/dd' )
} ,
getHeight ( ) {
this . height = window . innerHeight - 160
} ,
}
}
< / script >
< style lang = "scss" scoped >
. el - header { margin : 0 ; padding : 5 px ; height : auto ;
. el - input {
width : 140 px ;
}
. el - select {
width : 140 px ;
}
}
. el - container { padding : 0 ; margin : 0 ; }
. el - main { padding : 0 ; }
. el - col { padding : 0 ; height : 32 px ; }
. el - aside { background : # fff ; padding : 0 }
. el - container { padding : 0 }
. el - row { }
. el - row : last - child { margin - bottom : 0 ; }
. tableStyles {
background : # 0 a76a4 ;
}
. my - dropdown {
width : 400 px ;
height : 400 px ;
background - color : # fff ;
border : 1 px solid # dcdfe6 ;
box - shadow : 0 0 6 px 2 px rgba ( 0 , 0 , 0 , 0.1 ) ;
font - size : 12 px ;
}
. mytable1 {
}
. borderClass {
}
. vxe - input {
display : inline - block ! important ;
position : relative ! important ;
width : auto ;
}
. el - input {
display : inline - block ! important ;
position : relative ! important ;
width : auto ;
}
. keyword - lighten {
color : # 000 ;
background - color : # FFFF00 ;
}
. vxe - textarea -- inner {
line - height : inherit ;
}
. el - form - item _ _label - wrap {
margin - left : 0 px ! important ;
float : left ;
}
. fontClass {
font - size : 12 px ;
font - weight : bold ;
}
< / style >