@ -1,24 +1,12 @@
< template >
< div class = "about" >
< a -tabs @change ="changeTab" >
< a -tab -pane key = "0" tab = "待比价" >
< / a - t a b - p a n e >
< a -tab -pane key = "6" tab = "已比价" >
< / a - t a b - p a n e >
< a -tab -pane key = "1" tab = "精选" >
< / a - t a b - p a n e >
< a -tab -pane key = "8" tab = "待上架" >
< / a - t a b - p a n e >
< a -tab -pane key = "2" tab = "已上架" >
< / a - t a b - p a n e >
< a -tab -pane key = "3" tab = "放弃" >
< / a - t a b - p a n e >
< a -tab -pane key = "0" tab = "待比价" > < / a - t a b - p a n e >
< a -tab -pane key = "6" tab = "已比价" > < / a - t a b - p a n e >
< a -tab -pane key = "1" tab = "精选" > < / a - t a b - p a n e >
< a -tab -pane key = "8" tab = "待上架" > < / a - t a b - p a n e >
< a -tab -pane key = "2" tab = "已上架" > < / a - t a b - p a n e >
< a -tab -pane key = "3" tab = "放弃" > < / a - t a b - p a n e >
< / a - t a b s >
< div class = "border" >
@ -58,60 +46,106 @@
< / a - c o l >
< / a - r o w >
<!-- 内容页面 -- >
< a -row justify = "center" style = "text-align: center;" v-for ="item in datas" :key="item.Id" >
< a -row
justify = "center"
style = "text-align: center"
v - for = "item in datas"
: key = "item.Id"
>
< a -col :span ="4" >
< div class = "borderRight" >
< div
style = "padding-top: 10px;padding-bottom: 10px;width: 200px;margin: 0px auto;height: 215px;" >
< a target = "_black" :href ="item.GoodsUrl" > < img :src ="'http:'+item.ItemImg" width = "200"
height = "165" / > < / a >
style = "
padding - top : 10 px ;
padding - bottom : 10 px ;
width : 200 px ;
margin : 0 px auto ;
height : 215 px ;
"
>
< a target = "_black" :href ="item.GoodsUrl" >
< img : src = "'http:' + item.ItemImg" width = "200" height = "165"
/ > < / a >
< a -row >
< a -col :span ="12" style = "text-align: left;" > ¥ { { item . Price } } < / a - c o l >
< a -col :span ="12" style = "text-align: right;" > { { item . Sales } } < / a - c o l >
< a -col :span ="12" style = "text-align: left"
> ¥ { { item . Price } } < / a - c o l
>
< a -col :span ="12" style = "text-align: right" > { {
item . Sales
} } < / a - c o l >
< / a - r o w >
< / div >
< / div >
< / a - c o l >
<!-- 供应商来源方式 -- >
< a -col :span ="2" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -select v -if = " item.isEdit " v -model = ' ext.SupplierFrom ' :show-search ="true"
: not - found - content = "null" : show - arrow = "false" : filter - option = "true"
style = "width: 100%;"
: autoClearSearchValue = "false" @ search = "handleSearch($event,ext)" @ blur = "handleBlur($event,ext,item)"
@ change = "handleChange($event,ext,item)" >
< a -select -option v-for ="item in extFormList" :key ="item" > {{ item }} < / a -select -option >
< a -col :span ="2" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< a -select
v - if = "item.isEdit"
v - model = "ext.SupplierFrom"
: show - search = "true"
: not - found - content = "null"
: show - arrow = "false"
: filter - option = "true"
style = "width: 100%"
: autoClearSearchValue = "false"
@ search = "handleSearch($event, ext)"
@ blur = "handleBlur($event, ext, item)"
@ change = "handleChange($event, ext, item)"
>
< a -select -option v-for ="item in extFormList" :key ="item" >
{ { item } } < / a - s e l e c t - o p t i o n
>
< / a - s e l e c t >
< span class = "spanValue" v-else > {{ ext.SupplierFrom }} < / span >
< / div >
< / a - c o l >
<!-- 平台 -- >
< a -col :span ="1" style = "margin-top: 5px;" >
< div style = "height: 40px;" v-for ="(ext,index) in item.Extensions" :key ="index" >
< a -col :span ="1" style = "margin-top: 5px" >
< div
style = "height: 40px"
v - for = "(ext, index) in item.Extensions"
: key = "index"
>
< span v-if ="ext.Platform == 0" > 淘宝 < / span >
< span v-if ="ext.Platform == 1" > 京东 < / span >
< span v-if ="ext.Platform == 2" > 阿里巴巴 < / span >
< / div >
< / a - c o l >
<!-- 采购链接 -- >
< a -col :span ="2" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="2" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< a -input v-if ="item.isEdit" v-model="ext.BuyUrl" > < / a -input >
< span class = "spanValue" v-else > {{ ext.BuyUrl }} < / span >
< / div >
< / a - c o l >
<!-- SKU名称 -- >
< a -col :span ="3" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="3" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< a -input v-if ="item.isEdit" v-model="ext.SkuName" > < / a -input >
< span class = "spanValue" v-else > {{ ext.SkuName }} < / span >
< / div >
< / a - c o l >
<!-- 采购价 -- >
< a -col :span ="2" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="2" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< div v-if ="ext.BuyPrice || item.isEdit" >
< a -input v-if ="item.isEdit" v-model="ext.BuyPrice" > < / a -input >
< span class = "spanValue" v-else > {{ ext.BuyPrice }} < / span >
@ -120,8 +154,12 @@
< / div >
< / a - c o l >
<!-- 快递费 -- >
< a -col :span ="2" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="2" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< div v-if ="ext.BuyPrice || item.isEdit" >
< a -input v-if ="item.isEdit" v-model="ext.KDPrice" > < / a -input >
< span class = "spanValue" v-else > {{ ext.KDPrice }} < / span >
@ -130,50 +168,95 @@
< / div >
< / a - c o l >
<!-- 平台扣点 -- >
< a -col :span ="2" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="2" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
<!-- < a -input v-if ="item.isEdit" v-model="ext.PlatformPoint" > < / a -input > -- >
< span class = "spanValue" > { { ext . PlatformPoint } } < / span >
< / div >
< / a - c o l >
<!-- 利润 -- >
< a -col :span ="1" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="1" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
< span v-if ="ext.BuyPrice" class="spanValue" > {{ ext.Profit }} < / span >
< span v-else > - < / span >
< / div >
< / a - c o l >
<!-- 利润率 -- >
< a -col :span ="1" style = "margin-top: 5px;" >
< div v-for ="(ext,index) in item.Extensions" style="height: 40px;" :key ="index" >
< a -col :span ="1" style = "margin-top: 5px" >
< div
v - for = "(ext, index) in item.Extensions"
style = "height: 40px"
: key = "index"
>
<!-- < a -input v-if ="item.isEdit" v-model="ext.Profits" > < / a -input > -- >
< span v-if ="ext.BuyPrice" class="spanValue" > {{ ext.Profits }} % < / span >
< span v -if = " ext.BuyPrice " class = "spanValue"
> { { ext . Profits } } % < / s p a n
>
< span v-else > - < / span >
< / div >
< / a - c o l >
< a -col :span ="4" >
< div style = "padding-top: 10px;padding-bottom: 10px;height: 215px;" class = "borderLeft" >
< div style = "margin: 0px auto;width: 200px;" >
< div
style = "padding-top: 10px; padding-bottom: 10px; height: 215px"
class = "borderLeft"
>
< div style = "margin: 0px auto; width: 200px" >
< div v-if ="item.isEdit" >
< a -input style = "margin-top: 10px;" v-model ="item.RivalTitle" placeholder="请输入竞品标题" >
< a -input
style = "margin-top: 10px"
v - model = "item.RivalTitle"
placeholder = "请输入竞品标题"
>
< / a - i n p u t >
< a -input style = "margin-top: 10px;" v-model ="item.RivalPrice" placeholder="请输入竞品价格" >
< a -input
style = "margin-top: 10px"
v - model = "item.RivalPrice"
placeholder = "请输入竞品价格"
>
< / a - i n p u t >
< a -input style = "margin-top: 10px;" v-model ="item.RivalPLCount" placeholder="请输入竞品评论数" >
< a -input
style = "margin-top: 10px"
v - model = "item.RivalPLCount"
placeholder = "请输入竞品评论数"
>
< / a - i n p u t >
< a -input style = "margin-top: 10px;" v-model ="item.RivalGoodsId" placeholder="请输入竞品链接" >
< a -input
style = "margin-top: 10px"
v - model = "item.RivalGoodsId"
placeholder = "请输入竞品链接"
>
< / a - i n p u t >
< / div >
< div v-else >
< div style = "padding-top: 10px;padding-bottom: 10px;width: 200px;margin: 5px auto;" >
< div
style = "
padding - top : 10 px ;
padding - bottom : 10 px ;
width : 200 px ;
margin : 5 px auto ;
"
>
< a target = "_black" :href ="item.RivalGoodsId" >
< img src = "/jp.png" width = "200" height = "165" / > < / a >
< img src = "/jp.png" width = "200" height = "165"
/ > < / a >
< a -row >
< a -col :span ="12" style = "text-align: left;" > ¥ { { item . RivalPrice } } < / a - c o l >
< a -col :span ="12" style = "text-align: right;" > { { item . RivalPLCount } } 人评论 < / a - c o l >
< a -col :span ="12" style = "text-align: left"
> ¥ { { item . RivalPrice } } < / a - c o l
>
< a -col :span ="12" style = "text-align: right"
> { { item . RivalPLCount } } 人评论 < / a - c o l
>
< / a - r o w >
< / div >
< / div >
@ -184,68 +267,125 @@
< a -col :span ="24" class = "borderT" >
< a -row justify = "center" type = "flex" :align ="'middle'" >
< a -col :span ="4" >
< a class = "borderNoTop itemtitle" :title ="item.Title" > { { item . Title } } < / a >
< a class = "borderNoTop itemtitle" :title ="item.Title" > { {
item . Title
} } < / a >
< / a - c o l >
< a -col :span ="16" >
< a -row >
< a -col :span ="12" style = "text-align: left; " >
< a -col :span ="12" style = "text-align: left" >
< span v-if ="item.State == 0 || item.State == 5" >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "getImgBase64(item.ItemImg)" > 搜图
< a -dropdown
style = "margin-left: 10px" >
< a -menu slot = "overlay" >
< a -menu -item key = "1" @click ="getImgBase64(item.ItemImg,1)" >
阿里巴巴
< / a - m e n u - i t e m >
< a -menu -item key = "2" @click ="getImgBase64(item.ItemImg,2)" >
京东
< / a - m e n u - i t e m >
< / a - m e n u >
< a -button
type = "primary" >
搜图 < a -icon type = "down" / >
< / a - b u t t o n >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,item.State==5?0:5)" > { { item . State == 5 ? '取消发布' : '发布任务' } }
< / a - d r o p d o w n >
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, item.State == 5 ? 0 : 5)"
> { { item . State == 5 ? "取消发布" : "发布任务" } }
< / a - b u t t o n >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,6)" > 完成比价
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, 6)"
> 完成比价
< / a - b u t t o n >
< / span >
< span v-if ="item.State == 6 || item.State == 7" >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,1)" > 精选
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, 1)"
> 精选
< / a - b u t t o n >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,item.State==7?6:7)" > { { item . State == 6 ? '需要修改' : '待修改' } }
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, item.State == 7 ? 6 : 7)"
> { { item . State == 6 ? "需要修改" : "待修改" } }
< / a - b u t t o n >
< / span >
< span v-if ="item.State == 1" >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,8)" > 待上架
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, 8)"
> 待上架
< / a - b u t t o n >
< / span >
< span v-if ="item.State == 8" >
< a -button style = "margin-left: 10px;" type = "primary"
@ click = "setState(item.Id,2)" > 已上架
< a -button
style = "margin-left: 10px"
type = "primary"
@ click = "setState(item.Id, 2)"
> 已上架
< / a - b u t t o n >
< / span >
< / a - c o l >
< a -col :span ="12" style = "text-align: right;" >
< a -button style = "margin-right: 10px;" type = "primary" v -if = " currentTab = = = ' 3 ' "
@ click = "setState(item.Id,-1)" > 删除 < / a - b u t t o n >
< a -button style = "margin-right: 10px;" type = "primary" v -else
@ click = "setState(item.Id,3)" > 放弃 < / a - b u t t o n >
< a -button style = "margin-right: 10px;" type = "primary" v -if = " item.isEdit = = = false "
@ click = "editData(item)" > 编辑 < / a - b u t t o n >
< a -button style = "margin-right: 10px;" type = "primary" v -if = " item.isEdit = = = true "
@ click = "canelEdit(item)" > 取消 < / a - b u t t o n >
< a -button style = "margin-right: 10px;" type = "primary" v -if = " item.isEdit = = = true "
@ click = "setData(item)" > 保存 < / a - b u t t o n >
< a -col :span ="12" style = "text-align: right" >
< a -button
style = "margin-right: 10px"
type = "primary"
v - if = "currentTab === '3'"
@ click = "setState(item.Id, -1)"
> 删除 < / a - b u t t o n
>
< a -button
style = "margin-right: 10px"
type = "primary"
v - else
@ click = "setState(item.Id, 3)"
> 放弃 < / a - b u t t o n
>
< a -button
style = "margin-right: 10px"
type = "primary"
v - if = "item.isEdit === false"
@ click = "editData(item)"
> 编辑 < / a - b u t t o n
>
< a -button
style = "margin-right: 10px"
type = "primary"
v - if = "item.isEdit === true"
@ click = "canelEdit(item)"
> 取消 < / a - b u t t o n
>
< a -button
style = "margin-right: 10px"
type = "primary"
v - if = "item.isEdit === true"
@ click = "setData(item)"
> 保存 < / a - b u t t o n
>
< / a - c o l >
< / a - r o w >
< / a - c o l >
< a -col :span ="4" >
< a class = "borderNoTop itemtitle" :title ="item.RivalTitle" > { { item . RivalTitle } } < / a >
< a class = "borderNoTop itemtitle" :title ="item.RivalTitle" > { {
item . RivalTitle
} } < / a >
< / a - c o l >
< / a - r o w >
< / a - c o l >
@ -263,20 +403,21 @@
pagination : {
current : 1 ,
pageSize : 10 ,
showTotal : ( total , range ) => ` 总数: ${ total } 当前: ${ range [ 0 ] } - ${ range [ 1 ] } `
showTotal : ( total , range ) =>
` 总数: ${ total } 当前: ${ range [ 0 ] } - ${ range [ 1 ] } ` ,
} ,
filters : { } ,
sorter : { field : 'Id' , order : 'asc' } ,
sorter : { field : "Id" , order : "asc" } ,
loading : false ,
queryParam : { condition : 'State' , keyword : 0 } ,
queryParam : { condition : "State" , keyword : 0 } ,
selectedRowKeys : [ ] ,
currentTab : 0 ,
lastEditData : undefined ,
extFormList : [ '以图搜款' ]
}
extFormList : [ "以图搜款" ] ,
} ;
} ,
mounted ( ) {
window . getDatas = this . getDatas
window . getDatas = this . getDatas ;
/ / t h i s . g e t D a t a s ( 0 )
} ,
activated ( ) {
@ -288,13 +429,13 @@
this . handleChange ( value , ext , item ) ;
} ,
handleChange ( value , ext , item ) {
ext . SupplierFrom = value != null && value != "" ? value : [ ] ;
ext . SupplierFrom = value != null && value != '' ? value : [ ] ;
if ( item . Extensions . filter ( c => c . SupplierFrom == '以图搜款' ) . length > 2 )
{
this . $message . error ( '以图搜款最多可选择2个！' ) ;
ext . SupplierFrom = ''
if (
item . Extensions . filter ( ( c ) => c . SupplierFrom == "以图搜款" ) . length > 2
) {
this . $message . error ( "以图搜款最多可选择2个！" ) ;
ext . SupplierFrom = "" ;
}
} ,
handleBlur ( value , ext ) {
@ -304,111 +445,119 @@
}
} ,
changeTab ( e ) {
this . getDatas ( e )
this . currentTab = e
this . getDatas ( e ) ;
this . currentTab = e ;
} ,
getDatas ( type ) {
this . http . post ( '/HuiYan/teamitems/GetItems' , {
this . http
. post ( "/HuiYan/teamitems/GetItems" , {
PageIndex : this . pagination . current ,
PageRows : this . pagination . pageSize ,
SortField : this . sorter . field || 'Id' ,
SortField : this . sorter . field || "Id" ,
SortType : this . sorter . order ,
Search : { condition : 'State' , keyword : type } ,
... this . filters
} ) . then ( res => {
res . Data . forEach ( item => {
item . isEdit = false
item . Extensions . forEach ( ext => {
ext . PlatformPoint = parseFloat ( item . RivalPrice * 0.05 ) . toFixed ( 2 )
ext . Profit = item . RivalPrice - ext . BuyPrice - ext . KDPrice - ext . PlatformPoint
Search : { condition : "State" , keyword : type } ,
... this . filters ,
} )
. then ( ( res ) => {
res . Data . forEach ( ( item ) => {
item . isEdit = false ;
item . Extensions . forEach ( ( ext ) => {
ext . PlatformPoint = parseFloat ( item . RivalPrice * 0.05 ) . toFixed ( 2 ) ;
ext . Profit =
item . RivalPrice -
ext . BuyPrice -
ext . KDPrice -
ext . PlatformPoint ;
if ( ext . BuyPrice == 0 ) {
ext . Profits = 0
}
else {
ext . Profits = parseFloat ( ( ext . Profit / ext . BuyPrice ) * 100 ) . toFixed ( 2 )
ext . Profits = 0 ;
} else {
ext . Profits = parseFloat (
( ext . Profit / ext . BuyPrice ) * 100
) . toFixed ( 2 ) ;
}
} )
} ) ;
this . datas = res . Data
} )
} ) ;
this . datas = res . Data ;
} ) ;
} ,
editData ( data ) {
data . isEdit = true
this . lastEditData = JSON . parse ( JSON . stringify ( data ) )
data . isEdit = true ;
this . lastEditData = JSON . parse ( JSON . stringify ( data ) ) ;
} ,
canelEdit ( data ) {
this . lastEditData . isEdit = false
Object . assign ( data , this . lastEditData )
this . lastEditData . isEdit = false ;
Object . assign ( data , this . lastEditData ) ;
} ,
setData ( data ) {
data . Extensions . forEach ( ext => {
ext . PlatformPoint = parseFloat ( data . RivalPrice * 0.05 ) . toFixed ( 2 )
ext . Profit = data . RivalPrice - ext . BuyPrice - ext . KDPrice - ext . PlatformPoint
data . Extensions . forEach ( ( ext ) => {
ext . PlatformPoint = parseFloat ( data . RivalPrice * 0.05 ) . toFixed ( 2 ) ;
ext . Profit =
data . RivalPrice - ext . BuyPrice - ext . KDPrice - ext . PlatformPoint ;
if ( ext . BuyPrice == 0 ) {
ext . Profits = 0
}
else {
ext . Profits = parseFloat ( ( ext . Profit / ext . BuyPrice ) * 100 ) . toFixed ( 2 )
ext . Profits = 0 ;
} else {
ext . Profits = parseFloat ( ( ext . Profit / ext . BuyPrice ) * 100 ) . toFixed (
2
) ;
}
} )
this . http . post ( '/HuiYan/teamitems/SetItem' , data ) . then ( res => {
} ) ;
this . http . post ( "/HuiYan/teamitems/SetItem" , data ) . then ( ( res ) => {
if ( res . Success ) {
this . $message . success ( '操作成功！' ) ;
this . $message . success ( "操作成功！" ) ;
data . isEdit = false
data . isEdit = false ;
} else {
this . $message . error ( res . Msg ) ;
}
} )
} ) ;
} ,
setState ( id , type ) {
/ / / 发 布 比 价
if ( type == 5 ) {
this . sendPriceTask ( id )
}
else if ( type == 0 ) {
this . canelPriceTask ( id )
}
else {
this . http . post ( ` /HuiYan/teamitems/SetState?id= ${ id } &state= ${ type } ` ) . then ( res => {
this . sendPriceTask ( id ) ;
} else if ( type == 0 ) {
this . canelPriceTask ( id ) ;
} else {
this . http
. post ( ` /HuiYan/teamitems/SetState?id= ${ id } &state= ${ type } ` )
. then ( ( res ) => {
if ( res . Success ) {
this . $message . success ( '操作成功！' ) ;
this . getDatas ( this . currentTab )
this . $message . success ( "操作成功！" ) ;
this . getDatas ( this . currentTab ) ;
} else {
this . $message . error ( res . Msg ) ;
}
} )
} ) ;
}
} ,
sendPriceTask ( id ) {
this . http . post ( ` /HuiYan/pricetasklog/AddTask?id= ${ id } ` ) . then ( res => {
this . http . post ( ` /HuiYan/pricetasklog/AddTask?id= ${ id } ` ) . then ( ( res ) => {
if ( res . Success ) {
this . $message . success ( '操作成功！' ) ;
this . getDatas ( this . currentTab )
this . $message . success ( "操作成功！" ) ;
this . getDatas ( this . currentTab ) ;
} else {
this . $message . error ( res . Msg ) ;
}
} )
} ) ;
} ,
canelPriceTask ( id ) {
this . http . post ( ` /HuiYan/pricetasklog/CanelTask?id= ${ id } ` ) . then ( res => {
this . http . post ( ` /HuiYan/pricetasklog/CanelTask?id= ${ id } ` ) . then ( ( res ) => {
if ( res . Success ) {
this . $message . success ( '操作成功！' ) ;
this . getDatas ( this . currentTab )
this . $message . success ( "操作成功！" ) ;
this . getDatas ( this . currentTab ) ;
} else {
this . $message . error ( res . Msg ) ;
}
} )
} ) ;
} ,
getImgBase64 ( src ) {
hyCoreModel . getImgBase64 ( 'http:' + src ) . then ( res => {
console . log ( res )
} )
getImgBase64 ( src , type ) {
hyCoreModel . getImgBase64 ( "http:" + src , type ) . then ( ( res ) => {
console . log ( res ) ;
} ) ;
} ,
} ,
}
} ;
< / script >
< style >
