调整

src/view/NormalSendGoods.vue

@@ -31,6 +31,9 @@
             
           </template>
           <template #right>
+            <el-badge :value="successList.length" class="item">
+              <el-button :icon="'el-icon-tickets'" @click="successDlgShow = true" circle></el-button>
+            </el-badge>
           </template>
         </ai-search-bar>
         <ai-table
@@ -155,6 +158,34 @@
             <el-button type="primary" @click="onConfirm">添加</el-button>
           </span>
         </AiDialog>
+
+        <AiDialog
+          title="抢单成功列表"
+          :visible.sync="successDlgShow"
+          :close-on-click-modal="false"
+          customFooter
+          width="1290px">
+          <label style="width:90px">店铺：</label>
+          <el-select clearable v-model="successMallId" placeholder="请选择">
+            <el-option
+              v-for="item in mallList"
+              :key="item.mallId"
+              :label="item.mallName"
+              :value="item.mallId">
+              {{ item.mallName }}
+            </el-option>
+          </el-select>
+          <ai-table
+            :tableData="successData"
+            :col-configs="successColConfigs"
+            :total="total"
+            :isShowPagination="false"
+            style="margin-top: 8px;">
+          </ai-table>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="successDlgShow = false">关 闭</el-button>
+          </span>
+        </AiDialog>
       </template>
     </ai-list>
   </div>
@@ -163,7 +194,7 @@
 <script>
   import { mapState } from 'vuex'
   import {sendChromeAPIMessage, sendChromeNotification} from '@/api/chromeApi'
-  import { Message, TimeSelect } from 'element-ui'
+  import { Message } from 'element-ui'
   export default {
     name: 'NormalSendGoods',
 
@@ -186,6 +217,12 @@
           { slot: 'robInfo'},
           { slot: 'status' }
         ],
+        successColConfigs: [
+          { prop: 'subPurchaseOrderSn', width: '180px', label: '备货单号', align: 'left' },
+          { prop: 'mallName', label: '店铺来源', width: '180px', align: 'center' },
+          { prop: 'productName', label: '商品名称', "show-overflow-tooltip": true, width: '580px' },
+          { prop: 'productSn', label: '货号' }
+        ],
         mallId: '',
         mallName: '',
         tableData: [],
@@ -202,11 +239,23 @@
         loadMode: 0,     // 加载模式，0表示单个店铺加载，1表示一键加载
         robMode: 0,       // 抢仓模式，0表示普通抢仓，1表示极速抢仓
         isCreateDeliveryBill: false,
+
+        successDlgShow: false,
+        successMallId: '',
+        successList: []
       }
     },
 
     computed: {
-      ...mapState(['mallList'])
+      ...mapState(['mallList']),
+      successData() {
+        if (!this.successMallId) {
+          return this.successList
+        }
+        return this.successList.filter(item => {
+          return item.mallId == this.successMallId
+        })
+      }
     },
 
     created () {
@@ -404,6 +453,7 @@
 
               for (let j = 0; j < this.choosedList.length; j++) {
                 if (this.choosedList[j].subPurchaseOrderSn == sn) {
+                  this.successList.push(this.choosedList[j])
                   this.addSuccessInfo(this.choosedList[j]);
                   this.sendNotification(this.choosedList[j]);
                   this.choosedList.splice(j, 1);