| | |
| | | <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"> |
| | | <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> |
| | |
| | | </template> |
| | | <c-common-toast></c-common-toast> |
| | | <template if:true={showPage}> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;"> |
| | | <div style="padding:10px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | " |
| | | > |
| | | <div style="padding: 10px"> |
| | | <!-- 按钮 --> |
| | | <template if:true={showEditBtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="编辑" disabled={disabledEditBtn} onclick={editOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" disabled={disabledEditBtn} onclick={editOrder}>编辑</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | disabled={disabledEditBtn} |
| | | onclick={editOrder} |
| | | > |
| | | 编辑 |
| | | </button> |
| | | </template> |
| | | <template if:true={showPrintSheetBtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="打印配置单" onclick={printOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="打印配置单" onclick={printOrder}>打印配置单</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="打印配置单" |
| | | onclick={printOrder} |
| | | > |
| | | 打印配置单 |
| | | </button> |
| | | </template> |
| | | <template if:true={showUploadSheetBtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="上传配置单" disabled={disabledUploadSheetBtn} onclick={uploadOrder}>上传配置单</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="上传配置单" |
| | | disabled={disabledUploadSheetBtn} |
| | | onclick={uploadOrder} |
| | | > |
| | | 上传配置单 |
| | | </button> |
| | | </template> |
| | | <template if:true={showSubOrderbtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="提交订单" disabled={disabledSubOrderbtn} onclick={submitOrder}>提交订单</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="提交订单" |
| | | disabled={disabledSubOrderbtn} |
| | | onclick={submitOrder} |
| | | > |
| | | 提交订单 |
| | | </button> |
| | | </template> |
| | | <template if:true={showSaveOrderbtn1}> |
| | | <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={saveOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="保存订单" onclick={saveOrder}>保存订单</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="保存订单" |
| | | onclick={saveOrder} |
| | | > |
| | | 保存订单 |
| | | </button> |
| | | </template> |
| | | <template if:true={showSaveOrderbtn2}> |
| | | <!-- <lightning-button style="margin: 5px;" label="保存订单" onclick={orderCopy}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="保存订单" onclick={orderCopy}>保存订单</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="保存订单" |
| | | onclick={orderCopy} |
| | | > |
| | | 保存订单 |
| | | </button> |
| | | </template> |
| | | <template if:true={showDeleteBtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="删除" disabled={disabledDeleteBtn} onclick={deleteOrder}>删除</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="删除" |
| | | disabled={disabledDeleteBtn} |
| | | onclick={deleteOrder} |
| | | > |
| | | 删除 |
| | | </button> |
| | | </template> |
| | | <!-- <template if:true={showOfferPriceInputBtn}> |
| | | <lightning-button style="margin: 5px;" label="特价金额录入" disabled={disabledOfferPriceInputBtn} onclick={inputOfferPrice}></lightning-button> |
| | |
| | | </template> --> |
| | | <template if:true={showReapplyBtn}> |
| | | <!-- <lightning-button style="margin: 5px;" label="再申请" onclick={reapplyOrder}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="margin: 5px;" label="再申请" onclick={reapplyOrder}>再申请</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexBorder" |
| | | style="margin: 5px" |
| | | label="再申请" |
| | | onclick={reapplyOrder} |
| | | > |
| | | 再申请 |
| | | </button> |
| | | </template> |
| | | <p style="height: 10px;"></p> |
| | | <p style="height: 10px"></p> |
| | | <!-- 订单信息 --> |
| | | <template if:false={editAble}> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | border-bottom: 1px solid #d4d4d4; |
| | | padding: 3px; |
| | | " |
| | | > |
| | | <lightning-layout> |
| | | <lightning-layout-item padding="around-small"> |
| | | <p style="font-size: 18px"> |
| | |
| | | </lightning-layout> |
| | | <!-- <p style="font-size: 16px;"><strong>订单信息</strong></p> --> |
| | | </div> |
| | | <div style="padding:10px;"> |
| | | <lightning-record-view-form record-id={cocId} object-api-name="Consumable_order__c"> |
| | | <table style="width: 100%;"> |
| | | <div style="padding: 10px"> |
| | | <lightning-record-view-form |
| | | record-id={cocId} |
| | | object-api-name="Consumable_order__c" |
| | | > |
| | | <table style="width: 100%"> |
| | | <tbody> |
| | | <tr> |
| | | <td style="width: 10%"></td> |
| | | <td style="width: 40%;"><lightning-output-field class="outputfont" field-name="Name"></lightning-output-field></td> |
| | | <td style="width: 40%;"><lightning-output-field field-name="Order_status__c"></lightning-output-field></td> |
| | | <td style="width: 40%"> |
| | | <lightning-output-field |
| | | class="outputfont" |
| | | field-name="Name" |
| | | ></lightning-output-field> |
| | | </td> |
| | | <td style="width: 40%"> |
| | | <lightning-output-field |
| | | field-name="Order_status__c" |
| | | ></lightning-output-field> |
| | | </td> |
| | | <td style="width: 10%"></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td> |
| | | <template if:false={editAble}> |
| | | <lightning-output-field field-name="Total_amount__c"></lightning-output-field> |
| | | <lightning-output-field |
| | | field-name="Total_amount__c" |
| | | ></lightning-output-field> |
| | | </template> |
| | | </td> |
| | | <td> |
| | |
| | | <lightning-formatted-text value={contractName}></lightning-formatted-text> |
| | | </div> --> |
| | | <!-- style="pointer-events: none;" --> |
| | | <lightning-output-field class="showContract" field-name="Order_effective_contact__c" ></lightning-output-field> |
| | | <lightning-output-field |
| | | class="showContract" |
| | | field-name="Order_effective_contact__c" |
| | | ></lightning-output-field> |
| | | </td> |
| | | <!-- <td>合同:<lightning-formatted-text value={coc.Order_effective_contact__r.Name}></lightning-formatted-text></td> --> |
| | | <td></td> |
| | | </tr> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <!-- <td> |
| | |
| | | </template> |
| | | </td> --> |
| | | <td> |
| | | <template if:true={showAttUploadDate}> |
| | | <lightning-output-field field-name="Consumable_pdf_insert_day__c"></lightning-output-field> |
| | | <template |
| | | if:true={showAttUploadDate} |
| | | > |
| | | <lightning-output-field |
| | | field-name="Consumable_pdf_insert_day__c" |
| | | ></lightning-output-field> |
| | | </template> |
| | | </td> |
| | | <td></td> |
| | |
| | | <tr> |
| | | <td></td> |
| | | <td> |
| | | <template if:true={showOrderDate}> |
| | | <lightning-output-field field-name="Order_date__c"></lightning-output-field> |
| | | <template |
| | | if:true={showOrderDate} |
| | | > |
| | | <lightning-output-field |
| | | field-name="Order_date__c" |
| | | ></lightning-output-field> |
| | | </template> |
| | | </td> |
| | | <td></td> |
| | |
| | | <tr> |
| | | <td></td> |
| | | <td colspan="2"> |
| | | <lightning-card class="attListTitle" variant="Narrow" title="附件列表" icon-name="utility:attach"> |
| | | <lightning-layout slot="footer" multiple-rows="true"> |
| | | <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/> |
| | | <lightning-card |
| | | class="attListTitle" |
| | | variant="Narrow" |
| | | title="附件列表" |
| | | icon-name="utility:attach" |
| | | > |
| | | <lightning-layout |
| | | slot="footer" |
| | | multiple-rows="true" |
| | | > |
| | | <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 style="word-wrap:break-word; word-break:break-all;width:80px;display:flex;" title={item.fileFullName}> |
| | | {item.fileName} |
| | | </span> --> |
| | | <div title={item.fileFullName} style="width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"> |
| | | <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"> |
| | | 预览 |
| | | </a> · |
| | | <a href={item.downloadUrl}> |
| | | 下载 |
| | | </a> · |
| | | <a data-fileid ={item.recordId} onclick={deleteAtt}> |
| | | <a |
| | | href={item.attUrl} |
| | | target="_blank" |
| | | > |
| | | 预览 </a |
| | | > · |
| | | <a |
| | | href={item.downloadUrl} |
| | | > |
| | | 下载 </a |
| | | > · |
| | | <a |
| | | data-fileid={item.recordId} |
| | | onclick={deleteAtt} |
| | | > |
| | | 删除 |
| | | </a> |
| | | </p> |
| | |
| | | </template> |
| | | <!-- searchBlock --> |
| | | <template if:true={editAble}> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="padding:10px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div style="padding: 10px"> |
| | | <table> |
| | | <tbody> |
| | | <!-- <tr> |
| | |
| | | <!-- <tr style="height: 10px;"></tr> --> |
| | | <tr> |
| | | <td> |
| | | <div style="color:#696969;font-size:16px;">消耗品名称</div> |
| | | </td> |
| | | <td> |
| | | <lightning-input class="inputFont" variant="label-hidden" label="消耗品名称" value={category1} onchange={category1Change}></lightning-input> |
| | | </td> |
| | | <td></td> |
| | | <td> |
| | | <div style="color:#696969;font-size:16px;">第3分类</div> |
| | | </td> |
| | | <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 > |
| | | <lightning-combobox class="inputFont" variant="label-hidden" label="第4分类" value={category4} options={category4Option} onchange={category4Change}></lightning-combobox> |
| | | </td> |
| | | <td></td> |
| | | <td style="width: 66px;"> |
| | | <div style="color:#696969;font-size:16px;">第5分类</div> |
| | | </td> |
| | | <td style="width: 160px;"> |
| | | <lightning-combobox class="inputFont" variant="label-hidden" label="第5分类" value={category5} options={category5Option} onchange={category5Change}></lightning-combobox> |
| | | </td> |
| | | </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 |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | " |
| | | > |
| | | 消耗品名称 |
| | | </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> |
| | | <lightning-input |
| | | class="inputFont" |
| | | variant="label-hidden" |
| | | label="消耗品名称" |
| | | value={category1} |
| | | onchange={category1Change} |
| | | ></lightning-input> |
| | | </td> |
| | | <td colspan="4" style="padding-bottom:5px;padding-top:5px;"> |
| | | <td></td> |
| | | <td> |
| | | <div |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | " |
| | | > |
| | | 第3分类 |
| | | </div> |
| | | </td> |
| | | <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> |
| | | <lightning-combobox |
| | | class="inputFont" |
| | | variant="label-hidden" |
| | | label="第4分类" |
| | | value={category4} |
| | | options={category4Option} |
| | | onchange={category4Change} |
| | | ></lightning-combobox> |
| | | </td> |
| | | <td></td> |
| | | <td style="width: 66px"> |
| | | <div |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | " |
| | | > |
| | | 第5分类 |
| | | </div> |
| | | </td> |
| | | <td style="width: 160px"> |
| | | <lightning-combobox |
| | | class="inputFont" |
| | | variant="label-hidden" |
| | | label="第5分类" |
| | | value={category5} |
| | | options={category5Option} |
| | | onchange={category5Change} |
| | | ></lightning-combobox> |
| | | </td> |
| | | </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 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 |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | " |
| | | > |
| | | <span style="color: red" |
| | | >* </span |
| | | >医院 |
| | | </div> |
| | | </template> |
| | | </td> |
| | | <td style="width: 30px;"></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> |
| | | <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> |
| | | </tr> |
| | | </tbody> |
| | |
| | | </template> |
| | | <!-- 警告提醒 --> |
| | | <template if:true={hasWarning}> |
| | | <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:#ff6a00;font-size:17px;"> |
| | | <lightning-icon style="margin: 3px;" icon-name="utility:warning" size="small"></lightning-icon> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | border-bottom: 1px solid #d4d4d4; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | color: #ff6a00; |
| | | font-size: 17px; |
| | | " |
| | | > |
| | | <lightning-icon |
| | | style="margin: 3px" |
| | | icon-name="utility:warning" |
| | | size="small" |
| | | ></lightning-icon> |
| | | <strong> 警告</strong> |
| | | </div> |
| | | <template for:each={warningMsgs} for:item="msg"> |
| | | <p key={msg} style="color:#ff6a00;padding-left:7px;font-size:16px;margin-bottom:7px;"> ・ {msg}</p> |
| | | <p |
| | | key={msg} |
| | | style=" |
| | | color: #ff6a00; |
| | | padding-left: 7px; |
| | | font-size: 16px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | ・ {msg} |
| | | </p> |
| | | </template> |
| | | </div> |
| | | </template> |
| | | <!-- 报错提醒 --> |
| | | <template if:true={hasError}> |
| | | <div style="border: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;border-radius:5px;margin-bottom:7px;color:red;font-size:17px;"> |
| | | <lightning-icon style="margin: 3px;" icon-name="utility:error" size="small"></lightning-icon> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | border-bottom: 1px solid #d4d4d4; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | color: red; |
| | | font-size: 17px; |
| | | " |
| | | > |
| | | <lightning-icon |
| | | style="margin: 3px" |
| | | icon-name="utility:error" |
| | | size="small" |
| | | ></lightning-icon> |
| | | <strong> 错误</strong> |
| | | </div> |
| | | <template for:each={errorMsgs} for:item="msg"> |
| | | <p key={msg} style="color:red;padding-left:7px;font-size:16px;margin-bottom:7px;"> ・ {msg}</p> |
| | | <p |
| | | key={msg} |
| | | style=" |
| | | color: red; |
| | | padding-left: 7px; |
| | | font-size: 16px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | ・ {msg} |
| | | </p> |
| | | </template> |
| | | </div> |
| | | </template> |
| | | <!-- 消耗品明细 --> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div style="border-bottom: 1px solid #d4d4d4; padding: 3px"> |
| | | <lightning-layout> |
| | | <lightning-layout-item padding="around-small"> |
| | | <p style="font-size: 18px"> |
| | |
| | | </lightning-layout> |
| | | <!-- <p style="font-size: 16px;"><strong>消耗品明细</strong></p> --> |
| | | </div> |
| | | <div style="padding:10px;"> |
| | | <div style="padding: 10px"> |
| | | <template if:true={editAble}> |
| | | <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} |
| | | onpageschange={pageSizeChange} onfirst={goFirstPage} onlast={goLastPage} |
| | | page-size-options={pageSizeOptions} previous-button-disabled={previousButtonDisabled} |
| | | next-button-disabled={nextButtonDisabled} record-start={recordStart} |
| | | record-end={recordEnd} total-records={totalRecords}></c-paginator> |
| | | <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} |
| | | onpageschange={pageSizeChange} |
| | | onfirst={goFirstPage} |
| | | onlast={goLastPage} |
| | | page-size-options={pageSizeOptions} |
| | | default-page-size={pageSize} |
| | | previous-button-disabled={previousButtonDisabled} |
| | | next-button-disabled={nextButtonDisabled} |
| | | record-start={recordStart} |
| | | record-end={recordEnd} |
| | | total-records={totalRecords} |
| | | ></c-paginator> |
| | | </template> |
| | | <template if:false={editAble}> |
| | | <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} |
| | | next-button-disabled={nextButtonDisabled} record-start={recordStart} |
| | | record-end={recordEnd} total-records={totalRecords}></c-paginator> |
| | | <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} |
| | | default-page-size={pageSize} |
| | | previous-button-disabled={previousButtonDisabled} |
| | | next-button-disabled={nextButtonDisabled} |
| | | record-start={recordStart} |
| | | record-end={recordEnd} |
| | | total-records={totalRecords} |
| | | ></c-paginator> |
| | | </template> |
| | | </div> |
| | | </div> |
| | |
| | | </template> --> |
| | | <!-- 上传附件弹窗 --> |
| | | <template if:true={showAttPop}> |
| | | <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_small" style="border: 1px solid #D4D4D4;"> |
| | | <section |
| | | role="dialog" |
| | | tabindex="-1" |
| | | aria-labelledby="modal-heading-01" |
| | | aria-modal="true" |
| | | aria-describedby="modal-content-id-1" |
| | | class="slds-modal slds-fade-in-open slds-modal_small" |
| | | style="border: 1px solid #d4d4d4" |
| | | > |
| | | <template if:true={showPopSpinner}> |
| | | <lightning-spinner size="medium" variant="brand"></lightning-spinner> |
| | | <lightning-spinner |
| | | size="medium" |
| | | variant="brand" |
| | | ></lightning-spinner> |
| | | </template> |
| | | <div class="slds-modal__container"> |
| | | <header class="slds-modal__header" style="background-color: #F3F3F3;"> |
| | | <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closePop}> |
| | | <lightning-icon icon-name="utility:close" |
| | | <header |
| | | class="slds-modal__header" |
| | | style="background-color: #f3f3f3" |
| | | > |
| | | <button |
| | | style="" |
| | | class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" |
| | | title="Close" |
| | | onclick={closePop} |
| | | > |
| | | <lightning-icon |
| | | icon-name="utility:close" |
| | | alternative-text="close" |
| | | variant="inverse" |
| | | size="small" ></lightning-icon> |
| | | size="small" |
| | | ></lightning-icon> |
| | | <span class="slds-assistive-text">Close</span> |
| | | </button> |
| | | <h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">上传配置单</h2> |
| | | <h2 |
| | | id="modal-heading-01" |
| | | class="slds-text-heading_medium slds-hyphenate" |
| | | > |
| | | 上传配置单 |
| | | </h2> |
| | | </header> |
| | | <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1" style="border: 1px solid #F3F3F3;"> |
| | | <div |
| | | class="slds-modal__content slds-p-around_medium" |
| | | id="modal-content-id-1" |
| | | style="border: 1px solid #f3f3f3" |
| | | > |
| | | <div class="slds-m-top_medium slds-m-bottom_x-large"> |
| | | <div class="slds-p-around_medium lgc-bg"> |
| | | <lightning-input class="fileUpload" type="file" label="附件上传" accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" onchange={attChange}></lightning-input> |
| | | <lightning-input |
| | | class="fileUpload" |
| | | type="file" |
| | | label="附件上传" |
| | | accept=".xlsx, .xls, .csv, .png, .doc, .docx, .pdf" |
| | | onchange={attChange} |
| | | ></lightning-input> |
| | | </div> |
| | | <p style="font-size: 16px;">已选择文件:{fileName} |
| | | <p style="font-size: 16px"> |
| | | 已选择文件:{fileName} |
| | | |
| | | <template if:true={attDelBtn}> |
| | | <a onclick={removeAtt}>移除</a> |
| | | </template> |
| | |
| | | <footer class="slds-modal__footer"> |
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closePop}></lightning-button> |
| | | <lightning-button style="margin-left: 10px;" variant="neutral" label="上传" onclick={uploadAtt}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" style="margin-left: 10px;" variant="neutral" label="取消" onclick={closePop}>取消</button> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="margin-left: 10px;" variant="neutral" label="上传" onclick={uploadAtt}>上传</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" |
| | | style="margin-left: 10px" |
| | | variant="neutral" |
| | | label="取消" |
| | | onclick={closePop} |
| | | > |
| | | 取消 |
| | | </button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" |
| | | style="margin-left: 10px" |
| | | variant="neutral" |
| | | label="上传" |
| | | onclick={uploadAtt} |
| | | > |
| | | 上传 |
| | | </button> |
| | | </footer> |
| | | </div> |
| | | </section> |
| | |
| | | </template> |
| | | <!-- 搜索医院 --> |
| | | <template if:true={showAttHosPop}> |
| | | <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_medium" style="border: 1px solid #D4D4D4;"> |
| | | <section |
| | | role="dialog" |
| | | tabindex="-1" |
| | | aria-labelledby="modal-heading-01" |
| | | aria-modal="true" |
| | | aria-describedby="modal-content-id-1" |
| | | class="slds-modal slds-fade-in-open slds-modal_medium" |
| | | style="border: 1px solid #d4d4d4" |
| | | > |
| | | <div class="slds-modal__container"> |
| | | <header class="slds-modal__header" style="background-color: #F3F3F3;"> |
| | | <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closeHospitalPop}> |
| | | <lightning-icon icon-name="utility:close" |
| | | <header |
| | | class="slds-modal__header" |
| | | style="background-color: #f3f3f3" |
| | | > |
| | | <button |
| | | style="" |
| | | class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" |
| | | title="Close" |
| | | onclick={closeHospitalPop} |
| | | > |
| | | <lightning-icon |
| | | icon-name="utility:close" |
| | | alternative-text="close" |
| | | variant="inverse" |
| | | size="small" ></lightning-icon> |
| | | size="small" |
| | | ></lightning-icon> |
| | | <span class="slds-assistive-text">Close</span> |
| | | </button> |
| | | <h2 id="modal-heading-02" class="slds-text-heading_medium slds-hyphenate">经销商医院检索</h2> |
| | | <h2 |
| | | id="modal-heading-02" |
| | | class="slds-text-heading_medium slds-hyphenate" |
| | | > |
| | | 经销商医院检索 |
| | | </h2> |
| | | </header> |
| | | <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-2" style="border: 1px solid #F3F3F3;"> |
| | | <table style="width: 100%;"> |
| | | <div |
| | | class="slds-modal__content slds-p-around_medium" |
| | | id="modal-content-id-2" |
| | | style="border: 1px solid #f3f3f3" |
| | | > |
| | | <table style="width: 100%"> |
| | | <tbody> |
| | | <tr> |
| | | <td style="width: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">医院名称</div></td> |
| | | <td style="width: 60%;"><lightning-input class="inputFont" label="医院名称" variant="label-hidden" placeholder="请输入医院名称" value={searchNameHos} onchange={searchNameHosChange}></lightning-input></td> |
| | | <td style="width: 10px;"></td> |
| | | <td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="搜索" onclick={searchHos}>搜索</button></td> |
| | | <td style="width: 74px"> |
| | | <div |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | text-align: left; |
| | | " |
| | | > |
| | | 医院名称 |
| | | </div> |
| | | </td> |
| | | <td style="width: 60%"> |
| | | <lightning-input |
| | | class="inputFont" |
| | | label="医院名称" |
| | | variant="label-hidden" |
| | | placeholder="请输入医院名称" |
| | | value={searchNameHos} |
| | | onchange={searchNameHosChange} |
| | | ></lightning-input> |
| | | </td> |
| | | <td style="width: 10px"></td> |
| | | <td> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" |
| | | style="height: 32px" |
| | | label="搜索" |
| | | onclick={searchHos} |
| | | > |
| | | 搜索 |
| | | </button> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | <p style="height: 20px;"></p> |
| | | <p style="height: 20px"></p> |
| | | <!-- <p>已选择医院:{chooseHospital}</p> --> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | border-bottom: 1px solid #d4d4d4; |
| | | padding: 3px; |
| | | " |
| | | > |
| | | <lightning-layout> |
| | | <lightning-layout-item padding="around-small"> |
| | | <lightning-layout-item |
| | | padding="around-small" |
| | | > |
| | | <p style="font-size: 18px"> |
| | | <strong>搜索结果</strong> |
| | | </p> |
| | |
| | | </lightning-layout> |
| | | <!-- <p style="font-size: 16px;"><strong>搜索结果</strong></p> --> |
| | | </div> |
| | | <div class="myTable" style="padding:10px;"> |
| | | <lightning-datatable class="wrapped-header-datatable" key-field="id" hide-checkbox-column="true" data={hospitalList} columns={hosCols} onrowaction={chooseHos}></lightning-datatable> |
| | | <div class="myTable" style="padding: 10px"> |
| | | <lightning-datatable |
| | | class="wrapped-header-datatable" |
| | | key-field="id" |
| | | hide-checkbox-column="true" |
| | | data={hospitalList} |
| | | columns={hosCols} |
| | | onrowaction={chooseHos} |
| | | ></lightning-datatable> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <footer class="slds-modal__footer"> |
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeHospitalPop}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消" onclick={closeHospitalPop}>取消</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" |
| | | label="取消" |
| | | onclick={closeHospitalPop} |
| | | > |
| | | 取消 |
| | | </button> |
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmHospital}></lightning-button> --> |
| | | </footer> |
| | | </div> |
| | |
| | | </template> |
| | | <!-- 搜索合同 --> |
| | | <template if:true={showConPop}> |
| | | <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_medium" style="border: 1px solid #D4D4D4;"> |
| | | <section |
| | | role="dialog" |
| | | tabindex="-1" |
| | | aria-labelledby="modal-heading-01" |
| | | aria-modal="true" |
| | | aria-describedby="modal-content-id-1" |
| | | class="slds-modal slds-fade-in-open slds-modal_medium" |
| | | style="border: 1px solid #d4d4d4" |
| | | > |
| | | <div class="slds-modal__container"> |
| | | <header class="slds-modal__header" style="background-color: #F3F3F3;"> |
| | | <button style="" class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" title="Close" onclick={closeContractPop}> |
| | | <lightning-icon icon-name="utility:close" |
| | | <header |
| | | class="slds-modal__header" |
| | | style="background-color: #f3f3f3" |
| | | > |
| | | <button |
| | | style="" |
| | | class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" |
| | | title="Close" |
| | | onclick={closeContractPop} |
| | | > |
| | | <lightning-icon |
| | | icon-name="utility:close" |
| | | alternative-text="close" |
| | | variant="inverse" |
| | | size="small" ></lightning-icon> |
| | | size="small" |
| | | ></lightning-icon> |
| | | <span class="slds-assistive-text">Close</span> |
| | | </button> |
| | | <h2 id="modal-heading-03" class="slds-text-heading_medium slds-hyphenate">合同检索</h2> |
| | | <h2 |
| | | id="modal-heading-03" |
| | | class="slds-text-heading_medium slds-hyphenate" |
| | | > |
| | | 合同检索 |
| | | </h2> |
| | | </header> |
| | | <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-3" style="border: 1px solid #F3F3F3;"> |
| | | <table style="width: 100%;"> |
| | | <div |
| | | class="slds-modal__content slds-p-around_medium" |
| | | id="modal-content-id-3" |
| | | style="border: 1px solid #f3f3f3" |
| | | > |
| | | <table style="width: 100%"> |
| | | <tbody> |
| | | <tr> |
| | | <td style="width: 74px;"><div style="color:#696969;font-size:16px;text-align: left;">合同名称</div></td> |
| | | <td style="width: 60%;"><lightning-input class="inputFont" label="合同名称" variant="label-hidden" placeholder="请输入合同名称" value={searchNameCon} onchange={searchNameConChange}></lightning-input></td> |
| | | <td style="width: 10px;"></td> |
| | | <td><button class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" style="height: 32px;" label="搜索" onclick={searchCon}>搜索</button></td> |
| | | <td style="width: 74px"> |
| | | <div |
| | | style=" |
| | | color: #696969; |
| | | font-size: 16px; |
| | | text-align: left; |
| | | " |
| | | > |
| | | 合同名称 |
| | | </div> |
| | | </td> |
| | | <td style="width: 60%"> |
| | | <lightning-input |
| | | class="inputFont" |
| | | label="合同名称" |
| | | variant="label-hidden" |
| | | placeholder="请输入合同名称" |
| | | value={searchNameCon} |
| | | onchange={searchNameConChange} |
| | | ></lightning-input> |
| | | </td> |
| | | <td style="width: 10px"></td> |
| | | <td> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexsearchStyle" |
| | | style="height: 32px" |
| | | label="搜索" |
| | | onclick={searchCon} |
| | | > |
| | | 搜索 |
| | | </button> |
| | | </td> |
| | | <!-- <td><lightning-button label="搜索" onclick={searchCon}></lightning-button></td> --> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | <p style="height: 10px;"></p> |
| | | <p style="height: 10px"></p> |
| | | <!-- <p>已选择合同:{chooseContract}</p> --> |
| | | <div style="border: 1px solid #D4D4D4;border-top: 3px solid #51606E;border-radius:5px;margin-bottom:7px;"> |
| | | <div style="border-bottom: 1px solid #D4D4D4;padding:3px;"> |
| | | <div |
| | | style=" |
| | | border: 1px solid #d4d4d4; |
| | | border-top: 3px solid #51606e; |
| | | border-radius: 5px; |
| | | margin-bottom: 7px; |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | border-bottom: 1px solid #d4d4d4; |
| | | padding: 3px; |
| | | " |
| | | > |
| | | <lightning-layout> |
| | | <lightning-layout-item padding="around-small"> |
| | | <lightning-layout-item |
| | | padding="around-small" |
| | | > |
| | | <p style="font-size: 18px"> |
| | | <strong>搜索结果</strong> |
| | | </p> |
| | | </lightning-layout-item> |
| | | </lightning-layout> |
| | | </div> |
| | | <div style="padding:20px;"> |
| | | <lightning-datatable class="wrapped-header-datatable" key-field="id" hide-checkbox-column="true" data={contractList} columns={conCols} onrowaction={chooseCon}></lightning-datatable> |
| | | <div style="padding: 20px"> |
| | | <lightning-datatable |
| | | class="wrapped-header-datatable" |
| | | key-field="id" |
| | | hide-checkbox-column="true" |
| | | data={contractList} |
| | | columns={conCols} |
| | | onrowaction={chooseCon} |
| | | ></lightning-datatable> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <footer class="slds-modal__footer"> |
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="取消" onclick={closeContractPop}></lightning-button> --> |
| | | <button class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" label="取消" onclick={closeContractPop}>取消</button> |
| | | <button |
| | | class="slds-button slds-button_neutral slds-button_stretch lexclearStyle" |
| | | label="取消" |
| | | onclick={closeContractPop} |
| | | > |
| | | 取消 |
| | | </button> |
| | | <!-- <lightning-button style="margin-left: 10px;" variant="neutral" label="确认" onclick={confirmContract}></lightning-button> --> |
| | | </footer> |
| | | </div> |
| | |
| | | <div class="slds-backdrop slds-backdrop_open"></div> |
| | | </template> |
| | | </template> |
| | | </template> |
| | | </template> |