项目成本汇集层总成本详情+下载；导出按钮自定义显示

src/views/module_kzks/projectCostList/ProjectCostList.vue

@@ -288,7 +288,10 @@
 
     </div>
 
+    <!-- 详情弹窗 -->
     <project-detail-modal ref="proCostDetail"></project-detail-modal>
+    <!-- 总成本弹窗 -->
+    <project-zcb-detail-modal ref="proCostZcbDetail"></project-zcb-detail-modal>
 
     <j-modal
       :width="1200"
@@ -331,6 +334,7 @@
   import { mixinDevice } from '@/utils/mixin'
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'
   import ProjectDetailModal from './modulesDetail/ProjectDetailModal'
+  import ProjectZcbDetailModal from './modulesDetail/ProjectZcbDetailModal'
   import AllList from '../projectContrastList/allList.vue'
   import WuliaoList from '../projectContrastList/wuliaoList.vue'
   import { getAction, downFile } from '@/api/manage'
@@ -345,6 +349,7 @@ import { number } from 'echarts';
         AllList,
         WuliaoList,
         ProjectDetailModal,
+        ProjectZcbDetailModal,
         ContrastModal,
         ProjectImportListModal,
     },
@@ -517,6 +522,7 @@ import { number } from 'echarts';
             customRender: (text) => {
               return (Number(text)/10000).toFixed(2)
             },
+            customCell: (record, index)=>{ return this.customCellZcbDetail(record, index, 'zcb', '总成本')}
           },
           {
             title:'利润额',
@@ -1120,6 +1126,32 @@ import { number } from 'echarts';
           },
         };
       },
+      // 因为新需要tab标签所以单独写一个总成本的详情，不用原来的
+      customCellZcbDetail(record, index, columnValue, columnTitle){
+        // 子级总成本不设置弹窗
+        if(record.id === 'amount' || (record.ji === 2 && columnValue === 'zcb')){
+          return false
+        }
+        return {
+          style: {
+            'color': "#1890ff !important",
+            'cursor': "pointer",
+          },
+          on: {
+            // 点击事件
+            click: (event) => {
+            },
+            // 双击事件
+            dblclick: (event) => {
+              console.log(record, index, columnValue, columnTitle)
+              var tasknos = record.children.map(item=>item.taskno)
+              this.$refs.proCostZcbDetail.taskno = tasknos.join(',')
+              this.$refs.proCostZcbDetail.title =  columnTitle + '明细'
+              this.$refs.proCostZcbDetail.show()
+            }
+          }
+        }
+      },
       detailClick(text, record, columnValue, columnTitle){
         if(!this.isClick){
           return

src/views/module_kzks/projectCostList/modulesDetail/MaterialDetailList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator" v-if="!detail">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -38,9 +38,9 @@
         type: String,
         default: ''
       },
-      detail: {
+      showBtn: {
         type: Boolean,
-        default: false
+        default: true
       },
       cengji: {
         default: 2
@@ -61,20 +61,235 @@
               return parseInt(index)+1;
             }
           },
+          // {
+          //   title:'出库单号',
+          //   align:"center",
+          //   dataIndex: 'ckdh'
+          // },
+          // {
+          //   title:'物料编码',
+          //   align:"center",
+          //   dataIndex: 'wlbm'
+          // },
+          // {
+          //   title:'物料名称',
+          //   align:"center",
+          //   dataIndex: 'wlmc'
+          // },
+          // {
+          //   title:'采购单价',
+          //   align:"center",
+          //   dataIndex: 'cgdj'
+          // },
+          // {
+          //   title:'内部单价',
+          //   align:"center",
+          //   dataIndex: 'nbdj'
+          // },
+          // {
+          //   title:'实发主数量',
+          //   align:"center",
+          //   dataIndex: 'sfzsl'
+          // },
+          {
+            title:'库存组织',
+            align:"center",
+            dataIndex: 'kczz'
+          },
+          {
+            title:'仓库',
+            align:"center",
+            dataIndex: 'ck'
+          },
+          {
+            title:'制单人',
+            align:"center",
+            dataIndex: 'zdr'
+          },
+          {
+            title:'制单日期',
+            align:"center",
+            dataIndex: 'zdrq'
+          },
           {
             title:'出库单号',
             align:"center",
             dataIndex: 'ckdh'
           },
           {
+            title:'行号',
+            align:"center",
+            dataIndex: 'hh'
+          },
+          {
+            title:'出库类型',
+            align:"center",
+            dataIndex: 'cklx'
+          },
+          {
+            title:'原图纸编码',
+            align:"center",
+            dataIndex: 'ytzbm'
+          },
+          {
+            title:'原图纸规格',
+            align:"center",
+            dataIndex: 'ytzgg'
+          },
+          {
+            title:'物料分类',
+            align:"center",
+            dataIndex: 'wlfl'
+          },
+          {
             title:'物料编码',
             align:"center",
             dataIndex: 'wlbm'
           },
           {
-            title:'物料名称',
+            title:'是否积压物资',
+            align:"center",
+            dataIndex: 'sfjywz'
+          },
+          {
+            title:'	国产/进口',
+            align:"center",
+            dataIndex: 'gcjk'
+          },
+          {
+            title:'物资名称',
+            align:"center",
+            dataIndex: 'wzmc'
+          },
+          {
+            title:'型号规格',
+            align:"center",
+            dataIndex: 'ggxh'
+          },
+          {
+            title:'外观标识',
+            align:"center",
+            dataIndex: 'wgbs'
+          },
+          {
+            title:'供应商批次号',
+            align:"center",
+            dataIndex: 'gyspch'
+          },
+          {
+            title:'质量等级',
+            align:"center",
+            dataIndex: 'zldj'
+          },
+          {
+            title:'封装形式',
+            align:"center",
+            dataIndex: 'fzxs'
+          },
+          {
+            title:'生产厂商',
+            align:"center",
+            dataIndex: 'sccs'
+          },
+          {
+            title:'应发数量',
+            align:"center",
+            dataIndex: 'yfsl'
+          },
+          {
+            title:'实发数量',
+            align:"center",
+            dataIndex: 'sfsl'
+          },
+          {
+            title:'质保有效期',
+            align:"center",
+            dataIndex: 'zbyxq'
+          },
+          {
+            title:'质保单位',
+            align:"center",
+            dataIndex: 'zbdw'
+          },
+          {
+            title:'质保依据',
+            align:"center",
+            dataIndex: 'zbyj'
+          },
+          {
+            title:'配套指令号',
+            align:"center",
+            dataIndex: 'ptzlh'
+          },
+          {
+            title:'投产任务号',
+            align:"center",
+            dataIndex: 'tcrwh'
+          },
+          {
+            title:'研制阶段',
+            align:"center",
+            dataIndex: 'yzjd'
+          },
+          {
+            title:'设备名称',
+            align:"center",
+            dataIndex: 'sbmc'
+          },
+          {
+            title:'单板号',
             align:"center",
-            dataIndex: 'wlmc'
+            dataIndex: 'dbh'
+          },
+          {
+            title:'合格证号',
+            align:"center",
+            dataIndex: 'hgzh'
+          },
+          {
+            title:'合格证是否已上传',
+            align:"center",
+            dataIndex: 'hgzysc'
+          },
+          {
+            title:'DPA号',
+            align:"center",
+            dataIndex: 'dpah'
+          },
+          {
+            title:'领用单位',
+            align:"center",
+            dataIndex: 'lydw'
+          },
+          {
+            title:'领用人',
+            align:"center",
+            dataIndex: 'lyr'
+          },
+          {
+            title:'仓库名称',
+            align:"center",
+            dataIndex: 'ckmc'
+          },
+          {
+            title:'单据状态',
+            align:"center",
+            dataIndex: 'djztone'
+          },
+          {
+            title:'单位',
+            align:"center",
+            dataIndex: 'dw'
+          },
+          {
+            title:'内转移价',
+            align:"center",
+            dataIndex: 'nzyj'
+          },
+          {
+            title:'单价',
+            align:"center",
+            dataIndex: 'nbdj'
           },
           {
             title:'采购单价',
@@ -82,14 +297,94 @@
             dataIndex: 'cgdj'
           },
           {
-            title:'内部单价',
+            title:'金额',
             align:"center",
-            dataIndex: 'nbdj'
+            dataIndex: 'je'
+          },
+          {
+            title:'储位号',
+            align:"center",
+            dataIndex: 'cwh'
+          },
+          {
+            title:'当前保管员',
+            align:"center",
+            dataIndex: 'dqbgy'
+          },
+          {
+            title:'出库状态',
+            align:"center",
+            dataIndex: 'ckzt'
+          },
+          {
+            title:'单据状态',
+            align:"center",
+            dataIndex: 'djzttwo'
+          },
+          {
+            title:'配套单号',
+            align:"center",
+            dataIndex: 'ptdh'
+          },
+          {
+            title:'备料计划单号',
+            align:"center",
+            dataIndex: 'bljhdh'
+          },
+          {
+            title:'批次号',
+            align:"center",
+            dataIndex: 'pch'
+          },
+          {
+            title:'首次入库时间',
+            align:"center",
+            dataIndex: 'scrksj'
+          },
+          {
+            title:'任务号',
+            align:"center",
+            dataIndex: 'rwh'
+          },
+          {
+            title:'型号分类',
+            align:"center",
+            dataIndex: 'xhfl'
+          },
+          {
+            title:'军品管理员',
+            align:"center",
+            dataIndex: 'jpgly'
+          },
+          {
+            title:'民品管理员',
+            align:"center",
+            dataIndex: 'mpgly'
+          },
+          {
+            title:'箱号',
+            align:"center",
+            dataIndex: 'xh'
+          },
+          {
+            title:'智能仓储标识',
+            align:"center",
+            dataIndex: 'znccbs'
+          },
+          {
+            title:'打印次数',
+            align:"center",
+            dataIndex: 'dycs'
+          },
+          {
+            title:'A',
+            align:"center",
+            dataIndex: 'a'
           },
           {
-            title:'实发主数量',
+            title:'优先级',
             align:"center",
-            dataIndex: 'sfzsl'
+            dataIndex: 'yxj'
           },
         ],
         url: {

src/views/module_kzks/projectCostList/modulesDetail/PichanTaskList.vue

@@ -60,7 +60,7 @@
         <a-col :span="10">
           <!-- 材料费 -->
           <div style="height: 31px;">{{ tasknoCl+'材料费明细' }}</div>
-          <material-detail-list :taskno="tasknoCl" detail></material-detail-list>
+          <material-detail-list :taskno="tasknoCl" :showBtn="false"></material-detail-list>
         </a-col>
       </a-row>
       

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbGlfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -39,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbGzfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -39,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbRdfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -39,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbRgfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -40,6 +39,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbSwfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -39,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbSxfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -39,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbWxfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -16,7 +16,6 @@
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
         class="j-table-force-nowrap"
         @change="handleTableChange">
       </a-table>
@@ -40,6 +39,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectChbZyfList.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card :bordered="false" class="u-dialog-card">
     <!-- 操作按钮区域 -->
-    <div class="table-operator">
+    <div class="table-operator" v-if="showBtn">
       <a-button type="primary" icon="download" @click="handleExport">导出</a-button>
     </div>
     <!-- table区域-begin -->
@@ -38,6 +38,12 @@
         type: String,
         default: ''
       },
+      // 是否显示导出按钮，默认显示
+      showBtn: {
+        type: Boolean,
+        default: true
+      },
+      // 当前层级：1表示汇集层  2表示子级层
       cengji: {
         default: 2
       }

src/views/module_kzks/projectCostList/modulesDetail/ProjectZcbDetailModal.vue

@@ -0,0 +1,146 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    cancelText="关闭"
+    @cancel="handleCancel">
+    <a-card :bordered="false" class="u-dialog-card">
+      <div class="table-operator">
+        <a-button type="primary" icon="download" @click="handleExportXls('总成本明细')">导出</a-button>
+      </div>
+      <a-tabs default-active-key="clf" @change="changeTab">
+        <a-tab-pane key="clf" tab="材料费">
+          <!-- 材料费 -->
+          <material-detail-list :taskno="taskno" :cengji="cengji" :showBtn="false"></material-detail-list>
+        </a-tab-pane>
+        <a-tab-pane key="zyf" tab="专用费">
+          <!-- 专用费 -->
+          <project-chb-zyf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-zyf-list>
+        </a-tab-pane>
+        <a-tab-pane key="swf" tab="事务费">
+          <!-- 事务费 -->
+          <project-chb-swf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-swf-list>
+        </a-tab-pane>
+        <a-tab-pane key="wxf" tab="外协费">
+          <!-- 外协费 -->
+          <project-chb-wxf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-wxf-list>
+        </a-tab-pane>
+        <a-tab-pane key="rldlf" tab="燃动费">
+          <!-- 燃动费 -->
+          <project-chb-rdf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-rdf-list>
+        </a-tab-pane>
+        <a-tab-pane key="gdzczj" tab="固资费">
+          <!-- 固资费 -->
+          <project-chb-gzf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-gzf-list>
+        </a-tab-pane>
+        <a-tab-pane key="gzjlwf" tab="人工费">
+          <!-- 人工费 -->
+          <project-chb-rgf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-rgf-list>
+        </a-tab-pane>
+        <a-tab-pane key="glf" tab="管理费">
+          <!-- 管理费 -->
+          <project-chb-glf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-glf-list>
+        </a-tab-pane>
+        <a-tab-pane key="sxf" tab="筛选费">
+          <!-- 筛选费 -->
+          <project-chb-sxf-list :taskno="taskno" :cengji="cengji" :showBtn="false"></project-chb-sxf-list>
+        </a-tab-pane>
+      </a-tabs>
+    </a-card>
+
+    <template slot="footer">
+      <a-button @click="handleCancel">关闭</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+import MaterialDetailList from './MaterialDetailList.vue'
+import ProjectChbSwfList from './ProjectChbSwfList.vue'
+import ProjectChbWxfList from './ProjectChbWxfList.vue'
+import ProjectChbZyfList from './ProjectChbZyfList.vue'
+import ProjectChbSxfList from './ProjectChbSxfList.vue'
+import ProjectChbRdfList from './ProjectChbRdfList.vue'
+import ProjectChbRgfList from './ProjectChbRgfList.vue'
+import ProjectChbGzfList from './ProjectChbGzfList.vue'
+import ProjectChbGlfList from './ProjectChbGlfList.vue'
+import { downFile } from '@/api/manage'
+
+  export default {
+    name: 'ProjectCostZcbModal',
+    components: {
+      MaterialDetailList,
+      ProjectChbZyfList,
+      ProjectChbSwfList,
+      ProjectChbWxfList,
+      ProjectChbSxfList,
+      ProjectChbRdfList,
+      ProjectChbRgfList,
+      ProjectChbGzfList,
+      ProjectChbGlfList,
+    },
+    data () {
+      return {
+        taskno: '',
+        cengji: 1,
+        title:'',
+        width: 1200,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      show() {
+        this.visible = true
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      },
+      changeTab(){
+      },
+      handleExportXls(fileName){
+        // if(!fileName || typeof fileName != "string"){
+        //   fileName = "导出文件"
+        // }
+        // let param = this.getQueryParams();
+        // if(this.selectedRowKeys && this.selectedRowKeys.length>0){
+        //   param['selections'] = this.selectedRowKeys.join(",")
+        // }
+        // console.log("导出参数",param)
+        downFile('/projectCostHuiji/projectCostHuiji/exportZcbXls',{taskno: this.taskno}).then((data)=>{
+          if (!data) {
+            this.$message.warning("文件下载失败")
+            return
+          }
+          if (typeof window.navigator.msSaveBlob !== 'undefined') {
+            window.navigator.msSaveBlob(new Blob([data],{type: 'application/vnd.ms-excel'}), fileName+'.xls')
+          }else{
+            let url = window.URL.createObjectURL(new Blob([data],{type: 'application/vnd.ms-excel'}))
+            let link = document.createElement('a')
+            link.style.display = 'none'
+            link.href = url
+            link.setAttribute('download', fileName+'.xls')
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link); //下载完成移除元素
+            window.URL.revokeObjectURL(url); //释放掉blob对象
+          }
+        })
+      },
+    }
+  }
+</script>
+<style lang="less" scoped>
+.u-dialog-card{
+  /deep/.ant-card-body{
+    padding: 0 !important;
+  }
+}
+</style>