feat: 项目成本表

src/api/report/report.js

@@ -2,6 +2,7 @@ import {axios} from '@/util/axios/request';
 
 const api = {
   staffDailyReport: '/report/staff/daily', 
+  projectCostReport: '/report/project/cost', 
 };
 
 export function getStaffDailyReport(parameter) {
@@ -12,3 +13,12 @@ export function getStaffDailyReport(parameter) {
     useFullLoading: true
   })
 }
+
+export function getProjectCostReport(parameter) {
+  return axios({
+    url: api.projectCostReport,
+    method: 'post',
+    data: parameter,
+    useFullLoading: true
+  })
+}
\ No newline at end of file

src/views/projectCostReport/ProjectCostReportList.vue

@@ -5,8 +5,17 @@
         <div>
           <a-row>
             <a-col :span="6">
-              <a-form-item label="用户名" :labelCol="{span: 8}" :wrapperCol="{span: 16}">
-                <a-input @pressEnter="search" style="width: 100%" v-model="query.realname" placeholder="请输入"/>
+              <a-form-item
+                label="用户名"
+                :labelCol="{ span: 8 }"
+                :wrapperCol="{ span: 16 }"
+              >
+                <a-input
+                  @pressEnter="search"
+                  style="width: 100%"
+                  v-model="query.realname"
+                  placeholder="请输入"
+                />
               </a-form-item>
             </a-col>
           </a-row>
@@ -15,19 +24,17 @@
     </div>
     <div>
       <a-table
-          size="middle"
-          @change="sortChange"
-          :columns="columns"
-          :dataSource="dataSource"
-          :pagination="false"
-          :rowKey="rowKey"
-          :loading="loading"
-          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: updateSelect}"
-          bordered
+        size="middle"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="false"
+        :rowKey="rowKey"
+        :loading="loading"
+        bordered
       >
         <div slot="title" slot-scope="data">
           <span class="cust-title">
-            <a-icon type="hdd"/>项目工时成本表{{ data.none }}
+            <a-icon type="hdd" />项目工时成本表{{ data.none }}
           </span>
           <div class="cust-table-operator">
             <a-button-group>
@@ -36,215 +43,80 @@
             </a-button-group>
           </div>
         </div>
-        <div v-if="total > 0" id="components-pagination-demo-mini" slot="footer" slot-scope="data">
-          {{ data.none }}
-          <a-pagination
-              @change="pageChange"
-              v-model="query.page"
-              show-less-items
-              :defaultPageSize="defaultPageSize"
-              :pageSizeOptions="$pageSizeOptions"
-              @showSizeChange="sizeChange"
-              class="cust-pagination"
-              size="small"
-              :total="total"
-              showSizeChanger
-              showQuickJumper
-              :showTotal="$showTotal"/>
-        </div>
-        <span slot="action" slot-scope="text,record,index">
-<!--          <a-button type="primary" v-if="record.changed" @click="saveOne(index)" size="small"><span style="font-size: 8px">保存</span></a-button>-->
-          <a-icon type="edit" v-if="record.changed" @click="saveOne(index)"/>
-          <a-icon v-else type="check-circle" theme="twoTone" two-tone-color="#52c41a"/>
-        </span>
-        <span slot="statisticsStatus" slot-scope="text,record,index">
-          <a-switch
-              checked-children="是"
-              un-checked-children="否"
-              :checked="text ===1"
-              @click="changeStatisticsStatus(record,index)" default-checked/>
-        </span>
-        <span slot="status" slot-scope="text,record">
-           <a-tag v-if="record.end>new Date()"
-                  :color="text=='wait'?'green':'blue'">{{ text == 'wait' ? '未开始' : '进行中' }}</a-tag>
-          <a-tag color="red" v-else>已过期</a-tag>
-        </span>
-        <span slot="wages" slot-scope="text, record,index" :key="record.id">
-          <a-input-number
-              style="width: 200px"
-              :precision='2'
-              :formatter="value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
-              :parser="value => value.replace(/\$\s?|(,*)/g, '')"
-              @change="e=>handleChange(e, index)"
-              v-model ='record.charge'
-          ></a-input-number>
-        </span>
       </a-table>
-
     </div>
   </a-card>
 </template>
 
 <script>
-import {getPage, updateStatus,saveProjectCharge} from "@/api/project/projectCharge";
-import {humpToLine, setOrder} from "@/util/util";
+import { getProjectCostReport } from "@/api/report/report";
 
-const dataSource = []
+const dataSource = [];
 const columns = [
-  {title: '项目名', width: 300, dataIndex: 'name', align: 'left'},
-  {title: '代码', width: 180, dataIndex: 'code', align: 'left'},
-  // {title: '描述', dataIndex: 'desc', align: 'center'},
-  {title: '状态', width: 120, dataIndex: 'status', align: 'center', scopedSlots: {customRender: 'status'}},
+  { title: "名称", width: 300, dataIndex: "name", align: "left" },
+  { title: "工时", width: 100, dataIndex: "hours", align: "right" },
+  {
+    title: "标准工时成本",
+    width: 100,
+    dataIndex: "baseHoursCost",
+    align: "right",
+  },
   {
-    title: '是否统计',
-    width: 120,
-    dataIndex: 'statisticsStatus',
-    align: 'center',
-    scopedSlots: {customRender: 'statisticsStatus'}
+    title: "浮动工时成本 ",
+    width: 100,
+    dataIndex: "floatHoursCost",
+    align: "right",
   },
-  {title: '项目款项（RMB）', dataIndex: 'charge', align: 'right', scopedSlots: {customRender: 'wages'}},
-  {title: '操作', key: 'operation', width: 150, scopedSlots: {customRender: 'action'}, align: 'center'}
-]
+];
 
 export default {
-  name: 'projectCostReportList',
+  name: "projectCostReportList",
   data() {
     return {
       isFirstLoad: true,
-      page: 1,
       query: {
-        name: "",
-        status: "",
-        order: "",
-        sort: "",
-        page: 1,
-        size: 10,
+        name: ""
       },
-
-      total: 0,
       rowKey: "id",
       index: -1,
       loading: false,
       columns: columns,
-      dataSource: dataSource,
-      selectedRowKeys: [],
-      selectedRows: [],
-    }
-  },
-  computed: {
-    defaultPageSize: function () {
-      return this.$defaultPageSize()
-    }
+      dataSource: dataSource
+    };
   },
   methods: {
     search() {
-      this.query.page = 1
       this.loadData();
     },
     reset() {
-      this.query.page = 1
       this.query.name = "";
-      this.query.status = "";
-
       this.loadData();
     },
-    pageChange(page) {
-      this.query.page = page;
-      this.loadData();
-    },
-    sizeChange(current, size) {
-      this.query.size = size;
-      this.loadData();
-    },
-    loadData(pageSize) {
-      if (pageSize && !isNaN(pageSize)) {
-        this.query.size = pageSize
-      }
-      getPage(this.query).then(res => {
-        console.log(11111)
-        if (res && res.code == SYS_CONST.REQUEST.SUCCEED) {
-          let respData = res.data
-          let list = respData.list
-          for (let i = 0; i < list.length; i++) {
-            if (!list[i].charge) {
-              list[i].charge = 0
+    loadData() {
+      getProjectCostReport(this.query).then((resp) => {
+        if (resp && resp.code == SYS_CONST.REQUEST.SUCCEED) {
+          let list = resp.data;
+          for (var i = 0; i < list.length; i++) {
+            let project = list[i];
+            if (project.children.length > 0) {
+              let staffList = project.children;
+              for (var j = 0; j < staffList.length; j++) {
+                delete staffList[j].children;
+              }
             }
-            list[i].orgCharge = respData.list[i].charge
           }
-          this.dataSource = list;
-          this.total = respData.total
-
+          this.dataSource = resp.data;
         }
         this.loading = false;
-      })
-    },
-    handleChange(value, index) {
-      const newData = [...this.dataSource];
-      const target = newData[index];
-      if (target) {
-        target.charge = value;
-        newData[index].changed = target.orgCharge != target.charge
-        this.dataSource = newData;
-      }
-    },
-    changeStatisticsStatus(record, index) {
-      updateStatus(record.id).then(response => {
-        if (response && response.code == SYS_CONST.REQUEST.SUCCEED) {
-          let a = [...this.dataSource]
-          a[index].statisticsStatus = response.data
-          this.dataSource = a;
-
-        }
-      })
-    },
-    saveOne(index) {
-      let a = [...this.dataSource]
-      let saveData = {
-        id: a[index].id,
-        charge: a[index].charge,
-      }
-      saveProjectCharge(saveData).then(resp => {
-        if (resp && resp.code == SYS_CONST.REQUEST.SUCCEED) {
-          this.$notification.success({message: '系统提示', description: "保存成功", duration: 4,});
-          this.loadData()
-        }
-      })
-      this.dataSource = a;
-    },
-    sortChange(pagination, filters, sorter) {
-      this.query.sort = humpToLine(sorter.field);
-      this.query.order = setOrder(sorter.order);
-      this.loadData();
+      });
     },
-
-    updateSelect(selectedRowKeys) {
-      this.selectedRowKeys = selectedRowKeys
-    },
-    onCtDateChange(date, dateString) {
-      this.ctDatePicker = date;
-      this.query.ctDateBegin = dateString[0]
-      this.query.ctDateEnd = dateString[1]
-      this.loadData()
-    },
-  },
-  mounted() {
-
+   
   },
+  mounted() {},
   activated() {
-    if (this.isFirstLoad == true) {
-      this.loadData(this.defaultPageSize)
-      this.isFirstLoad = false
-    } else {
-      let isModify = this.$route.query.isModify
-      if (isModify == true) {
-        this.loadData()
-      } else if (isModify != undefined) {
-        this.loadData()
-      }
-    }
-
-  }
-}
+    this.loadData();
+  },
+};
 </script>
 
 <style scoped>