feat: 页面

wupengfei

3 天以前 f873a599918eb31e4e6e937601294100f03ef73b

 src/views/CustomerManage/InsureProductConfigure.vue

@@ -1,46 +1,6 @@
<template>
  <LoadingLayout :loading="state.loading">
    <AppContainer>
      <ProTableQueryFilterBar @on-reset="reset">
        <template #query>
          <QueryFilterItem tip-content="合作状态">
            <FieldRadio
              v-model="extraParamState.cooperationStatus"
              :value-enum="EnumEnterpriseCooperationStatusText"
              buttonStyle
              showAllBtn
              @change="getList()"
            />
          </QueryFilterItem>
          <QueryFilterItem tip-content="签约状态">
            <FieldRadio
              v-model="extraParamState.signStatus"
              :value-enum="EnumEnterpriseCooperationSignStatusText"
              buttonStyle
              showAllBtn
              @change="getList()"
            />
          </QueryFilterItem>
          <QueryFilterItem>
            <SearchInput
              v-model="extraParamState.keywords"
              style="width: 300px"
              placeholder="企业名称/信用代码/姓名/电话"
              @on-click-search="getList"
            >
            </SearchInput>
          </QueryFilterItem>
        </template>
        <template #btn>
          <el-button
            v-if="checkSubModuleItemShow('pageButton', 'addBtn')"
            @click="goAddOrEdit()"
            icon="Plus"
            type="primary"
            >新增客户</el-button
          >
        </template>
      </ProTableQueryFilterBar>
      <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns">
      </ProTableV2>
    </AppContainer>
@@ -48,16 +8,7 @@
</template>

<script setup lang="ts">
import {
  ProTableQueryFilterBar,
  FieldRadio,
  ProTableV2,
  SearchInput,
  LoadingLayout,
  AppContainer,
  QueryFilterItem,
  useTable,
} from '@bole-core/components';
import { ProTableV2, LoadingLayout, AppContainer, useTable } from '@bole-core/components';
import * as enterpriseServices from '@/services/api/enterprise';
import {
  EnumEnterpriseCooperationStatusText,
@@ -69,14 +20,20 @@
});

const operationBtnMap: Record<string, OperationBtnType> = {
  detailBtn: {
  enableBtn: {
    emits: {
      onClick: (role) => goDetail(role),
      onClick: (role) => setStatus(role),
    },
    extraProps: {
      hide: (role) => false,
    },
  },
  editBtn: {
  disableBtn: {
    emits: {
      onClick: (role) => goAddOrEdit(role),
      onClick: (role) => setStatus(role),
    },
    extraProps: {
      hide: (role) => false,
    },
  },
};
@@ -90,16 +47,6 @@
};

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

const eventContext = useGlobalEventContext();

eventContext.addEvent('customerManage:add', () => {
  getList();
});

eventContext.addEvent('customerManage:edit', () => {
  getList(paginationState.pageIndex);
});

onMounted(async () => {
  await getList();
@@ -121,9 +68,6 @@
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        keywords: extraParamState.keywords,
        cooperationStatus: extraParamState.cooperationStatus,
        signStatus: extraParamState.signStatus,
      };

      let res = await enterpriseServices.getPartyAEnterprises(params, {
@@ -134,48 +78,15 @@
  },
  {
    defaultExtraParams: {
      keywords: '',
      cooperationStatus: '' as any as EnumEnterpriseCooperationStatus,
      signStatus: '' as any as EnumEnterpriseCooperationSignStatus,
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
    },
    queryKey: ['enterpriseServices/getPartyAEnterprises'],
    columnsRenderProps: {
      cooperationStatus: { type: 'enum', valueEnum: EnumEnterpriseCooperationStatusText },
      signStatus: { type: 'enum', valueEnum: EnumEnterpriseCooperationSignStatusText },
      serviceFeeCollectType: {
        type: 'enum',
        valueEnum: EnumEnterpriseCooperationServiceFeeCollectTypeText,
      },
      invoiceTaxPointRate: {
        formatter: (row: API.GetPartyAEnterprisesQueryResultItem) => {
          if (row.invoiceTaxPointRate) {
            return `${row.invoiceTaxPointRate}%`;
          }
          return '';
        },
      },
    },
  }
);

const router = useRouter();

function goAddOrEdit(row?: API.GetPartyAEnterprisesQueryResultItem) {
  router.push({
    name: 'AddOrEditCustomer',
    params: {
      id: row?.id ?? '',
    },
  });
}

function goDetail(row: API.GetPartyAEnterprisesQueryResultItem) {
  router.push({
    name: 'CustomerDetail',
    params: {
      id: row?.id ?? '',
    },
  });
}
async function setStatus(row) {}
</script>