|
|
@ -51,56 +51,89 @@ |
|
|
|
|
|
|
|
|
|
|
|
<!--内容页面--> |
|
|
|
<a-row justify="center" style="text-align: center;"> |
|
|
|
<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: 5px auto;"> |
|
|
|
<img src="//img14.360buyimg.com/n7/jfs/t1/112118/6/12037/103796/5f06bf16E350bf67c/a27484a55ba13cf8.jpg" |
|
|
|
width="200" height="165"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="12" style="text-align: left;">¥46.0</a-col> |
|
|
|
<a-col :span="12" style="text-align: right;">160人收货</a-col> |
|
|
|
</a-row> |
|
|
|
<div style="padding-top: 10px;padding-bottom: 10px;width: 200px;margin: 5px auto;"> |
|
|
|
<img :src="item.ItemImg" width="200" height="165"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="12" style="text-align: left;">¥{{item.Price}}</a-col> |
|
|
|
<a-col :span="12" style="text-align: right;">{{item.Sales}}人收货</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="1" style="margin-top: 5px;"> |
|
|
|
<div style="height: 40px;">平台</div> |
|
|
|
<div style="height: 40px;">平台</div> |
|
|
|
<div style="height: 40px;">平台</div> |
|
|
|
<div style="height: 40px;">平台</div> |
|
|
|
<div style="height: 40px;">平台</div> |
|
|
|
<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-col> |
|
|
|
<a-col :span="3" style="margin-top: 5px;"> |
|
|
|
<div>SKU名称</div> |
|
|
|
<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 v-else>{{ext.SkuName}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="2" style="margin-top: 5px;"> |
|
|
|
<div>采购链接</div> |
|
|
|
<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 v-else>{{ext.BuyUrl}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3" style="margin-top: 5px;"> |
|
|
|
<div>供应商来源方式</div> |
|
|
|
<div v-for="(ext,index) in item.Extensions" style="height: 40px;" :key="index"> |
|
|
|
|
|
|
|
<a-input v-if="item.isEdit" v-model="ext.SupplierFrom"></a-input> |
|
|
|
<span v-else>{{ext.SupplierFrom}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="2" style="margin-top: 5px;"> |
|
|
|
<div>采购价</div> |
|
|
|
<div v-for="(ext,index) in item.Extensions" style="height: 40px;" :key="index"> |
|
|
|
<a-input v-if="item.isEdit" v-model="ext.BuyPrice"></a-input> |
|
|
|
<span v-else>{{ext.BuyPrice}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="2" style="margin-top: 5px;"> |
|
|
|
<div>快递费</div> |
|
|
|
<div v-for="(ext,index) in item.Extensions" style="height: 40px;" :key="index"> |
|
|
|
<a-input v-if="item.isEdit" v-model="ext.KDPrice"></a-input> |
|
|
|
<span v-else>{{ext.KDPrice}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="2" style="margin-top: 5px;"> |
|
|
|
<div>平台扣点</div> |
|
|
|
<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 v-else>{{ext.PlatformPoint}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="1" style="margin-top: 5px;"> |
|
|
|
<div>利润率</div> |
|
|
|
<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-else>{{ext.Profits}}</span> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="4"> |
|
|
|
<div style="padding-top: 10px;padding-bottom: 10px;" class="borderLeft"> |
|
|
|
<div style="padding-top: 10px;padding-bottom: 10px;height: 215px;" class="borderLeft"> |
|
|
|
<div style="margin: 0px auto;width: 200px;"> |
|
|
|
<img src="//img14.360buyimg.com/n7/jfs/t1/112118/6/12037/103796/5f06bf16E350bf67c/a27484a55ba13cf8.jpg" |
|
|
|
width="200" height="165"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="12" style="text-align: left;">¥46.0</a-col> |
|
|
|
<a-col :span="12" style="text-align: right;">160人收货</a-col> |
|
|
|
</a-row> |
|
|
|
<div v-if="item.isEdit"> |
|
|
|
<a-input style="margin-top: 10px;" v-model="item.RivalTitle"></a-input> |
|
|
|
|
|
|
|
<a-input style="margin-top: 10px;" v-model="item.RivalPrice"></a-input> |
|
|
|
|
|
|
|
<a-input style="margin-top: 10px;" v-model="item.RivalPLCount"></a-input> |
|
|
|
|
|
|
|
<a-input style="margin-top: 10px;" v-model="item.RivalGoodsId"></a-input> |
|
|
|
</div> |
|
|
|
<div v-else> |
|
|
|
<div style="padding-top: 10px;padding-bottom: 10px;width: 200px;margin: 5px auto;"> |
|
|
|
<img :src="item.ItemImg" width="200" height="165"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="12" style="text-align: left;">¥{{item.RivalPrice}}</a-col> |
|
|
|
<a-col :span="12" style="text-align: right;">{{item.RivalPLCount}}人评论</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
@ -108,7 +141,7 @@ |
|
|
|
<a-col :span="24" class="borderT"> |
|
|
|
<a-row justify="center" type="flex" :align="'middle'"> |
|
|
|
<a-col :span="4"> |
|
|
|
<div class="borderNoTop">儿童玩具男孩枪CS对战装备红外线激光枪镭射对战枪儿童真人CS武器</div> |
|
|
|
<div class="borderNoTop">{{item.Title}}</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="16"> |
|
|
|
<a-row> |
|
|
@ -119,12 +152,13 @@ |
|
|
|
|
|
|
|
<a-col :span="12" style="text-align: right;"> |
|
|
|
<a-button style="margin-right: 10px;" type="primary">放弃</a-button> |
|
|
|
<a-button style="margin-right: 10px;" type="primary">保存</a-button> |
|
|
|
<a-button style="margin-right: 10px;" type="primary" v-if="item.isEdit===false" @click="()=>{item.isEdit=true}">编辑</a-button> |
|
|
|
<a-button style="margin-right: 10px;" type="primary" v-if="item.isEdit===true" @click="()=>{item.isEdit=false}">保存</a-button> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-col> |
|
|
|
<a-col :span="4"> |
|
|
|
<div class="borderNoTop">儿童玩具男孩枪CS对战装备红外线激光枪镭射对战枪儿童真人CS武器</div> |
|
|
|
<div class="borderNoTop" style="height: 50px;">{{item.RivalTitle}}</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-col> |
|
|
@ -138,12 +172,37 @@ |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
|
|
|
|
datas: [], |
|
|
|
pagination: { |
|
|
|
current: 1, |
|
|
|
pageSize: 10, |
|
|
|
showTotal: (total, range) => `总数:${total} 当前:${range[0]}-${range[1]}` |
|
|
|
}, |
|
|
|
filters: {}, |
|
|
|
sorter: { field: 'Id', order: 'asc' }, |
|
|
|
loading: false, |
|
|
|
queryParam: { condition: 'State', keyword: 0 }, |
|
|
|
selectedRowKeys: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getDatas() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDatasByJson(row){ |
|
|
|
|
|
|
|
getDatas() { |
|
|
|
this.http.post('/HuiYan/teamitems/GetItems', { |
|
|
|
PageIndex: this.pagination.current, |
|
|
|
PageRows: this.pagination.pageSize, |
|
|
|
SortField: this.sorter.field || 'Id', |
|
|
|
SortType: this.sorter.order, |
|
|
|
Search: this.queryParam, |
|
|
|
...this.filters |
|
|
|
}).then(res => { |
|
|
|
res.Data.forEach(item => { |
|
|
|
item.isEdit=false |
|
|
|
}); |
|
|
|
this.datas = res.Data |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
@ -185,6 +244,7 @@ |
|
|
|
border-right: 0px; |
|
|
|
border-bottom: 0px; |
|
|
|
} |
|
|
|
|
|
|
|
.borderRight { |
|
|
|
border: 1px solid rgba(215, 215, 215, 1); |
|
|
|
border-top: 0px; |
|
|
|