| <template> | 
| <!-- <apex:page id="Page" standardController="Product2" extensions="SearchProductController" sidebar="false" showHeader="false"  > --> | 
|     | 
|     | 
|      | 
| <!--     <apex:outputPanel id="all"> | 
|         <apex:outputPanel id="message1"> | 
|             <apex:messages styleClass="editListError"/> | 
|         </apex:outputPanel> --> | 
|         <form id="mainForm"> | 
|             <h2 class="slds-text-heading_medium slds-m-bottom_medium"> | 
|                 {Label.Product_Search} | 
|                 </h2> | 
|                 <lightning-input type="hidden" ></lightning-input> | 
|                 <table width="900" border="0" style="background-color:#DCDCDC"> | 
|                     <colgroup> | 
|                         <col width="12" /> | 
|                         <col width="20" /> | 
|                         <col width="20" /> | 
|                         <col width="200" /> | 
|                         <col width="20" /> | 
|                         <col width="428" /> | 
|                     </colgroup> | 
|                     <tr> | 
|                         <td> </td> | 
|                         <th>{Label.Search_Condition}</th> | 
|                         <td> </td> | 
|                         <th>{Label.Asset_No}</th> | 
|                         <td> </td> | 
|                         <td> </td> | 
|                     </tr> | 
|                     <tr> | 
|                         <td> </td> | 
|                         <td> </td> | 
|                         <td> </td> | 
|                         <td><lightning-input  onchange={getInput} > | 
|                             </lightning-input></td> | 
|                         <td><lightning-button  onclick={serContact} variant="brand-outline" ></lightning-button></td> | 
|                         <td> <lightning-button   onclick={setProductList}></lightning-button></td> | 
|                     </tr> | 
|                     <tr> | 
|                         <td style="border-bottom: 1px solid #888;" colspan="15"> </td> | 
|                     </tr> | 
|                 </table> | 
|   | 
|   | 
|   | 
|   | 
|   | 
|                  | 
|                 <table width="900" border="0" style="background-color:#DCDCDC"> | 
|                     <tr> | 
|                         <td width="12"> </td> | 
|                         <th valign="top">{Label.Search_Result}</th> | 
|                         <td width="20"> </td> | 
|                         <td> | 
|                             <table border="0"> | 
|                                 <tr> | 
|                                     <td> | 
|                                     <div id="iframelike" style="width:800px"> | 
|                                     <lightning-datatable  | 
|                                             key-field="id" | 
|                                             data={data} | 
|                                             columns={columns}> | 
|                                     </lightning-datatable> | 
|                                     </div> | 
|                                     </td> | 
|                                 </tr> | 
|                             </table> | 
|                         </td> | 
|                     </tr> | 
|                 </table> | 
|              | 
|         </form> | 
|   | 
| </template> |