备品附属品选择 附属品追加

zhangqian

2023-07-04 f3a8b609580d160f2d15b0c2fab28784a38cba71

备品附属品选择 附属品追加

1

 force-app/main/default/lwc/lexAccessory_Add/lexAccessory_Add.css

New file
@@ -0,0 +1,22 @@
.holder{
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
}

.container .uiContainerManager{
    display : none !important;
}
.toast{
    border: 1px solid #c9c9c9;
    border-radius: 10px; 
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    background: #feb75d;
    display: flex;
}

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

New file
@@ -0,0 +1,13 @@
<template>
    <div class="holder" if:true={IsLoading}>
        <lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
    </div>
    <div if:false={IsLoading} class="toast">
      <span style="padding: 10px;">{msg}</span>
      <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse" onclick={closeAction} title="Close" style="background-color: #e5e4e2;margin-top: 15px;">
                  <lightning-icon class="greyIcon" icon-name="utility:close" alternative-text="Connected" variant="inverse" size="small"
                      title="Close"  style="color: black;"></lightning-icon>
                <span class="slds-assistive-text">Close</span>
          </button>
    </div>
  </template>

 force-app/main/default/lwc/lexAccessory_Add/lexAccessory_Add.js

New file
@@ -0,0 +1,46 @@
import {
    LightningElement,
    wire,
    api
} from 'lwc';
import {
    CurrentPageReference
} from "lightning/navigation";
import { ShowToastEvent } from 'lightning/platformShowToastEvent';

export default class LexAccessory_Add extends LightningElement {
    @api recordId;
    IsLoading = true;
    @api rentalApplyEquipmentSetDetailIds;
    msg;

    @wire(CurrentPageReference)
    getStateParameters(currentPageReference) {
        console.log(111);
        console.log(currentPageReference);
        if (currentPageReference) {
            const urlValue = currentPageReference.state.recordId;
            if (urlValue) {
                let str = `${urlValue}`;
                this.recordId = str;
                this.connectedCallback();
            }
        }
    }

    connectedCallback(){
        this.IsLoading = false;
        if (this.rentalApplyEquipmentSetDetailIds == undefined || this.rentalApplyEquipmentSetDetailIds.length == 0) {
            this.msg =  "请选择一个借出备品配套一览明细信息";
            return;
        } else {
            window.open("/apex/AccessoryAdd?recid=" + this.rentalApplyEquipmentSetDetailIds, "_top");
            this.closeAction();
        }
     }

     closeAction() {
        //返回当前的备品申请
        window.open("/"+this.recordId,'_self');
    }
}

 force-app/main/default/lwc/lexAccessory_Add/lexAccessory_Add.js-meta.xml

New file
@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>56.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__AppPage</target>
        <target>lightning__RecordPage</target>
        <target>lightning__HomePage</target>
        <target>lightning__RecordAction</target>
        <!-- 屏幕流配置 -->
        <target>lightning__FlowScreen</target>
    </targets>
    <!-- 定义变量 -->
    <targetConfigs>
        <targetConfig targets="lightning__FlowScreen">
            <!-- name js中使用的变量，从屏幕流中获取参数  label 在屏幕流的该LWC的设置中显示 -->
            <property name="recordId" type="String" label="recordId"/>
            <property name="rentalApplyEquipmentSetDetailIds" type="String[]" label="rentalApplyEquipmentSetDetailIds"/> 
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>

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

New file
@@ -0,0 +1,5 @@
<template>
    <div class="exampleHolder" if:true={IsLoading}>
        <lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
    </div>
</template>

 force-app/main/default/lwc/lexAccessory_Select/lexAccessory_Select.js

New file
@@ -0,0 +1,34 @@
import {
    LightningElement,
    wire,
    api
} from 'lwc';
import {
    CurrentPageReference
} from "lightning/navigation";


export default class LexAccessory_Select extends LightningElement {
    @api recordId;
    IsLoading = true;

    @wire(CurrentPageReference)
    getStateParameters(currentPageReference) {
        if (currentPageReference) {
            const urlValue = currentPageReference.state.recordId;
            if (urlValue) {
                let str = `${urlValue}`;
                this.recordId = str;
            }
        }
    }

    connectedCallback(){
        console.log("---------------id-------",this.recordId);
        this.IsLoading = false;
        if(this.recordId){
            window.open("/apex/AccessorySelect?pt_recid="+this.recordId, "_top");
        }
     }

}

 force-app/main/default/lwc/lexAccessory_Select/lexAccessory_Select.js-meta.xml

New file
@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>56.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__AppPage</target>
        <target>lightning__RecordPage</target>
        <target>lightning__HomePage</target>
        <target>lightning__RecordAction</target>
        <!-- 屏幕流配置 -->
        <target>lightning__FlowScreen</target>
    </targets>
    <!-- 定义变量 -->
    <targetConfigs>
        <targetConfig targets="lightning__FlowScreen">
            <!-- name js中使用的变量，从屏幕流中获取参数  label 在屏幕流的该LWC的设置中显示 -->
            <property name="recordId" type="String" label="recordId"/>
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>