lex community

buli

2023-07-14 5b5c1e16deaa3a9d6d0ed1ffca390655ed103df7

 force-app/main/default/lwc/lexRemoveBox/lexRemoveBox.html

@@ -1,143 +1,141 @@
<template>
    <template if:true={showSpinner}>
        <lightning-spinner size="medium" variant="brand"></lightning-spinner>
    </template>
    <c-common-toast></c-common-toast>
    <div style="border: 1px solid #D4D4D4;border-radius:5px;"> 
  <template if:true={showSpinner}>
      <!-- <lightning-spinner size="medium" variant="brand"></lightning-spinner> -->
      <div class="slds-spinner_container">
          <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand">
              <span class="slds-assistive-text">Loading</span>
              <div class="slds-spinner__dot-a"></div>
              <div class="slds-spinner__dot-b"></div>
          </div>
      </div>
  </template>
  <c-common-toast></c-common-toast>
  <div style="border: 1px solid #D4D4D4;border-radius:5px;"> 

        <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;">
            <div>
                <!-- <p style="font-size: 18px;"><strong>拆盒</strong></p> -->
                <lightning-layout>
                    <lightning-layout-item padding="around-small">
                        <p style="font-size: 18px">
                            <strong>拆盒</strong>
                        </p>
                    </lightning-layout-item>
                </lightning-layout>
            </div>
        </div>
        <div style="padding:10px;">
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;">
            <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button>-->
                <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;"  label="拆盒确认" onclick={saveConfirm}>拆盒确认</button>
            </div>
            </div>
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;">
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <lightning-layout>
                        <lightning-layout-item padding="around-small">
                            <p style="font-size: 16px">
                                <strong>BarCode录入</strong>
                            </p>
                        </lightning-layout-item>
                    </lightning-layout>
                </div>
      <div style="border-top: 3px solid #51606E;;border-bottom: 1px solid #D4D4D4;padding:3px;">
          <div>
              <!-- <p style="font-size: 18px;"><strong>拆盒</strong></p> -->
              <lightning-layout>
                  <lightning-layout-item padding="around-small">
                      <p style="font-size: 18px">
                          <strong>拆盒</strong>
                      </p>
                  </lightning-layout-item>
              </lightning-layout>
          </div>
      </div>
      <div style="padding:10px;">
          <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;">
          <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
              <!-- <lightning-button variant="brand" class='lexstyle' style="margin-left:10px;" label="拆盒确认" title="拆盒确认" onclick={saveConfirm}></lightning-button>-->
              <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin-left:10px;margin-top:12px;margin-bottom:12px;"  label="拆盒确认" onclick={saveConfirm}>拆盒确认</button>
          </div>
          </div>
          <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:5px;">
              <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                  <lightning-layout>
                      <lightning-layout-item padding="around-small">
                          <p style="font-size: 16px">
                              <strong>BarCode录入</strong>
                          </p>
                      </lightning-layout-item>
                  </lightning-layout>
              </div>
             
              <!-- <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> -->
                  <table>
                      <colgroup>
                          <col width="160px" />
                          <col width="100px" />
                          <col width="10px" />
                          <col width="70px" />
                          <col width="100px" />
                          <col width="10px" />
                          <col width="90px" />
                          <col width="100px" />
                          <col width="10px" />
                          <col width="85px" />
                          <col width="100px" />
                          <col width="10px" />
                          <col width="70px" />
                          <col width="100px" />
                      </colgroup>
                      <tbody>
                          <tr>
                              <td></td>
                              <td align="right" class="searchName">BarCode</td>
                              <td style="width:600px"><lightning-textarea class="inputFont"  name="BarCode" label=""
                                      onchange={handleChange}></lightning-textarea></td>
                              <td align="right"></td>
                              <td></td>
                              <td  style="width: 200px;">
                                  <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="获取明细" onclick={getDetails}>获取明细</button>
                                  <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails}
                                     ></lightning-button> -->
                              </td>
                          </tr>
                      </tbody>
                  </table>
              <!-- </div> -->
          </div>

          <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
              <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                  <lightning-layout>
                      <lightning-layout-item padding="around-small">
                          <p style="font-size: 18px">
                              <strong>拆盒明细</strong>
                          </p>
                      </lightning-layout-item>
                  </lightning-layout>
              </div>
              <div style="padding:10px;">

                              <lightning-datatable
                              key-field="prodid" data={data} columns={columns}
                              onrowselection={getSelectedRows} hide-checkbox-column="true"
                              selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; ">
                      </lightning-datatable>
              </div>
          </div>
          <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
              <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                  <table>
                      <tr>
                          <td>
                              <lightning-layout>
                                  <lightning-layout-item padding="around-small">
                                      <p style="font-size: 18px">
                                          <strong>错误明细</strong>
                                      </p>
                                  </lightning-layout-item>
                              </lightning-layout>
                          </td>
                      </tr>
                  </table>
              </div>

          <div style="padding:10px;">
              <!-- <template if:true={showTables}> -->
               
                <!-- <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;"> -->
                    <table>
                        <colgroup>
                            <col width="160px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="70px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="90px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="85px" />
                            <col width="100px" />
                            <col width="10px" />
                            <col width="70px" />
                            <col width="100px" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td></td>
                                <td align="right" class="searchName">BarCode</td>
                                <td style="width:600px"><lightning-textarea class="inputFont"  name="BarCode" label=""
                                        onchange={handleChange}></lightning-textarea></td>
                                <td align="right"></td>
                                <td></td>
                                <td  style="width: 200px;">
                                    <button style="margin-top:14px;" class="slds-button slds-button_neutral slds-button_stretch lexBorder" label="获取明细" onclick={getDetails}>获取明细</button>
                                    <!-- <lightning-button variant="brand" class='lexstyle' label="获取明细" title="获取明细" onclick={getDetails}
                                       ></lightning-button> -->
                                </td>
                            </tr>
                        </tbody>
                    </table>
                <!-- </div> -->
            </div>

            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <lightning-layout>
                        <lightning-layout-item padding="around-small">
                            <p style="font-size: 18px">
                                <strong>拆盒明细</strong>
                            </p>
                        </lightning-layout-item>
                    </lightning-layout>
                </div>
                <div style="padding:10px;">

                    <!-- <div style="height: 300px;"> -->
                        <!-- <template if:true={showTable}> -->
                            <!-- <c-lex-custom-lightning-datatable key-field="prodid" data={data} columns={columns}
                            onrowselection={getSelectedRows} hide-checkbox-column="true"
                            selected-rows={selectedRows}>
                                </c-lex-custom-lightning-datatable> -->
                                <lightning-datatable
                                key-field="prodid" data={data} columns={columns}
                                onrowselection={getSelectedRows} hide-checkbox-column="true"
                                selected-rows={selectedRows} class="wrapped-header-datatable">
                        </lightning-datatable>
                        <!-- </template> -->
                    <!-- </div> -->

                </div>
            </div>
            <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;margin-top:10px">
                <div style="border-top: 3px solid #51606E;border-bottom: 1px solid #D4D4D4;padding:3px;">
                    <table>
                        <tr>
                            <td>
                                <lightning-layout>
                                    <lightning-layout-item padding="around-small">
                                        <p style="font-size: 18px">
                                            <strong>错误明细</strong>
                                        </p>
                                    </lightning-layout-item>
                                </lightning-layout>
                            </td>
                        </tr>
                    </table>
                </div>
 
            <div style="padding:10px;">
                <!-- <template if:true={showTables}> -->
                 
                    <!-- <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column}
                    onrowselection={getSelectedRows}   hide-checkbox-column="true"
                   selected-rows={selectedRows}>
               </c-lex-custom-lightning-datatable> -->
               <lightning-datatable
               key-field="id" data={errorDetail} columns={column}
               onrowselection={getSelectedRows}   hide-checkbox-column="true"
              selected-rows={selectedRows} class="wrapped-header-datatable">
       </lightning-datatable>
                <!-- </template> -->
                  <!-- <c-lex-custom-lightning-datatable key-field="id" data={errorDetail} columns={column}
                  onrowselection={getSelectedRows}   hide-checkbox-column="true"
                 selected-rows={selectedRows}>
             </c-lex-custom-lightning-datatable> -->
             <lightning-datatable
             key-field="id" data={errorDetail} columns={column}
             onrowselection={getSelectedRows}   hide-checkbox-column="true"
            selected-rows={selectedRows} class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all; ">
     </lightning-datatable>
              <!-- </template> -->


            </div>
        </div>
        </div>
          </div>
      </div>
      </div>

      
      
    </div>
    
    
  </div>
  
</template>