<template>
|
<lightning-card variant="Narrow">
|
<div style="padding: 0 20px">
|
<div>
|
<lightning-button disabled={statusDisable} label="保存"></lightning-button>
|
<lightning-button disabled={statusDisable} label="取消"></lightning-button>
|
<lightning-button disabled={statusDisable} onclick={printJs} label="打印"></lightning-button>
|
</div>
|
<div style="border-bottom:1px solid #e3deb8;padding: 5px 3px;"></div>
|
<div>
|
<lightning-layout horizontal-align={horizontalAlign}>
|
<lightning-layout-item flexibility="auto" padding="around-small" size=6 style="padding-left:20px;">
|
<span>是否为标准合同：</span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Is_Standard_Contract__c} options={Is_Standard_Contract_Options} onchange={handleIsStandardContract} style="width:80px;display:inline-block;"></lightning-combobox>
|
<span> (必填项，所有合同均必须勾选)</span>
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
<div style="border-bottom:1px solid #e3deb8;padding: 5px 3px;"></div>
|
<div>
|
<lightning-accordion allow-multiple-sections-open class="example-accordion" active-section-name={activeSections}>
|
<lightning-accordion-section name="paymentPlan" label="付款计划(必填内容)：">
|
<template if:true={tabPaymentPlan}>
|
<lightning-layout>
|
<lightning-layout-item flexibility="auto" padding="around-small" size=6 style="padding-left:20px;">
|
<span>付款方式： </span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Term_Of_Payment__c} options={Term_Of_Payment_Options} onchange={handleTermOfPayment} style="width:30%;display:inline-block;"></lightning-combobox>
|
</lightning-layout-item>
|
</lightning-layout>
|
<div style="border-bottom:1px solid #e3deb8;padding: 5px 3px;"></div>
|
<div if:true={payOnce} class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">
|
<h2>一次性付款：</h2>
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small">
|
<span>本合同正式签订之日起 </span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.one_off_payment_agreed_period__c} options={one_off_payment_agreed_period_options} onchange={handleOneoff} style="width:80px;display:inline-block;" ></lightning-combobox>
|
<span> 日内，甲方向乙方支付全部合同款人民币{PageMCEElement.Contract_Amount__c}元，大写{PageMCEElement.Total_Contract_Amount_In_Words__c}。</span>
|
</lightning-layout-item>
|
|
</lightning-layout>
|
</div>
|
|
|
<div if:true={payTwince} class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">
|
<p>多次付款：</p>
|
<lightning-layout>
|
<lightning-layout-item size="4" padding="horizontal-small">
|
<span>本合同款项分 </span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Total_Payment_Time__c} options={Total_Payment_Time_Options} onchange={handleTotalPaymentTime} style="width:80px;display:inline-block;"></lightning-combobox>
|
<span> 期付出，详细如下：</span>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第一期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第一期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_First__c} type="date" onchange={handleDateFirst} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_1" type="number" value={PageMCEElement.Payment_Plan_Sum_First__c} style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_1_in_Word}</span>；
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第二期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第二期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_Second__c} type="date" onchange={handleDateSecond} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_2" value={PageMCEElement.Payment_Plan_Sum_Second__c} type="number" style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_2_in_Word}</span>；
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第三期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第三期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_Third__c} type="date" onchange={handleDateThird} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_3" value={PageMCEElement.Payment_Plan_Sum_Third__c} type="number" style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_3_in_Word}</span>；
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第四期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第四期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_Forth__c} type="date" onchange={handleDateForth} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_4" value={PageMCEElement.Payment_Plan_Sum_Forth__c} type="number" style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_4_in_Word}</span>；
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第五期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第五期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_Fifth__c} type="date" onchange={handleDateFivth} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_5" value={PageMCEElement.Payment_Plan_Sum_Fifth__c} type="number" style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_5_in_Word}</span>；
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<!-- 第六期 -->
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small" >
|
<span>第六期款项付款时间为 </span>
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Payment_Plan_Date_Sixth__c} type="date" onchange={handleDateSixth} style="width: 180px;display: inline-block;"></lightning-input>
|
<!-- <span> [2013/4/19]</span> -->
|
<span> 前，甲方向乙方支付人民币 </span>
|
<lightning-input disabled={statusDisable} name="Payment_Plan_Sum_6" value={PageMCEElement.Payment_Plan_Sum_Sixth__c} type="number" style="width: 220px;display: inline-block;" onchange={Convert_Amount}></lightning-input>
|
<span> 元，大写</span>
|
<span>{Payment_Plan_Sum_6_in_Word}</span>。
|
</lightning-layout-item>
|
</lightning-layout>
|
</div>
|
|
</template>
|
</lightning-accordion-section>
|
|
|
|
|
<lightning-layout>
|
<lightning-layout-item size="4" padding="horizontal-small">
|
<h2 style="margin-left:4%;color:blue;">提示信息：标准合同下述内容需要全部填写。</h2>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
|
|
|
<lightning-accordion-section name="textInfo" label="文本信息：">
|
<template if:true={tabTextInfo}>
|
|
<lightning-layout>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">小修理时限：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Small_Repair_Time__c} options={Small_Repair_Time_Options} onchange={handleSmallRepairTime} style="display: inline-block;"></lightning-combobox>
|
<span> 小时</span>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">大修理时限：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Big_Repair_Time__c} options={Big_Repair_Time_Options} onchange={handleBigRepairTime} style="display: inline-block;"></lightning-combobox>
|
<span> 工作日</span>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
|
|
<lightning-layout>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">现场技术支持时限：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Live_Technical_Support_Time__c} options={Small_Repair_Time_Options} onchange={handleLiveTechnicalSupportTime} style="display: inline-block;"></lightning-combobox>
|
<span> 小时</span>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">巡回：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<span>每年 </span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Tour_Check__c} options={Tour_Check_Options} onchange={handleTourCheck} style="display: inline-block;"></lightning-combobox>
|
<span> 次</span>
|
</lightning-layout-item>
|
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">工程师姓名：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<lightning-input disabled={statusDisable} value={PageMCEElement.Engineer_Name__c} style="display: inline-block;"></lightning-input>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">手机号码：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<lightning-input disabled={statusDisable} type="tel" value={PageMCEElement.Phone_Number__c} style="display: inline-block;"></lightning-input>
|
</lightning-layout-item>
|
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">点检：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<span>每年</span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Inspection_Time__c} options={Tour_Check_Options} onchange={handleInspectionTime} style="display: inline-block;"></lightning-combobox>
|
<span> 次 (必填项)</span>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">除尘：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<span>每年 </span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Dedust__c} options={Dedust_Options} onchange={handleDedust} style="display: inline-block;"></lightning-combobox>
|
<span> 次</span>
|
</lightning-layout-item>
|
|
</lightning-layout>
|
|
<lightning-layout vertical-align="center">
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">点检总次数：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<p> 共{PageMCEElement.Contract_Limit_Times__c}次</p>
|
|
</lightning-layout-item>
|
|
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">合同份数：甲方:</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="3" padding="horizontal-small">
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.First_Party_Contract_Number__c} options={First_Party_Contract_Number_Options} onchange={handleFirstPartyContractNumber} style="display: inline-block;"></lightning-combobox>
|
<span> 份</span>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<div class="slds- slds-p-around_medium slds-text-align_left" style="padding-top:30px">乙方：</div>
|
</lightning-layout-item>
|
<lightning-layout-item size="2" padding="horizontal-small">
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Second_Party_Contract_Number__c} options={First_Party_Contract_Number_Options} onchange={handleSecondPartyContractNumber} style="display: inline-block;"></lightning-combobox>
|
<span> 份</span>
|
</lightning-layout-item>
|
</lightning-layout>
|
|
<lightning-layout>
|
<lightning-layout-item padding="horizontal-small">
|
<span>协商方式：</span>
|
<lightning-combobox disabled={statusDisable} value={PageMCEElement.Negotiate_Mean__c} options={Negotiate_Mean_Options} onchange={handleNegotiateMean} style="display: inline-block;"></lightning-combobox>
|
<span> 提示信息：(1)向设在北京的中国国际经济贸易仲裁委员会申请仲裁。(2)向有管辖权的人民法院提起诉讼。</span>
|
</lightning-layout-item>
|
</lightning-layout>
|
</template>
|
|
</lightning-accordion-section>
|
|
<div style="border-top:1px solid #e3deb8;padding: 5px 3px;"></div>
|
</lightning-accordion>
|
</div>
|
<div>
|
<lightning-button label="保存" disabled={statusDisable}></lightning-button>
|
<lightning-button label="取消" disabled={statusDisable}></lightning-button>
|
<lightning-button label="打印" onclick={printJs} disabled={statusDisable}></lightning-button>
|
</div>
|
</div>
|
</lightning-card>
|
|
</template>
|
