BoundLink-Plate-UI/src/views/market-manage/service-provider-manage/certified-service-provider/index.vue

<template>
    <div class="certified-service-provider">
        <bs-table v-bind="tableOptions">
            <template #searchRight>
                <div>
                    <a-button type="primary">
                        <span>服务商登记</span>
                    </a-button>
                </div>
            </template>
        </bs-table>
    </div>
</template>
<script setup lang="jsx">
import { ref, reactive } from "vue"
import { useRouter } from "vue-router";

import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
import useBsDict from "/@/utils/dict.js";
const router = useRouter()
const {
    tableOptions,
    setTablePropsValue: setValue,
    getTablePropsValue: getValue,
} = useBsTable({
    tableOptions: {
        url: '/supports/provider/queryPage',
        gridOptions: {
            loading: false,
            columns: [
                {
                    type: 'seq',
                    width: 80,
                },
                {
                    field: 'providerName',
                    title: '服务商名称',
                },
                {
                    field: 'id',
                    title: '服务商ID',
                },
                {
                    field: 'address',
                    title: '服务商地址',
                },
                {
                    field: 'countryRegion',
                    title: '归属区域',
                },
                {
                    field: 'providerType',
                    title: '服务商类型',
                    cellRender: {
                        name: 'CellDict',
                    },
                },
                {
                    field: '',
                    title: '是否合作项目',
                },
                {
                    field: '',
                    title: '合作金额(元)',
                },
                {
                    field: '',
                    title: '归属营销人员',
                },
                {
                    field: 'createUserId',
                    title: '操作人',
                },
                {
                    field: 'createTime',
                    title: '操作时间',
                },
                {
                    // fixed: 'right',
                    cellRender: {
                        name: 'CellOption',
                        extraProps: {
                            buttons: [
                                {
                                    title: '查看详情',
                                    code: 'view',
                                    display: ({ row }) => {
                                        return DISPLAY_STATE.VISIBLE;
                                    },
                                    disabled({ row }) {
                                        return false;
                                    },
                                    onClick({ row }) {
                                        router.push('/market-manage/service-provider-manage/detail?id=' + row.id);
                                     },
                                    extraProps: {},
                                },
                            ],
                        },
                    },
                },
            ],
        },
        searchConfig: {
            enabled: true,
            fieldSpan: 4,
            fields: [
                {
                    field: 'providerName',
                    label: '服务商名称',
                    component: 'a-input',
                    componentProps: {
                        placeholder: '请输入服务商名称',
                    },
                },
                {
                    field: 'address',
                    label: '服务商地址',
                    component: 'a-input',
                    componentProps: {
                        placeholder: '请输入服务商地址',
                    },
                },
                {
                    field: 'providerType',
                    label: '服务商类型',
                    component: 'a-select',
                    componentProps: {
                        options: useBsDict.getDictList('BLINK_PROVIDER_TYPE'),
                        placeholder: '请输入服务商类型',
                    },
                },
            ],
        },
        pagerConfig: {
            enabled: true,
            pageSize: 10,
            pageNum: 1,
            total: 0,
            // isFixed: false
        },
        toolbarConfig: {
        },
        tableSearchBeforeBiz() {
            const searchParams = getValue('searchConfig.data');
            setValue('searchConfig.data', { ...searchParams, bizModel: 'STORE-0' });
        },
    },
});
</script>
<style lang="scss" scoped></style>