From e0a1e11988af82517b7765ac570ed23317abe678 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Sun, 29 Jun 2025 17:39:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=B9=E7=94=A8=E7=BB=93=E7=AE=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/costPush/costPush.js                  |  59 +-
 .../costPush/expendableExpensePush/index.vue  | 440 +++++++++++++++
 .../costPush/leaseExpensePush/index.vue       | 520 ++++++++++++++++++
 vue.config.js                                 |   2 +-
 4 files changed, 1014 insertions(+), 7 deletions(-)
 create mode 100644 src/views/material/costPush/expendableExpensePush/index.vue
 create mode 100644 src/views/material/costPush/leaseExpensePush/index.vue

diff --git a/src/api/costPush/costPush.js b/src/api/costPush/costPush.js
index e3624b59..6e776a0e 100644
--- a/src/api/costPush/costPush.js
+++ b/src/api/costPush/costPush.js
@@ -110,12 +110,59 @@ export function costExamine(params){
   })
 }
 
-
-
-
-
-
-
+// 机具费用推送-列表
+export function getCostPushCheckList(query) {
+  return request({
+    url: '/material/backstage/costPush/getCostPushCheckList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 机具费用推送-合计
+export function getCostPushCheckListCount(query) {
+  return request({
+    url: '/material/backstage/costPush/getCostPushCheckListCount',
+    method: 'get',
+    params: query
+  })
+}
+
+// 机具费用推送-审核
+export function checkData(data) {
+  return request({
+    url: '/material/backstage/costPush/checkData',
+    method: 'post',
+    data
+  })
+}
+
+// 安全工器具费用推送-列表
+export function getConsumPushCheckList(query) {
+  return request({
+    url: '/material/backstage/costPush/getConsumPushCheckList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 安全工器具费用推送-合计
+export function getConsumPushCheckListCount(query) {
+  return request({
+    url: '/material/backstage/costPush/getConsumPushCheckListCount',
+    method: 'get',
+    params: query
+  })
+}
+
+// 安全工器具费用推送-审核
+export function consumeCheckData(data) {
+  return request({
+    url: '/material/backstage/costPush/consumeCheckData',
+    method: 'post',
+    data
+  })
+}
 
 
 
diff --git a/src/views/material/costPush/expendableExpensePush/index.vue b/src/views/material/costPush/expendableExpensePush/index.vue
new file mode 100644
index 00000000..fe0489fb
--- /dev/null
+++ b/src/views/material/costPush/expendableExpensePush/index.vue
@@ -0,0 +1,440 @@
+<template>
+  <!-- 基础页面 -->
+  <div class="app-container">
+    <el-form v-show="showSearch" :model="queryParams" ref="queryForm" size="small" inline @submit.native.prevent>
+      <el-form-item label="选择单位" prop="unitId">
+        <TreeSelect
+          v-model="queryParams.unitId"
+          :options="unitList"
+          :normalizer="normalizer"
+          :show-count="true"
+          style="width: 215px"
+          :disable-branch-nodes="true"
+          noChildrenText="没有数据了"
+          noOptionsText="没有数据"
+          noResultsText="没有搜索结果"
+          placeholder="请选择单位"
+          @select="unitChange"
+        />
+      </el-form-item>
+
+      <el-form-item label="选择工程" prop="projectId">
+        <TreeSelect
+          v-model="queryParams.projectId"
+          :options="proList"
+          :normalizer="normalizer"
+          :show-count="true"
+          style="width: 215px"
+          :disable-branch-nodes="true"
+          noChildrenText="没有数据了"
+          noOptionsText="没有数据"
+          noResultsText="没有搜索结果"
+          placeholder="请选择工程"
+          @select="proChange"
+        />
+      </el-form-item>
+      <el-form-item label="推送月份" prop="month">
+        <el-date-picker
+          v-model="queryParams.month"
+          type="month"
+          :clearable="false"
+          placeholder="请选择月份"
+          value-format="yyyy-MM"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="提交状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 240px">
+          <el-option v-for="item in pushList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <!-- 表单按钮 -->
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+        <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出数据</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" size="mini" :disabled="selectionList.length == 0" @click="submit">提 交</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table
+      :data="tableList"
+      fit
+      highlight-current-row
+      show-summary
+      :summary-method="getSummaries"
+      style="width: 100%"
+      @selection-change="selectionChange"
+    >
+      <!-- 多选 -->
+      <el-table-column type="selection" width="65" align="center" :selectable="row => row.pushStatus == 0" />
+      <el-table-column
+        type="index"
+        width="55"
+        label="序号"
+        align="center"
+        :index="index => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
+      />
+      <el-table-column
+        v-for="(column, index) in tableColumns"
+        show-overflow-tooltip
+        :key="index"
+        :label="column.label"
+        :prop="column.prop"
+        align="center"
+      >
+        <!-- 插槽 -->
+        <template v-slot="{ row }" v-if="column.prop == 'leaseMoney'">
+          <span style="color: #409eff; cursor: pointer" @click="openDialog(row)">{{ row.leaseMoney }}</span>
+        </template>
+        <template v-slot="{ row }" v-else-if="column.prop == 'pushStatus'">
+          <span v-if="row.pushStatus == 0">未推送</span>
+          <span v-else-if="row.pushStatus == 1">已推送</span>
+          <span v-else-if="row.pushStatus == 2">已退回</span>
+          <span v-else-if="row.pushStatus == 3">进行中</span>
+        </template>
+      </el-table-column>
+      <!-- 操作 -->
+    </el-table>
+
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 弹框 -->
+    <el-dialog title="查看" :visible.sync="dialogVisible" width="70%">
+      <el-form ref="dialogForm" :model="dialogForm" label-width="80px" size="small" inline @submit.native.prevent>
+        <el-form-item label="" prop="name">
+          <el-input v-model="dialogForm.name" placeholder="请输入机具名称" clearable style="width: 240px" />
+        </el-form-item>
+        <el-form-item label="" prop="type">
+          <el-input v-model="dialogForm.type" placeholder="请输入规格型号" clearable style="width: 240px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="getDiaList">查询</el-button>
+          <el-button icon="el-icon-refresh" @click="resetDialog">重置</el-button>
+          <el-button type="warning" icon="el-icon-download" @click="handleDiaExport">导出数据</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="dialogTableList"
+        fit
+        highlight-current-row
+        show-summary
+        :summary-method="getDiaSummaries"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="55" label="序号" align="center" />
+        <el-table-column
+          v-for="(column, index) in dialogColumns"
+          show-overflow-tooltip
+          :key="index"
+          :label="column.label"
+          :prop="column.prop"
+          align="center"
+        ></el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getProjectList, getUnitList, getAgreementInfoById } from '@/api/back/index.js'
+import { getConsumPushCheckList, getConsumPushCheckListCount, consumeCheckData } from '@/api/costPush/costPush'
+import TreeSelect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+
+export default {
+  components: { TreeSelect },
+  data() {
+    return {
+      showSearch: true,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        unitId: null,
+        projectId: null,
+        agreementId: '',
+        agreementCode: '',
+        month: new Date().getFullYear() + '-' + (new Date().getMonth() + 1),
+        isSend: null
+      },
+      unitList: [], // 单位
+      proList: [], // 工程
+      pushList: [
+        { label: '未推送', value: '0' },
+        { label: '已推送', value: '1' },
+        { label: '已退回', value: '2' },
+        { label: '进行中', value: '3' }
+      ], // 工程状态
+      total: 0, // 总条数
+      // 表头
+      tableColumns: [
+        { label: '单位名称', prop: 'unitName' },
+        { label: 'i8工程编号', prop: 'pc_no' },
+        { label: '工程名称', prop: 'projectName' },
+        { label: '推送月份', prop: 'month' },
+        { label: '消耗品费用', prop: 'leaseMoney' },
+        { label: '推送状态', prop: 'pushStatus' },
+        { label: '推送备注', prop: 'pushRemark' }
+      ],
+      // 表格数据
+      tableList: [],
+      // 合计
+      totalCost: 0,
+      selectionList: [], // 选中行
+      // 弹窗数据
+      dialogVisible: false,
+      dialogForm: {
+        name: '',
+        type: ''
+      },
+      dialogTableList: [],
+      dialogColumns: [
+        { label: '机具名称', prop: 'typeName' },
+        { label: '规格型号', prop: 'typeModelName' },
+        { label: '领料时间', prop: 'leaseTime' },
+        { label: '消耗品数量', prop: 'num' },
+        { label: '消耗品费用', prop: 'costs' }
+      ]
+    }
+  },
+  created() {
+    this.GetUnitData()
+    this.GetProData()
+    this.getList()
+  },
+  methods: {
+    // 查询
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.$refs.queryForm.resetFields()
+      this.getList()
+      this.GetUnitData()
+      this.GetProData()
+    },
+    // 获取列表
+    async getList() {
+      console.log('列表-查询', this.queryParams)
+      const loading = this.$loading({ text: '加载中...' })
+      try {
+        const params = { ...this.queryParams }
+        const res = await getConsumPushCheckList(params)
+        console.log('🚀 ~ 获取列表 ~ res:', res)
+        this.tableList = res.rows
+        this.total = res.total
+        const res2 = await getConsumPushCheckListCount()
+        this.totalCost = res2.data.money
+        loading.close()
+      } catch (error) {
+        console.log('🚀 ~ 获取列表 ~ error:', error)
+        this.tableList = []
+        this.total = 0
+        loading.close()
+      }
+    },
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children
+      }
+      return {
+        id: node.id,
+        label: node.name,
+        children: node.children
+      }
+    },
+    // 多选
+    selectionChange(val) {
+      console.log('selectionChange', val)
+      this.selectionList = val
+    },
+    // 合计
+    getSummaries() {
+      const sums = []
+      sums[0] = '合计'
+      sums[6] = this.totalCost
+
+      return sums
+    },
+    // 获取 单位 列表数据
+    async GetUnitData() {
+      try {
+        const res = await getUnitList({})
+        this.unitList = res.data
+        this.getAgreementInfo()
+      } catch (error) {
+        console.log('🚀 ~ GetUnitData ~ error:', error)
+      }
+    },
+    unitChange(val) {
+      setTimeout(() => {
+        this.queryParams.projectId = null
+        this.queryParams.agreementId = null
+        this.queryParams.agreementCode = null
+        this.GetProData()
+      }, 300)
+    },
+    // 获取 工程名称 列表数据
+    async GetProData() {
+      const params = {
+        unitId: this.queryParams.unitId
+      }
+      try {
+        const res = await getProjectList(params)
+        this.proList = res.data
+        this.getAgreementInfo()
+      } catch (error) {
+        console.log('🚀 ~ GetProData ~ error:', error)
+      }
+    },
+    proChange(val) {
+      setTimeout(() => {
+        this.GetUnitData()
+      }, 500)
+    },
+    // 获取 协议id
+    async getAgreementInfo() {
+      if (this.queryParams.unitId && this.queryParams.projectId) {
+        const params = {
+          unitId: this.queryParams.unitId,
+          projectId: this.queryParams.projectId
+        }
+        try {
+          const res = await getAgreementInfoById(params)
+          console.log('🚀 ~ 协议id ~ res:', res)
+          if (res.data && res.data.agreementId) {
+            this.queryParams.agreementId = res.data.agreementId
+            this.queryParams.agreementCode = res.data.agreementCode
+          } else {
+            this.$message.error('当前单位和工程无协议！')
+            this.queryParams.unitId = null
+            this.queryParams.projectId = null
+            this.GetUnitData()
+            this.GetProData()
+          }
+        } catch (error) {
+          console.log('🚀 ~ getAgreementInfo ~ error:', error)
+        }
+      }
+    },
+    formatTime(date) {
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}${month}${day}_${hours}${minutes}${seconds}`
+    },
+    // 导出数据
+    handleExport() {
+      try {
+        let fileName = `安全工器具费用推送_${this.formatTime(new Date())}.xLsx`
+        let url = '/material/backstage/costPush/exportConsPushCheck'
+        const params = { ...this.queryParams }
+        console.log('🚀 ~ 导出 ~ params:', params)
+        this.download(url, params, fileName)
+      } catch (error) {
+        console.log('导出数据失败', error)
+      }
+    },
+    submit() {
+      // 弹框确认
+      this.$confirm('是否确认提交？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          try {
+            const cheks = JSON.stringify(this.selectionList)
+            consumeCheckData(cheks).then(res => {
+              // 确定
+              this.$message({
+                type: 'success',
+                message: '操作成功!'
+              })
+              this.getList()
+            })
+          } catch (error) {
+            console.log('🚀 ~ .then ~ error:', error)
+          }
+        })
+        .catch(() => {
+          // 取消
+        })
+    },
+    // 弹框
+    openDialog(row, type) {
+      this.dialogVisible = true
+    },
+    // 弹框列表
+    async getDiaList() {
+      const params = { ...this.dialogForm }
+      try {
+      } catch (error) {
+        console.log('🚀 ~ getDiaList ~ error:', error)
+      }
+    },
+    // 弹框重置
+    resetDialog() {
+      this.dialogForm = {
+        name: '',
+        type: ''
+      }
+      this.getDiaList()
+    },
+    // 弹框合计
+    getDiaSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      sums[0] = '合计'
+      let total = 0
+      data.forEach((column, index) => {
+        total += Number(column.costs)
+      })
+      sums[5] = total
+      return sums
+    },
+    // 弹框导出数据
+    handleDiaExport() {
+      // 提示
+      this.$message({
+        type: 'warning',
+        message: '导出功能开发中，敬请期待！'
+      })
+      try {
+        let fileName = `数据_${this.formatTime(new Date())}.xLsx`
+        let url = ''
+        const params = { ...this.dialogForm }
+        console.log('🚀 ~ 导出 ~ params:', params)
+        // this.download(url, params, fileName)
+      } catch (error) {
+        console.log('导出数据失败', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/material/costPush/leaseExpensePush/index.vue b/src/views/material/costPush/leaseExpensePush/index.vue
new file mode 100644
index 00000000..686d293b
--- /dev/null
+++ b/src/views/material/costPush/leaseExpensePush/index.vue
@@ -0,0 +1,520 @@
+<template>
+  <!-- 基础页面 -->
+  <div class="app-container">
+    <el-form v-show="showSearch" :model="queryParams" ref="queryForm" size="small" inline @submit.native.prevent>
+      <el-form-item label="选择单位" prop="unitId">
+        <TreeSelect
+          v-model="queryParams.unitId"
+          :options="unitList"
+          :normalizer="normalizer"
+          :show-count="true"
+          style="width: 215px"
+          :disable-branch-nodes="true"
+          noChildrenText="没有数据了"
+          noOptionsText="没有数据"
+          noResultsText="没有搜索结果"
+          placeholder="请选择单位"
+          @select="unitChange"
+        />
+      </el-form-item>
+
+      <el-form-item label="选择工程" prop="projectId">
+        <TreeSelect
+          v-model="queryParams.projectId"
+          :options="proList"
+          :normalizer="normalizer"
+          :show-count="true"
+          style="width: 215px"
+          :disable-branch-nodes="true"
+          noChildrenText="没有数据了"
+          noOptionsText="没有数据"
+          noResultsText="没有搜索结果"
+          placeholder="请选择工程"
+          @select="proChange"
+        />
+      </el-form-item>
+      <el-form-item label="推送月份" prop="month">
+        <el-date-picker
+          v-model="queryParams.month"
+          type="month"
+          :clearable="false"
+          placeholder="请选择月份"
+          value-format="yyyy-MM"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="提交状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 240px">
+          <el-option v-for="item in pushList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <!-- <el-form-item style="display: flex; justify-content: flex-end"> -->
+      <!-- 表单按钮 -->
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+        <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出数据</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" size="mini" :disabled="selectionList.length == 0" @click="submit">提 交</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table
+      :data="tableList"
+      fit
+      highlight-current-row
+      show-summary
+      :summary-method="getSummaries"
+      style="width: 100%"
+      @selection-change="selectionChange"
+    >
+      <!-- 多选 -->
+      <el-table-column type="selection" width="65" align="center" :selectable="row => row.pushStatus == 0" />
+      <el-table-column
+        type="index"
+        width="55"
+        label="序号"
+        align="center"
+        :index="index => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
+      />
+      <el-table-column
+        v-for="(column, index) in tableColumns"
+        show-overflow-tooltip
+        :key="index"
+        :label="column.label"
+        :prop="column.prop"
+        align="center"
+      >
+        <!-- 插槽 -->
+        <template v-slot="{ row }" v-if="column.prop == 'leaseMoney'">
+          <span style="color: #409eff; cursor: pointer" @click="openDialog(row, 1)">{{ row.leaseMoney }}</span>
+        </template>
+        <template v-slot="{ row }" v-else-if="column.prop == 'lostMoney'">
+          <span style="color: #409eff; cursor: pointer" @click="openDialog(row, 2)">{{ row.lostMoney }}</span>
+        </template>
+        <template v-slot="{ row }" v-else-if="column.prop == 'scrapMoney'">
+          <span style="color: #409eff; cursor: pointer" @click="openDialog(row, 3)">{{ row.scrapMoney }}</span>
+        </template>
+        <template v-slot="{ row }" v-else-if="column.prop == 'pushStatus'">
+          <span v-if="row.pushStatus == 0">未推送</span>
+          <span v-else-if="row.pushStatus == 1">已推送</span>
+          <span v-else-if="row.pushStatus == 2">已退回</span>
+          <span v-else-if="row.pushStatus == 3">进行中</span>
+        </template>
+      </el-table-column>
+      <!-- 操作 -->
+    </el-table>
+
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 弹框 -->
+    <el-dialog title="查看" :visible.sync="dialogVisible" width="70%">
+      <el-form ref="dialogForm" :model="dialogForm" label-width="80px" size="small" inline @submit.native.prevent>
+        <el-form-item label="" prop="name">
+          <el-input v-model="dialogForm.name" placeholder="请输入机具名称" clearable style="width: 240px" />
+        </el-form-item>
+        <el-form-item label="" prop="type">
+          <el-input v-model="dialogForm.type" placeholder="请输入规格型号" clearable style="width: 240px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="getDiaList">查询</el-button>
+          <el-button icon="el-icon-refresh" @click="resetDialog">重置</el-button>
+          <el-button type="warning" icon="el-icon-download" @click="handleDiaExport">导出数据</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="dialogTableList"
+        fit
+        highlight-current-row
+        show-summary
+        :summary-method="getDiaSummaries"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="55" label="序号" align="center" />
+        <el-table-column
+          v-for="(column, index) in dialogColumns"
+          show-overflow-tooltip
+          :key="index"
+          :label="column.label"
+          :prop="column.prop"
+          align="center"
+        ></el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getProjectList, getUnitList, getAgreementInfoById } from '@/api/back/index.js'
+import { getCostPushCheckList, getCostPushCheckListCount, checkData } from '@/api/costPush/costPush'
+import TreeSelect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+
+export default {
+  components: { TreeSelect },
+  data() {
+    return {
+      showSearch: true,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        unitId: null,
+        projectId: null,
+        agreementId: '',
+        agreementCode: '',
+        month: new Date().getFullYear() + '-' + (new Date().getMonth() + 1),
+        isSend: null
+      },
+      unitList: [], // 单位
+      proList: [], // 工程
+      pushList: [
+        { label: '未推送', value: '0' },
+        { label: '已推送', value: '1' },
+        { label: '已退回', value: '2' },
+        { label: '进行中', value: '3' }
+      ], // 工程状态
+      total: 0, // 总条数
+      // 表头
+      tableColumns: [
+        { label: '单位名称', prop: 'unitName' },
+        { label: 'i8工程编号', prop: 'pc_no' },
+        { label: '工程名称', prop: 'projectName' },
+        { label: '推送月份', prop: 'month' },
+        { label: '租赁费用', prop: 'leaseMoney' },
+        { label: '丢失费用', prop: 'lostMoney' },
+        { label: '报废费用', prop: 'scrapMoney' },
+        { label: '合计费用', prop: 'money' },
+        { label: '推送状态', prop: 'pushStatus' },
+        { label: '推送备注', prop: 'pushRemark' }
+      ],
+      // 表格数据
+      tableList: [],
+      // 合计
+      totalData: {
+        leaseMoney: 0,
+        scrapMoney: 0,
+        lostMoney: 0,
+        money: 0
+      },
+      selectionList: [], // 选中行
+      // 弹窗数据
+      costIndex: 1,
+      dialogVisible: false,
+      dialogForm: {
+        name: '',
+        type: ''
+      },
+      dialogTableList: [],
+      dialogColumns: [],
+      dialogColumns1: [
+        { label: '机具名称', prop: 'typeName' },
+        { label: '规格型号', prop: 'typeModelName' },
+        { label: '领料时间', prop: 'leaseTime' },
+        { label: '退料时间', prop: 'backTime' },
+        { label: '租赁天数', prop: 'leaseDays' },
+        { label: '租赁价格', prop: 'leasePrice' },
+        { label: '租赁数量', prop: 'num' },
+        { label: '租赁费用', prop: 'costs' },
+        { label: '费用结算时间', prop: 'settleTime' }
+      ],
+      dialogColumns2: [
+        { label: '机具名称', prop: 'typeName' },
+        { label: '规格型号', prop: 'typeModelName' },
+        { label: '单价', prop: 'price' },
+        { label: '丢失数量', prop: 'num' },
+        { label: '丢失费用', prop: 'costs' },
+        { label: '费用结算时间', prop: 'settleTime' }
+      ],
+      dialogColumns3: [
+        { label: '机具名称', prop: 'typeName' },
+        { label: '规格型号', prop: 'typeModelName' },
+        { label: '报废数量', prop: 'num' },
+        { label: '报废费用', prop: 'costs' },
+        { label: '费用结算时间', prop: 'settleTime' }
+      ]
+    }
+  },
+  created() {
+    this.GetUnitData()
+    this.GetProData()
+    this.getList()
+  },
+  methods: {
+    // 查询
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.$refs.queryForm.resetFields()
+      this.getList()
+      this.GetUnitData()
+      this.GetProData()
+    },
+    // 获取列表
+    async getList() {
+      console.log('列表-查询', this.queryParams)
+      const loading = this.$loading({ text: '加载中...' })
+      try {
+        const params = { ...this.queryParams }
+        const res = await getCostPushCheckList(params)
+        console.log('🚀 ~ 获取列表 ~ res:', res)
+        this.tableList = res.rows
+        this.total = res.total
+        const res2 = await getCostPushCheckListCount()
+        this.totalData = res2.data
+        loading.close()
+      } catch (error) {
+        console.log('🚀 ~ 获取列表 ~ error:', error)
+        this.tableList = []
+        this.total = 0
+        loading.close()
+      }
+    },
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children
+      }
+      return {
+        id: node.id,
+        label: node.name,
+        children: node.children
+      }
+    },
+    // 多选
+    selectionChange(val) {
+      console.log('selectionChange', val)
+      this.selectionList = val
+    },
+    selectable(row) {
+      console.log('🚀 ~ selectable ~ row:', row)
+      if (row.pushStatus != 0) {
+        return false
+      } else {
+        return true
+      }
+    },
+    // 合计
+    getSummaries() {
+      const sums = []
+      sums[0] = '合计'
+      sums[6] = this.totalData.leaseMoney
+      sums[7] = this.totalData.scrapMoney
+      sums[8] = this.totalData.lostMoney
+      sums[9] = this.totalData.money
+
+      return sums
+    },
+    // 获取 单位 列表数据
+    async GetUnitData() {
+      try {
+        const res = await getUnitList({})
+        this.unitList = res.data
+        this.getAgreementInfo()
+      } catch (error) {
+        console.log('🚀 ~ GetUnitData ~ error:', error)
+      }
+    },
+    unitChange(val) {
+      setTimeout(() => {
+        this.queryParams.projectId = null
+        this.queryParams.agreementId = null
+        this.queryParams.agreementCode = null
+        this.GetProData()
+      }, 300)
+    },
+    // 获取 工程名称 列表数据
+    async GetProData() {
+      const params = {
+        unitId: this.queryParams.unitId
+      }
+      try {
+        const res = await getProjectList(params)
+        this.proList = res.data
+        this.getAgreementInfo()
+      } catch (error) {
+        console.log('🚀 ~ GetProData ~ error:', error)
+      }
+    },
+    proChange(val) {
+      setTimeout(() => {
+        this.GetUnitData()
+      }, 500)
+    },
+    // 获取 协议id
+    async getAgreementInfo() {
+      if (this.queryParams.unitId && this.queryParams.projectId) {
+        const params = {
+          unitId: this.queryParams.unitId,
+          projectId: this.queryParams.projectId
+        }
+        try {
+          const res = await getAgreementInfoById(params)
+          console.log('🚀 ~ 协议id ~ res:', res)
+          if (res.data && res.data.agreementId) {
+            this.queryParams.agreementId = res.data.agreementId
+            this.queryParams.agreementCode = res.data.agreementCode
+          } else {
+            this.$message.error('当前单位和工程无协议！')
+            this.queryParams.unitId = null
+            this.queryParams.projectId = null
+            this.GetUnitData()
+            this.GetProData()
+          }
+        } catch (error) {
+          console.log('🚀 ~ getAgreementInfo ~ error:', error)
+        }
+      }
+    },
+    formatTime(date) {
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}${month}${day}_${hours}${minutes}${seconds}`
+    },
+    // 导出数据
+    handleExport() {
+      try {
+        let fileName = `机具费用推送_${this.formatTime(new Date())}.xLsx`
+        let url = '/material/backstage/costPush/exportPushCheck'
+        const params = { ...this.queryParams }
+        console.log('🚀 ~ 导出 ~ params:', params)
+        this.download(url, params, fileName)
+      } catch (error) {
+        console.log('导出数据失败', error)
+      }
+    },
+    submit() {
+      // 弹框确认
+      this.$confirm('是否确认提交？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          try {
+            const cheks = JSON.stringify(this.selectionList)
+            checkData(cheks).then(res => {
+              // 确定
+              this.$message({
+                type: 'success',
+                message: '操作成功!'
+              })
+              this.getList()
+            })
+          } catch (error) {
+            console.log('🚀 ~ .then ~ error:', error)
+          }
+        })
+        .catch(() => {
+          // 取消
+        })
+    },
+    // 弹框
+    openDialog(row, type) {
+      this.costIndex = type
+      this.dialogColumns = []
+      if (type === 1) {
+        this.dialogColumns = this.dialogColumns1
+      } else if (type === 2) {
+        this.dialogColumns = this.dialogColumns2
+      } else if (type === 3) {
+        this.dialogColumns = this.dialogColumns3
+      }
+      this.getDiaList()
+      setTimeout(() => {
+        this.dialogVisible = true
+      }, 200)
+    },
+    // 弹框列表
+    async getDiaList() {
+      let res = null
+      const params = { ...this.dialogForm }
+      try {
+        // if (this.costIndex === 1) {
+        //   res = await
+        // } else if (this.costIndex === 2) {
+        //   res = await
+        // } else if (this.costIndex === 3) {
+        //   res = await
+        // }
+      } catch (error) {
+        console.log('🚀 ~ getDiaList ~ error:', error)
+      }
+    },
+    // 弹框重置
+    resetDialog() {
+      this.dialogForm = {
+        name: '',
+        type: ''
+      }
+      this.getDiaList()
+    },
+    // 弹框合计
+    getDiaSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      sums[0] = '合计'
+      let total = 0
+      data.forEach((column, index) => {
+        total += Number(column.costs)
+      })
+      if (this.costIndex == 1) {
+        sums[8] = total
+      } else if (this.costIndex == 2) {
+        sums[5] = total
+      } else if (this.costIndex == 3) {
+        sums[4] = total
+      }
+      return sums
+    },
+    // 弹框导出数据
+    handleDiaExport() {
+      // 提示
+      this.$message({
+        type: 'warning',
+        message: '导出功能开发中，敬请期待！'
+      })
+      try {
+        let fileName = `数据_${this.formatTime(new Date())}.xLsx`
+        let url = ''
+        if (this.costIndex == 1) {
+          url = ''
+        } else if (this.costIndex == 2) {
+          url = ''
+        } else if (this.costIndex == 3) {
+          url = ''
+        }
+        const params = { ...this.dialogForm }
+        console.log('🚀 ~ 导出 ~ params:', params)
+        // this.download(url, params, fileName)
+      } catch (error) {
+        console.log('导出数据失败', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/vue.config.js b/vue.config.js
index 939f1b4d..d93f7f88 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -35,7 +35,7 @@ module.exports = {
         proxy: {
             // detail: https://cli.vuejs.org/config/#devserver-proxy
             [process.env.VUE_APP_BASE_API]: {
-                // target: `http://36.33.26.201:19988/prod-api`,
+                // target: `http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api`, // 产线
                 target: `http://192.168.0.96:18080`,//马
                 // target: `http://192.168.0.244:18580`,//测试
                 // target: `http://192.168.2.223:18080`,//山