| | |
| | | <template> |
| | | <template if:true={showSpinner}> |
| | | <lightning-spinner size="medium" variant="brand"></lightning-spinner> |
| | | <!-- <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> |
| | | <template if:true={showPage}> |
| | |
| | | <template for:each={attachmentRecoeds} for:item="item" for:index="index"> |
| | | <lightning-layout-item padding="around-none" size="2" key={item.recordId} style="text-align: left;padding:5px"> |
| | | <lightning-icon title={item.fileFullName} style="margin-left: 20px;" icon-name="doctype:gform" alternative-text={item.fileFullName} size="large"></lightning-icon><br/> |
| | | <span title={item.fileFullName}> |
| | | <!-- <span style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}> |
| | | {item.fileName} |
| | | </span> |
| | | </span> --> |
| | | <div title={item.fileFullName} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"> |
| | | {item.fileName} |
| | | </div> |
| | | <p> |
| | | <!-- <a data-fileid ={item.documentId} onclick={previweAtt}> --> |
| | | <a href={item.attUrl} target="_blank"> |
| | |
| | | <div style="padding:10px;"> |
| | | <table> |
| | | <tbody> |
| | | <tr> |
| | | <td style="width: 90px;"> |
| | | <!-- <tr> |
| | | <td style="width: 100px;"> |
| | | <div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>合同</div> |
| | | </td> |
| | | <td style="width:300px;"> |
| | | <td style="width:320px;"> |
| | | <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> |
| | | <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> |
| | | <lightning-input class="inputFont" variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input> |
| | |
| | | </div> |
| | | </template> |
| | | </td> |
| | | <!-- <td style="width: 30px;"></td> |
| | | <td style="width: 66px;"></td> |
| | | <td style="width:150px;"></td> --> |
| | | <td style="width: 30px;"></td> |
| | | <td style="width: 66px;"></td> |
| | | <td style="width:140px;"></td> |
| | | <td style="width: 30px;"></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr style="height: 10px;"></tr> |
| | | <!-- <tr> |
| | | <td><div style="color:#696969;font-size:14px;"><span style="color: red;">* </span>合同</div></td> |
| | | <td style="padding-bottom:5px;padding-top:5px;"> |
| | | <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> |
| | | <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> |
| | | <lightning-input variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input> |
| | | </div> |
| | | <td colspan="4"> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="width:130px;height:32px;margin-right: 10px;" label="消耗品搜索" onclick={searchProduct}>消耗品搜索</button> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="清空" onclick={clear}>清空</button> |
| | | </td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> --> |
| | | <!-- <tr style="height: 10px;"></tr> --> |
| | | <tr> |
| | | <td> |
| | | <div style="color:#696969;font-size:16px;">消耗品名称</div> |
| | |
| | | <td> |
| | | <div style="color:#696969;font-size:16px;">第3分类</div> |
| | | </td> |
| | | <td style="width:140px;"> |
| | | <td> |
| | | <lightning-combobox class="inputFont" variant="label-hidden" label="第3分类" value={category3} options={category3Option} onchange={category3Change}></lightning-combobox> |
| | | </td> |
| | | <td style="width:30px;"></td> |
| | | <td style="width:66px;"> |
| | | <div style="color:#696969;font-size:16px;">第4分类</div> |
| | | </td> |
| | | <td style="width:140px;"> |
| | | <td > |
| | | <lightning-combobox class="inputFont" variant="label-hidden" label="第4分类" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox> |
| | | </td> |
| | | <td></td> |
| | | <td> |
| | | <td style="width: 66px;"> |
| | | <div style="color:#696969;font-size:16px;">第5分类</div> |
| | | </td> |
| | | <td> |
| | | <td style="width: 160px;"> |
| | | <lightning-combobox class="inputFont" variant="label-hidden" label="第5分类" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox> |
| | | </td> |
| | | <td></td> |
| | | <td> |
| | | <!-- <lightning-button style="margin-right: 10px;margin-left: 15px;" label="消耗品搜索" onclick={searchProduct}></lightning-button> |
| | | <lightning-button label="清空" onclick={clear}></lightning-button> --> |
| | | </tr> |
| | | <tr style="height: 10px;"></tr> |
| | | <tr> |
| | | <td style="width: 100px;"> |
| | | <div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>合同</div> |
| | | </td> |
| | | <td style="width:320px;"> |
| | | <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> |
| | | <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> |
| | | <lightning-input class="inputFont" variant="label-hidden" label="合同" placeholder="请选择合同" value={contractName} onchange={changeCon} onclick={showSearchCon}></lightning-input> |
| | | </div> |
| | | </td> |
| | | <td style="width: 30px;"></td> |
| | | <td style="width:66px;"> |
| | | <template if:true={showHospital}> |
| | | <div style="color:#696969;font-size:16px;"><span style="color: red;">* </span>医院</div> |
| | | </template> |
| | | </td> |
| | | <td colspan="4" style="padding-bottom:5px;padding-top:5px;"> |
| | | <template if:true={showHospital}> |
| | | <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon_right"> |
| | | <lightning-icon size="x-small" class="iconMargin slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default" icon-name="utility:search" ></lightning-icon> |
| | | <lightning-input class="inputFont" variant="label-hidden" label="医院" placeholder="请选择医院" value={hospitalName} onclick={showSearchHos} onchange={changeHos}></lightning-input> |
| | | </div> |
| | | </template> |
| | | </td> |
| | | <td style="width: 30px;"></td> |
| | | <td colspan="2"> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="width:130px;height:32px;margin-right: 10px;" label="消耗品搜索" onclick={searchProduct}>消耗品搜索</button> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="width:80px;height:32px;" label="清空" onclick={clear}>清空</button> |
| | | </td> |
| | |
| | | </div> |
| | | <div style="padding:10px;"> |
| | | <template if:true={editAble}> |
| | | <c-lex-custom-lightning-datatable class="wrapped-header-datatable" key-field="recordId" data={currentRecord} columns={cols} |
| | | <c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" key-field="recordId" data={currentRecord} columns={cols} |
| | | selected-rows={selectRows} onrowselection={checkRows} onchangevalue={conCountChange} onvalueblur={conCountBlur} |
| | | default-sort-direction="asc" sorted-direction={sortDirection} sorted-by={sortedBy} onsort={onHandleSort}></c-lex-custom-lightning-datatable> |
| | | <c-paginator onprevious={prePageClick} onnext={nextPageClick} |
| | |
| | | record-end={recordEnd} total-records={totalRecords}></c-paginator> |
| | | </template> |
| | | <template if:false={editAble}> |
| | | <c-lex-custom-lightning-datatable class="wrapped-header-datatable" hide-checkbox-column key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols}></c-lex-custom-lightning-datatable> |
| | | <c-lex-custom-lightning-datatable class="wrapped-header-datatable" style="word-wrap:break-word; word-break:break-all;" hide-checkbox-column key-field="recordId" data={consumableorderdetailsRecordsview} columns={cols}></c-lex-custom-lightning-datatable> |
| | | <c-paginator onprevious={prePageClick} onnext={nextPageClick} |
| | | onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage} |
| | | page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled} |