<template>
|
<lightning-card variant="Narrow">
|
<div style="padding: 0 20px">
|
<div>
|
<lightning-button label="保存" onclick={handlesave} onload ={CloseJs} disabled = {dis29}></lightning-button>
|
<lightning-button label="取消" onclick ={CloseJs} disabled = {dis30}></lightning-button>
|
<lightning-button label="打印" onclick={handlePrint} disabled = {dis28} onload ={PrintJs}></lightning-button>
|
<lightning-layout>
|
<lightning-combobox
|
name="progress"
|
label="是否为标准合同："
|
value={PageMCEElement.Is_Standard_Contract__c}
|
placeholder=""
|
options={IsStandardContractoptions}
|
required
|
disabled = {dis1}
|
onchange={handleIsStandardContract} ></lightning-combobox>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<p>(必填项，所有合同均必须勾选) </p>
|
|
</div>
|
<lightning-accordion allow-multiple-sections-open
|
active-section-name={activeSections} class="Firstaccordion">
|
<lightning-accordion-section name="paymentPlan" label="付款计划(必填内容)：">
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox
|
name="progress"
|
label="付款方式："
|
value={PageMCEElement.Term_Of_Payment__c}
|
options={TermOfPaymentoptions}
|
onchange={handleTermOfPayment}
|
class="searchField"
|
disabled = {dis2}
|
></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<template if:true={showTabOnce}>
|
<lightning-layout >
|
<div style="padding: 10px 3px;border-bottom: 1px solid;font: 16px;font-size: 20px;">一次性付款</div>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">本合同正式签订之日起 </p>
|
<lightning-combobox name="progress" label="" disabled = {dis3} value={PageMCEElement.one_off_payment_agreed_period__c} options={oneoffpaymentagreedperiodOptions}
|
onchange={handleOneoff} class="searchField" style = "width:60px" variant="label-hidden"></lightning-combobox>
|
<p style="font-size: 15px;"> 日内，甲方向乙方支付全部合同款人民币</p>{PageMCEElement.Contract_Amount__c}<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Total_Contract_Amount_In_Words__c}<p style="font-size: 15px;">。</p>
|
</lightning-layout>
|
</template>
|
<template if:true={showTabTwice}>
|
<lightning-layout>
|
<div style="padding: 10px 3px;border-bottom: 1px solid;font: 16px;font-size: 20px;">多次付款</div>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">本合同款项分 </p>
|
<lightning-combobox name="progress" label="" disabled = {dis4} value={PageMCEElement.Total_Payment_Time__c} options={TotalPaymentTimeOption}
|
onchange={handleTotalPaymentTime} class="searchField" style = "width:60px" variant="label-hidden"></lightning-combobox>
|
<p style="font-size: 15px;"> 期付出，详细如下：</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第一期款项付款时间为 </p>
|
<lightning-input disabled = {dis5} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_First__c} onchange={handleDateFirst} ></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis6} value={PageMCEElement.Payment_Plan_Sum_First__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumFirst}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_First_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第二期款项付款时间为 </p>
|
<lightning-input disabled = {dis7} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_Second__c} onchange={handleDateSecond}></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis8} value={PageMCEElement.Payment_Plan_Sum_Second__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumSecond}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_Second_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第三期款项付款时间为 </p>
|
<lightning-input disabled = {dis9} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_Third__c} onchange={handleDateThird}></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis10} value={PageMCEElement.Payment_Plan_Sum_Third__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumThird}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_Third_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第四期款项付款时间为 </p>
|
<lightning-input disabled = {dis11} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_Forth__c} onchange={handleDateForth}></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis12} value={PageMCEElement.Payment_Plan_Sum_Forth__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumForth}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_Forth_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第五期款项付款时间为 </p>
|
<lightning-input disabled = {dis13} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_Fivth__c} onchange={handleDateFivth}></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis14} value={PageMCEElement.Payment_Plan_Sum_Fivth__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumFivth}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_Fivth_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
<lightning-layout vertical-align="center">
|
<p style="font-size: 15px;">第六期款项付款时间为 </p>
|
<lightning-input disabled = {dis15} type="date" variant="label-hidden" label="" value={PageMCEElement.Payment_Plan_Date_Sixth__c} onchange={handleDateSixth}></lightning-input>
|
<p style="font-size: 15px;"> 前,甲方向乙方支付人民币 </p>
|
<lightning-input disabled = {dis16} value={PageMCEElement.Payment_Plan_Sum_Sixth__c} type="text" variant="label-hidden" label="" class="searchField" onchange={handleSumSixth}></lightning-input>
|
<p style="font-size: 15px;"> 元，大写</p>{PageMCEElement.Payment_Plan_Sum_Sixth_in_Word__c}<p style="font-size: 15px;">;</p>
|
</lightning-layout>
|
</template>
|
</lightning-accordion-section>
|
<div style="margin-left:5%; color:Blue ;font-size:25px">
|
<p>提示信息：标准合同下述内容需要全部填写。</p>
|
</div>
|
<lightning-accordion-section name="TextInformation" label="文本信息：">
|
<template if:true={showTabOne}>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis17} name="progress" label="小修理时限：（工作日）" value={PageMCEElement.Small_Repair_Time__c} options={SmallRepairTimeOptions}
|
onchange={handleSmallRepairTime} class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox
|
name="progress" disabled = {dis18} label="大修理时限：（工作日）" value={PageMCEElement.Big_Repair_Time__c} options={BigRepairTimeOptions} onchange={handleBigRepairTime}
|
class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox
|
name="progress" disabled = {dis19} label="现场技术支持时限：（小时）" value={PageMCEElement.Live_Technical_Support_Time__c} options={LiveTechnicalSupportTimeOptions} onchange={handleLiveTechnicalSupportTime}
|
class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis20}
|
name="progress" label="巡回：（每年）" value={PageMCEElement.Tour_Check__c} options={TourCheckOptions} onchange={handleTourCheck}
|
class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis21}
|
name="progress" label="除尘：（每年）" value={PageMCEElement.Dedust__c} options={DedustOptions} onchange={handleDedust}
|
class="searchField" ></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis22}
|
name="progress" label="合同份数：甲方:" value={PageMCEElement.First_Party_Contract_Number__c} options={FirstPartyContractNumberOptions} onchange={handleFirstPartyContractNumber}
|
class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis23}
|
name="progress" label="合同份数：乙方:" value={PageMCEElement.Second_Party_Contract_Number__c} options={SecondPartyContractNumberOptions} onchange={handleSecondPartyContractNumber}
|
class="searchField" ></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-textarea disabled = {dis24} name="EngineerName" label="工程师姓名：" value={PageMCEElement.Engineer_Name__c} onchange={handleEngineerName}></lightning-textarea>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-textarea disabled = {dis25} name="Tel" label="手机号码：" onchange={handlephoneNumber} value={PageMCEElement.Phone_Number__c}></lightning-textarea>
|
</lightning-layout-item>
|
</lightning-layout>
|
</template>
|
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis26}
|
name="progress" label="点检：（每年）【必填项】" value={PageMCEElement.Inspection_Time__c} options={InspectionTimeOptions} onchange={handleInspectionTime}
|
class="searchField" required></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<p>点检总次数： 共 {PageMCEElement.Inspection_Time__c} 次</p>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<lightning-combobox disabled = {dis27}
|
name="progress" label="协商方式" value={PageMCEElement.Negotiate_Mean__c} options={NegotiateMeanOptions} onchange={handleNegotiateMean}
|
class="searchField"></lightning-combobox>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
<p>提示信息：(1)任何一方有权向设在北京的中国国际经济贸易仲裁委员会申请仲裁，仲裁的裁决是终局性的，对双方均有约束力。(2)向甲方所在地有管辖权的人民法院提起诉讼。(3)向乙方所在地有管辖权的人民法院提起诉讼。</p>
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
<lightning-layout-item flexibility="auto" padding="around-small">
|
</lightning-layout-item>
|
</lightning-layout>
|
<lightning-button label="保存" onclick={handlesave} onload ={CloseJs} disabled = {dis29}></lightning-button>
|
<lightning-button label="取消" onclick ={CloseJs} disabled = {dis30}></lightning-button>
|
<lightning-button label="打印" onclick={handlePrint} disabled = {dis28} onload ={PrintJs}></lightning-button>
|
</lightning-accordion-section>
|
</lightning-accordion>
|
</div>
|
</lightning-card>
|
|
</template>
|
