demo20230512/Views/Partial/LCA/DetailSurveyForm/RiskAssmtForm/MaterialC3Emission.cshtml

<style type="text/css">
</style>

@* the select function is provided by select-row directive*@
<div ng-controller="MaterialC3EmissionController" select-row lca-detail>
    @* header *@
    @* header's button style is controlled by header-content-layout, the business logic(ng-show) is controlled here *@
    <div class="body_content container" style="margin-top: 10px;">
        <div header-content-layout>

            @*header content layout provide the general function like mouse over and background image*@
            <div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image1 }"
                 ng-show="lcaDetail.Status==1"
                 ng-click="createProcess()"
                 ng-mouseover="headerLayout.headerImageChange(1, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(1, 1)">

                <div class="tooltip" ng-show="headerLayout.show1">
                    <div ng-style="{ width: headerLayout.tooltipWidth(1) }">
                        @Resource.StaticLabelAddNew
                    </div>
                </div>
            </div>

            <div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image4 }"
                 ng-click="editProcess(selectRow.getSelected())"
                 ng-mouseover="headerLayout.headerImageChange(4, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(4, 1)"
                 ng-show="selectRow.getSelected() != null">

                <div class="tooltip" ng-show="headerLayout.show4">
                    <div ng-style="{ width: headerLayout.tooltipWidth(4) }">
                        @Resource.StaticLabelGlobal_Edit
                    </div>
                </div>
            </div>

            <div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image6 }"
                 ng-click="deleteProcess(selectRow.getSelected())"
                 ng-mouseover="headerLayout.headerImageChange(6, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(6, 1)"
                 ng-show="selectRow.getSelected() != null">

                <div class="tooltip" ng-show="headerLayout.show6">
                    <div ng-style="{ width: headerLayout.tooltipWidth(6) }">
                        @Resource.StaticLabelGlobal_Delete
                    </div>
                </div>
            </div>

            @*<div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image8 }"
                 ng-click="modelBuilder.export(model)"
                 ng-mouseover="headerLayout.headerImageChange(8, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(8, 1)">

                <div class="tooltip" ng-show="headerLayout.show8">
                    <div ng-style="{ width: tooltipWidth(8) }">
                        @Resource.StaticLabelExportBOM
                    </div>
                </div>
            </div>*@

            @*<div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image9 }"
                 ng-click="fileImportModal.show = true;"
                 ng-mouseover="headerLayout.headerImageChange(9, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(9, 1)">

                <div class="tooltip" ng-show="headerLayout.show9">
                    <div ng-style="{ width: tooltipWidth(9) }">
                        @Resource.StaticLabelImprotBOM
                    </div>
                </div>
            </div>*@

            @*<div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image17 }"
                 ng-click="quoteModal.show = true;"
                 ng-mouseover="headerLayout.headerImageChange(17, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(17, 1)">

                <div class="tooltip" ng-show="headerLayout.show17">
                    <div ng-style="{ width: tooltipWidth(17) }">
                        @Resource.StaticLabelReferenceData
                    </div>
                </div>
            </div>*@

            @*<div class="header_image_button"
                 ng-style="{ backgroundImage: headerLayout.header_image11 }"
                 ng-click="search_box = !search_box"
                 ng-mouseover="headerLayout.headerImageChange(11, 2)"
                 ng-mouseleave="headerLayout.headerImageChange(11, 1)">

                <div class="tooltip" ng-show="headerLayout.show11">
                    <div ng-style="{ width: tooltipWidth(11) }">
                        @Resource.StaticLabelGlobal_Search
                    </div>
                </div>
            </div>*@

            <div class="header_search" ng-show="!Table_Edit_State">
                <input type="text" class="transition" ng-model="searchText" ng-class="{ expand: search_box }" />
            </div>

        </div>
    </div>
    @* end of header *@

    @* the body of index *@
<div class="body_content" ng-model="currentPage" ng-init="currentPage = 1">
    <div class="table_overflow">
        <table class="table">
            <thead>
                <tr class="table-active" style="text-align:center">
                    <th>@Resource.MaterialNo</th>
                    <th>@Resource.RAMC3EMaterialName</th>
                    <th>@Resource.RAMC3EMaterialPCS</th>
                    <th>@Resource.RAMC3EMaterialSpec (kg)</th>
                    @*<th>转换后</th>*@
                    @*<th>单位</th>*@
                    <th>@Resource.RAMC3EMaterialActivity</th>
                    <th>@Resource.RAMC3EMaterialActivityUnit</th>
                    <th>@Resource.RAMC3EMaterialScalar (@Resource.KgCO2e)</th>
                    <th>宣告单位</th>
                    <th>@Resource.RAMC3EMaterialQty (@Resource.KgCO2e)</th>
                    <th>@Resource.RAIntlTravelRemark</th>
                </tr>
            </thead>
            <tbody ng-mouseleave="setHoverColumnRow(-1, -1, -1)">
                <tr class="survey_order_table_row"
                    ng-class="{ selected: row == selectRow.getSelected() }"
                    ng-click="selectRow.select(row)"
                    ng-dblclick="editProcess(row)"
                    ng-repeat="row in model">
                    <td ng-bind="row.MaterialNo"></td>
                    <td ng-bind="row.MaterialName"></td>
                    <td ng-bind="row.AnnualPurchaseAmount"></td>
                    <td ng-bind="row.MaterialSpec"></td>
                    @*<td ng-bind="row.TransferredMaterialSpec"></td>*@
                    @*<td ng-bind="row.TransferredMaterialSpecUnit"></td>*@
                    <td ng-bind="row.ActivityIntensity"align="right></td>
                    <td ng-bind="row.ActivityIntensityUnit"></td>
                    <td ng-bind="row.KgCO2e"align="right></td>
                    <td ng-bind="row.Unit"></td>
                    <td ng-bind="row.Emission"align="right></td>
                    <td class="comment_td" ng-bind="row.Comment"></td>
                </tr>
                <tr style="border-bottom: solid 1px rgb(214, 214, 214);">
                    <td ng-show="model.length == 0">
                        @Resource.NoData
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    @* end of the body of index *@

    @*<page passed-total-page="Math.ceil((model | filter : searchText).length / 10)" passed-current-page="currentPage"></page>*@

    @* the detail modal form *@
    <form name="editForm" novalidate>
        <table-edit-modal display-option="modalFormOption" passed-form="editForm">

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.MaterialNo</label>
                <div class="col col-sm-8">
                    <input name="materialNo"
                           type="text"
                           placeholder="@Resource.RequiredMessage"
                           required
                           ng-model="selectRow.toBeEdit.MaterialNo">
                </div>
                <div class="validation_block">
                    <div ng-show="editForm.materialNo.$dirty">
                        <small ng-show="editForm.materialNo.$error.max">@Resource.MaxValidateMsg {{CONSTANTS.MAXNUMVALUE}}</small>
                    </div>
                </div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialName</label>
                <div class="col col-sm-8">
                    <input type="text" ng-model="selectRow.toBeEdit.MaterialName" />
                </div>
                <div class="validation_block"></div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialPCS</label>
                <div class="col col-sm-8">
                    <input name="annualPurchaseAmount"
                           type="number" step="any"
                           placeholder="@Resource.RequiredMessage"
                           required
                           max="{{CONSTANTS.MAXNUMVALUE}}"
                           ng-model="selectRow.toBeEdit.AnnualPurchaseAmount"
                           ng-change="calcActivityAndEmission(selectRow.toBeEdit)">
                </div>
                <div class="validation_block">
                    <div ng-show="editForm.annualPurchaseAmount.$dirty">
                        <small ng-show="editForm.annualPurchaseAmount.$error.max">@Resource.MaxValidateMsg {{CONSTANTS.MAXNUMVALUE}}</small>
                    </div>
                </div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialSpec (kg)</label>
                <div class="col col-sm-8">
                    <input name="materialSpec"
                           type="number" step="any"
                           max="{{CONSTANTS.MAXNUMVALUE}}"
                           placeholder="@Resource.RequiredMessage"
                           required
                           ng-model="selectRow.toBeEdit.MaterialSpec"
                           ng-change="calcActivityAndEmission(selectRow.toBeEdit)">
                </div>
                <div class="validation_block">
                    <div ng-show="editForm.materialSpec.$dirty">
                        <small ng-show="editForm.materialSpec.$error.max">@Resource.MaxValidateMsg {{CONSTANTS.MAXNUMVALUE}}</small>
                    </div>
                </div>
            </div>

            @*<div class="row">
            <label class="col-sm-4 col-form-label">转换后</label>
            <div class="col col-sm-8">
                <input name="transferredMaterialSpec"
                       type="number" step="any"
                       placeholder="@Resource.RequiredMessage"
                       required
                       ng-model="selectRow.toBeEdit.TransferredMaterialSpec"
                       ng-change="calcActivityAndEmission(selectRow.toBeEdit)">
            </div>
            <div class="validation_block"></div>
        </div>*@

            @*<div class="row">
            <label class="col-sm-4 col-form-label">单位</label>
            <div class="col col-sm-8">
                <select name="transferredMaterialSpecUnit"
                        required
                        ng-model="selectRow.toBeEdit.TransferredMaterialSpecUnit">
                    <option value="">-- @Resource.StaticLabelGlobal_Select --</option>
                    <option value="kg">kg</option>
                    <option value="m">m</option>
                    <option value="m2">m2</option>
                </select>
            </div>
            <div class="validation_block"></div>
        </div>*@

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialActivity</label>
                <div class="col col-sm-8">
                    <input name="activityIntensity"
                           type="number" step="any"
                           readonly="readonly"
                           ng-model="selectRow.toBeEdit.ActivityIntensity">
                </div>
                <div class="validation_block"></div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialActivityUnit</label>
                <div class="col col-sm-8">
                    <input name="activityIntensityUnit"
                           type="text"
                           required
                           placeholder="@Resource.RequiredMessage"
                           ng-model="selectRow.toBeEdit.ActivityIntensityUnit">
                </div>
                <div class="validation_block"></div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialScalar (@Resource.KgCO2e)</label>
                <div class="col col-sm-8">
                    <input name="kgCO2e"
                           type="number" step="any"
                           max="{{CONSTANTS.MAXNUMVALUE}}"
                           placeholder="@Resource.RequiredMessage"
                           required
                           ng-model="selectRow.toBeEdit.KgCO2e"
                           ng-change="calcEmission(selectRow.toBeEdit)">
                    <div class="header_image_button simapro-image-button"
                         ng-click="selectSimaproProcess(selectRow.toBeEdit)">
                    </div>
                </div>
                <div class="validation_block">
                    <div ng-show="editForm.kgCO2e.$dirty">
                        <small ng-show="editForm.kgCO2e.$error.max">@Resource.MaxValidateMsg {{CONSTANTS.MAXNUMVALUE}}</small>
                    </div>
                </div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialAddressUnit</label>
                <div class="col col-sm-8">

                    <input name="unit"
                           type="text"
                           required
                           placeholder="@Resource.RequiredMessage"
                           ng-model="selectRow.toBeEdit.Unit">
                </div>
            </div>
            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialQty (@Resource.KgCO2e)</label>
                <div class="col col-sm-8">
                    <input name="emission"
                           type="number" step="any"
                           readonly="readonly"
                           ng-model="selectRow.toBeEdit.Emission">
                </div>
            </div>

            <div class="row">
                <label class="col-sm-4 col-form-label">@Resource.RAIntlTravelRemark</label>
                <div class="col col-sm-8">
                    <input type="text"
                           ng-model="selectRow.toBeEdit.Comment">
                </div>
            </div>

            <div class="survey_btn_wrap">
                <div class="survey_content" style="float: right">
                    <div class="row">
                        <button class="header_button"
                                style="float: left; margin-left: 16px;"
                                ng-click="save()"
                                ng-show="lcaDetail.Status==1"
                                ng-disabled="editForm.$invalid">
                            @Resource.StaticLabelGlobal_Save
                        </button>
                    </div>
                </div>
            </div>
        </table-edit-modal>
    </form>
    @* end of the detail modal form *@

    @*<table-edit-modal display-option="fileImportModal">
            <div file-import-process import-option="fileImportOptions"></div>
        </table-edit-modal>*@

    <simapro display-option="simaproOption">
        <div>@Resource.PartNumber : <span ng-bind="selectRow.getSelected().PartNumber"></span></div>
        <div>@Resource.MaterialName : <span ng-bind="selectRow.getSelected().Name"></span></div>
    </simapro>

    <table-edit-modal display-option="quoteModal">
        <div></div>
        <div quote quote-options="quoteOptions"></div>
    </table-edit-modal>
    @*<div class="footnote">
            @Html.Raw(@Resource.FootnoteRefrigerant.Replace("\r\n", "<br>"))
        </div>*@
</div>
</div>