@ -1,35 +1,56 @@
< template >
< div class = "app-container" >
< el -form label -width = " 100px " >
< el -row style = "letter-spacing: 3px;" :gutter ="5" >
< el -col :span ="12" >
< el -form label -width = " 100px " :model ="form" >
< el -row :gutter ="5" >
< el -col :span ="10" >
< el -input style = "width:30%" size = "mini" v-model ="queryParams.name_0" placeholder="型号 模糊查询" > < / el -input >
< el -input style = "width:30%;margin-left: 5px;" size = "mini" v-model ="queryParams.model" placeholder="规格 模糊查询" > < / el -input >
< el -button style = "float: right;" size = "mini" type = "primary" icon = "el-icon-search" @click ="handleSearchClick" > 搜索 < / el -button >
< / e l - c o l >
< el -col :span ="14" > < / e l - c o l >
< / e l - r o w >
< el -row :gutter="5"class ="mt5" >
< el -col :span ="10" >
< el -card id = "scroll" class = "box-card scrollable" : style = "{'overflow': 'auto','max-height': scrollableHeight,'height': scrollableHeight}" >
< el -form -item label = "目录:" >
< el -button class = "block" size = "mini" :type ="selectedModelTag==item.name_0?'warning':'primary'" plain @click ="selModelTag(item)" v-for ="(item, index) in modelList" :key ="index" > {{ item.name_0 }} < / el -button >
< el - link :underline ="false" class = "block " :type ="selectedModelTag==item.name_0?'warning':'primary'" @click ="selModelTag(item)" v-for ="(item, index) in modelList" :key ="index" > {{ item.name_0 }} < / el - link >
< / e l - f o r m - i t e m >
< el -form -item label = "备注:" v-if ="showRemarkList" >
< div class = "text-content" >
< div v-if ="expandedIndex === id" >
< el -button type = "text" style = "float: right" @click ="toggleText(-1)" > 收起 < / el -button >
< div v-for ="(item, index) in remarkList" :key="index" style="line-height: 25px" >
{ { index + 1 } } 、 { { item . remark _0 } }
< / div >
< / div >
< div v-else >
< el -button type = "text" style = "float: right" @click ="toggleText(id)" > 更多 < / el -button >
< div class = "text-preview" >
< div v-for ="(item, index) in remarkList" :key="index" style="line-height: 25px" >
{ { index + 1 } } 、 { { item . remark _0 } }
< / div >
< / div >
< / div >
< / div >
< / e l - f o r m - i t e m >
< el -form -item label = "型号:" v-if ="showXinghList" >
< el -button class = "block" size = "mini" :type ="selectedXinghTag==item.name_0?'warning':'primary'" plain @click ="selXinghTag(item)" v-for ="(item, index) in xinghList" :key ="index" > {{ item.name_0 }} < / el -button >
< el - link :underline ="false" class = "block " :type ="selectedXinghTag==item.name_0?'warning':'primary'" plain @click ="selXinghTag(item)" v-for ="(item, index) in xinghList" :key ="index" > {{ item.name_0 }} < / el - link >
< / e l - f o r m - i t e m >
< el -form -item label = "子类:" v-if ="showZlList" >
< el -button class = "block" size = "mini" :type ="selectedZlTag==item.name_0?'warning':'primary'" plain @click ="selZlTag(item)" v-for ="(item, index) in zlList" :key ="index" > {{ item.name_0 }} < / el -button >
< el - link :underline ="false" class = "block" size = "mini" :type ="selectedZlTag==item.name_0?'warning':'primary'" plain @click ="selZlTag(item)" v-for ="(item, index) in zlList" :key ="index" > {{ item.name_0 }} < / el - link >
< / e l - f o r m - i t e m >
< el -form -item label = "衍生型号:" v-if ="showYsxhList" >
< el -button class = "block" size = "mini" :type ="selectedYsxhTag==item.name_0?'warning':'primary'" plain @click ="selYsxhTag(item)" v-for ="(item, index) in ysxhList" :key ="index" > {{ item.name_0 }} < / el -button >
< el - link :underline ="false" class = "block " :type ="selectedYsxhTag==item.name_0?'warning':'primary'" plain @click ="selYsxhTag(item)" v-for ="(item, index) in ysxhList" :key ="index" > {{ item.name_0 }} < / el - link >
< / e l - f o r m - i t e m >
< el -form -item label = "截面:" v-if ="showJmList" >
< el - button class = "block" size = "mini " :type ="selectedJmTag==item.section?'warning':'primary'" plain @click ="selJmTag(item)" v-for ="(item, index) in jmList" :key ="index" > {{ item.section }} < / el - button >
< el - link :underline="false"class ="block " :type ="selectedJmTag==item.section?'warning':'primary'" plain @click ="selJmTag(item)" v-for ="(item, index) in jmList" :key ="index" > {{ item.section }} < / el - link >
< / e l - f o r m - i t e m >
< el -table width = "100%" v-loading ="searchResultLoading" ref="searchResultTable" :data="searchResultPagedData" @row-dblclick="handleRowDblclick" >
< el -table -column label = "uid" align = "center" prop = "uid_0" v -if = " false " / >
< el -table -column label = "型号" align = "center" prop = "name_0" width = " 2 80"/ >
< el -table -column label = "型号" align = "center" prop = "name_0" width = " 1 80"/ >
< el -table -column label = "电压" align = "center" prop = "voltage" width = "120" / >
< el -table -column label = "红本价(元)" align = "center" prop = "price" width = "1 2 0"/ >
< el -table -column label = "红本价(元)" align = "center" prop = "price" width = "1 0 0"/ >
< el -table -column label = "单位" align = "center" prop = "stu" / >
< / e l - t a b l e >
< pagination
@ -42,41 +63,74 @@
/ >
< / e l - c a r d >
< / e l - c o l >
< el -col :span ="1 2">
< el -col :span ="1 4" rowspan = " 2">
< el -card id = "scroll" class = "box-card scrollable" : style = "{'overflow': 'auto','max-height': scrollableHeight,'height': scrollableHeight}" >
< el -row :gutter ="8" >
< el -col :span ="12" >
< el -form -item label = "询价单位" prop = "cusCode" >
< el -input v -model = " form.quotCustomer " placeholder = "请输入询价单位" / >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="12" >
< el -form -item label = "项目名称" prop = "cusSapCode" >
< el -input v -model = " form.quotProject " placeholder = "请输入项目名称" / >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< el -row :gutter ="8" >
< el -col :span ="12" >
< el -form -item label = "业务联系人" prop = "cusCode" >
< el -input v -model = " form.quotLxr " placeholder = "请输入业务联系人" / >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="12" >
< el -form -item label = "联 系 电 话" prop = "cusSapCode" >
< el -input v -model = " form.quotLxrdh " placeholder = "请输入联系电话" / >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< span > 批量调折扣率 :
< el -input -number v-model ="perc" size="small" controls-position="right" :min="0" :max="6" :step="0.5" > < / el -input -number > %
< el -input -number v-model ="perc2" size="small" controls-position="right" :min="0" :max="6" :step="0.5" > < / el -input -number > %
< el -input style = "width:10%" v-model ="perc" size="small" @blur="changeData "> < / el -input >
< el -input style = "width:10%;margin-left: 5px" v-model ="perc2" size="small" @blur="changeData "> < / el -input >
< / span >
< el -table width = "100%;" style = "margin-top:5px" ref = "selectedResultTable" :data ="selectedResultData" >
< el -table width = "100%;" : style = " {' margin-top' :' 5px','height': tableHeight} " ref = "selectedResultTable" :data ="selectedResult Paged Data">
< el -table -column fixed = "left" label = "操作" align = "center" width = "60" class -name = " small -padding fixed -width " >
< template slot -scope = " scope " >
< el -button type = "text" @click ="handleDeleteClick(scope.$index)" > 删除 < / el -button >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "uid" align = "center" prop = "uid_0" v -if = " false " / >
< el -table -column label = "型号" align = "center" prop = "name_0" width = "180" / >
< el -table -column label = "电压" align = "center" prop = "voltage" width = "120" / >
< el -table -column label = "型号" align = "center" prop = "name_0" / >
< el -table -column label = "电压" align = "center" prop = "voltage" width = "100" / >
< el -table -column label = "红本价(元)" align = "center" prop = "price" width = "100" / >
< el -table -column label = "单位" align = "center" prop = "stu" width = "80" / >
< el -table -column label = "一次折扣" align = "center" prop = "percent" width = "100" >
< el -table -column label = "单位" align = "center" prop = "stu" width = " 6 0"/ >
< el -table -column label = "一次折扣" align = "center" prop = "percent" width = " 8 0">
< template slot -scope = " scope " >
< el -input v -model = " scope.row.percent " / >
< el -input v -model = " scope.row.percent " @blur ="changeRowData" / >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "二次折扣" align = "center" prop = "percent2" width = "100" >
< el -table -column label = "二次折扣" align = "center" prop = "percent2" width = " 8 0">
< template slot -scope = " scope " >
< el -input v -model = " scope.row.percent2 " / >
< el -input v -model = " scope.row.percent2 " @blur ="changeRowData" / >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "单价" align = "center" prop = "setPrice" width = " 10 0"/ >
< el -table -column label = "数量调整" align = "center" prop = "count" width = " 10 0">
< el -table -column label = "单价" align = "center" prop = "setPrice" width = " 8 0"/ >
< el -table -column label = "数量调整" align = "center" prop = "count" width = " 8 0">
< template slot -scope = " scope " >
< el -input v -model = " scope.row.count " / >
< el -input v -model = " scope.row.count " @blur ="changeRowData" / >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "总价" align = "center" prop = "allPrice" width = " 10 0"/ >
< el -table -column label = "总价" align = "center" prop = "allPrice" width = " 8 0"/ >
< / e l - t a b l e >
< pagination
v - show = "selectedResultTotal>0"
: total = "selectedResultTotal"
: page . sync = "selectedResultCurrentPage"
: page - sizes = "[5,10,15,20]"
: limit . sync = "selectedResultPageSize"
@ size - change = "handleSelectedResultSizeChange"
@ current - change = "handleSelectedResultCurrentChange"
/ >
< / e l - c a r d >
< / e l - c o l >
< / e l - r o w >
@ -84,18 +138,30 @@
< / div >
< / template >
< style >
/* 设置间距 */
. block {
margin : 5 px ;
margin -left : 20 px ;
display : inline - block ;
}
/* 设置行距 */
. el - form - item -- medium . el - form - item _ _content {
line - height : 25 px ;
}
/*卡片内容滚动条设置*/
. scrollable : : - webkit - scrollbar {
display : none ; /* 对于Webkit浏览器 */
}
/*备注内容设置*/
. text - content . text - preview {
overflow : hidden ;
display : - webkit - box ;
- webkit - box - orient : vertical ;
- webkit - line - clamp : 2 ;
/* 控制显示的行数 */
}
< / style >
< script >
import { toDecimal , productList , productRemarkList , productXinghList , judgeparent , productZlList , productYsxhListCheck , productYsxhList , productJmListCheck , productJmList , searchData } from "@/api/redBook/redBook" ;
import { toDecimal , productList , productRemarkList , productXinghList , judgeparent , productZlList , productYsxhListCheck , productYsxhList , productJmListCheck , productJmList , searchData ,handleSearchData } from "@/api/redBook/redBook" ;
export default {
name : "productSelect" ,
@ -103,6 +169,16 @@
return {
/ / 内 容 高 度
scrollableHeight : null ,
/ / 已 选 结 果 表 格 高 度
tableHeight : null ,
/ / 备 注 内 容 设 置
expandedIndex : - 1 , / / 默 认 没 有 展 开 的 文 本 , 设 置 为 - 1
id : 1 ,
/ / 查 询 参 数
queryParams : { } ,
/ / 选 中 的 目 录 t a g
selectedModelTag : "" ,
selectedModelUid : "" ,
@ -145,12 +221,19 @@
searchResultPageSize : 10 ,
searchResultData : [ ] ,
/**==============已选择结果========================= */
/ / 已 选 择 的 数 据
selectedResultTotal : 0 ,
selectedResultCurrentPage : 1 ,
selectedResultPageSize : 5 ,
selectedResultData : [ ] ,
/ / 折 扣 率 初 始 值
perc : 0 ,
perc2 : 0
perc : 0.8 ,
perc2 : '' ,
/ / 表 单
form : { }
}
} ,
created ( ) {
@ -158,11 +241,22 @@
} ,
mounted ( ) {
/*设置内容高度*/
this . scrollableHeight = ( window . innerHeight - 130 ) + 'px' ;
this . scrollableHeight = ( window . innerHeight - 160 ) + 'px' ;
/*设置已选择结果表格高度*/
this . tableHeight = ( window . innerHeight - 400 ) + 'px' ;
} ,
methods : {
/ / / / 备 注 内 容 设 置 展 开 | | 收 起 文 本
toggleText ( id ) {
if ( this . expandedIndex === id ) {
this . expandedIndex = - 1 ;
} else {
this . expandedIndex = id ;
}
} ,
/ / 目 录 选 择
selModelTag ( item ) {
selModelTag ( item ) {
this . showRemarkList = false ,
this . remarkList = [ ] ,
@ -194,30 +288,30 @@
this . productXinghList ( item . uid _0 )
} ,
/ / 获 取 目 录
productList ( ) {
productList ( ) {
productList ( ) . then ( response => {
console . log ( response )
this . modelList = response ;
} ) ;
} ,
/ / 获 取 备 注 信 息
productRemarkList ( sid ) {
this . params = { uid _0 : sid }
productRemarkList ( sid ) {
this . params = { uid _0 : sid }
productRemarkList ( this . params ) . then ( response => {
this . remarkList = response ;
this . showRemarkList = this . remarkList . length > 0 ? true : false
this . showRemarkList = this . remarkList . length > 0 ? true : false
} ) ;
} ,
/ / 获 取 型 号
productXinghList ( sid ) {
this . params = { uid _0 : sid }
productXinghList ( sid ) {
this . params = { uid _0 : sid }
productXinghList ( this . params ) . then ( response => {
this . xinghList = response ;
this . showXinghList = this . xinghList . length > 0 ? true : false
this . showXinghList = this . xinghList . length > 0 ? true : false
} ) ;
} ,
/ / 型 号 选 择
selXinghTag ( item ) {
selXinghTag ( item ) {
this . selectedZlTag = '' ;
this . showZlList = false ,
this . ZlList = [ ] ,
@ -240,49 +334,49 @@
this . judgeparent ( item )
} ,
/ / 判 断 是 否 为 父 节 点 , 如 果 有 说 明 下 面 还 有 子 类 显 示 , 如 果 没 有 则 直 接 显 示 衍 生 型 号
judgeparent ( item ) {
this . params = { uid _0 : item . uid _0 }
judgeparent ( item ) {
this . params = { uid _0 : item . uid _0 }
judgeparent ( this . params ) . then ( response => {
if ( response ) { / / 存 在 子 类
if ( response ) { / / 存 在 子 类
this . productZlList ( item . uid _0 )
} else { / / 判 断 是 否 存 在 衍 生 型 号
this . productYsxhListCheck ( item . uid _0 , item . name _0 )
} else { / / 判 断 是 否 存 在 衍 生 型 号
this . productYsxhListCheck ( item . uid _0 , item . name _0 )
}
} ) ;
} ,
/ / 获 取 子 类
productZlList ( sid ) {
this . params = { uid _0 : sid }
productZlList ( sid ) {
this . params = { uid _0 : sid }
productZlList ( this . params ) . then ( response => {
this . zlList = response ;
this . showZlList = this . zlList . length > 0 ? true : false
this . showZlList = this . zlList . length > 0 ? true : false
} ) ;
} ,
/ / 判 断 是 否 存 在 衍 生 型 号
productYsxhListCheck ( sid , name ) {
this . params = { uid _0 : sid }
productYsxhListCheck ( sid , name ) {
this . params = { uid _0 : sid }
productYsxhListCheck ( this . params ) . then ( response => {
if ( response ) { / / 存 在 衍 生 型 号
this . productYsxhList ( sid , name )
} else {
if ( response ) { / / 存 在 衍 生 型 号
this . productYsxhList ( sid , name )
} else {
this . selectedYsxhUid = sid ;
this . selectedYsxhTag = name ;
/ / 检 查 是 否 存 在 截 面
this . productJmListCheck ( sid , name )
this . productJmListCheck ( sid , name )
}
} ) ;
} ,
/ / 获 取 衍 生 型 号
productYsxhList ( sid , name ) {
this . params = { uid _0 : sid , name _0 : name }
productYsxhList ( sid , name ) {
this . params = { uid _0 : sid , name _0 : name }
productYsxhList ( this . params ) . then ( response => {
this . ysxhList = response ;
this . showYsxhList = this . ysxhList . length > 0 ? true : false
this . showYsxhList = this . ysxhList . length > 0 ? true : false
} ) ;
} ,
/ / 子 类 选 择
selZlTag ( item ) {
selZlTag ( item ) {
this . selectedYsxhTag = '' ;
this . showYsxhList = false ,
this . ysxhList = [ ] ,
@ -298,11 +392,11 @@
this . selectedZlTag = item . name _0 ;
console . log ( this . selectedZlTag )
this . productYsxhListCheck ( item . uid _0 , item . name _0 )
this . productYsxhListCheck ( item . uid _0 , item . name _0 )
} ,
/ / 衍 生 型 号 选 择
selYsxhTag ( item ) {
selYsxhTag ( item ) {
this . selectedJmTag = '' ;
this . selectedYsxhUid = item . uid _0 ;
this . showJmList = false ,
@ -314,15 +408,15 @@
this . selectedYsxhTag = item . name _0 ;
console . log ( this . selectedYsxhTag )
this . productJmListCheck ( item . uid _0 , item . name _0 )
this . productJmListCheck ( item . uid _0 , item . name _0 )
} ,
/ / 判 断 是 否 存 在 截 面
productJmListCheck ( sid , name ) {
this . params = { uid _0 : sid }
productJmListCheck ( sid , name ) {
this . params = { uid _0 : sid }
productJmListCheck ( this . params ) . then ( response => {
if ( response ) { / / 存 在 截 面
this . productJmList ( sid , name )
} else {
if ( response ) { / / 存 在 截 面
this . productJmList ( sid , name )
} else {
/ / 输 出 结 果
console . log ( "结果表格输出" )
/ / T O D O 直 接 输 出 结 果 表 格
@ -330,15 +424,15 @@
} ) ;
} ,
/ / 获 取 截 面
productJmList ( sid , name ) {
this . params = { uid _0 : sid , name _0 : name }
productJmList ( sid , name ) {
this . params = { uid _0 : sid , name _0 : name }
productJmList ( this . params ) . then ( response => {
this . jmList = response ;
this . showJmList = this . jmList . length > 0 ? true : false
this . showJmList = this . jmList . length > 0 ? true : false
} ) ;
} ,
/ / 截 面 选 择
selJmTag ( item ) {
selJmTag ( item ) {
this . selectedJmTag = item . section ;
console . log ( this . selectedYsxhTag )
console . log ( this . selectedYsxhUid )
@ -348,12 +442,12 @@
this . searchResultData = [ ] ,
this . searchResultLoading = true ;
this . searchData ( this . selectedYsxhUid , item . section )
this . searchData ( this . selectedYsxhUid , item . section )
} ,
/ / 查 询 数 据
searchData ( sid , section ) {
this . params = { uid _0 : sid , section : section , name _0 : this . selectedYsxhTag }
searchData ( sid , section ) {
this . params = { uid _0 : sid , section : section , name _0 : this . selectedYsxhTag }
searchData ( this . params ) . then ( response => {
console . log ( response )
this . searchResultData = response ;
@ -362,34 +456,109 @@
this . searchResultLoading = false ;
} ) ;
} ,
/ / 双 击 事 件
handleRowDblclick ( row , event , column ) {
/ / 双 击 查 询 结 果 事 件
handleRowDblclick ( row , event , column ) {
const name _0 = row . name _0 ;
const voltage = row . voltage ;
const price = row . price ;
const percent = '1' ;
const percent2 = '1' ;
const stu = row . stu ;
const percent = '0.8' ;
const percent2 = '' ;
const count = '1' ;
row . percent = percent ;
row . percent2 = percent2 ;
row . setPrice = price ;
row . count = count ;
const allPrice = toDecimal ( count * price ) ;
row . allPrice = allPrice ;
this . selectedResultData . push ( row )
const setPrice = toDecimal ( price * percent ) ;
const allPrice = toDecimal ( count * setPrice ) ;
const rowDate = {
name _0 : name _0 ,
voltage : voltage ,
price : price ,
stu : stu ,
percent : percent ,
percent2 : percent2 ,
setPrice : setPrice ,
count : count ,
allPrice : allPrice
}
this . selectedResultData . push ( rowDate )
this . selectedResultTotal = this . selectedResultData . length ;
const page = Math . ceil ( this . selectedResultTotal / this . selectedResultPageSize ) ;
this . handleSelectedResultCurrentChange ( page )
} ,
/ / 删 除 已 选 数 据
handleDeleteClick ( index ) {
/ / 删 除 已 选 结果 数据
handleDeleteClick ( index ) {
this . selectedResultData . splice ( index , 1 )
this . selectedResultTotal = this . selectedResultData . length ;
} ,
/** 切换每页显示条数 */
/** 切换每页显示条数 --查询结果 */
handleSearchResultSizeChange ( val ) {
this . bankCodePageSize = val ;
this . bankCodeCurrentPage = 1 ;
this . searchResult PageSize = val ;
this . searchResult CurrentPage = 1 ;
} ,
/** 页码选择 */
/** 页码选择 --查询结果 */
handleSearchResultCurrentChange ( val ) {
this . bankCodeCurrentPage = val ;
this . searchResultCurrentPage = val ;
} ,
/** 切换每页显示条数--已选择结果 */
handleSelectedResultSizeChange ( val ) {
this . selectedResultPageSize = val ;
this . selectedResultCurrentPage = 1 ;
} ,
/** 页码选择--已选择结果 */
handleSelectedResultCurrentChange ( val ) {
this . selectedResultCurrentPage = val ;
} ,
/ / 手 动 查 询 产 品
handleSearchClick ( ) {
if ( this . queryParams . name _0 || this . queryParams . model ) {
this . searchResultCurrentPage = 1 ,
this . searchResultPageSize = 10 ,
this . searchResultData = [ ] ,
console . log ( this . queryParams )
this . searchResultLoading = true ;
handleSearchData ( this . queryParams ) . then ( response => {
console . log ( response )
this . searchResultData = response ;
this . searchResultTotal = this . searchResultData . length ;
this . searchResultCurrentPage = 1 ;
this . searchResultLoading = false ;
} ) ;
} else {
this . $message . warning ( "请输入查询条件!" ) ;
return ;
}
} ,
/ / 一 次 折 扣 率 变 化 时 触 发
changeData ( ) {
/ / 遍 历 表 格 数 据 进 行 计 算
this . selectedResultData . forEach ( ( row , index ) => {
/ / 进 行 其 他 计 算
this . $set ( this . selectedResultData , index , {
... row ,
percent : this . perc ,
percent2 : this . perc2 ,
setPrice : toDecimal ( row . price * this . perc * ( this . perc2 ? this . perc2 : 1 ) ) ,
allPrice : toDecimal ( row . count * row . price * this . perc * ( this . perc2 ? this . perc2 : 1 ) ) ,
} ) ;
} )
} ,
/ / 行 内 数 据 监 听
changeRowData ( ) {
/ / 遍 历 表 格 数 据 进 行 计 算
this . selectedResultData . forEach ( ( row , index ) => {
/ / 进 行 其 他 计 算
this . $set ( this . selectedResultData , index , {
... row ,
setPrice : toDecimal ( row . price * ( row . percent ? row . percent : 1 ) * ( row . percent2 ? row . percent2 : 1 ) ) ,
allPrice : toDecimal ( row . count * row . price * ( row . percent ? row . percent : 1 ) * ( row . percent2 ? row . percent2 : 1 ) ) ,
} ) ;
} )
} ,
} ,
updated ( ) {
@ -405,6 +574,14 @@
const endIndex = startIndex + this . searchResultPageSize ;
return this . searchResultData . slice ( startIndex , endIndex ) ;
} ,
/ / 计 算 出 当 前 页 的 已 查 询 结 果 数 据 列 表
selectedResultPagedData ( ) {
console . log ( this . selectedResultData )
const startIndex = ( this . selectedResultCurrentPage - 1 ) * this . selectedResultPageSize ;
const endIndex = startIndex + this . selectedResultPageSize ;
return this . selectedResultData . slice ( startIndex , endIndex ) ;
} ,
} ,
}
< / script >