fix: bug

wupengfei

2025-10-31 9ee573586eeb1240ebd131baa1087bb41c76e776

 src/views/ServiceChargeManage/ServiceChargeManage.vue

@@ -3,10 +3,10 @@
    <AppContainer>
      <ProTableQueryFilterBar @on-reset="reset">
        <template #query>
          <QueryFilterItem tip-content="结算单状态">
          <QueryFilterItem tip-content="验收状态">
            <FieldRadio
              v-model="extraParamState.settlementOrderStatus"
              :value-enum="EnumTaskSettlementOrderStatusText"
              v-model="extraParamState.checkReceiveStatus"
              :value-enum="EnumTaskCheckReceiveStatusTextForFilter"
              buttonStyle
              showAllBtn
              @change="getList()"
@@ -21,7 +21,7 @@
              @change="getList()"
            />
          </QueryFilterItem>
          <!-- <QueryFilterItem>
          <QueryFilterItem>
            <FieldDatePicker
              v-model="extraParamState.time"
              type="daterange"
@@ -30,24 +30,24 @@
              end-placeholder="截止日期"
              clearable
              @change="getList()"
              tooltipContent="创建时间"
              tooltipContent="结算时间"
            ></FieldDatePicker>
          </QueryFilterItem> -->
          </QueryFilterItem>
          <QueryFilterItem>
            <SearchInput
              v-model="extraParamState.keywords"
              style="width: 250px"
              placeholder="任务名称"
              @on-click-search="getList"
              @on-click-search="getList()"
              @keyup.enter="getList()"
            >
            </SearchInput>
          </QueryFilterItem>
        </template>
        <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" link @click="handleDownloadTemplate()">结算单模板</el-button> -->
          <!-- <el-button type="primary" @click="handleAdd()">上传结算单</el-button> -->
          <el-button type="primary" @click="handleExport()">导出</el-button>
        </template>
      </ProTableQueryFilterBar>
      <ProTableV2
@@ -88,8 +88,9 @@
      </ProTableV2>
    </AppContainer>
    <UploadStatementDialog v-bind="dialogProps" />
    <SettleDetailDialog v-bind="dialogSettleProps" />
    <!-- <SettleDetailDialog v-bind="dialogSettleProps" /> -->
    <RechargeEnterpriseWalletDialog v-bind="dialogRechargeProps" />
    <SettlMethodDialog v-bind="dialogSettlMethodProps" />
  </LoadingLayout>
</template>

@@ -115,14 +116,19 @@
  EnumTaskSettlementOrderStatusText,
  EnumTaskSettlementOrderStatus,
  EnumTaskSettlementStatus,
  EnumTaskCheckReceiveStatusText,
  EnumTaskCheckReceiveStatusTextForFilter,
  EnumTaskCheckReceiveStatus,
} from '@/constants';
import { downloadFileByUrl, 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';
import SettleDetailDialog from './components/SettleDetailDialog.vue';
import SettlMethodDialog from './components/SettlMethodDialog.vue';
import RechargeEnterpriseWalletDialog from './components/RechargeEnterpriseWalletDialog.vue';
import { Message } from '@bole-core/core';
import _ from 'lodash';

defineOptions({
  name: 'ServiceChargeManageList',
@@ -155,44 +161,59 @@
  {
    data: {
      enCode: 'settleBtn',
      name: '结算',
      name: '结算确认',
    },
    emits: {
      onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role, 'settlement'),
      onClick: (role: API.GetSettlementTasksQueryResultItem) => openSettleMethodDialog(role),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        !(
          role.settlementOrderStatus === EnumTaskSettlementOrderStatus.Completed &&
          role.settlementStatus === EnumTaskSettlementStatus.Wait
          role.settlementStatus === EnumTaskSettlementStatus.Wait &&
          role.auditStatus !== EnumTaskSettlementAuditStatus.Pass
        ),
    },
  },
  {
    data: {
      enCode: 'recallBtn',
      name: '撤回',
    },
    emits: {
      onClick: (role) => handleRecall(role),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        role.settlementStatus !== EnumTaskSettlementStatus.InProcess,
    },
  },
  // {
  //   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',
      name: '详情',
    },
    emits: {
      onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role),
      onClick: (role: API.GetSettlementTasksQueryResultItem) => goDetail(role.id),
    },
    extraProps: {
      hide: (role: API.GetSettlementTasksQueryResultItem) =>
        role.settlementOrderStatus === EnumTaskSettlementOrderStatus.Wait,
    },
    // extraProps: {
    //   hide: (role: API.GetSettlementTasksQueryResultItem) =>
    //     role.settlementOrderStatus === EnumTaskSettlementOrderStatus.Wait,
    // },
  },
  {
    data: {
@@ -200,10 +221,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
        ),
    },
  },
]);
@@ -245,8 +270,10 @@
          orderInput: extraParamState.orderInput,
        },
        keywords: extraParamState.keywords,
        settlementOrderStatus: extraParamState.settlementOrderStatus,
        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.getSettlementTasks(params, {
@@ -261,6 +288,7 @@
    defaultExtraParams: {
      keywords: '',
      settlementOrderStatus: '' as any as EnumTaskSettlementOrderStatus,
      checkReceiveStatus: '' as any as EnumTaskCheckReceiveStatus,
      settlementStatus: '' as any as EnumTaskSettlementStatus,
      time: [] as unknown as ModelValueType,
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
@@ -269,9 +297,13 @@
    columnsRenderProps: {
      settlementOrderStatus: { type: 'enum', valueEnum: EnumTaskSettlementOrderStatusText },
      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' },
      createdTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
      settlementOrderTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
      settlementOrderName: {
        formatter: (row: API.GetSettlementTasksQueryResultItem) =>
@@ -292,7 +324,16 @@
});

async function handleAddOrEdit() {
  goSettlementDetail(editForm.id, editForm.settlementUrl[0]?.path);
  try {
    let params: API.ImportTaskSettlementOrderRostersCommand = {
      id: editForm.id,
      url: editForm.settlementUrl[0]?.path,
    };
    let res = await taskServices.importTaskSettlementOrderRosters(params);
    if (res) {
      goSettlementDetail(editForm.id, editForm.settlementUrl[0]?.path);
    }
  } catch (error) {}
}

const {
@@ -380,28 +421,62 @@
    params: {
      id: id,
    },
    query: {
      url: url ? url : '',
    },
  });
  editForm.settlementUrl = [] as UploadUserFile[];
}

function goDetail(row: API.GetSettlementTasksQueryResultItem, settlement?: string) {
const {
  dialogProps: dialogSettlMethodProps,
  handleAdd: handleSettlMethodAdd,
  editForm: settlMethodEditForm,
} = useFormDialog({
  onConfirm: handleSettlMethod,
  defaultFormParams: {
    id: '',
    settlementAccess: '' as any as EnumEnterpriseWalletAccess,
  },
});

function openSettleMethodDialog(row: API.GetSettlementTasksQueryResultItem) {
  // handleSettlMethodAdd({
  //   id: row.id,
  //   settlementAccess: '' as any as EnumEnterpriseWalletAccess,
  // });
  goDetail(row.id, 'settlement');
}

async function handleSettlMethod() {
  goDetail(settlMethodEditForm.id, 'settlement');
}

function goDetail(id: string, settlement?: string) {
  router.push({
    name: 'ServiceChargeDetail',
    params: {
      id: row?.id ?? '',
      id: id ?? '',
    },
    query: {
      settlement: settlement ? settlement : '',
      // settlementAccess: settlementAccess ? settlementAccess : '',
    },
  });
}

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(
@@ -409,4 +484,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>