项目管理成本明细表

src/main/resources/static/assets/js/project_budget_cost_project_manage.js

@@ -0,0 +1,91 @@
+/**
+ * 一个采购成本详情的字段
+ */
+COST_PROJECT_MANAGE_DETAIL_ARR=["type","name","detail","unit","amount","price","total","predictMethod","predictWhy","remark"];
+$(function () {
+    $("#cost-project-manage-detail").click(function () {
+        $('#my-prompt-cost-project-manage-detail').modal({
+            relatedTarget: this,
+            onConfirm: function(e) {
+                //不能使用e.data，因为无法获取动态添加的
+                var data = collectData("am-modal-prompt-input-cost-project-manage");
+                data = prepareAjaxData(data, COST_PROJECT_MANAGE_DETAIL_ARR, $("#id").val());
+                saveDetail("/fourcal/project/budgetEditSaveCostProjectManageDetail", data, updateCostProjectManageData);
+            },
+            onCancel: function(e) {
+            }
+        });
+    });
+    $("#costProjectManageAddBtn").click(function () {
+        appendTrCostProjectManage();
+    });
+});
+/**
+ * 采购成本增加一行
+ */
+function appendTrCostProjectManage() {
+    var template = '<tr>\n' +
+        '        <td>\n' +
+        '            <select style="width: auto" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage">\n' +
+        '                <option value="1" >人工成本</option>\n' +
+        '                <option value="2" >业务费用</option>\n' +
+        '                <option value="3" >其他费用</option>\n' +
+        '            </select>\n' +
+        '        </td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" readonly></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
+        '        <td><button type="button" class="am-btn am-btn-warning am-btn-xs am-modal-line-delete"><span class="am-icon-minus"></span></button></td>\n' +
+        '    </tr>';
+    $("#costProjectManageTable").append(template);
+    //重新绑定删除事件和input修改事件
+    bindDeleteBtn();
+    bindChangeableInputProjectManage();
+}
+
+function bindChangeableInputProjectManage() {
+    //数量改变
+    $(".input-changeable-amount0").change(function () {
+        var amount = parseFloat($(this).val());
+        //找到对应的单价
+        var price = parseFloat($(this).parent().parent().find(".input-changeable-price-project-manage").val());
+        console.log(amount,price);
+
+        $(this).parent().parent().find(".input-changeable-total-project-manage").val(amount*price);
+    });
+    //单价改变
+    $(".input-changeable-price0").change(function () {
+        var price = parseFloat($(this).val());
+        //找到对应的数量
+        var amount = parseFloat($(this).parent().parent().find(".input-changeable-amount-project-manage").val());
+        console.log(amount,price);
+
+        $(this).parent().parent().find(".input-changeable-total-project-manage").val(amount*price);
+    });
+}
+/**
+ * 更新页面收入的数据【累加】
+ */
+function updateCostProjectManageData(details) {
+    var total = 0;
+    details.forEach(function (t, number, ts) {
+        total += parseFloat(t["total"]);
+    });
+
+    $("input[name='costProjectManageTaxExclude']").val(total);
+
+    var costPurchaseDeviceTaxExclude = parseFloat($("input[name='costPurchaseDeviceTaxExclude']").val());
+    var costPurchaseBuildTaxExclude = parseFloat($("input[name='costPurchaseBuildTaxExclude']").val());
+    var costPurchaseServiceTaxExclude = parseFloat($("input[name='costPurchaseServiceTaxExclude']").val());
+    var costPurchaseOtherTaxExclude = parseFloat($("input[name='costPurchaseOtherTaxExclude']").val());
+
+    var costOtherOtherTaxExclude = parseFloat($("input[name='costOtherOtherTaxExclude']").val());
+
+    $("input[name='costTotalTaxExclude']").val(costPurchaseDeviceTaxExclude+costPurchaseBuildTaxExclude+costPurchaseServiceTaxExclude+costPurchaseOtherTaxExclude+total+costOtherOtherTaxExclude);
+}

src/main/resources/templates/admin/project_budget_edit.ftl

@@ -522,9 +522,61 @@
             </div>
         </div>
     </div>
+    <#--项目管理明细表弹窗-->
+    <div class="am-modal am-modal-prompt" style="width: 1200px;max-height:600px;overflow-y:auto;" tabindex="-1" id="my-prompt-cost-project-manage-detail">
+        <div class="am-modal-dialog">
+            <div class="am-modal-hd">新增项目管理成本明细表——${project.name}</div>
+            <div class="am-modal-bd">
+                <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;" id="costProjectManageTable">
+                    <tbody>
+                    <tr>
+                        <td>财务费用类别</td>
+                        <td>业务项目</td>
+                        <td>项目明细</td>
+                        <td>单位</td>
+                        <td>数量</td>
+                        <td>单价</td>
+                        <td>总金额（元）</td>
+                        <td>预估计算方法</td>
+                        <td>预估依据</td>
+                        <td>备注</td>
+                        <td>操作</td>
+                    </tr>
 
+                        <#if costProjectManageDetails??>
+                            <#list costProjectManageDetails as costProjectManageDetail>
+                            <tr>
+                                <td>
+                                    <select style="width: auto" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage">
+                                        <option value="1" <#if costProjectManageDetail.type == 1>selected</#if>>人工成本</option>
+                                        <option value="2" <#if costProjectManageDetail.type == 2>selected</#if>>业务费用</option>
+                                        <option value="3" <#if costProjectManageDetail.type == 3>selected</#if>>其他费用</option>
+                                    </select>
+                                </td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.name!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.detail!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.unit!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage" value="${costProjectManageDetail.amount!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage" value="${costProjectManageDetail.price!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" value="${costProjectManageDetail.total!}" readonly></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictMethod!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictWhy!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.remark!}"></td>
+                                <td><button type="button" class="am-btn am-btn-warning am-btn-xs am-modal-line-delete"><span class="am-icon-minus"></span></button></td>
+                            </tr>
+                            </#list>
+                        </#if>
 
-
+                    </tbody>
+                </table>
+                <button type="button" id="costProjectManageAddBtn" class="am-btn am-btn-primary am-btn-xs"><span class="am-icon-plus"></span></button>
+            </div>
+            <div class="am-modal-footer">
+                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
+                <span class="am-modal-btn" data-am-modal-confirm>保存</span>
+            </div>
+        </div>
+    </div>
 
 
 
@@ -545,12 +597,14 @@
 <script src="${base}/assets/js/project_common.js"></script>
 <script src="${base}/assets/js/project_budget_income.js"></script>
 <script src="${base}/assets/js/project_budget_cost.js"></script>
+<script src="${base}/assets/js/project_budget_cost_project_manage.js"></script>
 <script>
     $(function () {
 
         bindDeleteBtn();
         bindChangeableInput();
         bindOtherOtherChangeable();
+        bindChangeableInputProjectManage();
 
 
         $("#saveDraft").click(function () {