@ -4,30 +4,35 @@ import {getSiteAndBuByUserName} from "../../../api/qc/qc";
import { queryQuoteDetailReport } from "../../../api/quote/quoteDetail" ; import { queryQuoteDetailReport } from "../../../api/quote/quoteDetail" ;
import { getItemListByInquiryPartAndCodeNo } from "../../../api/inquiry/inquiryDetail" ; import { getItemListByInquiryPartAndCodeNo } from "../../../api/inquiry/inquiryDetail" ;
import BreakdownCost from "./detail/breakdownCost.vue" ; import BreakdownCost from "./detail/breakdownCost.vue" ;
import BuSelect from "../../../components/selector/select/BuSelect.vue" ;
import { queryPropertyTemplate } from "../../../api/property/template" ;
import { queryPropertyTemplateDetailAvailableList } from "../../../api/property/templateDetail" ;
export default { export default {
name : "quoteDetailReport" , name : "quoteDetailReport" ,
components : { BreakdownCost } ,
props : {
height : {
type : [ String , Number ] ,
components : { BuSelect , B reakdownCost } ,
props : {
height : {
type : [ String , Number ] ,
default : "38vh" default : "38vh"
} }
} , } ,
data ( ) {
return {
queryForm : {
buId : undefined ,
customerNo : '' ,
customerDesc : ''
data ( ) {
return {
queryForm : {
buId : '' ,
customerNo : '' ,
customerDesc : '' ,
partNo : '' ,
partDesc : ''
} , } ,
no : 1 ,
size : 20 ,
total : 0 ,
dataList : [ ] ,
queryLoading : false ,
userBuList : [ ] ,
columns : [
no : 1 ,
size : 20 ,
total : 0 ,
dataList : [ ] ,
queryLoading : false ,
userBuList : [ ] ,
columns : [
{ {
userId : this . $store . state . user . name , userId : this . $store . state . user . name ,
functionId : 5013 , functionId : 5013 ,
@ -117,7 +122,7 @@ export default {
status : true , status : true ,
fixed : '' , fixed : '' ,
columnWidth : 120 columnWidth : 120
} , {
} , {
userId : this . $store . state . user . name , userId : this . $store . state . user . name ,
functionId : 5013 , functionId : 5013 ,
serialNumber : '5011Table1CustomerInquiryNo' , serialNumber : '5011Table1CustomerInquiryNo' ,
@ -225,42 +230,6 @@ export default {
fixed : '' , fixed : '' ,
columnWidth : 100 columnWidth : 100
} , } ,
{
userId : this . $store . state . user . name ,
functionId : 5013 ,
serialNumber : '5011Table1UpdateDate' ,
tableId : '5013Table1' ,
tableName : '报价信息表' ,
columnProp : 'updateDate' ,
headerAlign : 'center' ,
align : 'center' ,
columnLabel : '最近更新日期' ,
columnHidden : false ,
columnImage : false ,
columnSortable : false ,
sortLv : 0 ,
status : true ,
fixed : '' ,
columnWidth : 130
} ,
{
userId : this . $store . state . user . name ,
functionId : 5013 ,
serialNumber : '5011Table1UpdateBy' ,
tableId : '5013Table1' ,
tableName : '报价信息表' ,
columnProp : 'updateBy' ,
headerAlign : 'center' ,
align : 'left' ,
columnLabel : '最近更新人' ,
columnHidden : false ,
columnImage : false ,
columnSortable : false ,
sortLv : 0 ,
status : true ,
fixed : '' ,
columnWidth : 100
} ,
{ {
userId : this . $store . state . user . name , userId : this . $store . state . user . name ,
functionId : 5013 , functionId : 5013 ,
@ -281,12 +250,21 @@ export default {
} , } ,
] , ] ,
currentRow : { } , currentRow : { } ,
activeName : 'detail' ,
inquiryDataList : [ ] ,
queryPropertyLoading : false
activeName : 'detail' ,
inquiryDataList : [ ] ,
queryPropertyLoading : false ,
propertyVisible : false ,
propertyList : [ ] ,
currentProperty : {
id : undefined ,
codeNo : '' ,
codeDesc : '' ,
} ,
propertyItemList : [ ] ,
} }
} , } ,
methods : {
methods : {
getSiteAndBuByUserName ( ) { getSiteAndBuByUserName ( ) {
let tempData = { let tempData = {
username : this . $store . state . user . name , username : this . $store . state . user . name ,
@ -297,84 +275,147 @@ export default {
} }
} ) } )
} , } ,
handleQuery ( ) {
handleQuery ( ) {
let list = [ ] ;
if ( this . propertyItemList . length > 0 ) {
list = this . propertyItemList . filter ( item => item . textValue || item . numValue ) ;
}
let params = { let params = {
... this . queryForm , ... this . queryForm ,
no : this . no , no : this . no ,
size : this . size
size : this . size ,
codeNo : this . currentProperty . codeNo ,
list ,
} }
this . queryLoading = true this . queryLoading = true
queryQuoteDetailReport ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
queryQuoteDetailReport ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
this . dataList = data . rows this . dataList = data . rows
this . total = data . total this . total = data . total
if ( this . total === 0 ) {
if ( this . total === 0 ) {
this . currentRow = { } this . currentRow = { }
} else if ( this . currentRow . id !== undefined ) {
} else if ( this . currentRow . id !== undefined ) {
/ / t h i s . c u r r e n t R o w = { } / / t h i s . c u r r e n t R o w = { }
} else {
} else {
this . currentRow = this . dataList [ 0 ] this . currentRow = this . dataList [ 0 ]
} }
} else {
} else {
this . $message . warning ( data . msg ) this . $message . warning ( data . msg )
} }
this . queryLoading = false this . queryLoading = false
} ) . catch ( ( error ) => {
} ) . catch ( ( error ) => {
this . $message . error ( error ) this . $message . error ( error )
this . queryLoading = false this . queryLoading = false
} ) } )
} , } ,
handleRowClick ( row ) {
handleRowClick ( row ) {
this . currentRow = { ... row } this . currentRow = { ... row }
} , } ,
rowStyle ( { row } ) {
if ( this . currentRow && this . currentRow . id === row . id ) {
return { 'background-color' : '#E8F7F6' } ;
} else {
rowStyle ( { row } ) {
if ( this . currentRow && this . currentRow . id === row . id ) {
return { 'background-color' : '#E8F7F6' } ;
} else {
return { } return { }
} }
} , } ,
handleSizeChange ( val ) {
handleSizeChange ( val ) {
this . size = val this . size = val
this . handleQuery ( ) this . handleQuery ( )
} , } ,
handlePageChange ( val ) {
handlePageChange ( val ) {
this . no = val this . no = val
this . handleQuery ( ) this . handleQuery ( )
} , } ,
handleQueryInquiryProperties ( ) {
if ( this . currentRow . id === undefined ) {
handleQueryInquiryProperties ( ) {
if ( this . currentRow . id === undefined ) {
this . inquiryDataList = [ ]
return return
} }
let params = { let params = {
inquiryPartId : this . currentRow . rfqDetailId ,
buNo : this . currentRow . buNo ,
site : this . currentRow . site ,
recordType : 'PRICECHECK' ,
inquiryPartId : this . currentRow . rfqDetailId ,
buNo : this . currentRow . buNo ,
site : this . currentRow . site ,
recordType : 'PRICECHECK' ,
} }
this . queryPropertyLoading = true this . queryPropertyLoading = true
getItemListByInquiryPartAndCodeNo ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
getItemListByInquiryPartAndCodeNo ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
this . inquiryDataList = data . rows this . inquiryDataList = data . rows
} else {
} else {
this . $message . warning ( data . msg ) this . $message . warning ( data . msg )
} }
this . queryPropertyLoading = false this . queryPropertyLoading = false
} ) . catch ( ( error ) => {
} ) . catch ( ( error ) => {
this . $message . error ( error ) this . $message . error ( error )
this . queryPropertyLoading = false this . queryPropertyLoading = false
} ) } )
} ,
handleClickProperty ( ) {
if ( ! this . queryForm . buId ) {
this . $message . warning ( '请先选择BU' )
return
} }
/ / t h i s . h a n d l e Q u e r y P r o p e r t y ( ) ;
this . propertyVisible = true ;
} ,
handleQueryProperty ( ) {
let params = {
buId : this . queryForm . buId ,
createBy : this . $store . state . user . name ,
functionType : 'IP'
}
queryPropertyTemplate ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
this . propertyList = data . rows
if ( this . propertyList . length > 0 ) {
this . currentProperty . id = this . propertyList [ 0 ] . id
this . currentProperty . codeNo = this . propertyList [ 0 ] . codeNo
}
} else {
this . $message . warning ( data . msg )
}
} ) . catch ( ( error ) => {
this . $message . error ( error )
} )
} ,
handleQueryPropertyTemplateDetailAvailableList ( ) {
let params = {
headerId : this . currentProperty . id ,
}
this . propertyItemList = [ ]
queryPropertyTemplateDetailAvailableList ( params ) . then ( ( { data } ) => {
if ( data && data . code === 0 ) {
this . propertyItemList = data . rows
} else {
this . $message . warning ( data . msg )
}
} ) . catch ( ( error ) => {
this . $message . error ( error )
} )
} ,
} , } ,
created ( ) { created ( ) {
this . getSiteAndBuByUserName ( ) ; this . getSiteAndBuByUserName ( ) ;
this . handleQuery ( ) ; this . handleQuery ( ) ;
} , } ,
watch : {
currentRow ( newVal , oldVal ) {
if ( newVal ) {
watch : {
currentRow ( newVal , oldVal ) {
if ( newVal ) {
this . handleQueryInquiryProperties ( ) this . handleQueryInquiryProperties ( )
} }
} ,
'queryForm.buId' ( newVal , oldVal ) {
this . currentProperty . id = undefined
this . currentProperty . codeNo = ''
this . propertyItemList = [ ]
if ( newVal ) {
this . handleQueryProperty ( ) ;
}
} ,
'currentProperty.id' ( newVal , oldVal ) {
if ( newVal ) {
this . handleQueryPropertyTemplateDetailAvailableList ( ) ;
}
} }
} }
} }
@ -382,45 +423,52 @@ export default {
< template > < template >
< div > < div >
< div style = "width: 10 00px" >
< div style = "width: 12 00px" >
< el -form :model ="queryForm" label -position = " top " > < el -form :model ="queryForm" label -position = " top " >
< el -row :gutter ="2 0" >
< el -col :span ="4 " >
< el -row :gutter ="1 0" >
< el -col :span ="3 " >
< el -form -item label = "BU" > < el -form -item label = "BU" >
< el -select v-model ="queryForm.buId" placeholder="请选择" clearable style="width: 100%" >
< el -option
v - for = "i in userBuList"
: key = "i.id"
: label = "i.buDesc"
: value = "i.id" >
< / e l - o p t i o n >
< / e l - s e l e c t >
< bu -select v-model ="queryForm.buId" >
< el -option label = "全部" value = "" > < / e l - o p t i o n >
< / b u - s e l e c t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - c o l > < / e l - c o l >
< el -col :span ="4 " >
< el -col :span ="3" >
< el -form -item label = "客户编码" > < el -form -item label = "客户编码" >
< el -input v-model ="queryForm.customerNo" > < / el -input > < el -input v-model ="queryForm.customerNo" > < / el -input >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - c o l > < / e l - c o l >
< el -col :span ="4 " >
< el -col :span ="3 " >
< el -form -item label = "客户名称" > < el -form -item label = "客户名称" >
< el -input v-model ="queryForm.customerDesc" > < / el -input > < el -input v-model ="queryForm.customerDesc" > < / el -input >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - c o l > < / e l - c o l >
< el -col :span ="4" >
< el -col :span ="3" >
< el -form -item label = "产品编码" >
< el -input v-model ="queryForm.partNo" > < / el -input >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="3" >
< el -form -item label = "产品描述" >
< el -input v-model ="queryForm.partDesc" > < / el -input >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="3" >
< el -form -item label = "报价单号" > < el -form -item label = "报价单号" >
< el -input v-model ="queryForm.quoteVersionNo" > < / el -input > < el -input v-model ="queryForm.quoteVersionNo" > < / el -input >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - c o l > < / e l - c o l >
< el -col :span ="4" >
< el -col :span ="3 " >
< el -form -item label = " " > < el -form -item label = " " >
< el -button type = "primary" @click ="handleClickProperty" > 属性 < / el -button >
< el -button type = "primary" @click ="handleQuery" > 查询 < / el -button > < el -button type = "primary" @click ="handleQuery" > 查询 < / el -button >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - c o l > < / e l - c o l >
< / e l - r o w > < / e l - r o w >
< / e l - f o r m > < / e l - f o r m >
< / div > < / div >
< el -table v-loading ="queryLoading" :data="dataList" border :height="height" :row-style="rowStyle" @row-click="handleRowClick" >
< el -table v -loading = " queryLoading " :data ="dataList" border :height ="height" :row-style ="rowStyle"
@ row - click = "handleRowClick" >
< el -table -column < el -table -column
v - for = "(item,index) in columns" : key = "index" v - for = "(item,index) in columns" : key = "index"
: sortable = "item.columnSortable" : sortable = "item.columnSortable"
@ -433,18 +481,20 @@ export default {
: label = "item.columnLabel" > : label = "item.columnLabel" >
< template slot -scope = " scope " > < template slot -scope = " scope " >
< span v-if ="!item.columnHidden" > {{ scope.row [ item.columnProp ] }} < / span > < span v-if ="!item.columnHidden" > {{ scope.row [ item.columnProp ] }} < / span >
< span v-if ="item.columnImage" > < img :src ="scope.row[item.columnProp]" style = "width: 100px; height: 80px" / > < / span >
< span v-if ="item.columnImage" > < img :src ="scope.row[item.columnProp]"
style = "width: 100px; height: 80px" / > < / span >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column v -if = " false "
fixed = "right"
header - align = "center"
align = "center"
width = "100"
label = "操作" >
< template slot -scope = " { row , $ index } " >
< a > 重新报价 < / a >
< / template > < / template >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
<!-- < el -table -column - - >
<!-- fixed = "right" -- >
<!-- header - align = "center" -- >
<!-- align = "center" -- >
<!-- width = "100" -- >
<!-- label = "操作" > -- >
<!-- < template slot -scope = " { row , $ index } " > -- >
<!-- < / template > -- >
<!-- < / e l - t a b l e - c o l u m n > - - >
< / e l - t a b l e > < / e l - t a b l e >
< el -pagination @size-change ="handleSizeChange" < el -pagination @size-change ="handleSizeChange"
@ current - change = "handlePageChange" @ current - change = "handlePageChange"
@ -572,7 +622,8 @@ export default {
< / e l - c o l > < / e l - c o l >
< / e l - r o w > < / e l - r o w >
< / e l - f o r m > < / e l - f o r m >
< el -table :data ="inquiryDataList" v -loading = " queryPropertyLoading " height = "19vh" style = "margin-top: 10px;width: 1000px" border >
< el -table :data ="inquiryDataList" v -loading = " queryPropertyLoading " height = "19vh"
style = "margin-top: 10px;width: 1000px" border >
< el -table -column label = "属性编码" header -align = " center " min -width = " 100 " prop = "itemNo" > < / e l - t a b l e - c o l u m n > < el -table -column label = "属性编码" header -align = " center " min -width = " 100 " prop = "itemNo" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "属性名称" header -align = " center " min -width = " 160 " prop = "itemDesc" > < / e l - t a b l e - c o l u m n > < el -table -column label = "属性名称" header -align = " center " min -width = " 160 " prop = "itemDesc" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "属性类型" header -align = " center " min -width = " 80 " prop = "valueType" > < / e l - t a b l e - c o l u m n > < el -table -column label = "属性类型" header -align = " center " min -width = " 80 " prop = "valueType" > < / e l - t a b l e - c o l u m n >
@ -588,16 +639,68 @@ export default {
< breakdown -cost :quote-detail ="currentRow" height = "36vh" > < / b r e a k d o w n - c o s t > < breakdown -cost :quote-detail ="currentRow" height = "36vh" > < / b r e a k d o w n - c o s t >
< / e l - t a b - p a n e > < / e l - t a b - p a n e >
< / e l - t a b s > < / e l - t a b s >
< el -dialog title = "属性详情" v -drag :visible.sync ="propertyVisible" :close-on-click-modal ="false" append -to -body
width = "800px" >
< el -form :model ="currentProperty" label -position = " top " >
< el -row :gutter ="10" >
< el -col :span ="4" >
< el -form -item label = "BU" >
< bu -select v -model = " queryForm.buId " disabled > < / b u - s e l e c t >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="8" >
< el -form -item label = "属性模板" >
< el -select v-model ="currentProperty.codeNo" style="width: 100%;" >
< el -option v-for ="item in propertyList" :key="item.id" :label="item.codeDesc" :value="item.codeNo" >
< div style = "float:left;" > { { item . codeDesc } } < / div >
< div style = "float:right;" > { { item . codeNo } } < / div >
< / e l - o p t i o n >
< / e l - s e l e c t >
< / 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 >
< el -table :data ="propertyItemList" border height = "300px" >
< el -table -column label = "属性编码" header -align = " center " min -width = " 120 " prop = "itemNo" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "属性名称" header -align = " center " min -width = " 180 " prop = "itemDesc" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "属性类型" header -align = " center " align = "center" min -width = " 80 " prop = "valueType" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "属性值" header -align = " center " min -width = " 140 " prop = "value" >
< template slot -scope = " scope " >
< template v-if ="scope.row.valueTypeDb==='T' && scope.row.valueChooseFlag==='Y'" >
< el -select v-model ="scope.row['textValue']" placeholder="请选择" style="width: 100%" >
< el -option :label ="available.availableValue" :value ="available.availableValue" :key ="available.id" v-for ="(available) in scope.row.availableList" > < / el -option >
< / e l - s e l e c t >
< / template >
< template v -else -if = " scope.row.valueTypeDb = = = ' N ' & & scope.row.valueChooseFlag = = = ' Y ' " >
< el -select v-model ="scope.row['numValue']" placeholder="请选择" style="width: 100%" >
< el -option :label ="available.availableValue" :value ="available.availableValue" :key ="available.id" v-for ="(available) in scope.row.availableList" > < / el -option >
< / e l - s e l e c t >
< / template >
< template v -else -if = " scope.row.valueTypeDb = = = ' T ' " >
< el -input v-model ="scope.row['textValue']" > < / el -input >
< / template >
< template v -else -if = " scope.row.valueTypeDb = = = ' N ' " >
< el -input -number style = "width: 100%" :controls ="false" :step ="0" v-model ="scope.row['numValue']" > < / el -input -number >
< / template >
< / template >
< / e l - t a b l e - c o l u m n >
< / e l - t a b l e >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @ click = "propertyVisible = false" > 确 定 < / e l - b u t t o n >
< el -button @ click = "propertyVisible = false" > 取 消 < / e l - b u t t o n >
< / div >
< / e l - d i a l o g >
< / div > < / div >
< / template > < / template >
< style scoped > < style scoped >
. el - table / deep / . cell {
. el - table / deep / . cell {
height : auto ; height : auto ;
line - height : 1.5 ; line - height : 1.5 ;
} }
. auto / deep / . el - form - item__content {
. auto / deep / . el - form - item__content {
height : auto ; height : auto ;
line - height : 1.5 ; line - height : 1.5 ;
} }
yuejiayang
1 year ago