ts-glitter 20.6.8 → 20.7.0

package/lowcode/cms-plugin/shopping-setting-advance.js

@@ -35,11 +35,28 @@ export class ShoppingSettingAdvance {
                         BgWidget.mainCard([
                             html `
                     <div class="guide5-4">
-                      <div class="d-flex align-items-center">
-                        <div style="color: #393939; font-weight: 700;">${carTitle}標籤</div>
-                        ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
+                      <div class="d-flex align-items-center justify-content-between">
+                        <div>
+                          <div class="d-flex align-items-center">
+                            <div style="color: #393939; font-weight: 700;">${carTitle}標籤</div>
+                            ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
+                          </div>
+                          ${BgWidget.grayNote('用戶於前台搜尋標籤，即可搜尋到此' + carTitle)} ${BgWidget.mbContainer(4)}
+                        </div>
+                        ${BgWidget.blueNote('使用現有標籤', gvc.event(() => {
+                                var _a;
+                                BgProduct.useProductTags({
+                                    gvc,
+                                    config_key: 'product_general_tags',
+                                    config_lang: vm.language,
+                                    def: (_a = postMD.product_tag.language[vm.language]) !== null && _a !== void 0 ? _a : [],
+                                    callback: tags => {
+                                        postMD.product_tag.language[vm.language] = tags;
+                                        gvc.notifyDataChange(id);
+                                    },
+                                });
+                            }))}
                       </div>
-                      ${BgWidget.grayNote('用戶於前台搜尋標籤，即可搜尋到此' + carTitle)} ${BgWidget.mbContainer(4)}
                       ${BgWidget.multipleInput(gvc, postMD.product_tag.language[vm.language], {
                                 save: def => {
                                     postMD.product_tag.language[vm.language] = def;
@@ -48,15 +65,29 @@ export class ShoppingSettingAdvance {
                     </div>
                   `,
                             html `
-                    <div>
-                      <div style="color: #393939; font-weight: 700;">${carTitle}管理員標籤</div>
-                      ${BgWidget.grayNote('操作後台人員登記與分類用，不會顯示於前台')} ${BgWidget.mbContainer(4)}
-                      ${BgWidget.multipleInput(gvc, (_a = postMD.product_customize_tag) !== null && _a !== void 0 ? _a : [], {
+                    <div class="d-flex align-items-center justify-content-between">
+                      <div>
+                        <div style="color: #393939; font-weight: 700;">${carTitle}管理員標籤</div>
+                        ${BgWidget.grayNote('操作後台人員登記與分類用，不會顯示於前台')} ${BgWidget.mbContainer(4)}
+                      </div>
+                      ${BgWidget.blueNote('使用現有標籤', gvc.event(() => {
+                                var _a;
+                                BgProduct.useProductTags({
+                                    gvc,
+                                    config_key: 'product_manager_tags',
+                                    def: (_a = postMD.product_customize_tag) !== null && _a !== void 0 ? _a : [],
+                                    callback: tags => {
+                                        postMD.product_customize_tag = tags;
+                                        gvc.notifyDataChange(id);
+                                    },
+                                });
+                            }))}
+                    </div>
+                    ${BgWidget.multipleInput(gvc, (_a = postMD.product_customize_tag) !== null && _a !== void 0 ? _a : [], {
                                 save: def => {
-                                    postMD.product_customize_tag = def;
+                                    postMD.product_customize_tag = [...new Set(def)];
                                 },
-                            })}
-                    </div>
+                            }, true)}
                   `,
                             html ` <div class="d-flex align-items-center gap-2">
                       <div style="color: #393939; font-weight: 700;">${carTitle}促銷標籤</div>
@@ -430,7 +461,7 @@ export class ShoppingSettingAdvance {
                             };
                             const isDesktop = document.body.clientWidth > 768;
                             const getIndexStyle = (index) => index === 0
-                                ? `height: 100%; padding: 0; min-width: ${isDesktop ? 250 : 125}px; max-width: ${isDesktop ? 250 : 125}px;position: sticky; left: 0; background: #fff; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.10);`
+                                ? `height: 100%; padding: 0; min-width: ${isDesktop ? 250 : 200}px; max-width: ${isDesktop ? 250 : 200}px;position: sticky; left: 0; background: #fff; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.10);`
                                 : 'height: 100%; padding: 0; text-align: center; justify-content: center; min-width: 126px;';
                             const resetPostList = (result, type) => {
                                 var _a, _b, _c;
@@ -695,13 +726,23 @@ export class ShoppingSettingAdvance {
                                     }
                                     else {
                                         const scrollDiv = document.getElementById('scrollDiv');
-                                        if (isDesktop && scrollDiv) {
-                                            scrollDiv.addEventListener('scroll', () => {
-                                                const status = scrollDiv.scrollLeft > 360;
+                                        if (scrollDiv) {
+                                            function setStatus(scrollDiv, delta = 360) {
+                                                const status = scrollDiv.scrollLeft > delta;
                                                 if (priceVM.showPriceDetail !== status) {
                                                     priceVM.showPriceDetail = status;
                                                 }
-                                            });
+                                            }
+                                            if (isDesktop) {
+                                                scrollDiv.addEventListener('scroll', () => {
+                                                    setStatus(scrollDiv);
+                                                });
+                                            }
+                                            else {
+                                                scrollDiv.addEventListener('touchmove', () => {
+                                                    setStatus(scrollDiv);
+                                                });
+                                            }
                                         }
                                     }
                                 },

package/lowcode/cms-plugin/shopping-setting-advance.ts

@@ -3,6 +3,7 @@ import { BgWidget } from '../backend-manager/bg-widget.js';
 import { BgProduct, OptionsItem } from '../backend-manager/bg-product.js';
 import { ApiPageConfig } from '../api/pageConfig.js';
 import { ApiUser } from '../glitter-base/route/user.js';
+import { LanguageLocation } from '../glitter-base/global/language.js';
 import { ShipmentConfig } from '../glitter-base/global/shipment-config.js';
 import { QuestionInfo } from './module/question-info.js';
 import { Tool } from '../modules/tool.js';
@@ -16,7 +17,7 @@ export class ShoppingSettingAdvance {
     vm: any;
     vm2: {
       id: string;
-      language: any;
+      language: LanguageLocation;
       content_detail: any;
     };
     reload: () => void;
@@ -45,11 +46,30 @@ export class ShoppingSettingAdvance {
                 [
                   html`
                     <div class="guide5-4">
-                      <div class="d-flex align-items-center">
-                        <div style="color: #393939; font-weight: 700;">${carTitle}標籤</div>
-                        ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
+                      <div class="d-flex align-items-center justify-content-between">
+                        <div>
+                          <div class="d-flex align-items-center">
+                            <div style="color: #393939; font-weight: 700;">${carTitle}標籤</div>
+                            ${BgWidget.languageInsignia(vm.language, 'margin-left:5px;')}
+                          </div>
+                          ${BgWidget.grayNote('用戶於前台搜尋標籤，即可搜尋到此' + carTitle)} ${BgWidget.mbContainer(4)}
+                        </div>
+                        ${BgWidget.blueNote(
+                          '使用現有標籤',
+                          gvc.event(() => {
+                            BgProduct.useProductTags({
+                              gvc,
+                              config_key: 'product_general_tags',
+                              config_lang: vm.language,
+                              def: (postMD.product_tag.language as any)[vm.language] ?? [],
+                              callback: tags => {
+                                (postMD.product_tag.language as any)[vm.language] = tags;
+                                gvc.notifyDataChange(id);
+                              },
+                            });
+                          })
+                        )}
                       </div>
-                      ${BgWidget.grayNote('用戶於前台搜尋標籤，即可搜尋到此' + carTitle)} ${BgWidget.mbContainer(4)}
                       ${BgWidget.multipleInput(gvc, (postMD.product_tag.language as any)[vm.language], {
                         save: def => {
                           (postMD.product_tag.language as any)[vm.language] = def;
@@ -58,15 +78,36 @@ export class ShoppingSettingAdvance {
                     </div>
                   `,
                   html`
-                    <div>
-                      <div style="color: #393939; font-weight: 700;">${carTitle}管理員標籤</div>
-                      ${BgWidget.grayNote('操作後台人員登記與分類用，不會顯示於前台')} ${BgWidget.mbContainer(4)}
-                      ${BgWidget.multipleInput(gvc, postMD.product_customize_tag ?? [], {
+                    <div class="d-flex align-items-center justify-content-between">
+                      <div>
+                        <div style="color: #393939; font-weight: 700;">${carTitle}管理員標籤</div>
+                        ${BgWidget.grayNote('操作後台人員登記與分類用，不會顯示於前台')} ${BgWidget.mbContainer(4)}
+                      </div>
+                      ${BgWidget.blueNote(
+                        '使用現有標籤',
+                        gvc.event(() => {
+                          BgProduct.useProductTags({
+                            gvc,
+                            config_key: 'product_manager_tags',
+                            def: postMD.product_customize_tag ?? [],
+                            callback: tags => {
+                              postMD.product_customize_tag = tags;
+                              gvc.notifyDataChange(id);
+                            },
+                          });
+                        })
+                      )}
+                    </div>
+                    ${BgWidget.multipleInput(
+                      gvc,
+                      postMD.product_customize_tag ?? [],
+                      {
                         save: def => {
-                          postMD.product_customize_tag = def;
+                          postMD.product_customize_tag = [...new Set(def)];
                         },
-                      })}
-                    </div>
+                      },
+                      true
+                    )}
                   `,
                   html` <div class="d-flex align-items-center gap-2">
                       <div style="color: #393939; font-weight: 700;">${carTitle}促銷標籤</div>
@@ -141,7 +182,7 @@ export class ShoppingSettingAdvance {
                       type: 'text',
                       placeHolder: '數字越大商品排序會越靠前',
                       callback: (text: any) => {
-                        postMD.sort_weight=text
+                        postMD.sort_weight = text;
                         gvc.notifyDataChange(id);
                       },
                     })}
@@ -478,7 +519,7 @@ export class ShoppingSettingAdvance {
 
                   const getIndexStyle = (index: number) =>
                     index === 0
-                      ? `height: 100%; padding: 0; min-width: ${isDesktop ? 250 : 125}px; max-width: ${isDesktop ? 250 : 125}px;position: sticky; left: 0; background: #fff; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.10);`
+                      ? `height: 100%; padding: 0; min-width: ${isDesktop ? 250 : 200}px; max-width: ${isDesktop ? 250 : 200}px;position: sticky; left: 0; background: #fff; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.10);`
                       : 'height: 100%; padding: 0; text-align: center; justify-content: center; min-width: 126px;';
 
                   const resetPostList = (result: string[], type: MultiSaleType) => {
@@ -759,13 +800,23 @@ export class ShoppingSettingAdvance {
                       } else {
                         // 滾動監視事件
                         const scrollDiv = document.getElementById('scrollDiv');
-                        if (isDesktop && scrollDiv) {
-                          scrollDiv.addEventListener('scroll', () => {
-                            const status = scrollDiv.scrollLeft > 360;
+                        if (scrollDiv) {
+                          function setStatus(scrollDiv: HTMLElement, delta: number = 360) {
+                            const status = scrollDiv.scrollLeft > delta;
                             if (priceVM.showPriceDetail !== status) {
                               priceVM.showPriceDetail = status;
                             }
-                          });
+                          }
+
+                          if (isDesktop) {
+                            scrollDiv.addEventListener('scroll', () => {
+                              setStatus(scrollDiv);
+                            });
+                          } else {
+                            scrollDiv.addEventListener('touchmove', () => {
+                              setStatus(scrollDiv);
+                            });
+                          }
                         }
                       }
                     },

package/lowcode/cms-plugin/stock-history.js

@@ -238,7 +238,8 @@ export class StockHistory {
                             },
                             {
                                 key: '總金額',
-                                value: `<span class="fs-7">$ ${dd.content.product_list.reduce((sum, item) => {
+                                value: `<span class="fs-7">$ ${dd.content.product_list
+                                    .reduce((sum, item) => {
                                     var _a, _b;
                                     if (dd.type === 'restocking') {
                                         return sum + item.cost * ((_a = item.transfer_count) !== null && _a !== void 0 ? _a : 0);
@@ -246,7 +247,8 @@ export class StockHistory {
                                     else {
                                         return sum + item.cost * ((_b = item.recent_count) !== null && _b !== void 0 ? _b : 0);
                                     }
-                                }, 0).toLocaleString()}</span>`,
+                                }, 0)
+                                    .toLocaleString()}</span>`,
                             },
                             {
                                 key: '供應商',
@@ -1039,7 +1041,7 @@ export class StockHistory {
                                                         filter: [],
                                                         hiddenPageSplit: true,
                                                     }),
-                                                    html `<div
+                                                    html ` <div
                                       class="w-100 d-flex align-items-center justify-content-center cursor_pointer"
                                       style="color: #36B; font-size: 16px; font-weight: 400;"
                                       onclick="${gvc.event(() => {
@@ -1119,7 +1121,7 @@ export class StockHistory {
                                                         filter: [],
                                                         hiddenPageSplit: true,
                                                     }),
-                                                    html `<div
+                                                    html ` <div
                                       class="w-100 d-flex align-items-center justify-content-center cursor_pointer"
                                       style="color: #36B; font-size: 16px; font-weight: 400;"
                                       onclick="${gvc.event(() => {
@@ -1621,13 +1623,13 @@ export class StockHistory {
                             }
                             const priceHTML = (obj) => {
                                 var _a, _b;
-                                return html `<div class="d-flex w-100 mb-2">
+                                return html ` <div class="d-flex w-100 mb-2">
                             <div class="flex-fill"></div>
                             <div class="d-flex justify-content-between" style="width: 250px;">
                               <div class="${(_a = obj.className) !== null && _a !== void 0 ? _a : ''}">${obj.name}</div>
                               ${obj.incompletion
-                                    ? html `<div style="color: #8D8D8D">商品尚未核對完成</div>`
-                                    : html `<div class="${(_b = obj.className) !== null && _b !== void 0 ? _b : ''}">$ ${obj.price.toLocaleString()}</div>`}
+                                    ? html ` <div style="color: #8D8D8D">商品尚未核對完成</div>`
+                                    : html ` <div class="${(_b = obj.className) !== null && _b !== void 0 ? _b : ''}">$ ${obj.price.toLocaleString()}</div>`}
                             </div>
                           </div>`;
                             };
@@ -1661,7 +1663,7 @@ export class StockHistory {
                         return a.time > b.time ? -1 : 1;
                     })
                         .map(log => {
-                        return html `<div class="d-flex justify-content-between align-items-center mt-2">
+                        return html ` <div class="d-flex justify-content-between align-items-center mt-2">
                         <div class="d-flex align-items-center">
                           <div class="me-3">${log.time}</div>
                           <div class="me-1">${log.text}</div>
@@ -1740,11 +1742,12 @@ export class StockHistory {
         switch (vm.type) {
             case 'restocking':
                 return [
-                    html `<div class="row">
-            <div class="col-12 col-md-6">
-              <div class="tx_normal">供應商</div>
-              ${BgWidget.mbContainer(8)}
-              ${gvc.bindView((() => {
+                    html `
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div class="tx_normal">供應商</div>
+                ${BgWidget.mbContainer(8)}
+                ${gvc.bindView((() => {
                         const id = glitter.getUUID();
                         let dataList = [];
                         let loading = true;
@@ -1780,13 +1783,13 @@ export class StockHistory {
                                             gvc.notifyDataChange(id);
                                         },
                                         clickElement: {
-                                            html: html `<div>新增供應商</div>
-                              <div>
-                                <i
-                                  class="fa-solid fa-plus ps-2"
-                                  style="font-size: 16px; height: 14px; width: 14px;"
-                                ></i>
-                              </div>`,
+                                            html: html ` <div>新增供應商</div>
+                                <div>
+                                  <i
+                                    class="fa-solid fa-plus ps-2"
+                                    style="font-size: 16px; height: 14px; width: 14px;"
+                                  ></i>
+                                </div>`,
                                             event: gvc2 => {
                                                 const newVendorData = StockVendors.emptyData();
                                                 BgWidget.settingDialog({
@@ -1828,11 +1831,11 @@ export class StockHistory {
                             },
                         };
                     })())}
-            </div>
-            <div class="col-12 col-md-6">
-              <div class="tx_normal">庫存點</div>
-              ${BgWidget.mbContainer(8)}
-              ${gvc.bindView((() => {
+              </div>
+              <div class="col-12 col-md-6">
+                <div class="tx_normal">庫存點</div>
+                ${BgWidget.mbContainer(8)}
+                ${gvc.bindView((() => {
                         const id = glitter.getUUID();
                         let dataList = [];
                         let loading = true;
@@ -1868,13 +1871,13 @@ export class StockHistory {
                                             gvc.notifyDataChange(id);
                                         },
                                         clickElement: {
-                                            html: html `<div>新增庫存點</div>
-                              <div>
-                                <i
-                                  class="fa-solid fa-plus ps-2"
-                                  style="font-size: 16px; height: 14px; width: 14px;"
-                                ></i>
-                              </div>`,
+                                            html: html ` <div>新增庫存點</div>
+                                <div>
+                                  <i
+                                    class="fa-solid fa-plus ps-2"
+                                    style="font-size: 16px; height: 14px; width: 14px;"
+                                  ></i>
+                                </div>`,
                                             event: gvc2 => {
                                                 const newStoreData = StockStores.emptyData();
                                                 BgWidget.settingDialog({
@@ -1916,16 +1919,18 @@ export class StockHistory {
                             },
                         };
                     })())}
+              </div>
             </div>
-          </div> `,
+          `,
                 ];
             case 'transfer':
                 return [
-                    html `<div class="row">
-            <div class="col-12 col-md-6">
-              <div class="tx_normal">調出庫存點</div>
-              ${BgWidget.mbContainer(8)}
-              ${gvc.bindView((() => {
+                    html `
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div class="tx_normal">調出庫存點</div>
+                ${BgWidget.mbContainer(8)}
+                ${gvc.bindView((() => {
                         const id = glitter.getUUID();
                         let dataList = [];
                         let loading = true;
@@ -1977,11 +1982,11 @@ export class StockHistory {
                             },
                         };
                     })())}
-            </div>
-            <div class="col-12 col-md-6">
-              <div class="tx_normal">調入庫存點</div>
-              ${BgWidget.mbContainer(8)}
-              ${gvc.bindView((() => {
+              </div>
+              <div class="col-12 col-md-6">
+                <div class="tx_normal">調入庫存點</div>
+                ${BgWidget.mbContainer(8)}
+                ${gvc.bindView((() => {
                         const id = glitter.getUUID();
                         let dataList = [];
                         let loading = true;
@@ -2033,16 +2038,18 @@ export class StockHistory {
                             },
                         };
                     })())}
+              </div>
             </div>
-          </div> `,
+          `,
                 ];
             case 'checking':
                 return [
-                    html `<div class="row">
-            <div class="col-12 col-md-6">
-              <div class="tx_normal">盤點庫存點</div>
-              ${BgWidget.mbContainer(8)}
-              ${gvc.bindView((() => {
+                    html `
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div class="tx_normal">盤點庫存點</div>
+                ${BgWidget.mbContainer(8)}
+                ${gvc.bindView((() => {
                         const id = glitter.getUUID();
                         let dataList = [];
                         let loading = true;
@@ -2096,8 +2103,9 @@ export class StockHistory {
                             },
                         };
                     })())}
+              </div>
             </div>
-          </div> `,
+          `,
                 ];
         }
     }
@@ -2406,9 +2414,9 @@ export class StockHistory {
     }
     static vendorForm(gvc, data) {
         var _a, _b, _c, _d, _e;
-        return html `<div class="row">
+        return html ` <div class="row">
       ${[
-            html `<div class="tx_normal">供應商名稱</div>
+            html ` <div class="tx_normal">供應商名稱</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2419,7 +2427,7 @@ export class StockHistory {
                     data.name = text;
                 },
             })}`,
-            html `<div class="tx_normal">供應商地址</div>
+            html ` <div class="tx_normal">供應商地址</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2430,7 +2438,7 @@ export class StockHistory {
                     data.address = text;
                 },
             })}`,
-            html `<div class="tx_normal">聯絡人姓名</div>
+            html ` <div class="tx_normal">聯絡人姓名</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2441,7 +2449,7 @@ export class StockHistory {
                     data.manager_name = text;
                 },
             })}`,
-            html `<div class="tx_normal">電話</div>
+            html ` <div class="tx_normal">電話</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2471,9 +2479,9 @@ export class StockHistory {
     }
     static storeForm(gvc, data) {
         var _a, _b, _c, _d, _e;
-        return html `<div class="row">
+        return html ` <div class="row">
       ${[
-            html `<div class="tx_normal">庫存點名稱</div>
+            html ` <div class="tx_normal">庫存點名稱</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2484,7 +2492,7 @@ export class StockHistory {
                     data.name = text;
                 },
             })}`,
-            html `<div class="tx_normal">庫存點地址</div>
+            html ` <div class="tx_normal">庫存點地址</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2495,7 +2503,7 @@ export class StockHistory {
                     data.address = text;
                 },
             })}`,
-            html `<div class="tx_normal">聯絡人姓名</div>
+            html ` <div class="tx_normal">聯絡人姓名</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2506,7 +2514,7 @@ export class StockHistory {
                     data.manager_name = text;
                 },
             })}`,
-            html `<div class="tx_normal">電話</div>
+            html ` <div class="tx_normal">電話</div>
           ${BgWidget.mbContainer(4)}
           ${BgWidget.editeInput({
                 gvc: gvc,
@@ -2637,7 +2645,7 @@ export class StockHistory {
                     return arr
                         .map(item => {
                         var _a;
-                        return html `<div style="${document.body.clientWidth > 768 ? `width: ${(_a = item.width) !== null && _a !== void 0 ? _a : 20}%;` : ''}">
+                        return html ` <div style="${document.body.clientWidth > 768 ? `width: ${(_a = item.width) !== null && _a !== void 0 ? _a : 20}%;` : ''}">
                 <div class="tx_700" style="margin-bottom: 8px;">${item.title}</div>
                 <div class="tx_normal">${item.value}</div>
               </div>`;
@@ -3143,10 +3151,14 @@ export class StockHistory {
                     const spec = item.variant_content.spec;
                     const sku = item.variant_content.sku;
                     const barcode = item.variant_content.barcode;
-                    product_list.push(Object.assign(Object.assign({ variant_id: item.id, cost: 0, note: '', transfer_count: 0, check_count: 0 }, (origin !== null && origin !== void 0 ? origin : {})), { title: title, spec: spec && spec.length > 0 ? spec.join('/') : '單一規格', sku: sku !== null && sku !== void 0 ? sku : '', barcode: barcode !== null && barcode !== void 0 ? barcode : '' }));
+                    product_list.push(Object.assign(Object.assign({ variant_id: item.id, cost: 0, note: '', transfer_count: 0, product_id: item.product_content.id, check_count: 0 }, (origin !== null && origin !== void 0 ? origin : {})), { title: title, spec: spec && spec.length > 0 ? spec.join('/') : '單一規格', sku: sku !== null && sku !== void 0 ? sku : '', barcode: barcode !== null && barcode !== void 0 ? barcode : '' }));
                 });
             }
-            callback(product_list);
+            callback(origins.filter((d1) => {
+                return !product_list.find((dd) => {
+                    return d1.variant_id === dd.variant_id;
+                });
+            }).concat(product_list));
         });
     }
     static getVariantInfo(dataList, callback) {