<template>
|
<lightning-spinner if:true={isLoading} alternative-text="Loading"></lightning-spinner>
|
<article class="slds-card">
|
<div class="slds-card__body1 slds-card__body_inner1" style="margin-top: -73px;display: inline-block;height: 135px;">
|
|
<!-- 提示信息 -->
|
<div style="color: red; font-weight: bold; margin-bottom: 10px;height: 10px;">
|
如需填写预测请完成省、经销商、产品筛选
|
</div>
|
<div style="margin-top: 10px;">
|
<!-- <label class="slds-form-element__label" style="width:50px;text-align:right;margin-left: 5px;margin-bottom: 5px;">本部:</label>
|
<div class ="slds-form-element__control" style="width:100px; display: inline-block;margin-bottom: 5px;">
|
<lightning-combobox
|
name="Salesdepartment"
|
value={SalesdepartmentValue}
|
options={SalesdepartmentOpt}
|
onchange={SalesdepartmentChange} >
|
</lightning-combobox>
|
</div> -->
|
<div style="display: inline-block;">
|
<lightning-record-edit-form object-api-name="ConsumableTargetManage__c">
|
<label class="slds-form-element__label" style="width:50px;text-align:right;margin-left: 5px;margin-bottom: 5px;">本部:</label>
|
|
<lightning-input-field data-key='Salesdepartment' field-name="Salesdepartment_HP__c" style="margin-bottom: 15px;display: inline-block;width: 100px;" value={SalesdepartmentValue} onchange={SalesdepartmentChange} variant = "label-hidden"></lightning-input-field>
|
|
<label class="slds-form-element__label" style="width:60px;text-align:right;margin-left: 5px;">省:</label>
|
|
<lightning-input-field data-key='State_Master' field-name="State_Master__c" style="margin-bottom: 15px;display: inline-block;width: 180px;" value={provinceValue} onchange={provinceChange} variant = "label-hidden"></lightning-input-field>
|
|
|
<!-- <label class="slds-form-element__label" style="width:100px;text-align:right;margin-left: 5px;">市:</label>
|
|
<lightning-input-field data-key='City_Master' field-name="City_Master__c" style="margin-bottom: 15px;display: inline-block;width: 180px" value={City_MasterValue} onchange={City_MasterChange} variant = "label-hidden"></lightning-input-field> -->
|
|
|
</lightning-record-edit-form>
|
</div>
|
|
<label class="slds-form-element__label" style="width:100px;text-align:right;margin-left: 5px;margin-bottom: 5px;">经销商:</label>
|
<div class ="slds-form-element__control" style="width:180px; display: inline-block;margin-bottom: 5px;">
|
<lightning-record-edit-form object-api-name="Dealer_ConsumableManage__c">
|
<lightning-input-field label="经销商名" variant = "label-hidden" field-name="Dealer_Name__c" value={Dealer_Name} onchange={AccountChange} style="width: 180px;" placeholder="请输入经销商名称">
|
</lightning-input-field>
|
<lightning-input value={DealerName} style="display:none;"></lightning-input>
|
</lightning-record-edit-form>
|
</div>
|
<div class ="slds-form-element__control" style="display: inline-block;">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="width:90px;text-align:right; margin-left: 10px; font-size:small;margin-bottom: 5px;height: 32px" onclick={searchProduct}>搜索</button>
|
</div>
|
</div>
|
<div style="margin-top: -30px;">
|
<label class="slds-form-element__label" style="width:55px;text-align:right;">财年:</label>
|
<div class ="slds-form-element__control" style="width:100px; display: inline-block;margin-bottom: 5px;">
|
<lightning-combobox
|
name="fiscalYear"
|
value={fiscalYearValue}
|
options={fiscalYearOpt}
|
onchange={fiscalYearChange} >
|
</lightning-combobox>
|
</div>
|
<div class ="form-group" style="margin-bottom: 15px;display: inline-block;" >
|
<lightning-record-edit-form object-api-name="Dealer_ConsumableManage__c">
|
|
<label class="slds-form-element__label" style="width:60px;text-align:right;margin-left: 5px;">产品类型:</label>
|
|
<lightning-input-field variant = "label-hidden" field-name="Category2__c" style="margin-bottom: 15px;width: 180px;display: inline-block;" value={productTypeValue} onchange={productTypeChange}>
|
</lightning-input-field>
|
|
|
<label class="slds-form-element__label" style="width:100px;text-align:right;margin-left: 5px;">目标耗材:</label>
|
|
<lightning-input-field variant = "label-hidden" field-name="Category4__c" value={customerTypeValue} onchange={customerTypeChange} style="margin-bottom: 15px;display: inline-block;width: 180px;" ></lightning-input-field>
|
|
</lightning-record-edit-form>
|
</div>
|
|
<!-- <div style="width:75px;display: inline-block;">
|
</div> -->
|
|
<div class ="slds-form-element__control" style="display: inline-block;">
|
<button class="slds-button slds-button_neutral slds-button_stretch lexBorder" style="width:90px;text-align:right; margin-left: 10px; font-size:small;margin-bottom: 5px;height: 32px" onclick={saveList}>保存</button>
|
</div>
|
</div>
|
|
|
|
</div>
|
</article>
|
<article class="slds-card" >
|
<div class="slds-card__header slds-grid" style="height: 60px;background-color: #e0e5ee;" >
|
|
</div>
|
<!-- 样式头 -->
|
<div>
|
<!-- <header class="slds-media slds-media_center slds-has-flexi-truncate"> -->
|
<!-- <div class="slds-media__body"> -->
|
<h2 class="slds-card__header-title" style="margin-left: 13px;">
|
<!-- <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="overflow:auto;">
|
<div class ="slds-form-element__control" style="height:auto;overflow:scroll">
|
<!-- <div style="height:65px">
|
</div> -->
|
<table class="slds-table slds-table_cell-buffer slds-table_bordered" style="">
|
<thead>
|
<tr class="slds-line-height_reset" style="height: 25px;">
|
<th class="slds-line" scope="col" rowspan="2" style="background-color:#e0e5ee;width:30px;padding:10px" if:false={Hideflgs}>
|
<lightning-button-icon icon-name="utility:add" variant="bare" alternative-text="全部展开" class="slds-m-left_xx-small" onclick={ExpandAllRow}></lightning-button-icon>
|
</th>
|
<th class="slds-line" scope="col" rowspan="2" style="background-color:#e0e5ee;width:30px;padding:10px" if:true={Hideflgs}>
|
<lightning-button-icon icon-name="utility:dash" variant="bare" alternative-text="全部收回" class="slds-m-left_xx-small" onclick={HideAllRow}></lightning-button-icon>
|
</th>
|
<th class="slds-line1" scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate">耗材分类</div>
|
</th>
|
<th class="slds-line3" scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate" >目标耗材</div>
|
</th>
|
<th scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate" >总库存金额</div>
|
</th>
|
<th scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate" >1年内库存金额</div>
|
</th>
|
<th scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate" >健康指数</div>
|
</th>
|
<!-- <th scope="col" rowspan="2" style="background-color:#e0e5ee;text-align: center;" >
|
<div class="slds-truncate" >合计</div>
|
</th> -->
|
</tr>
|
</thead>
|
<tbody>
|
<template for:each={showData3} for:item="hitem" >
|
<!-- <tr class="slds-line-height_reset" key={hitem.Category2} style="height: 25px;background-color:#f3f3f3" if:true={hitem.flg}> -->
|
<tr class="slds-line-height_reset" key={hitem.Category2} style="height: 25px;background-color:#f3f3f3" if:true={hitem.flg}>
|
<td class="slds-line" style="background-color:#f3f3f3;width:30px;padding:10px" if:false={hitem.Hideflg2}>
|
<lightning-button-icon icon-name="utility:add" variant="bare" alternative-text="Zoom in" class="slds-m-left_x-small" name={hitem.Category2} onclick={ExpandRow}></lightning-button-icon>
|
</td>
|
<td class="slds-line" style="background-color:#f3f3f3;width:30px;padding:10px" if:true={hitem.Hideflg2}>
|
<lightning-button-icon icon-name="utility:dash" variant="bare" alternative-text="Zoom out" class="slds-m-left_x-small" name={hitem.Category2} onclick={HideRow}></lightning-button-icon>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;"><a class="slds-truncate" style="width:250px;white-space:normal" title={hitem.Category2} name={hitem.Category2}>{hitem.Category2}</a></div>
|
</td>
|
<td >
|
<div class="slds-truncate"></div>
|
</td>
|
<td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.totalNumberString}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.totalNumberLastString}</div>
|
</td>
|
<td>
|
<div class="slds-truncate"></div>
|
</td>
|
<!-- <td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.totalNumber}</div>
|
</td> -->
|
</tr>
|
<tr class="slds-line-height_reset" key={hitem.Category2} style="height: 25px;background-color:#f3f3f3" if:true={hitem.Hideflg}>
|
<td >
|
<div class="slds-truncate"></div>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;">{hitem.Category2}</div>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;">{hitem.Category3}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.MoneyString}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.OneYearMoneyString}</div>
|
</td>
|
<td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.healPercent}</div>
|
</td>
|
<!-- <td>
|
<div class="slds-truncate" style="text-align: center;">{hitem.totalNumber}</div>
|
</td> -->
|
</tr>
|
</template>
|
<tr class="slds-line-height_reset" style="height: 35px;background-color:#f3f3f3" >
|
<td >
|
<div class="slds-truncate"></div>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;"><a class="slds-truncate" style="width:250px;white-space:normal;text-align: center;">库存月数</a></div>
|
</td>
|
<td >
|
<div class="slds-truncate"></div>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;">{kucunMonth}</div>
|
</td>
|
<td >
|
<div class="slds-truncate" style="text-align: center;">{kucunMonth2}</div>
|
</td>
|
<td >
|
<div class="slds-truncate"></div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</article>
|
|
<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__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="overflow:auto;">
|
<table class="slds-table slds-table_cell-buffer slds-table_bordered">
|
<thead>
|
<tr class="slds-line-height_reset" style="height: 25px;">
|
<th class="slds-line11" scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >月份</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >4月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >5月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >6月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >7月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >8月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >9月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >10月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >11月</div>
|
</th>
|
<th scope="col" rowspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >12月</div>
|
</th>
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >1月</div>
|
</th>
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >2月</div>
|
</th>
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >3月</div>
|
</th>
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >YTD上月</div>
|
</th>
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >YTD本月</div>
|
</th>
|
<!-- fy start -->
|
<th scope="col" colspan="1" style="background-color:#e0e5ee;text-align:center;" >
|
<div class="slds-truncate" >YTD年度</div>
|
</th>
|
<!-- fy end -->
|
</tr>
|
|
</thead>
|
<tbody>
|
<template for:each={showData2} for:item="hitem" >
|
<tr class="slds-line-height_reset" key={hitem.Id} style="height: 25px;background-color:#f3f3f3" if:true={hitem.flg}>
|
<td class="slds-line1" style="text-align:center;width: 60px;height:30px;background-color:#f3f3f3">
|
<div class="slds-truncate" >{hitem.titleName}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate">{hitem.Apr}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate">{hitem.May}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate">{hitem.June}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.July}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Aug}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Sept}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Oct}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Nov}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Dec}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Jan}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Feb}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.Mar}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.YTDTotal}</div>
|
</td>
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" >{hitem.annual}</div>
|
</td>
|
<!-- fy start -->
|
<td if:false={hitem.flg2}>
|
<div class="slds-truncate" ></div>
|
</td>
|
<!-- fy end -->
|
|
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Apr' class="slds-input" value={hitem.Apr} onblur={onChangeFn} disabled = {monthView4}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='May' class="slds-input" value={hitem.May} onblur={onChangeFn} disabled = {monthView5}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='June' class="slds-input" value={hitem.June} onblur={onChangeFn} disabled = {monthView6}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='July' class="slds-input" value={hitem.July} onblur={onChangeFn} disabled = {monthView7}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Aug' class="slds-input" value={hitem.Aug} onblur={onChangeFn} disabled = {monthView8}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Sept' class="slds-input" value={hitem.Sept} onblur={onChangeFn} disabled = {monthView9}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Oct' class="slds-input" value={hitem.Oct} onblur={onChangeFn} disabled = {monthView10}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Nov' class="slds-input" value={hitem.Nov} onblur={onChangeFn} disabled = {monthView11}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Dec' class="slds-input" value={hitem.Dec} onblur={onChangeFn} disabled = {monthView12}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Jan' class="slds-input" value={hitem.Jan} onblur={onChangeFn} disabled = {monthView1}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Feb' class="slds-input" value={hitem.Feb} onblur={onChangeFn} disabled = {monthView2}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<input type="text" style="width:80px;" title={hitem.titleName} name='Mar' class="slds-input" value={hitem.Mar} onblur={onChangeFn} disabled = {monthView3}/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<!-- <input type="text" style="width:100%;" title={hitem.titleName} name='YTDTotal' class="slds-input" value={hitem.YTDTotal} onblur={onChangeFn} disabled = {monthViewtotal}/> -->
|
<input type="text" style="width:80px;" title={hitem.titleName} name='YTDTotal' class="slds-input" value={hitem.YTDTotal} onblur={onChangeFn} disabled/>
|
</td>
|
<td if:true={hitem.flg2} style="width:80px">
|
<!-- <input type="text" style="width:100%;" title={hitem.titleName} name='annual' class="slds-input" value={hitem.annual} onblur={onChangeFn} disabled = {monthViewannual}/> -->
|
<input type="text" style="width:80px;" title={hitem.titleName} name='annual' class="slds-input" value={hitem.annual} onblur={onChangeFn} disabled />
|
</td>
|
<!-- fy start -->
|
<td if:true={hitem.flg2} style="width:80px">
|
<!-- <input type="text" style="width:100%;" title={hitem.titleName} name='annual' class="slds-input" value={hitem.annual} onblur={onChangeFn} disabled = {monthViewannual}/> -->
|
<input type="text" style="width:80px;" title="" name='annual' class="slds-input" value="" onblur={onChangeFn} disabled />
|
</td>
|
<!-- fy end -->
|
</tr>
|
</template>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</article>
|
|
</template>
|
