wupengfei
2025-10-31 4f8ffe118c818620eca6b997ed0a255590511493
src/views/ServiceChargeManage/ServiceChargeManage.vue
@@ -47,7 +47,7 @@
        <template #btn>
          <!-- <el-button type="primary" link @click="handleDownloadTemplate()">结算单模板</el-button> -->
          <!-- <el-button type="primary" @click="handleAdd()">上传结算单</el-button> -->
          <!-- <el-button type="primary" @click="handleDownloadTemplate()">导出</el-button> -->
          <el-button type="primary" @click="handleExport()">导出</el-button>
        </template>
      </ProTableQueryFilterBar>
      <ProTableV2
@@ -120,7 +120,7 @@
  EnumTaskCheckReceiveStatusTextForFilter,
  EnumTaskCheckReceiveStatus,
} from '@/constants';
import { downloadFileByUrl, format, setOssFileName } from '@/utils';
import { downloadFileByUrl, format, setOssFileName, setOSSLink } from '@/utils';
import * as taskServices from '@/services/api/task';
import { ModelValueType } from 'element-plus';
import UploadStatementDialog from './components/UploadStatementDialog.vue';
@@ -128,6 +128,7 @@
import SettlMethodDialog from './components/SettlMethodDialog.vue';
import RechargeEnterpriseWalletDialog from './components/RechargeEnterpriseWalletDialog.vue';
import { Message } from '@bole-core/core';
import _ from 'lodash';
defineOptions({
  name: 'ServiceChargeManageList',
@@ -160,48 +161,44 @@
  {
    data: {
      enCode: 'settleBtn',
      name: '结算',
      name: '结算确认',
    },
    emits: {
      onClick: (role: API.GetSettlementTasksQueryResultItem) => openSettleMethodDialog(role),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        !(
          role.settlementStatus === EnumTaskSettlementStatus.Wait &&
          role.checkReceiveStatus === EnumTaskCheckReceiveStatus.Completed
        ),
        !(role.settlementStatus === EnumTaskSettlementStatus.Wait),
    },
  },
  {
    data: {
      enCode: 'recallBtn',
      name: '撤回',
    },
    emits: {
      onClick: (role) => handleRecall(role),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        !(
          role.settlementStatus === EnumTaskSettlementStatus.InProcess &&
          role.checkReceiveStatus === EnumTaskCheckReceiveStatus.Completed
        ),
    },
  },
  {
    data: {
      enCode: 'settleAuditBtn',
      name: '结算审核',
    },
    emits: {
      onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role.id, 'settlement'),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        role.auditStatus !== EnumTaskSettlementAuditStatus.Wait,
    },
  },
  // {
  //   data: {
  //     enCode: 'recallBtn',
  //     name: '撤回',
  //   },
  //   emits: {
  //     onClick: (role) => handleRecall(role),
  //   },
  //   extraProps: {
  //     hide: (role: API.GetSettlementTasksQueryResultItem) =>
  //       !(
  //         role.settlementStatus === EnumTaskSettlementStatus.InProcess &&
  //         role.checkReceiveStatus === EnumTaskCheckReceiveStatus.Completed
  //       ),
  //   },
  // },
  // {
  //   data: {
  //     enCode: 'settleAuditBtn',
  //     name: '结算审核',
  //   },
  //   emits: {
  //     onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role.id, 'settlement'),
  //   },
  //   extraProps: {
  //     hide: (role: API.GetSettlementTasksQueryResultItem) => role.auditStatus !== null,
  //   },
  // },
  {
    data: {
      enCode: 'detailBtn',
@@ -221,10 +218,14 @@
      name: '导出',
    },
    emits: {
      onClick: (role) => handleExport(role),
      onClick: (role) => handleRowExport(role),
    },
    extraProps: {
      hide: () => true,
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        !(
          role.settlementStatus !== EnumTaskSettlementStatus.InProcess &&
          role.settlementStatus !== EnumTaskSettlementStatus.Wait
        ),
    },
  },
]);
@@ -295,6 +296,7 @@
      settlementStatus: { type: 'enum', valueEnum: EnumTaskSettlementStatusText },
      checkReceiveStatus: { type: 'enum', valueEnum: EnumTaskCheckReceiveStatusText },
      auditStatus: { type: 'enum', valueEnum: EnumTaskSettlementAuditStatusText },
      settlementAccess: { type: 'enum', valueEnum: EnumEnterpriseWalletAccessText },
      actualSettlementAmount: { type: 'money' },
      settlementAmount: { type: 'money' },
      settlementTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
@@ -457,9 +459,21 @@
  });
}
function handleExport(val) {
  console.log('val: ', val);
}
const handleRowExport = _.debounce(
  async (row: API.GetSettlementTasksQueryResultItem) => {
    try {
      let params: API.ExportTaskSettlementOrderRostersCommand = {
        id: row.id,
      };
      let res = await taskServices.exportTaskSettlementOrderRosters(params);
      if (res) {
        downloadFileByUrl(setOSSLink(res), `${row.name}-${row.code}`);
      }
    } catch (error) {}
  },
  1000,
  { leading: true, trailing: false }
);
function handleDownloadTemplate() {
  downloadFileByUrl(
@@ -467,4 +481,28 @@
    '结算单模板'
  );
}
const handleExport = _.debounce(
  async () => {
    if (paginationState.total === 0) {
      Message.warnMessage('没有数据可以导出哦~');
      return;
    }
    try {
      let params: API.ExportTaskSettlementOrdersCommand = {
        keywords: extraParamState.keywords,
        checkReceiveStatus: extraParamState.checkReceiveStatus,
        settlementStatus: extraParamState.settlementStatus,
        settlementTimeBegin: format(extraParamState.time?.[0] ?? '', 'YYYY-MM-DD 00:00:00'),
        settlementTimeEnd: format(extraParamState.time?.[1] ?? '', 'YYYY-MM-DD 23:59:59'),
      };
      let res = await taskServices.exportTaskSettlementOrders(params);
      if (res) {
        downloadFileByUrl(setOSSLink(res));
      }
    } catch (error) {}
  },
  1000,
  { leading: true, trailing: false }
);
</script>