fix: 新增服务商管理、活动管理

src/views/customer-manage/customer-management/index.vue

@@ -11,13 +11,13 @@
             </a-tab-pane>
         </a-tabs>
         <bs-table v-bind="tableOptions">
-            <!-- <template #searchRight>
+            <template #searchRight>
                 <div>
                     <a-button type="primary" @click="openCuleDrawer">
-                        <span>新增客户登记</span>
+                        <span>服务商入库登记</span>
                     </a-button>
                 </div>
-            </template> -->
+            </template>
         </bs-table>
     </div>
 </template>
@@ -74,7 +74,7 @@ const {
     getTablePropsValue: getValue,
 } = useBsTable({
     tableOptions: {
-        // url:''
+        url:'',
         gridOptions: {
             loading: false,
             columns: [
@@ -84,67 +84,47 @@ const {
                 },
                 {
                     field: 'id',
-                    title: '客户名称',
+                    title: '状态',
                 },
                 {
-                    field: 'name',
-                    title: '客户ID',
-                },
-                {
-                    field: 'name1',
-                    title: '客户地址',
-                },
-                {
-                    field: 'name2',
-                    title: '客户类型',
-                },
-                {
-                    field: 'name',
-                    title: '客户来源',
-                },
-                {
-                    field: 'name',
-                    title: '是否合作项目',
-                },
-                {
-                    field: 'name',
-                    title: '合作金额(元)',
+                    field: 'id',
+                    title: '流水号',
                 },
                 {
-                    field: 'name',
-                    title: '操作人',
+                    field: 'id',
+                    title: '来源',
                 },
                 {
                     field: 'name',
-                    title: '操作时间',
+                    title: '服务商名称',
                 },
                 {
-                    field: 'name',
-                    title: '项目类型',
+                    field: 'name1',
+                    title: '服务商ID',
                 },
                 {
-                    field: 'name',
-                    title: '工程属性',
+                    field: 'name2',
+                    title: '服务商地区',
                 },
                 {
                     field: 'name',
-                    title: '业务类型',
+                    title: '服务商地址',
                 },
                 {
                     field: 'name',
-                    title: '归属营销经理',
+                    title: '服务商类型',
                 },
                 {
                     field: 'name',
-                    title: '归属营销部门',
+                    title: '联系人',
                 },
                 {
                     field: 'name',
-                    title: '创建人',
+                    title: '联系电话',
                 },
                 {
                     field: 'name',
-                    title: '创建时间',
+                    title: '注册时间',
                 },
                 {
                     // fixed: 'right',
@@ -211,27 +191,13 @@ const {
             pageSize: 10,
             pageNum: 1,
             total: 0,
+            isFixed:false
         },
         toolbarConfig: {
-            enable: true,
-            displayToolbar: DISPLAY_STATE.VISIBLE,
-            leftButtons: [{
-                code: 'btn1',
-                title: '新客户登记',
-                props: {
-                    type: 'primary',
-                    disabled: false,
-                    onClick(event) {
-                        message.success('ok');
-                    },
-                },
-            }],
+            onRefresh() {
+                fetchTableData();
+            },
         },
-        // toolbarConfig: {
-        //     onRefresh() {
-        //         fetchTableData();
-        //     },
-        // },
     },
 });
 

src/views/customer-manage/service-provider-customer-review/index.vue

@@ -0,0 +1,151 @@
+<template>
+    <div class="">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>服务商入库登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup>
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '状态',
+                },
+                {
+                    field: 'id',
+                    title: '流水号',
+                },
+                {
+                    field: 'id',
+                    title: '来源',
+                },
+                {
+                    field: 'name',
+                    title: '服务商名称',
+                },
+                {
+                    field: 'name1',
+                    title: '服务商ID',
+                },
+                {
+                    field: 'name2',
+                    title: '服务商地区',
+                },
+                {
+                    field: 'name',
+                    title: '服务商地址',
+                },
+                {
+                    field: 'name',
+                    title: '服务商类型',
+                },
+                {
+                    field: 'name',
+                    title: '联系人',
+                },
+                {
+                    field: 'name',
+                    title: '联系电话',
+                },
+                {
+                    field: 'name',
+                    title: '注册时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+                {
+                    field: 'name',
+                    label: '客户名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户地址',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户地址',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户类型',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入客户类型',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/customer-manage/service-provider-review/index.vue

@@ -1,12 +0,0 @@
-<template>
-  <div class="">
-
-  </div>
-</template>
-<script setup>
-import {ref,reactive} from "vue"
-
-</script>
-<style lang="scss" scoped>
-
-</style>

src/views/market-manage/activity-manage/activity-management/index.vue

@@ -0,0 +1,139 @@
+<template>
+    <div class="activity-management">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>市场活动登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '活动名称',
+                },
+                {
+                    field: 'id',
+                    title: '活动ID',
+                },
+                {
+                    field: 'id',
+                    title: '活动类型',
+                },
+                {
+                    field: 'name',
+                    title: '活动地址',
+                },
+                {
+                    field: 'name1',
+                    title: '活动周期',
+                },
+                {
+                    field: 'name2',
+                    title: '活动状态',
+                },
+                {
+                    field: 'name',
+                    title: '活动预算',
+                },
+                {
+                    field: 'name',
+                    title: '活动负责人',
+                },
+                {
+                    field: 'name',
+                    title: '操作人',
+                },
+                {
+                    field: 'name',
+                    title: '操作时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+                {
+                    field: 'name',
+                    label: '活动名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '活动地址',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入活动地址',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/market-manage/activity-manage/market-activity-analysis/index.vue

@@ -0,0 +1,139 @@
+<template>
+    <div class="market-activity-analysis">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>市场活动登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '活动名称',
+                },
+                {
+                    field: 'id',
+                    title: '活动ID',
+                },
+                {
+                    field: 'id',
+                    title: '活动类型',
+                },
+                {
+                    field: 'name',
+                    title: '活动地址',
+                },
+                {
+                    field: 'name1',
+                    title: '活动周期',
+                },
+                {
+                    field: 'name2',
+                    title: '活动状态',
+                },
+                {
+                    field: 'name',
+                    title: '活动预算',
+                },
+                {
+                    field: 'name',
+                    title: '活动负责人',
+                },
+                {
+                    field: 'name',
+                    title: '操作人',
+                },
+                {
+                    field: 'name',
+                    title: '操作时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+                {
+                    field: 'name',
+                    label: '活动名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '活动地址',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入活动地址',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/market-manage/activity-manage/market-event-creation/index.vue

@@ -0,0 +1,139 @@
+<template>
+    <div class="market-event-creation">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>市场活动登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '活动名称',
+                },
+                {
+                    field: 'id',
+                    title: '活动ID',
+                },
+                {
+                    field: 'id',
+                    title: '活动类型',
+                },
+                {
+                    field: 'name',
+                    title: '活动地址',
+                },
+                {
+                    field: 'name1',
+                    title: '活动周期',
+                },
+                {
+                    field: 'name2',
+                    title: '活动状态',
+                },
+                {
+                    field: 'name',
+                    title: '活动预算',
+                },
+                {
+                    field: 'name',
+                    title: '活动负责人',
+                },
+                {
+                    field: 'name',
+                    title: '操作人',
+                },
+                {
+                    field: 'name',
+                    title: '操作时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+                {
+                    field: 'name',
+                    label: '活动名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '活动地址',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入活动地址',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/market-manage/service-provider-manage/service-provider-creation/index.vue

@@ -0,0 +1,151 @@
+<template>
+    <div class="service-provider-creation">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>服务商入库登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '状态',
+                },
+                {
+                    field: 'id',
+                    title: '流水号',
+                },
+                {
+                    field: 'id',
+                    title: '来源',
+                },
+                {
+                    field: 'name',
+                    title: '服务商名称',
+                },
+                {
+                    field: 'name1',
+                    title: '服务商ID',
+                },
+                {
+                    field: 'name2',
+                    title: '服务商地区',
+                },
+                {
+                    field: 'name',
+                    title: '服务商地址',
+                },
+                {
+                    field: 'name',
+                    title: '服务商类型',
+                },
+                {
+                    field: 'name',
+                    title: '联系人',
+                },
+                {
+                    field: 'name',
+                    title: '联系电话',
+                },
+                {
+                    field: 'name',
+                    title: '注册时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+              {
+                    field: 'name',
+                    label: '客户名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户地址',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户地址',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户类型',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入客户类型',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/market-manage/service-provider-manage/service-provider-recommend/index.vue

@@ -0,0 +1,147 @@
+<template>
+    <div class="service-provider-recommend">
+        <bs-table v-bind="tableOptions">
+            <!-- <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>服务商入库登记</span>
+                    </a-button>
+                </div>
+            </template> -->
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '状态',
+                },
+                {
+                    field: 'id',
+                    title: '流水号',
+                },
+                {
+                    field: 'id',
+                    title: '服务商名称',
+                },
+                {
+                    field: 'name1',
+                    title: '服务商ID',
+                },
+                {
+                    field: 'name',
+                    title: '服务商地址',
+                },
+                {
+                    field: 'name',
+                    title: '归属区域',
+                },
+                {
+                    field: 'name',
+                    title: '服务商类型',
+                },
+                {
+                    field: 'name',
+                    title: '注册来源',
+                },
+                {
+                    field: 'name',
+                    title: '注册时间',
+                },
+                 {
+                    field: 'name',
+                    title: '归属营销人员',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+              {
+                    field: 'name',
+                    label: '客户名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户地址',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户地址',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户类型',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入客户类型',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>

src/views/market-manage/service-provider-manage/service-provider-review/index.vue

@@ -0,0 +1,151 @@
+<template>
+    <div class="service-provider-review">
+        <bs-table v-bind="tableOptions">
+            <template #searchRight>
+                <div>
+                    <a-button type="primary" @click="openCuleDrawer">
+                        <span>服务商入库登记</span>
+                    </a-button>
+                </div>
+            </template>
+        </bs-table>
+    </div>
+</template>
+<script setup lang="jsx">
+import { ref, reactive } from "vue"
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        url: '',
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                    width: 80,
+                },
+                {
+                    field: 'id',
+                    title: '状态',
+                },
+                {
+                    field: 'id',
+                    title: '流水号',
+                },
+                {
+                    field: 'id',
+                    title: '来源',
+                },
+                {
+                    field: 'name',
+                    title: '服务商名称',
+                },
+                {
+                    field: 'name1',
+                    title: '服务商ID',
+                },
+                {
+                    field: 'name2',
+                    title: '服务商地区',
+                },
+                {
+                    field: 'name',
+                    title: '服务商地址',
+                },
+                {
+                    field: 'name',
+                    title: '服务商类型',
+                },
+                {
+                    field: 'name',
+                    title: '联系人',
+                },
+                {
+                    field: 'name',
+                    title: '联系电话',
+                },
+                {
+                    field: 'name',
+                    title: '注册时间',
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) { },
+                                    extraProps: {},
+                                },
+                            ],
+                        },
+                    },
+                },
+            ],
+        },
+        searchConfig: {
+            enabled: true,
+            fieldSpan: 4,
+            fields: [
+              {
+                    field: 'name',
+                    label: '客户名称',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户名称',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户地址',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入客户地址',
+                    },
+                },
+                {
+                    field: 'name',
+                    label: '客户类型',
+                    component: 'a-select',
+                    componentProps: {
+                        placeholder: '请输入客户类型',
+                    },
+                },
+            ],
+            onSearch() {
+                fetchTableData();
+            },
+            onReset() {
+                fetchTableData();
+            },
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            isFixed: false
+        },
+        toolbarConfig: {
+            onRefresh() {
+                fetchTableData();
+            },
+        },
+    },
+});
+</script>
+<style lang="scss" scoped></style>