<template>
|
<!-- <lightning-button label="Modal" onclick={showModal}></lightning-button> -->
|
<!-- 全局加载 -->
|
<div class="exampleHolder" if:true={IsLoading} >
|
<lightning-spinner alternative-text="Loading" size="large"></lightning-spinner>
|
</div>
|
|
<!-- 通知提示 -->
|
<!-- <div style="float:right">
|
|
<div class="demo-only demo-only_viewport" style="height:4.5rem" if:true = {Tongzhishow}>
|
<div class="slds-notification-container">
|
<div aria-live="assertive" aria-atomic="true" class="slds-assistive-text">操作成功</div>
|
<section class="slds-notification" role="dialog" aria-labelledby="noti77" aria-describedby="dialog-body-id-43">
|
<div class="slds-notification__body" id="dialog-body-id-43">
|
<a class="slds-notification__target slds-media" href="#">
|
<span class="slds-icon_container slds-icon-standard-task slds-media__figure" title="task">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#task"></use>
|
</svg>
|
</span>
|
<div class="slds-media__body">
|
<h2 class="slds-text-heading_small slds-m-bottom_xx-small" id="noti77">
|
<span class="slds-assistive-text">task notification:</span>操作成功</h2>
|
<p>{SaveShowText}</p>
|
</div>
|
</a>
|
<button onclick={TongzhiClick} class="slds-button slds-button_icon slds-button_icon-container slds-notification__close" title="Dismiss Call Two: Jane Johnson notification">
|
<svg class="slds-button__icon" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Dismiss Call Two: Jane Johnson notification</span>
|
</button>
|
</div>
|
</section>
|
</div>
|
</div>
|
|
|
<div class="demo-only demo-only_viewport" style="height:4.5rem" if:true = {ErrorTongzhishow}>
|
<div class="slds-notification-container">
|
<div aria-live="assertive" aria-atomic="true" class="slds-assistive-text">event notification: Tesla - Renewal meeting</div>
|
<section class="slds-notification" role="dialog" aria-labelledby="noti52" aria-describedby="dialog-body-id-43">
|
<div class="slds-notification__body" id="dialog-body-id-44">
|
<a class="slds-notification__target slds-media" href="#">
|
<span class="slds-icon_container slds-icon-standard-event slds-media__figure" title="event">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#event"></use>
|
</svg>
|
</span>
|
<div class="slds-media__body">
|
<h2 class="slds-text-heading_small slds-m-bottom_xx-small" id="noti52">
|
<span class="slds-assistive-text">event notification:</span>错误</h2>
|
<p>{ShowErrorContent}</p>
|
</div>
|
</a>
|
<button onclick={ErrorTongzhiClick} class="slds-button slds-button_icon slds-button_icon-container slds-notification__close" title="Dismiss Tesla - Renewal meeting notification">
|
<svg class="slds-button__icon" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Dismiss Tesla - Renewal meeting notification</span>
|
</button>
|
</div>
|
</section>
|
</div>
|
</div>
|
</div> -->
|
<!-- END -->
|
<div style="float:right" >
|
<div class="demo-only demo-only_viewport" style="height:4.5rem;" if:true = {Tongzhishow}>
|
<div class="slds-notification-container" style={IsLeftStyle}>
|
<div aria-live="assertive" aria-atomic="true" class="slds-assistive-text">提示</div>
|
<section class="slds-notification" role="dialog" aria-labelledby="noti77" aria-describedby="dialog-body-id-43" >
|
<div class="slds-notification__body" id="dialog-body-id-43" >
|
<a class="slds-notification__target slds-media" href="#" style={BgColorStyle}>
|
<!-- <span class="slds-icon_container slds-icon-standard-task slds-media__figure" title="task">
|
<lightning-icon icon-name={TongzhiIcon} alternative-text="Account" title="Account"></lightning-icon>
|
</span> -->
|
<div class="slds-media__body">
|
<h2 class="slds-text-heading_small slds-m-bottom_xx-small" id="noti77">
|
<span class="slds-assistive-text">task notification:</span>提示</h2>
|
<p>{SaveShowText}</p>
|
</div>
|
</a>
|
<button class="slds-button slds-button_icon slds-button_icon-container slds-notification__close" title="close">
|
<lightning-icon icon-name="utility:close" alternative-text="close" title="close" size="x-small" onclick={CloseAlert}></lightning-icon>
|
</button>
|
</div>
|
</section>
|
|
|
</div>
|
</div>
|
</div>
|
<div style={ScreenWidth}>
|
<!-- 默认数据 Default -->
|
<div >
|
<article class="slds-card" >
|
<div class="slds-card__header slds-grid" >
|
<header class="slds-media slds-media_center slds-has-flexi-truncate">
|
<div class="slds-media__figure">
|
<span class="slds-icon_container slds-icon-standard-account" title="account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
<span class="slds-assistive-text">account</span>
|
</span>
|
</div>
|
<div class="slds-media__body">
|
<h2 class="slds-card__header-title">
|
<a href="#" class="slds-card__header-link slds-truncate" title="Accounts">
|
<span>待选择产品</span>
|
</a>
|
</h2>
|
</div>
|
</header>
|
</div>
|
<div class="slds-card__body slds-card__body_inner">
|
<div style="min-height: 60px;">
|
<c-jz-data-table miniheight="min-height: 60px" onrowselection={SelectedFnDefault} name="jzDataTableDefault" ongettabledata={getTableDataDefault} table-data={jzDataDefault} table-is-loding={tableIsLodingDefault} options={initDataTableDefault}></c-jz-data-table>
|
</div>
|
</div>
|
</article>
|
</div>
|
|
<!-- END -->
|
<!-- 使用价格政策 -->
|
<div >
|
<article class="slds-card">
|
<div class="slds-card__header slds-grid" >
|
<header class="slds-media slds-media_center slds-has-flexi-truncate">
|
<div class="slds-media__figure">
|
<span class="slds-icon_container slds-icon-standard-account" title="account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
<span class="slds-assistive-text">account</span>
|
</span>
|
</div>
|
<div class="slds-media__body">
|
<h2 class="slds-card__header-title">
|
<a href="#" class="slds-card__header-link slds-truncate" title="Accounts">
|
<span>使用价格政策</span>
|
</a>
|
</h2>
|
</div>
|
</header>
|
</div>
|
<div class="slds-card__body slds-card__body_inner">
|
<div >
|
<div if:true={buttonIsShow}>
|
<button class="slds-button slds-button_brand" onclick={showModal}>选择促销方案固定价格</button>
|
<button class="slds-button slds-button_brand" onclick={showModalFix}>选择一般产品固定价格</button>
|
<button class="slds-button slds-button_brand" onclick={deleteFixedPrice}>删除</button>
|
</div>
|
<!-- -->
|
|
<div class="exampleHolder" if:true={IsLoading3} style="height:200px">
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div>
|
<!-- -->
|
<div if:true={jzDataTableFixedPriceIsShow}>
|
<c-jz-data-table miniheight="min-height: 60px" idkey="DelectId" onrowselection={SelectedFnFixedPrice} name="jzDataTableFixedPrice" ongettabledata={getTableDataFixedPrice} table-data={jzDataFixedPrice} table-is-loding={tableIsLodingFixedPrice} options={initDataTableFixedPrice} onsave={handleSaveFixedPrice} if:true={jzshows3}></c-jz-data-table>
|
</div>
|
</div>
|
</div>
|
|
</article>
|
|
</div>
|
|
|
<!-- END -->
|
|
|
<!-- 选中框 -->
|
<div if:true = {show} >
|
<section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open slds-modal_large" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1">
|
<div class="slds-modal__container">
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
|
<c-jz-search-form name="jzSearchForm1" ongetsearchparams={searchData} options={initSearchForm}></c-jz-search-form>
|
<c-jz-data-table onrowselection={SelectedFn} data-parent-id="parent-div-id" name="jzDataTable1" ongettabledata={getTableData} table-data={jzData} table-is-loding={tableIsLoding} options={initDataTable}></c-jz-data-table>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={cancel}>关闭</button>
|
<button class="slds-button slds-button_brand">确定</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
|
<!-- -->
|
|
|
<!-- 选择一般产品固定价格 弹出框 -->
|
<div if:true = {ShowFix} >
|
<section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open slds-modal_large" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1">
|
<div class="slds-modal__container">
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-2">
|
<c-jz-search-form name="jzSearchForm1" ongetsearchparams={searchDataFix} options={initSearchFormFix}></c-jz-search-form>
|
<c-jz-data-table onrowselection={SelectedFnFix} data-parent-id="parent-div-idFix" name="jzDataTableFix" ongettabledata={getTableDataFix} table-data={jzDataFix} table-is-loding={tableIsLodingFix} options={initDataTableFix}></c-jz-data-table>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={cancelFix}>关闭</button>
|
<button class="slds-button slds-button_brand">确定</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
<!-- -->
|
|
|
|
<!-- 使用的折扣政策 -->
|
<div >
|
<article class="slds-card">
|
<div class="slds-card__header slds-grid" >
|
<header class="slds-media slds-media_center slds-has-flexi-truncate">
|
<div class="slds-media__figure">
|
<span class="slds-icon_container slds-icon-standard-account" title="account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
<span class="slds-assistive-text">account</span>
|
</span>
|
</div>
|
<div class="slds-media__body">
|
<h2 class="slds-card__header-title">
|
<a href="#" class="slds-card__header-link slds-truncate" title="Accounts">
|
<span>使用的折扣政策</span>
|
</a>
|
</h2>
|
</div>
|
</header>
|
</div>
|
<div class="slds-card__body slds-card__body_inner">
|
<div>
|
<div if:true={buttonIsShow}>
|
<button class="slds-button slds-button_brand" onclick={showModalSpecial} > 选择特约折扣 </button>
|
<button class="slds-button slds-button_brand" onclick={showModalCommonly}> 选择一般折扣 </button>
|
<button class="slds-button slds-button_brand" onclick={delectTableDiscount}>删除</button>
|
</div>
|
<!-- -->
|
|
<!-- <div class="exampleHolder" if:true={IsLoading2}>
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div> -->
|
<!-- -->
|
<div if:true={jzDataTableDiscountIsShow}>
|
<c-jz-data-table class="jzdtdis" miniheight="min-height: 60px" idkey="DelectId" onrowselection={SelectedFnDiscount} name="jzDataTableDiscount" ongettabledata={getTableDataDiscount} table-data={jzDataDiscount} table-is-loding={tableIsLodingDiscount} options={initDataTableDiscount} onsave={handleSaveDiscount} if:true={jzshows2}></c-jz-data-table>
|
</div>
|
</div>
|
</div>
|
|
</article>
|
|
</div>
|
|
|
<!-- END -->
|
|
|
<!-- 选择特约折扣 弹出框 -->
|
<div if:true = {ShowSpecial} >
|
<section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open slds-modal_large" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1">
|
<div class="slds-modal__container">
|
<div if:true = {ShowSpecialIsError}>
|
<div class="slds-notify slds-notify_alert slds-alert_error" role="alert">
|
<span class="slds-assistive-text">error</span>
|
<span class="slds-icon_container slds-icon-utility-error slds-m-right_x-small" title="Description of icon when needed">
|
<svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#error"></use>
|
</svg>
|
</span>
|
<h2>{ShowSpecialError}
|
<a href="#"></a>
|
</h2>
|
<div class="slds-notify__close">
|
<button class="slds-button slds-button_icon slds-button_icon-small slds-button_icon-inverse" title="Close">
|
<svg class="slds-button__icon" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Close</span>
|
</button>
|
</div>
|
</div>
|
</div>
|
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-3">
|
<div style="height:335px;overflow:auto;">
|
<c-jz-data-table onrowselection={SelectedFnSpecial} data-parent-id="parent-div-idSpecial" name="jzDataTableSpecial" ongettabledata={getTableDataSpecial} table-data={jzDataSpecial} table-is-loding={tableIsLodingSpecial} options={initDataTableSpecial}></c-jz-data-table>
|
</div>
|
|
<!-- otherData -->
|
<div class="exampleHolder" if:true={IsLoading5} style="height:100px">
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div>
|
<div >
|
<c-jz-data-table onrowselection={SelectedFnOtherData} data-parent-id="parent-div-idOtherData" name="jzDataTableOtherData" ongettabledata={getTableDataOtherData} table-data={jzDataOtherData} table-is-loding={tableIsLodingOtherData} options={initDataTableOtherData} onsave={SaveSpecialDiscount} if:true={jzshows5}></c-jz-data-table>
|
</div>
|
</div>
|
<!-- <footer class="slds-modal__footer">
|
<div if:true= {Teyuebuttonflag}>
|
<button class="slds-button slds-button_neutral" onclick={cancelSpecial}>关闭</button>
|
<button class="slds-button slds-button_brand" disabled="">确定</button>
|
</div>
|
<div if:true= {Teyuebuttonflag2}>
|
<button class="slds-button slds-button_neutral" onclick={cancelSpecial}>关闭</button>
|
<button class="slds-button slds-button_brand" onclick={SavesSpecial} >确定</button>
|
</div>
|
</footer> -->
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={cancelSpecial}>关闭</button>
|
<button class="slds-button slds-button_brand" onclick={SavesSpecial} >确定</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
<!--END -->
|
|
|
|
<!-- 选择一般折扣 弹出框 -->
|
<div if:true = {ShowCommonly} >
|
<section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open slds-modal_large" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1">
|
<div class="slds-modal__container">
|
<div if:true = {ShowCommonlyIsError}>
|
<div class="slds-notify slds-notify_alert slds-alert_error" role="alert">
|
<span class="slds-assistive-text">error</span>
|
<span class="slds-icon_container slds-icon-utility-error slds-m-right_x-small" title="Description of icon when needed">
|
<svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#error"></use>
|
</svg>
|
</span>
|
<h2>{ShowCommonlyError}
|
<a href="#"></a>
|
</h2>
|
<div class="slds-notify__close">
|
<button class="slds-button slds-button_icon slds-button_icon-small slds-button_icon-inverse" title="Close">
|
<svg class="slds-button__icon" aria-hidden="true">
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
|
</svg>
|
<span class="slds-assistive-text">Close</span>
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-4">
|
<div class ="form-group">
|
<div class ="form-group" style=" display: inline-block; margin-right: 20px;">
|
<div class="slds-form-element">
|
<label class="slds-form-element__label" for="select-01">产品系列：</label>
|
<div class="slds-form-element__control">
|
<div class="slds-select_container">
|
<select class="slds-select" style="width:150px" onchange={handleChangeLb}>
|
<option value="">选择</option>
|
<option>GI分野</option>
|
<option>SP分野</option>
|
<option>ET分野</option>
|
<option>能量刀头</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class ="form-group" style=" display: inline-block;"> <lightning-input type="text" name="input2" label="使用折扣：" style="width:150px" onblur={handleChangeZk}></lightning-input></div>
|
</div>
|
<!-- <div style="height:10px"> -->
|
<div class="exampleHolder" if:true={IsLoading4} style="height:100px">
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div>
|
<!-- </div> -->
|
<c-jz-data-table onrowselection={SelectedFnCommonly} data-parent-id="parent-div-idCommonly" name="jzDataTableCommonly" ongettabledata={getTableDataCommonly} table-data={jzDataCommonly} table-is-loding={tableIsLodingCommonly} options={initDataTableCommonly} onsave={SaveGeneralDiscount} if:true={jzshows4}></c-jz-data-table>
|
</div>
|
<footer class="slds-modal__footer">
|
<button class="slds-button slds-button_neutral" onclick={cancelCommonly}>关闭</button>
|
<button class="slds-button slds-button_brand" onclick={cancelSaveCommonly}>确定</button>
|
</footer>
|
</div>
|
</section>
|
<div class="slds-backdrop slds-backdrop_open"></div>
|
</div>
|
<!-- -->
|
<!-- 产品明细 Product -->
|
<div>
|
<article class="slds-card">
|
<div class="slds-card__header slds-grid" >
|
<header class="slds-media slds-media_center slds-has-flexi-truncate">
|
<div class="slds-media__figure">
|
<span class="slds-icon_container slds-icon-standard-account" title="account">
|
<svg class="slds-icon slds-icon_small" aria-hidden="true">
|
<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
|
</svg>
|
<span class="slds-assistive-text">account</span>
|
</span>
|
</div>
|
<div class="slds-media__body">
|
<h2 class="slds-card__header-title">
|
<a href="#" class="slds-card__header-link slds-truncate" title="Accounts">
|
<span>产品明细</span>
|
</a>
|
</h2>
|
</div>
|
</header>
|
</div>
|
<div class="slds-card__body slds-card__body_inner">
|
<div>
|
<div if:true={buttonIsShow}>
|
<button class="slds-button slds-button_brand" onclick={delectTableProduct}>删除</button>
|
</div>
|
<!-- -->
|
|
<!-- <div class="exampleHolder" if:true={IsLoading}>
|
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
|
</div> -->
|
<!-- -->
|
<c-jz-data-table data-parent-id="chuxiao" idkey="DelectId" miniheight="min-height: 60px" onrowselection={SelectedFnProduct} name="jzDataTableProduct" ongettabledata={getTableDataProduct} table-data={jzDataProduct} table-is-loding={tableIsLodingProduct} options={initDataTableProduct} if:true={jzshows}></c-jz-data-table>
|
</div>
|
|
<p align="center" ><b>合同总价：{ContractPrice}</b></p>
|
<div align="right" >
|
<button if:true={buttonIsShow} class="slds-button slds-button_brand" onclick={saveAllDataProductFn}>保存</button>
|
<button if:true={buttonIsShow} class="slds-button slds-button_outline-brand" onclick={jumpNewQuoteEntryAndSave}>保存并返回</button>
|
<button class="slds-button slds-button_outline-brand" onclick={jumpNewQuoteEntry}>不保存返回</button>
|
<button id="btn" class="slds-button slds-button_brand" onclick={copyJzDataTableProduct}>复制</button>
|
</div>
|
|
</div>
|
<!-- <button class="slds-button slds-button_brand" onclick={deleteAllDiscounttable}>删除产品</button>
|
<button class="slds-button slds-button_brand" onclick={deleteAlltable}>删除方案</button>
|
-->
|
</article>
|
|
</div>
|
|
<!-- END -->
|
</div>
|
|
|
</template>
|
