调整

src/entry/background.js

@@ -47,8 +47,6 @@ chrome.action.onClicked.addListener(function () {
 });
 
 chrome.webRequest.onSendHeaders.addListener(details => {
-  console.log(11111)
-  console.log(details.url)
   if (details.url && (details.url.indexOf('joinDeliveryGoodsOrderPlatform')  != -1)) {
     details.requestHeaders.push({
       name: 'Referer',
@@ -61,14 +59,12 @@ chrome.webRequest.onSendHeaders.addListener(details => {
       }
     }
   } else if (details.url && (details.url.indexOf('mms/userInfo')  != -1)) {
-    console.log(3413243243)
     details.requestHeaders.push({
       name: 'Referer',
       value: 'https://kuajing.pinduoduo.com/main/order-manage'
     })
     for (let i = 0 ; i < details.requestHeaders.length; i++) {
       if (details.requestHeaders[i].name == 'Origin') {
-        console.log(95459745974)
         details.requestHeaders[i].value = 'https://kuajing.pinduoduo.com'
         break;
       }

src/manifest.production.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "TEMU助手",
   "description": "TEMU助手 - 自动化提高生产效率",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "background": {
     "service_worker": "/background.js"
   },

src/router/index.js

@@ -30,6 +30,11 @@ const router = new VueRouter({
           name: 'NormalSendGoods',
           component: () => import('../view/shipping/NormalSendGoods.vue')
         },
+        {
+          path: 'shippingDesk',
+          name: 'shippingDesk',
+          component: () => import('../view/shipping/ShippingDesk.vue')
+        },
         {
           path: 'shippingList',
           name: 'shippingList',

src/view/Home.vue

@@ -46,6 +46,7 @@
               <span slot="title">备货单管理</span>
             </template>
             <el-menu-item index="/normalSendGoods">抢仓发货</el-menu-item>
+            <el-menu-item index="/shippingDesk">发货台管理</el-menu-item>
             <el-menu-item index="/waitShippingList">待收货发货单</el-menu-item>
             <el-menu-item index="/shippingList">已收货发货单</el-menu-item>
           </el-submenu>
@@ -56,7 +57,7 @@
               <span slot="title">商品管理</span>
             </template>
             <el-menu-item index="/copyProduct">商品复制</el-menu-item>
-            <el-menu-item index="/reducePrice">商品调价</el-menu-item>
+            <!--<el-menu-item index="/reducePrice">商品调价</el-menu-item>-->
           </el-submenu>
 
           <el-menu-item index="/saleData">

src/view/shipping/NormalSendGoods.vue

@@ -237,6 +237,19 @@
             <el-button type="primary" @click="beforeBegin">开 始</el-button>
           </span>
         </AiDialog>
+
+        <AiDialog
+          title="警告"
+          :visible.sync="isShowWarning"
+          :close-on-click-modal="false"
+          customFooter
+          height="400px"
+          width="400px">
+          <span style="color: red; height: 30px; font-size: large; display: block">{{ warningText }}</span>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="isShowWarning = false">我知道了</el-button>
+          </span>
+        </AiDialog>
       </template>
     </ai-list>
   </div>
@@ -305,6 +318,10 @@
         isLoading: false,
         isDlgLoading: false,
 
+        // 警告弹窗
+        isShowWarning: false,
+        warningText: '',
+
         robDlgShow: false,
       }
     },
@@ -364,10 +381,16 @@
       loadAll() {
         this.$userCheck().then(() => {
           this.choosedList = []
-          this.loadMallIndex = 0
+          this.currentPage = 1
-          this.loadMode = 1
           this.isLoading = true
-          this.getList(this.choosedList, this.mallList[this.loadMallIndex].mallId, this.mallList[this.loadMallIndex].mallName, 1)
+          if (this.$store.state.userInfo.type == 3) {
+            this.loadMode = 0
+            this.getList(this.choosedList, this.$store.state.mallId, this.$store.state.mallName, 1)
+          } else {
+            this.loadMallIndex = 0
+            this.loadMode = 1
+            this.getList(this.choosedList, this.mallList[this.loadMallIndex].mallId, this.mallList[this.loadMallIndex].mallName, 1)
+          }
         });
       },
 
@@ -434,7 +457,7 @@
                 currentPage ++
                 this.getList(data, mallId, mallName, currentPage)
               } else {
-                if (this.loadMode == '1') {
+                if (this.loadMode == 1) {
                   this.loadMallIndex ++
                   if (this.loadMallIndex < this.mallList.length) {
                     this.getList(data, this.mallList[this.loadMallIndex].mallId, this.mallList[this.loadMallIndex].mallName, 1)
@@ -531,12 +554,22 @@
               }
             }
             if (!res.errorCode && res.error_code && (res.error_code == 40001)) {
-              this.networkErrorCount ++
+              this.isShowWarning = true
+              this.warningText = '“卖家中心”已退出登录，抢单停止'
+              this.isBegin = false
             }
-            // 继续抢
+            if (!res.errorCode && res.error_code && (res.error_code == 40002)) {
-            setTimeout(() => {
+              this.isShowWarning = true
-              this.rob()
+              this.warningText = '账号异常，请更换“卖家中心”账号'
-            }, parseInt(this.robForm.step) + Math.floor(Math.random() * parseInt(this.robForm.randomValue)))
+              this.isBegin = false
+            }
+            if (this.isBegin) {
+              // 继续抢
+              setTimeout(() => {
+                this.rob()
+              }, parseInt(this.robForm.step) + Math.floor(Math.random() * parseInt(this.robForm.randomValue)))
+            }
+            
         })
       },
       createDeliveryBill(sn, mallId) {

src/view/shipping/ShippingDesk.vue

@@ -0,0 +1,588 @@
+<template>
+  <div>
+    <ai-list class="list" v-loading="isLoading">
+      <ai-title
+        slot="title"
+        title="发货单管理"
+        tips="请先在当前浏览器登录“拼多多跨境卖家中心”，期间保持登录状态"
+        isShowBottomBorder>
+      </ai-title>
+      <template slot="content">
+        <ai-search-bar>
+          <template #left>
+            <el-dropdown @command="handleClick">
+              <el-button type="primary" :disabled="isBegin">添加备货单</el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="byStore">按店铺添加</el-dropdown-item>
+                <el-dropdown-item command="loadAll">一键添加所有</el-dropdown-item>
+              </el-dropdown-menu>
+              <!--<el-button type="primary" :disabled="isBegin" @click="isShow = true">添加备货单</el-button>
+              <el-button type="primary" :disabled="isBegin" @click="loadAll">一键加载全部</el-button>-->
+            </el-dropdown>
+            <el-button v-if="!isBegin" type="button" :class="'el-button el-button--primary'" @click="beginCreateConfirm">开始创建</el-button>
+            <el-button v-else type="button" :icon="isBegin? 'el-icon-loading': ''" :class="isBegin ? 'el-button el-button--danger': 'el-button el-button--primary'" @click="beginCreate()">{{  `结束创建(${choosedList.length}/${createTotal})` }}</el-button>
+            
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="choosedList"
+          :col-configs="robColConfigs"
+          :total="total"
+          :isShowPagination="false"
+          style="margin-top: 8px;">
+          <el-table-column slot="productName" width="480px" label="基本信息" align="center">
+            <template slot-scope="scope">
+              <div class="product">
+                <img :src="scope.row.subPurchaseOrderBasicVO.productSkcPicture">
+                  <div class="right">
+                    <div>备货母单号: {{ scope.row.subPurchaseOrderBasicVO.subPurchaseOrderSn }}</div>
+                    <div>SKC: {{ scope.row.subPurchaseOrderBasicVO.productSkcId }}</div>
+                    <div>货号: {{ scope.row.subPurchaseOrderBasicVO.skcExtCode }}</div>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column slot="subWarehouseName" width="180px" label="收货仓库" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.subPurchaseOrderBasicVO.subWarehouseName }}
+            </template>
+          </el-table-column>
+          <el-table-column slot="purchaseTime" width="180px" label="下单时间" align="center">
+            <template slot-scope="scope">
+              {{ formatTime(scope.row.subPurchaseOrderBasicVO.purchaseTime) }}
+            </template>
+          </el-table-column>
+          
+          <el-table-column slot="className" label="SKU信息" width="440px" show-overflow-tooltip align="center">
+            <template slot-scope="scope">
+              <div class="order-manage_skuInfo__FW-Nd" v-for="(item, index) in scope.row.orderDetailVOList" :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.productSkuImgUrlList[0])"></div>
+                  </div>
+                </div>
+                <div class="order-manage_contentInfo__1Cjd6">
+                  <div>属性集：{{ item.color + ' ' + item.size}}</div>
+                  <div>待发货数/最大发货数(件)：{{ item.productSkuPurchaseQuantity }} / {{ item.skuDeliveryQuantityMaxLimit }}</div>
+                  <div>SKU ID： {{ item.productSkuId }}</div>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column slot="options" label="操作" width="80px" v-if="!isBegin" show-overflow-tooltip align="center" fixed="right">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" @click="remove(row.subPurchaseOrderSn)">移除</el-button>
+              </div>
+            </template>
+            </el-table-column>
+        </ai-table>
+        <AiDialog
+          title="添加备货单"
+          :visible.sync="isShow"
+          :close-on-click-modal="false"
+          customFooter
+          @confirm="onConfirm"
+          width="1290px">
+          <label style="width:90px">店铺：</label>
+          <el-select v-model="mallId" placeholder="请选择" @change="mallChange">
+            <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="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            :isShowPagination="false"
+            style="margin-top: 8px;"
+            v-loading="isDlgLoading"
+            @selection-change="onChooseChange">
+            <el-table-column slot="productName" width="480px" label="基本信息" align="center">
+              <template slot-scope="scope">
+                <div class="product">
+                  <img :src="scope.row.subPurchaseOrderBasicVO.productSkcPicture">
+                    <div class="right">
+                      <div>备货母单号: {{ scope.row.subPurchaseOrderBasicVO.subPurchaseOrderSn }}</div>
+                      <div>SKC: {{ scope.row.subPurchaseOrderBasicVO.productSkcId }}</div>
+                      <div>货号: {{ scope.row.subPurchaseOrderBasicVO.skcExtCode }}</div>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column slot="subWarehouseName" width="180px" label="收货仓库" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.subPurchaseOrderBasicVO.subWarehouseName }}
+              </template>
+            </el-table-column>
+            <el-table-column slot="purchaseTime" width="180px" label="下单时间" align="center">
+              <template slot-scope="scope">
+                {{ formatTime(scope.row.subPurchaseOrderBasicVO.purchaseTime) }}
+              </template>
+            </el-table-column>
+            
+            <el-table-column slot="className" label="SKU信息" width="440px" show-overflow-tooltip align="center">
+              <template slot-scope="scope">
+                <div class="order-manage_skuInfo__FW-Nd" v-for="(item, index) in scope.row.orderDetailVOList" :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.productSkuImgUrlList[0])"></div>
+                    </div>
+                  </div>
+                  <div class="order-manage_contentInfo__1Cjd6">
+                    <div>属性集：{{ item.color + ' ' + item.size}}</div>
+                    <div>待发货数/最大发货数(件)：{{ item.productSkuPurchaseQuantity }} / {{ item.skuDeliveryQuantityMaxLimit }}</div>
+                    <div>SKU ID： {{ item.productSkuId }}</div>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+          </ai-table>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="isShow = false">关 闭</el-button>
+            <el-button type="primary" @click="onConfirm">添加</el-button>
+          </span>
+        </AiDialog>
+
+        <AiDialog
+          title="创建发货单设置"
+          :visible.sync="createDlgShow"
+          :close-on-click-modal="false"
+          customFooter
+          height="500px"
+          width="700px">
+            <el-form :model="robForm" ref="robForm" label-width="180px" class="form">
+              <el-form-item
+                prop="isModifyMaxNum"
+                label="是否修改为最大发货数："
+                :rules="[{ required: true, message: '请选择是否修改为最大发货数', trigger: 'blur' }]">
+                <el-radio-group v-model="robForm.isModifyMaxNum" size="medium">
+                  <el-radio :label="false">否</el-radio>
+                  <el-radio :label="true">是</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-form>
+          
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="createDlgShow = false">关 闭</el-button>
+            <el-button type="primary" @click="beforeBegin">开 始</el-button>
+          </span>
+        </AiDialog>
+      </template>
+    </ai-list>
+  </div>
+</template>
+
+<script>
+  import { mapState } from 'vuex'
+  import {sendChromeAPIMessage} from '@/api/chromeApi'
+  import { Message } from 'element-ui'
+  import {timestampToTime} from '@/utils/date'
+  export default {
+    name: 'ShippingDesk',
+
+    data () {
+      return {
+        isShow: false,
+        colConfigs: [
+          { type: "selection", width: '70px', align: 'left' },
+          { slot: 'productName' },
+          { slot: 'subWarehouseName'},
+          { prop: 'mallName', label: '店铺来源', align: 'center' },
+          { slot: 'className'},
+          { slot: 'purchaseTime'}
+        ],
+        robColConfigs: [
+          { slot: 'productName' },
+          { slot: 'subWarehouseName'},
+          { prop: 'mallName', label: '店铺来源', align: 'center' },
+          { slot: 'className'},
+          { slot: 'purchaseTime'}
+        ],
+        mallId: '',
+        mallName: '',
+        tableData: [],
+        total: 0,
+        isBegin: false,
+        choosedList: [],
+        choosedSnMallList: [],
+        arr: [],
+        createTotal: 0,
+        pageSize: 100,
+        currentPage: 1,
+        robForm: {
+          isModifyMaxNum: false
+        },
+        loadMallIndex: 0,
+        loadMode: 0,     // 加载模式，0表示单个店铺加载，1表示一键加载
+
+        // 加载数据
+        isLoading: false,
+        isDlgLoading: false,
+
+        createDlgShow: false,
+      }
+    },
+
+    computed: {
+      ...mapState(['mallList'])
+    },
+
+    methods: {
+      onChooseChange (e) {
+        this.arr = e
+      },
+      mallChange() {
+        this.$userCheck(this.mallId).then(() => {
+          let mallInfo = this.mallList.filter(item => {
+            return item.mallId == this.mallId
+          })
+          this.mallName = mallInfo[0].mallName
+
+          // 下载数据
+          this.loadMode = 0
+          this.tableData = []
+          this.currentPage = 1
+          this.isDlgLoading = true
+          this.getList(this.tableData, this.mallId, this.mallName, 1)
+        }).catch((err) => {
+          console.log(err)
+        })
+      },
+      onConfirm () {
+        if (this.arr.length == 0) {
+          Message.error("请选择备货单")
+          return
+        }
+        this.arr.map(item => {
+          let temp = this.choosedList.filter(i => {
+            return i.subPurchaseOrderSn == item.subPurchaseOrderSn
+          })
+          if (temp.length == 0) {
+            this.choosedList.push(item)
+          }
+        })
+        Message.success("添加成功，可继续添加")
+      },
+      loadAll() {
+        this.$userCheck().then(() => {
+          this.choosedList = []
+          this.currentPage = 1
+          this.isLoading = true
+          if (this.$store.state.userInfo.type == 3) {
+            this.loadMode = 0
+            this.getList(this.choosedList, this.$store.state.mallId, this.$store.state.mallName, 1)
+          } else {
+            this.loadMallIndex = 0
+            this.loadMode = 1
+            this.getList(this.choosedList, this.mallList[this.loadMallIndex].mallId, this.mallList[this.loadMallIndex].mallName, 1)
+          }
+        });
+      },
+
+      handleClick (e) {
+        if (e === 'byStore') {
+          this.isShow = true
+        } else if (e === 'loadAll') {
+          this.loadAll()
+        }
+      },
+      beginCreateConfirm() {
+        if (this.choosedList.length <= 0) {
+          Message.error('请先添加备货单');
+          return;
+        }
+        this.createDlgShow = true
+      },
+      beforeBegin() {
+        this.$refs.robForm.validate((valid) => {
+          if (valid) {
+            this.createDlgShow = false
+            this.beginCreate()
+          }
+        })
+      },
+      getList (data, mallId, mallName, currentPage) {
+        sendChromeAPIMessage({
+          url: 'bgSongbird-api/supplier/deliverGoods/platform/pageQuerySubPurchaseOrder',
+          needMallId: true,
+          anti: true,
+          mallId: mallId,
+          data: {
+            "pageNo": currentPage,
+            "pageSize": 100
+          }}).then((res) => {
+            if (res.errorCode == 1000000) {
+              res.result.list.map((item) => {
+                data.push({...item, mallId: mallId, mallName: mallName})
+              })
+
+              if (this.pageSize == length) {
+                currentPage ++
+                this.getList(data, mallId, mallName, currentPage)
+              } else {
+                if (this.loadMode == 1) {
+                  this.loadMallIndex ++
+                  if (this.loadMallIndex < this.mallList.length) {
+                    this.getList(data, this.mallList[this.loadMallIndex].mallId, this.mallList[this.loadMallIndex].mallName, 1)
+                  } else {
+                    this.isLoading = false
+                    Message.success("所有店铺备货单已加载完成")
+                  }
+                } else {
+                  this.isDlgLoading = false
+                }
+              }
+            } else {
+              this.getList(data, mallId, mallName, currentPage)
+            }
+        })
+      },
+      remove(sn) {
+        for (let i = 0; i < this.choosedList.length; i++) {
+          if (this.choosedList[i].subPurchaseOrderSn == sn) {
+            this.choosedList.splice(i, 1)
+            break
+          }
+        }
+      },
+      getStyle(url) {
+        return "background-image: url(" + url + "); width: 72px; height: 72px; cursor: pointer; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.14);";
+      },
+      beginCreate() {
+        if (this.isBegin) {
+          this.isBegin = false;
+          return;
+        }
+
+        this.createTotal = this.choosedList.length
+        this.isBegin = true;
+
+        this.choosedList.map((data, index) => {
+          let deliverOrderDetailInfos = data.orderDetailVOList.map(item => {
+            if (this.robForm.isModifyMaxNum) {
+              return {
+                productSkuId: item.productSkuId,
+                deliverSkuNum: item.skuDeliveryQuantityMaxLimit
+              }
+            } else {
+              return {
+                productSkuId: item.productSkuId,
+                deliverSkuNum: item.productSkuPurchaseQuantity
+              }
+            }
+          })
+          let packageInfos = []
+          data.orderDetailVOList.map(item => {
+            let packageDetailSaveInfos = []
+            if (this.robForm.isModifyMaxNum) {
+              packageDetailSaveInfos.push({
+                productSkuId: item.productSkuId,
+                skuNum: item.skuDeliveryQuantityMaxLimit
+              })
+              
+            } else {
+              packageDetailSaveInfos.push({
+                productSkuId: item.productSkuId,
+                skuNum: item.productSkuPurchaseQuantity
+              })
+            }
+            packageInfos.push({packageDetailSaveInfos: packageDetailSaveInfos})
+          })
+
+          let deliveryOrderCreateInfos = []
+          deliveryOrderCreateInfos.push({
+            deliverOrderDetailInfos: deliverOrderDetailInfos,
+            subPurchaseOrderSn: data.subPurchaseOrderBasicVO.subPurchaseOrderSn,
+            packageInfos: packageInfos
+          })
+
+          let deliveryOrderCreateGroupList = []
+          deliveryOrderCreateGroupList.push({
+            deliveryOrderCreateInfos: deliveryOrderCreateInfos,
+            receiveAddressInfo: data.subPurchaseOrderBasicVO.receiveAddressInfo,
+            subWarehouseId: data.subPurchaseOrderBasicVO.subWarehouseId
+          })
+
+          setTimeout(() => {
+            this.createDeliveryOrder(data.mallId, data.subPurchaseOrderBasicVO.subPurchaseOrderSn, deliveryOrderCreateGroupList)
+          }, index * 100)
+        })
+
+        let _this = this;
+        let tt = setInterval(function() {
+          if (_this.choosedList.length == 0) {
+            _this.isBegin = false;
+            clearInterval(tt);
+          }
+        }, 1000)
+      },
+      createDeliveryOrder(mallId, sn, data) {
+        sendChromeAPIMessage({
+          url: 'bgSongbird-api/supplier/deliverGoods/platform/createDeliveryOrderGroupSimpleByAddress',
+          needMallId: true,
+          anti: true,
+          mallId: mallId,
+          data: {deliveryOrderCreateGroupList: data}}).then((res) => {
+            if (res.errorCode == 1000000) {
+              for (let j = 0; j < this.choosedList.length; j++) {
+                if (this.choosedList[j].subPurchaseOrderBasicVO.subPurchaseOrderSn == sn) {
+                  this.choosedList.splice(j, 1);
+                  break;
+                }
+              }
+            } else {
+              setTimeout(() => { this.createDeliveryOrder(mallId, sn, data)}, 1000)
+            }
+          })
+      },
+      formatTime(time) {
+        return timestampToTime(time)
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.product {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .right {
+    flex: 1;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  img {
+    width: 60px;
+    margin-right: 10px;
+  }
+}
+
+.tips {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: rgba(243, 8, 8, .4);
+
+  @keyframes warn {
+    0% {
+      transform: translate(-50%, -50%) scale(0);
+      opacity: 1;
+    }
+
+    100% {
+      transform: translate(-50%, -50%) scale(1.1);
+      opacity: 0;
+    }
+  }
+
+  div {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    z-index: 11;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    animation: warn 0.9s ease-out;
+    animation-iteration-count: infinite;
+    box-shadow: 1px 1px 30px #EF2D02;
+    transform: translate(-50%, -50%) scale(0.2);
+    transition: all ease-in-out 0.6s;
+    background: rgba(243, 8, 8, .6);
+  }
+}
+
+.order-manage_productInfo__1pD83>img {
+
+    width: 60px;
+    margin-right: 10px;
+}
+.order-manage_productInfo__1pD83 {
+  min-height: 60px;
+  padding-left: 70px;
+  position: relative;
+}
+
+.order-manage_productInfo__1pD83>div:nth-child(2) {
+    color: rgba(0,0,0,.8);
+}
+
+.outerWrapper {
+    margin: 4px 4px 0px 0px;
+}
+
+.dot-module__dot___M-RuH .dot-module__circle___2l2UV {
+    flex-shrink: 0;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-right: 8px;
+}
+
+.dot-module__dot___M-RuH {
+  display: inline-flex;
+  align-items: center;
+}
+
+.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;
+    font-size: 12px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--bc-Table-emptyTextColor);
+    position: relative;
+}
+
+.textoverflow {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+.order-manage_skuInfo__FW-Nd {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .order-manage_contentInfo__1Cjd6 {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 240px;
+  }
+}
+
+
+.order-manage_skuInfo__FW-Nd .order-manage_contentInfo__1Cjd6 .order-manage_title__1VTO5 {
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    color: rgba(0,0,0,.8);
+}
+</style>