demo20230512/Views/Partial/LCA/DetailSurveyForm/Detail.cshtml
2023-05-12 10:20:28 +08:00

447 lines
22 KiB
Plaintext
Raw Blame History

@*
this view is responsibe for display Product and Organization LCA
*@
<div class="add_survey_body" ng-controller="LCADetailController" lca-detail>
<div class="survey_info">
<!--
<div class="survey_order_btn" style="z-index:3" ng-click="fileImportModal.show = true;" ng-show="lcaDetail.Status == 1 && !lcaDetail.isProductLCA">
@Resource.ImportOrganizationReport
</div>
-->
<div class="title" ng-hide="lcaDetail.isProductLCA">@Resource.StaticLabelLCAInfo</div>
<div class="title" ng-show="lcaDetail.isProductLCA">@Resource.StaticLabelProductLCAInfo</div>
<div class="survey_content">
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.LCAname</label>
<div class="col col-sm-4">
<input type="text" ng-model="lcaDetail.LCAname" />
</div>
<label class="col-sm-2 col-form-label">GWP-100 version</label>
<div class="col col-sm-4">
<select ng-model="lcaDetail.ARversion"
ng-options="arv as arv.ARversion for arv in lcaDetail.ARversionOptions track by arv.ARversion"
>
</select>
</div>
</div>
@*End CFT-26*@
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.LCAStartDate</label>
<div class="col">
<input type="text" value="{{ lcaDetail.StartDate | date: 'yyyy/MM/dd' }}" />
</div>
<label class="col-sm-2 col-form-label">@Resource.LCAEndDate</label>
<div class="col">
<input type="text" value="{{ lcaDetail.EndDate | date: 'yyyy/MM/dd' }}" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.Starter</label>
<div class="col">
<input type="text" ng-model="lcaDetail.LCAStarter" name="uCreater" />
</div>
<label class="col-sm-2 col-form-label">@Resource.SurveyJob</label>
<div class="col">
<input type="text" ng-model="lcaDetail.LCAStarterJob" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.Department</label>
<div class="col">
<input type="text" ng-model="lcaDetail.LCAStarterDepartment" />
</div>
<label class="col-sm-2 col-form-label">@Resource.PhoneNumber</label>
<div class="col">
<input type="text" ng-model="lcaDetail.LCAStarterPhone" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.UserEmail</label>
<div class="col">
<input type="email" ng-model="lcaDetail.LCAStarterEmail" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ParentLCAID</label>
<div class="col">
<input type="number"
ng-model="lcaDetail.parentLCAID"
ng-blur="ckParentLcaId()"
name="parentLCAID" />
</div>
</div>
<div class="row" ng-show="!lcaDetail.isProductLCA">
<label class="col-sm-2 col-form-label">@Resource.isBaseYear</label>
<div class="col">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.isBaseYear"
name="uIsBaseYear" />
</div>
<label class="col-sm-2 col-form-label">@Resource.BaseYearLCAID</label>
<div class="col">
<input type="text"
ng-model="lcaDetail.BaseYearLCAID"
name="BaseYearLCAID" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.StaticLabelCertificationCompany</label>
<div class="col col-sm-4">
<select ng-model="lcaDetail.VerifierCompanyID"
ng-options="item.ID as item.Name for item in certificationCompanyOptions">
<option value="">-- @Resource.StaticLabelGlobal_Select --</option>
</select>
</div>
<div class="col col-sm-3" ng-show="lcaDetail.VerifierCompanyID ==undefined">
<span style="color:red">@Resource.VerifiedCompanyNotSetText</span>
</div>
<div class="col col-sm-3">
<a href="{{VerifierCompanyDownloadLink}}" ng-show="VerifierCompanyDownloadLink != ''">@Resource.StaticLabelDownloadFile</a>
<span ng-show="VerifierCompanyDownloadLink == ''">@Resource.VerifierCompanyFileRequest</span>
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ScheduledVerificationDate</label>
<div class="col-sm-4">
<input type="text" disabled value="{{ lcaDetail.ScheduledVerificationDate | date: 'yyyy/MM/dd' }}" />
</div>
</div>
<div class="row">
<label ng-show="pcr" class="col-sm-2 col-form-label">PCR</label>
<div ng-show="pcr" class="col">
<input type="text" ng-model="pcr.DisplayName" />
</div>
@*<label class="col-sm-2 col-form-label">@Resource.AssmtScore</label>
<div class="col">
<input type="text" ng-model="lcaDetail.GradingScore" />
</div>survey_content*@
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.DescriptionAndExplanation</label>
<div class="col">
<textarea class="form-control" rows="3" ng-model="lcaDetail.Description" name="uDescription"></textarea>
</div>
</div>
<div class="row" style="float: right"
@*ng-show="lcaDetail.Status==1||lcaDetail.Status==0">*@
ng-show="lcaDetail.Status < 5">
<div class="col-7"></div>
<div class="col-2">
<button class="save_LCAInfo_btn" style="text-align:center;width:100%;" ng-click="updateLCA(lcaDetail.isProductLCA)" ng-disabled="checkAllocation(lcaDetail.isProductLCA)">
@Resource.StaticLabelGlobal_Save
</button>
</div>
<div class="col-3">
<div class="save_LCAInfo_btn" style="text-align:center" ng-click="recalculateAllLCA(lcaDetail.isProductLCA)">
@Resource.recalculateAllLCA
</div>
</div>
@*<div class="row">
<div class="col-10"></div>
<div class="col-1">
</div>
<div class="col-1">
</div>
</div>*@
<div class="save_LCAInfo_result_msg">{{saveResultMsg}}</div>
</div>
</div>
</div>
<div class="survey_info" ng-show="lcaDetail.isProductLCA">
<div class="title">
@Resource.StaticLabelSubjectProductInfo
</div>
<div class="survey_content">
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductName</label>
<div class="col">
<input type="text" ng-disabled="false"
ng-model="product.Name" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductSerialNumber</label>
<div class="col">
<input type="text" ng-disabled="false"
ng-model="product.SerialNumber" />
</div>
<label class="col-sm-2 col-form-label">@Resource.CustomerPartNumber</label>
<div class="col">
<input type="text" ng-model="lcaDetail.CustomerPartNumber" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductSpec</label>
<div class="col">
<input type="text" ng-disabled="false"
ng-model="product.SpecDescription" />
</div>
<label class="col-sm-2 col-form-label">@Resource.ProductEcoFriendlySymbol</label>
<div class="col">
<input type="text" ng-disabled="false" ng-model="product.EcoFriendlySymbol" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ProductAge</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="text" step="any" ng-disabled="false"
ng-model="product.ProductAge" />
</div>
<label class="col-sm-2 col-form-label">@Resource.ProductEcoFriendlyDescription</label>
<div class="col">
<input type="text" ng-disabled="false" ng-model="product.EcoFriendlyDescription" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.FunctionalUnit</label>
<div class="col-sm-4 input-group" style="flex-wrap: nowrap !important">
<input type="text" step="any"
ng-model="lcaDetail.FunctionalUnit" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ProductLCAFabProductionWeight</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required
ng-model="lcaDetail.FabProductionWeight"
ng-change="isTotal(product_survey);updateWeightAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">kg</span>
</div>
</div>
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductWeight</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" ng-disabled="false" required
ng-model="product.Weight"
ng-change="isTotal(product_survey);updateWeightAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">kg</span>
</div>
</div>
<label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(weightAllocationRatio)">
@Resource.WeightDistributionRatio {{ weightAllocationRatio }}
@*<2A>ֳt<D6B3>]<5D>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD>t<EFBFBD><74><EFBFBD><EFBFBD><EFBFBD>s*@
<button ng-click="setAllocationRatioToNone('Weight')">@Resource.AllocationNon</button>
</label>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ProductLCAFabProductionArea</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required ng-model="lcaDetail.FabProductionArea" ng-change="isTotal(product_survey);updateAreaAllocationRatio();"/>
<div class="input-group-append">
<span class="unit">m2</span>
</div>
</div>
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductAreaSize</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required ng-disabled="false"
ng-model="product.AreaSize"
ng-change="isTotal(product_survey);updateAreaAllocationRatio();"/>
<div class="input-group-append">
<span class="unit">m2</span>
</div>
</div>
<label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(areaAllocationRatio)">
@Resource.AreaDistributionRatio {{ areaAllocationRatio }}
@*<2A>ֳt<D6B3>]<5D>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD>t<EFBFBD><74><EFBFBD><EFBFBD><EFBFBD>s*@
<button ng-click="setAllocationRatioToNone('AreaSize')">@Resource.AllocationNon</button>
</label>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">
@Resource.ProductLCAFabProductionPcsPerYear
</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required
ng-model="lcaDetail.FabProductionPcs"
ng-change="updatePcsAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">pcs</span>
</div>
</div>
@*<label class="col-sm-2 col-form-label"> </label>
<div class="col input-group" style="flex-wrap: nowrap !important">
</div>*@
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductPcsPerYear</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any"
ng-model="lcaDetail.ProductProductionPcs"
ng-change="updatePcsAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">pcs</span>
</div>
</div>
<label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(pcsAllocationRatio)">
@Resource.ProductionDistributionRatio {{ pcsAllocationRatio }}
@*<2A>ֳt<D6B3>]<5D>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD>t<EFBFBD><74><EFBFBD><EFBFBD><EFBFBD>s*@
<button ng-click="setAllocationRatioToNone('ProductionQty')">@Resource.AllocationNon</button>
</label>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">
@Resource.ProductLCAFabProductionEconomicValue
</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required
ng-model="lcaDetail.FabProductionEconomic"
ng-change="updateEconomicAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">$</span>
</div>
</div>
<label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductEconomicValue</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required
ng-model="lcaDetail.ProductProductionEconomic"
ng-change="updateEconomicAllocationRatio()"/>
<div class="input-group-append">
<span class="unit">$</span>
</div>
</div>
<label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(economicAllocationRatio)">
@Resource.EconomicDistributionRatio {{ economicAllocationRatio }}
@*<2A>ֳt<D6B3>]<5D>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD>t<EFBFBD><74><EFBFBD><EFBFBD><EFBFBD>s*@
<button ng-click="setAllocationRatioToNone('EconomicCost')">@Resource.AllocationNon</button>
</label>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.StaticLabelStaffTotalWorkHour</label>
<div class="col input-group">
<input type="number" step="any" required
ng-model="lcaDetail.FabProductionHour"
name="FabProductionHour"
ng-change="updateWorkhourAllocationRatio()" />
<div class="input-group-append">
<span class="unit">hr</span>
</div>
</div>
<label class="col-sm-2 col-form-label">@Resource.StaticLabelProductionTotalWorkHour</label>
<div class="col input-group" style="flex-wrap: nowrap !important">
<input type="number" step="any" required
ng-model="lcaDetail.ProductProductionHour"
name="ProductProductionHour"
ng-change="updateWorkhourAllocationRatio()" />
<div class="input-group-append">
<span class="unit">hr</span>
</div>
</div>
<label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(workhourAllocationRatio)">
@Resource.WorkingHoursDistributionRatio {{ workhourAllocationRatio }}
@*<2A>ֳt<D6B3>]<5D>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD>t<EFBFBD><74><EFBFBD><EFBFBD><EFBFBD>s*@
<button ng-click="setAllocationRatioToNone('WorkHour')">@Resource.AllocationNon</button>
</label>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.ProductLifecycle</label>
<div class="col-sm-2">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.HasProductLifeCycle_MaterialsObtained"
id="subscribeNews" />
<label for="subscribeNews">@Resource.MaterialsObtained</label>
</div>
<div class="col-sm-2">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.HasProductLifeCycle_Manufacturing"
id="subscribeNews1" />
<label for="subscribeNews1">@Resource.Manufacturing</label>
</div>
<div class="col-sm-2">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.HasProductLifeCycle_DeliverySales"
id="subscribeNews2" />
<label for="subscribeNews2">@Resource.DeliverySales</label>
</div>
<div class="col-sm-2">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.HasProductLifeCycle_ProductUse"
id="subscribeNews3" />
<label for="subscribeNews3">@Resource.ProductUse</label>
</div>
<div class="col-sm-2">
<input type="checkbox" style="width:auto"
ng-model="lcaDetail.HasProductLifeCycle_Abandonment"
id="subscribeNews4" />
<label for="subscribeNews4">@Resource.Abandonment</label>
</div>
</div>
</div>
</div>
<div class="survey_info">
<div class="title">
@Resource.StaticLabelFabInfo
</div>
<div class="survey_content">
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.FabName</label>
<div class="col col-sm-4">
<input type="text" ng-disabled="true" ng-model="fab.Name" />
</div>
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.FabPhone</label>
<div class="col">
<input type="text" ng-disabled="true"
ng-model="fab.Phone" required />
</div>
@*<label class="col-sm-2 col-form-label">@Resource.IsIso14064Passed</label>
<div class="col">
<select class="form-select"
disabled="disabled"
ng-model="fab.IsIso14064Passed"
ng-options="option.value as option.text for option in isoOptions"></select>
</div>*@
</div>
<div class="row">
<label class="col-sm-2 col-form-label">@Resource.FabAddress</label>
<div class="col">
<input type="text" ng-disabled="true" ng-model="fab.Address" required />
</div>
</div>
</div>
<table-edit-modal display-option="fileImportModal" passed-form="editForm">
</table-edit-modal>
<div class="table_edit_wrap transition" ng-class="{show_table_edit: fileImportModal.show}">
<div class="edit_form">
<div>
<input id="importFile" type="file" file read-file="selectFile(file)" display-option="modalFormOption">
<button class="mt-2 mb-2 col-sm-2 survey_order_btn" style="float:unset" ng-click="import()" ng-show="hasFile">@Resource.StaticLabelImport</button>
<div style="white-space: pre">{{ importErrorMsg }}</div>
</div>
<div class="popout_cancel" ng-click="close()" style="top: 10px; right: 10px;">
<img ng-src="~/Browser_Local/img/header_image7_{{cancel_icon}}.png"
ng-init="cancel_icon = 1"
ng-mouseover="cancel_icon = 2"
ng-mouseleave="cancel_icon = 1" />
</div>
</div>
</div>
</div>
</div>