| | |
| | | <template> |
| | | <!-- <lightning-button label="新建消耗品订单" onclick={handleClick} style="background-color:#515151"></lightning-button> --> |
| | | <div onclick={handleClick} style="width:200px;height:30px;background:#515151;font-weight:bold;font-size:16px Arial;color:white;border-radius: 5px 10px 10px 5px;;padding:5px 9px;cursor:pointer">新建消耗品订单</div> |
| | | </template> |
| | | <lightning-card> |
| | | <lightning-spinner if:true={isSpinner} variant="brand" size="large"> </lightning-spinner> |
| | | <lightning-layout> |
| | | <lightning-layout-item size="12"> |
| | | <lightning-button class="slds-float--right slds-m-around_small" variant="brand" label="Save" |
| | | onclick={saveRows}> |
| | | </lightning-button> |
| | | <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-border_left slds-border_right" |
| | | aria-labelledby="element-with-table-label other-element-with-table-label"> |
| | | <thead> |
| | | <tr> |
| | | <th>Name</th> |
| | | <th>Industry</th> |
| | | <th>Phone</th> |
| | | <th>Email</th> |
| | | <th></th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <template for:each={filterList} for:item="filterData" for:index="index"> |
| | | <tr key={filterData}> |
| | | <td> |
| | | <lightning-input type="text" name="accName" data-index={index} |
| | | variant="label-hidden" placeholder="" onchange={handleChange} |
| | | value={filterData.Name}> |
| | | </lightning-input> |
| | | </td> |
| | | <td> |
| | | <lightning-combobox name="industry" data-index={index} variant="label-hidden" |
| | | placeholder="" onchange={handleChange} value={filterData.Industry} |
| | | options={industryOptions}> |
| | | </lightning-combobox> |
| | | </td> |
| | | <td> |
| | | <lightning-input type="text" name="accEmail" data-index={index} |
| | | variant="label-hidden" placeholder="" onchange={handleChange} |
| | | value={filterData.Email}> |
| | | </lightning-input> |
| | | </td> |
| | | <td> |
| | | <lightning-input type="text" name="accPhone" data-index={index} |
| | | value={filterData.Phone} variant="label-hidden" onchange={handleChange}> |
| | | </lightning-input> |
| | | </td> |
| | | <td> |
| | | <lightning-button-icon data-index={filterData.id} class="slds-float--right" |
| | | icon-name="action:new" onclick={handleAddRow}></lightning-button-icon> |
| | | <lightning-button-icon data-index={filterData.id} class="slds-float--right" |
| | | icon-name="action:delete" onclick={handleRemoveRow}></lightning-button-icon> |
| | | </td> |
| | | </tr> |
| | | </template> |
| | | </tbody> |
| | | </table> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | </lightning-card> |
| | | </template> |