fix: 新增服务表格

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

@@ -0,0 +1,147 @@
+<template>
+    <div class="certified-service-provider">
+        <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: 'name1',
+                    title: '服务商ID',
+                },
+                {
+                    field: 'name',
+                    title: '服务商地址',
+                },
+                {
+                    field: 'name',
+                    title: '归属区域',
+                },
+                {
+                    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/quit-service-provider/index.vue

@@ -0,0 +1,147 @@
+<template>
+    <div class="quit-service-provider">
+        <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: 'name1',
+                    title: '流水号',
+                },
+                {
+                    field: 'name1',
+                    title: '服务商名称',
+                },
+                {
+                    field: 'name',
+                    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/unqualified-service-provider/index.vue

@@ -0,0 +1,162 @@
+<template>
+    <div class="unqualified-service-provider">
+        <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: {},
+                                },
+                                {
+                                    title: '重新发起',
+                                    code: 'add',
+                                    // display: ({ row }) => {
+                                    //     return row.name !== 'hanxiaohui0' ? DISPLAY_STATE.VISIBLE : DISPLAY_STATE.HIDDEN;
+                                    // },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) {
+                                        console.log("row", row);
+                                        message.success(row.name)
+                                    },
+                                    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>