feat: 页面

wupengfei

2025-10-29 ebea958ab2324104b59f83675a6347d4a6b1d9d1

feat: 页面

 src/router/index.ts

@@ -96,6 +96,34 @@
    },
  },
  {
    path: '/SupplierManage',
    redirect: 'noRedirect',
    component: Layout,
    hidden: false,
    alwaysShow: true,
    meta: {
      rank: 10005,
      title: '供应商管理',
      rootMenu: true,
      icon: 'home',
    },
    children: [
      {
        path: '/SupplierManageList',
        name: 'SupplierManageList',
        hidden: false,
        alwaysShow: true,
        component: () => import('@/views/SupplierManage/SupplierManageList.vue'),
        meta: {
          rank: 10005,
          title: '供应商管理',
          // rootMenu: true,
          icon: 'home',
        },
      },
    ],
  },
  {
    path: '/FlexJobManage',
    redirect: 'noRedirect',
    component: Layout,

 src/views/EmploymentManage/components/AddOrEditEmploymentView.vue

@@ -3,6 +3,17 @@
    <AppContainer>
      <PageFormLayout title="基本信息">
        <ProForm :model="form" ref="productFormRef" label-width="110px" :is-read="isDetail">
          <ProFormItemV2
            label="供应商:"
            prop="settlementAccess"
            :check-rules="[{ message: '请选择供应商' }]"
          >
            <ProFormSelect
              v-model="form.settlementAccess"
              :value-enum="[]"
              placeholder="请选择供应商"
            ></ProFormSelect>
          </ProFormItemV2>
          <ProFormCol>
            <ProFormColItem :span="12">
              <ProFormItemV2

 src/views/EmploymentManage/constants/columns.ts

@@ -13,66 +13,81 @@
  },
  {
    id: '3',
    enCode: 'a',
    name: '所属客户',
  },
  {
    id: '4',
    enCode: 'a',
    name: '客户ID',
  },
  {
    id: '5',
    enCode: 'billingMethod',
    name: '结算周期',
  },
  {
    id: '4',
    id: '6',
    enCode: 'serviceFee',
    name: '服务费金额',
  },
  {
    id: '5',
    id: '7',
    enCode: 'settlementCycle',
    name: '结算方式',
  },
  {
    id: '6',
    id: '8',
    enCode: 'genderLimit',
    name: '性别要求',
  },
  {
    id: '7',
    id: '9',
    enCode: 'a',
    name: '需求人数',
  },
  {
    id: '10',
    enCode: 'userCount',
    name: '报名人数',
  },
  {
    id: '8',
    id: '11',
    enCode: 'applyBeginTime',
    name: '报名开始',
  },
  {
    id: '9',
    id: '12',
    enCode: 'applyEndTime',
    name: '报名结束',
  },
  {
    id: '10',
    id: '13',
    enCode: 'applyStatus',
    name: '报名状态',
  },
  {
    id: '11',
    id: '14',
    enCode: 'status',
    name: '任务状态',
  },
  {
    id: '12',
    id: '15',
    enCode: 'createdTime',
    name: '发布日期',
  },
  {
    id: '13',
    id: '16',
    enCode: 'beginTime',
    name: '任务开始日期',
  },
  {
    id: '14',
    id: '17',
    enCode: 'endTime',
    name: '任务结束日期',
  },
  {
    id: '15',
    id: '18',
    enCode: 'releaseStatus',
    name: '发布状态',
  },

 src/views/SupplierManage/SupplierManageList.vue

New file
@@ -0,0 +1,124 @@
<template>
  <LoadingLayout :loading="state.loading">
    <AppContainer>
      <ProTableQueryFilterBar @on-reset="reset">
        <template #query>
          <QueryFilterItem tip-content="合作状态">
            <FieldRadio
              v-model="extraParamState.status"
              :value-enum="[]"
              buttonStyle
              showAllBtn
              @change="getList()"
            />
          </QueryFilterItem>
          <QueryFilterItem tip-content="签约状态">
            <FieldRadio
              v-model="extraParamState.status"
              :value-enum="[]"
              buttonStyle
              showAllBtn
              @change="getList()"
            />
          </QueryFilterItem>
          <QueryFilterItem>
            <SearchInput
              v-model="extraParamState.keywords"
              style="width: 260px"
              placeholder="企业名称/信用代码/姓名/电话"
              @on-click-search="getList"
            >
            </SearchInput>
          </QueryFilterItem>
        </template>
      </ProTableQueryFilterBar>
      <ProTableV2
        v-bind="proTableProps"
        :columns="SupplierManageColumns"
        :show-operation-column="false"
      >
      </ProTableV2>
    </AppContainer>
  </LoadingLayout>
</template>

<script setup lang="ts">
import {
  ProTableQueryFilterBar,
  ProTableV2,
  SearchInput,
  LoadingLayout,
  AppContainer,
  QueryFilterItem,
  useTable,
  FieldRadio,
} from '@bole-core/components';
import * as userServices from '@/services/api/user';
import { SupplierManageColumns } from './constants';
import { ModelValueType } from 'element-plus';

defineOptions({
  name: 'SupplierManageList',
});

// const operationBtns = defineOperationBtns([
//   {
//     data: {
//       enCode: 'detailBtn',
//       name: '详情',
//     },
//     emits: {
//       onClick: (role) => openDialog(role),
//     },
//   },
// ]);

const router = useRouter();
const BaseState = {
  loading: true,
};

const state = reactive({ ...BaseState });

onMounted(async () => {
  await getList();
  state.loading = false;
});

const {
  getDataSource: getList,
  proTableProps,
  paginationState,
  extraParamState,
  reset,
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetPersonalUserWalletBalancesQuery = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        keywords: extraParamState.keywords,
      };

      let res = await userServices.getPersonalUserWalletBalances(params, {
        showLoading: !state.loading,
      });
      return res;
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      keywords: '',
      status: '',
      time: [] as unknown as ModelValueType,
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
    },
    columnsRenderProps: {
      balance: { type: 'money' },
    },
  }
);
</script>

 src/views/SupplierManage/constants/columns.ts

New file
@@ -0,0 +1,59 @@
import { defineColumns } from '@bole-core/components';

export const SupplierManageColumns = defineColumns([
  {
    id: '1',
    enCode: 'name',
    name: '企业名称',
  },
  {
    id: '2',
    enCode: 'name',
    name: '统一信用代码',
  },
  {
    id: '3',
    enCode: 'name',
    name: '供应商ID',
  },
  {
    id: '4',
    enCode: 'name',
    name: '法人姓名',
  },
  {
    id: '5',
    enCode: 'name',
    name: '联系人名称',
  },
  {
    id: '6',
    enCode: 'name',
    name: '联系电话',
  },
  {
    id: '7',
    enCode: 'name',
    name: '所在省份',
  },
  {
    id: '8',
    enCode: 'name',
    name: '所在城市',
  },
  {
    id: '9',
    enCode: 'name',
    name: '所属行业',
  },
  {
    id: '10',
    enCode: 'name',
    name: '合作状态',
  },
  {
    id: '11',
    enCode: 'name',
    name: '签约状态',
  },
]);

 src/views/SupplierManage/constants/index.ts

New file
@@ -0,0 +1 @@
export * from './columns';