bug
This commit is contained in:
yanran200730
@@ -10,12 +10,12 @@
|
||||
<template slot="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button type="button" :icon="isBegin? 'el-icon-loading': ''" :class="isBegin ? 'el-button el-button--danger': 'el-button el-button--primary'" @click="beginRob()">{{isBegin ? '结束抢仓': '开始抢仓'}}</el-button>
|
||||
<el-button type="primary" @click="isShow = true">选择商品</el-button>
|
||||
<el-button type="primary" :loading="isBegin" @click="beginRob">{{ isBegin ? '结束抢仓': '开始抢仓' }}</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-button size="small" circle icon="el-icon-refresh-right" @click="getList()"></el-button>
|
||||
<el-button size="small" circle icon="el-icon-refresh-right" @click="getList"></el-button>
|
||||
</template>
|
||||
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
@@ -24,37 +24,31 @@
|
||||
:isShowPagination="false"
|
||||
style="margin-top: 8px;"
|
||||
@selection-change="handleSelectionChange"
|
||||
@getList="getList">
|
||||
<el-table-column slot="productName" width="400px" label="商品信息" show-overflow-tooltip align="left">
|
||||
@getList="getList">center
|
||||
<el-table-column slot="productName" width="480px" label="商品信息" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<div class="order-manage_productInfo__1pD83">
|
||||
<img :src="scope.row.productSkcPicture">
|
||||
<div>备货母单号: {{ scope.row.originalPurchaseOrderSn }}</div>
|
||||
<div>{{ scope.row.productName }}</div>
|
||||
<div>SKC: {{ scope.row.productSkcId }}</div>
|
||||
<div>货号: {{ scope.row.productSn }}</div>
|
||||
<div class="order-manage_productInfo__1pD83">
|
||||
<img :src="scope.row.productSkcPicture">
|
||||
<div class="right">
|
||||
|
||||
<div>备货母单号: {{ scope.row.originalPurchaseOrderSn }}</div>
|
||||
<div>{{ scope.row.productName }}</div>
|
||||
<div>SKC: {{ scope.row.productSkcId }}</div>
|
||||
<div>货号: {{ scope.row.productSn }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="robInfo" label="抢仓信息" show-overflow-tooltip align="left">
|
||||
<el-table-column slot="robInfo" label="抢仓信息" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div data-testid="beast-core-box" style="margin-right: 2px;">
|
||||
已抢仓 <div style="color: red; display: inline;">{{ scope.row.robTotal }}</div> 次
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="status" label="状态" show-overflow-tooltip align="left">
|
||||
<el-table-column slot="className" label="SKU信息" width="440px" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div data-testid="beast-core-box" class="outerWrapper-1-3-1 outerWrapper dot-module__dot___M-RuH " style="margin-right: 2px;">
|
||||
<div class="dot-module__circle___2l2UV" style="background-color: var(--pc-dot-warn-bg-color,#ff6800);"></div>待发货
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="className" label="SKU信息" width="400px" show-overflow-tooltip align="left">
|
||||
<template slot-scope="scope">
|
||||
<div class="order-manage_skuInfo__FW-Nd" v-for="(item, index) in scope.row.detailList">
|
||||
<div class="order-manage_skuInfo__FW-Nd" v-for="(item, index) in scope.row.detailList" :key="index">
|
||||
<div>
|
||||
<div data-testid="beast-core-box" class="outerWrapper-1-3-1 outerWrapper-d18-1-3-20 index-module__image-preview___2fiZX">
|
||||
<div class="index-module__img___p3B1N" :style="getStyle(item.thumbUrlList[0])"></div>
|
||||
@@ -68,13 +62,82 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="status" label="状态" show-overflow-tooltip align="center" fixed="right" width="120px">
|
||||
<template slot-scope="scope">
|
||||
<div data-testid="beast-core-box" class="outerWrapper-1-3-1 outerWrapper dot-module__dot___M-RuH " style="margin-right: 2px;">
|
||||
<div class="dot-module__circle___2l2UV" style="background-color: var(--pc-dot-warn-bg-color,#ff6800);"></div>待发货
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<AiDialog
|
||||
title="选择商品"
|
||||
:visible.sync="isShow"
|
||||
:close-on-click-modal="false"
|
||||
width="1290px">
|
||||
<el-select v-model="mallId" placeholder="请选择" @click="getList">
|
||||
<el-option
|
||||
v-for="item in mallList"
|
||||
:key="item.mallId"
|
||||
:label="item.mallName"
|
||||
:value="item.mallName">
|
||||
{{ item.mallName }}
|
||||
</el-option>
|
||||
</el-select>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
:isShowPagination="false"
|
||||
style="margin-top: 8px;"
|
||||
@selection-change="handleSelectionChange"
|
||||
@getList="getList">center
|
||||
<el-table-column slot="productName" width="400px" label="商品信息" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div class="order-manage_productInfo__1pD83">
|
||||
<img :src="scope.row.productSkcPicture">
|
||||
<div class="right">
|
||||
|
||||
<div>备货母单号: {{ scope.row.originalPurchaseOrderSn }}</div>
|
||||
<div>{{ scope.row.productName }}</div>
|
||||
<div>SKC: {{ scope.row.productSkcId }}</div>
|
||||
<div>货号: {{ scope.row.productSn }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="robInfo" label="抢仓信息" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div data-testid="beast-core-box" style="margin-right: 2px;">
|
||||
已抢仓 <div style="color: red; display: inline;">{{ scope.row.robTotal }}</div> 次
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="className" label="SKU信息" width="400px" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<div class="order-manage_skuInfo__FW-Nd" v-for="(item, index) in scope.row.detailList" :key="index">
|
||||
<div>
|
||||
<div data-testid="beast-core-box" class="outerWrapper-1-3-1 outerWrapper-d18-1-3-20 index-module__image-preview___2fiZX">
|
||||
<div class="index-module__img___p3B1N" :style="getStyle(item.thumbUrlList[0])"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-manage_contentInfo__1Cjd6" style="max-width: 150px;">
|
||||
<div class="order-manage_title__1VTO5">属性：{{ item.className }}，下单数量：{{ item.purchaseQuantity }}</div>
|
||||
<div>SKU ID： {{ item.productSkuId }}</div>
|
||||
<div class="order-manage_productSku__XP_ke">SKU 货号： {{ item.extCode }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</AiDialog>
|
||||
</template>
|
||||
</ai-list>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
import {sendChromeAPIMessage, sendChromeNotification} from '@/api/chromeApi'
|
||||
import { Message } from 'element-ui'
|
||||
export default {
|
||||
@@ -82,14 +145,16 @@
|
||||
|
||||
data () {
|
||||
return {
|
||||
isShow: false,
|
||||
colConfigs: [
|
||||
{ type: "selection", width: '70px', align: 'left', fixed: 'left'},
|
||||
{ prop: 'subPurchaseOrderSn', label: '备货单号', width: '150px', align: 'left', fixed: 'left' },
|
||||
{ slot: 'productName', fixed: 'left'},
|
||||
{ type: "selection", width: '70px', align: 'left' },
|
||||
{ prop: 'subPurchaseOrderSn', label: '备货单号', width: '180px', align: 'left' },
|
||||
{ slot: 'productName' },
|
||||
{ slot: 'className'},
|
||||
{ slot: 'robInfo'},
|
||||
{ slot: 'status' }
|
||||
],
|
||||
mallId: '',
|
||||
tableData: [],
|
||||
total: 0,
|
||||
ids: [],
|
||||
@@ -98,6 +163,8 @@
|
||||
}
|
||||
},
|
||||
|
||||
...mapState(['mallName', 'mallList']),
|
||||
|
||||
created () {
|
||||
this.getList()
|
||||
},
|
||||
@@ -259,12 +326,19 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.order-manage_productInfo__1pD83 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.right {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.order-manage_productInfo__1pD83>img {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
width: 60px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.order-manage_productInfo__1pD83 {
|
||||
min-height: 60px;
|
||||
@@ -296,6 +370,7 @@
|
||||
.index-module__image-preview___2fiZX .index-module__img___p3B1N {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-color: #f5f5f5;
|
||||
@@ -312,6 +387,7 @@
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.order-manage_skuInfo__FW-Nd .order-manage_contentInfo__1Cjd6 {
|
||||
|
||||
Reference in New Issue
Block a user