From 8dd6554413d2cc940cc28ba9a0645303905797dd Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Fri, 2 Aug 2024 12:32:13 +0800
Subject: [PATCH] 1

---
 src/views/base/customer/CustomerMainForm.vue  |  44 +++-
 .../customer/components/PrivateCustomer.vue   | 204 ++++++++++++++++++
 .../base/customer/components/TodoCustomer.vue | 204 ++++++++++++++++++
 src/views/base/customer/index.vue             | 203 ++---------------
 4 files changed, 463 insertions(+), 192 deletions(-)
 create mode 100644 src/views/base/customer/components/PrivateCustomer.vue
 create mode 100644 src/views/base/customer/components/TodoCustomer.vue

diff --git a/src/views/base/customer/CustomerMainForm.vue b/src/views/base/customer/CustomerMainForm.vue
index 4888017..2cff6b1 100644
--- a/src/views/base/customer/CustomerMainForm.vue
+++ b/src/views/base/customer/CustomerMainForm.vue
@@ -24,12 +24,12 @@
             </el-row>
             <el-row :gutter="2">
               <el-col :span="11">
-                <el-form-item label="身份证号" prop="idCard">
+                <el-form-item v-if="formData.typeCode !=='03'" label="身份证号" prop="idCard">
                   <el-input v-model="formData.idCard" placeholder="请输入客户身份证号"/>
                 </el-form-item>
               </el-col>
               <el-col :span="11">
-                <el-form-item label="性别" prop="sex">
+                <el-form-item v-if="formData.typeCode !=='03'" label="性别" prop="sex">
                   <el-radio-group v-model="formData.sex">
                     <el-radio v-for="dict in sexDictDatas" :key="parseInt(dict.value)" :label="parseInt(dict.value)">
                       {{ dict.label }}
@@ -40,8 +40,12 @@
             </el-row>
             <el-row :gutter="2">
               <el-col :span="11">
-                <el-form-item label="生日" prop="birthday">
-                  <el-input v-model="formData.birthday" placeholder="请输入客户身份证号"/>
+                <el-form-item v-if="formData.typeCode !=='03'" label="生日" prop="birthday">
+                  <el-date-picker
+                    v-model="formData.birthday"
+                    type="date"
+                    placeholder="选择日期">
+                  </el-date-picker>
                 </el-form-item>
               </el-col>
               <el-col :span="11">
@@ -174,6 +178,7 @@ export default {
       formLoading: false,
       //折叠面板默认展开
       activeNames: ['1','2','3'],
+      typeCode:"",
       // 表单参数
       formData: {
         id: undefined,
@@ -202,7 +207,23 @@ export default {
         ],
       },
       // 表单校验
-      formRules: {},
+      formRules: {
+        cusName: [
+          { required: true, message: '请输入活动名称', trigger: 'blur' },
+        ],
+        typeCode: [
+          { required: true, message: '请选择客户类型', trigger: 'change' },
+        ],
+        phoneNumber: [
+          { required: true, message: '请输入客户联系方式', trigger: 'blur' },
+        ],
+        dataFrom: [
+          { required: true, message: '请选择客户来源', trigger: 'change' },
+        ],
+        inviterType: [
+          { required: true, message: '请选择注册方式', trigger: 'change' },
+        ],
+      },
       // 性别数据字典
       sexDictDatas: getDictDatas(DICT_TYPE.DICT_SYS_USER_SEX),
       cusBusiTypeDictDatas: getDictDatas(DICT_TYPE.DICT_CUS_BUSI_TYPE)
@@ -228,8 +249,9 @@ export default {
     },
 
     /** 打开弹窗 */
-    async open(id) {
+    async open(id,typeCode) {
       this.dialogVisible = true;
+      this.typeCode = typeCode
       this.reset();
       // 修改时，设置数据
       if (id) {
@@ -237,12 +259,12 @@ export default {
         try {
           const res = await CustomerMainApi.getCustomerMain(id);
           this.formData = res.data;
-          this.title = "修改客户管理";
+          this.dialogTitle = "修改客户信息";
         } finally {
           this.formLoading = false;
         }
       }
-      this.title = "新增客户管理";
+      this.dialogTitle = "新增客户";
     },
     /** 提交按钮 */
     async submitForm() {
@@ -251,6 +273,10 @@ export default {
       this.formLoading = true;
       try {
         const data = this.formData;
+        //如果客户类型不是政企客户，没有扩展表信息
+        if(data.typeCode !== '03'){
+          data.itemList = []
+        }
         // 修改的提交
         if (data.id) {
           await CustomerMainApi.updateCustomerMain(data);
@@ -273,7 +299,7 @@ export default {
       this.formData = {
         id: undefined,
         userId: undefined,
-        typeCode: '01',
+        typeCode: this.typeCode,
         deptCode: undefined,
         cusName: undefined,
         phoneNumber: undefined,
diff --git a/src/views/base/customer/components/PrivateCustomer.vue b/src/views/base/customer/components/PrivateCustomer.vue
new file mode 100644
index 0000000..cac8651
--- /dev/null
+++ b/src/views/base/customer/components/PrivateCustomer.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索工作栏 -->
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="客户名称" prop="cusName">
+        <el-input v-model="queryParams.cusName" placeholder="请输入客户名称" clearable
+                  @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="联系方式" prop="phoneNumber">
+        <el-input v-model="queryParams.phoneNumber" placeholder="请输入联系方式" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="身份证号" prop="idCard">
+        <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="客户状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
+          <el-option label="请选择字典生成" value=""/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作工具栏 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)"
+                   v-hasPermi="['base:customer-main:create']">新增
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="客户名称" align="center" prop="cusName"/>
+      <el-table-column label="联系方式" align="center" prop="phoneNumber"/>
+      <el-table-column label="生日" align="center" prop="birthday" width="180">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.birthday,'{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="住址" align="center" prop="address"/>
+      <el-table-column label="性别" align="center" prop="sex">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
+        </template>
+      </el-table-column>
+      <el-table-column label="身份证号" align="center" prop="idCard"/>
+      <el-table-column label="客户初始来源" align="center" prop="dataFrom">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_DATA_FROM" :value="scope.row.dataFrom" />
+        </template>
+      </el-table-column>
+      <el-table-column label="最近业务办理时间" align="center" prop="nearDoTime" width="180">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.nearDoTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="最近办理业务" align="center" prop="nearDoContent">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_BUSI_TYPE" :value="scope.row.nearDoContent" />
+        </template>
+      </el-table-column>
+      <el-table-column label="客户状态" align="center" prop="status">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_INFO_STATUS" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template v-slot="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)"
+                     v-hasPermi="['base:customer-main:update']">修改
+          </el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+                     v-hasPermi="['base:customer-main:delete']">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+    <!-- 对话框(添加 / 修改) -->
+    <CustomerMainForm ref="formRef" @success="getList"/>
+  </div>
+</template>
+
+<script>
+import * as CustomerMainApi from '@/api/base/customer';
+import CustomerMainForm from '@/views/base/customer/CustomerMainForm.vue';
+export default {
+  name: "PersonCustomer",
+  components: {
+    CustomerMainForm,
+  },
+  props:{
+    typeCode: {
+      type: String,
+      default: '01'
+    },
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户管理列表
+      list: [],
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 选中行
+      currentRow: {},
+      activeName:'private',
+      // 查询参数
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+        userId: null,
+        typeCode: '01',
+        deptCode: null,
+        cusName: null,
+        phoneNumber: null,
+        birthday: null,
+        address: null,
+        sex: null,
+        idCard: null,
+        idCardImage: null,
+        dataFrom: null,
+        nearDoTime: [],
+        nearDoContent: null,
+        inviter: null,
+        inviterType: null,
+        status: null,
+        createTime: [],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    async getList() {
+      try {
+        this.loading = true;
+        const res = await CustomerMainApi.getCustomerMainPage(this.queryParams);
+        this.list = res.data.records;
+        this.total = res.data.total;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNo = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 添加/修改操作 */
+    openForm(id) {
+      this.$refs["formRef"].open(id,this.queryParams.typeCode);
+    },
+    /** 删除按钮操作 */
+    async handleDelete(row) {
+      const id = row.id;
+      await this.$modal.confirm('是否确认删除客户管理编号为"' + id + '"的数据项?')
+      try {
+        await CustomerMainApi.deleteCustomerMain(id);
+        await this.getList();
+        this.$modal.msgSuccess("删除成功");
+      } catch {
+      }
+    },
+    /** 导出按钮操作 */
+    async handleExport() {
+      await this.$modal.confirm('是否确认导出所有客户管理数据项?');
+      try {
+        this.exportLoading = true;
+        const data = await CustomerMainApi.exportCustomerMainExcel(this.queryParams);
+        this.$download.excel(data, '客户管理.xls');
+      } catch {
+      } finally {
+        this.exportLoading = false;
+      }
+    },
+  }
+};
+</script>
+
diff --git a/src/views/base/customer/components/TodoCustomer.vue b/src/views/base/customer/components/TodoCustomer.vue
new file mode 100644
index 0000000..8c8f2fb
--- /dev/null
+++ b/src/views/base/customer/components/TodoCustomer.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索工作栏 -->
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="客户名称" prop="cusName">
+        <el-input v-model="queryParams.cusName" placeholder="请输入客户名称" clearable
+                  @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="联系方式" prop="phoneNumber">
+        <el-input v-model="queryParams.phoneNumber" placeholder="请输入联系方式" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="身份证号" prop="idCard">
+        <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="客户状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
+          <el-option label="请选择字典生成" value=""/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作工具栏 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)"
+                   v-hasPermi="['base:customer-main:create']">新增
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="客户名称" align="center" prop="cusName"/>
+      <el-table-column label="联系方式" align="center" prop="phoneNumber"/>
+      <el-table-column label="生日" align="center" prop="birthday" width="180">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.birthday,'{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="住址" align="center" prop="address"/>
+      <el-table-column label="性别" align="center" prop="sex">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
+        </template>
+      </el-table-column>
+      <el-table-column label="身份证号" align="center" prop="idCard"/>
+      <el-table-column label="客户初始来源" align="center" prop="dataFrom">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_DATA_FROM" :value="scope.row.dataFrom" />
+        </template>
+      </el-table-column>
+      <el-table-column label="最近业务办理时间" align="center" prop="nearDoTime" width="180">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.nearDoTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="最近办理业务" align="center" prop="nearDoContent">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_BUSI_TYPE" :value="scope.row.nearDoContent" />
+        </template>
+      </el-table-column>
+      <el-table-column label="客户状态" align="center" prop="status">
+        <template v-slot="scope">
+          <dict-tag :type="DICT_TYPE.DICT_CUS_INFO_STATUS" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template v-slot="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)"
+                     v-hasPermi="['base:customer-main:update']">修改
+          </el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+                     v-hasPermi="['base:customer-main:delete']">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+    <!-- 对话框(添加 / 修改) -->
+    <CustomerMainForm ref="formRef" @success="getList"/>
+  </div>
+</template>
+
+<script>
+import * as CustomerMainApi from '@/api/base/customer';
+import CustomerMainForm from '@/views/base/customer/CustomerMainForm.vue';
+export default {
+  name: "PersonCustomer",
+  components: {
+    CustomerMainForm,
+  },
+  props:{
+    typeCode: {
+      type: String,
+      default: '01'
+    },
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户管理列表
+      list: [],
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 选中行
+      currentRow: {},
+      activeName:'private',
+      // 查询参数
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+        userId: null,
+        typeCode: '02',
+        deptCode: null,
+        cusName: null,
+        phoneNumber: null,
+        birthday: null,
+        address: null,
+        sex: null,
+        idCard: null,
+        idCardImage: null,
+        dataFrom: null,
+        nearDoTime: [],
+        nearDoContent: null,
+        inviter: null,
+        inviterType: null,
+        status: null,
+        createTime: [],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    async getList() {
+      try {
+        this.loading = true;
+        const res = await CustomerMainApi.getCustomerMainPage(this.queryParams);
+        this.list = res.data.records;
+        this.total = res.data.total;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNo = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 添加/修改操作 */
+    openForm(id) {
+      this.$refs["formRef"].open(id,this.queryParams.typeCode);
+    },
+    /** 删除按钮操作 */
+    async handleDelete(row) {
+      const id = row.id;
+      await this.$modal.confirm('是否确认删除客户管理编号为"' + id + '"的数据项?')
+      try {
+        await CustomerMainApi.deleteCustomerMain(id);
+        await this.getList();
+        this.$modal.msgSuccess("删除成功");
+      } catch {
+      }
+    },
+    /** 导出按钮操作 */
+    async handleExport() {
+      await this.$modal.confirm('是否确认导出所有客户管理数据项?');
+      try {
+        this.exportLoading = true;
+        const data = await CustomerMainApi.exportCustomerMainExcel(this.queryParams);
+        this.$download.excel(data, '客户管理.xls');
+      } catch {
+      } finally {
+        this.exportLoading = false;
+      }
+    },
+  }
+};
+</script>
+
diff --git a/src/views/base/customer/index.vue b/src/views/base/customer/index.vue
index 70ac936..1820772 100644
--- a/src/views/base/customer/index.vue
+++ b/src/views/base/customer/index.vue
@@ -1,204 +1,41 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="私人客户"  name="01">
+        <PrivateCustomer :typeCode="activeName" ref="privateRef"/>
+      </el-tab-pane>
+      <el-tab-pane label="待办客户" name="02">
+        <TodoCustomer :typeCode="activeName" ref="todoRef"/>
+      </el-tab-pane>
+      <el-tab-pane label="政企客户" name="03"/>
+    </el-tabs>
 
-      <el-form-item label="客户名称" prop="cusName">
-        <el-input v-model="queryParams.cusName" placeholder="请输入客户名称" clearable
-                  @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="联系方式" prop="phoneNumber">
-        <el-input v-model="queryParams.phoneNumber" placeholder="请输入联系方式" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="身份证号" prop="idCard">
-        <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-
-      <el-form-item label="客户状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择客户状态" clearable size="small">
-          <el-option label="请选择字典生成" value=""/>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)"
-                   v-hasPermi="['base:customer-main:create']">新增
-        </el-button>
-      </el-col>
-<!--      <el-col :span="1.5">-->
-<!--        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"-->
-<!--                   :loading="exportLoading"-->
-<!--                   v-hasPermi="['base:customer-main:export']">导出-->
-<!--        </el-button>-->
-<!--      </el-col>-->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="客户名称" align="center" prop="cusName"/>
-      <el-table-column label="联系方式" align="center" prop="phoneNumber"/>
-      <el-table-column label="生日" align="center" prop="birthday" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.birthday,'{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="住址" align="center" prop="address"/>
-      <el-table-column label="性别" align="center" prop="sex">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
-        </template>
-      </el-table-column>
-      <el-table-column label="身份证号" align="center" prop="idCard"/>
-      <el-table-column label="客户初始来源" align="center" prop="dataFrom">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.DICT_CUS_DATA_FROM" :value="scope.row.dataFrom" />
-        </template>
-      </el-table-column>
-      <el-table-column label="最近业务办理时间" align="center" prop="nearDoTime" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.nearDoTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="最近办理业务" align="center" prop="nearDoContent">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.DICT_CUS_BUSI_TYPE" :value="scope.row.nearDoContent" />
-        </template>
-      </el-table-column>
-      <el-table-column label="客户状态" align="center" prop="status">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.DICT_CUS_INFO_STATUS" :value="scope.row.status" />
-        </template>
-      </el-table-column>
-
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)"
-                     v-hasPermi="['base:customer-main:update']">修改
-          </el-button>
-          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['base:customer-main:delete']">删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
-                @pagination="getList"/>
-    <!-- 对话框(添加 / 修改) -->
-    <CustomerMainForm ref="formRef" @success="getList"/>
   </div>
 </template>
 
 <script>
-import * as CustomerMainApi from '@/api/base/customer';
-import CustomerMainForm from './CustomerMainForm.vue';
-
+import PrivateCustomer from '@/views/base/customer/components/PrivateCustomer.vue'
+import TodoCustomer from '@/views/base/customer/components/TodoCustomer.vue'
 export default {
   name: "CustomerMain",
   components: {
-    CustomerMainForm,
+    PrivateCustomer,TodoCustomer
   },
   data() {
     return {
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 客户管理列表
-      list: [],
-      // 是否展开，默认全部展开
-      isExpandAll: true,
-      // 重新渲染表格状态
-      refreshTable: true,
-      // 选中行
-      currentRow: {},
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 10,
-        userId: null,
-        typeCode: null,
-        deptCode: null,
-        cusName: null,
-        phoneNumber: null,
-        birthday: null,
-        address: null,
-        sex: null,
-        idCard: null,
-        idCardImage: null,
-        dataFrom: null,
-        nearDoTime: [],
-        nearDoContent: null,
-        inviter: null,
-        inviterType: null,
-        status: null,
-        createTime: [],
-      },
+      activeName:'01',
     };
   },
   created() {
-    this.getList();
+    this.activeName = '01'
   },
   methods: {
-    /** 查询列表 */
-    async getList() {
-      try {
-        this.loading = true;
-        const res = await CustomerMainApi.getCustomerMainPage(this.queryParams);
-        this.list = res.data.records;
-        this.total = res.data.total;
-      } finally {
-        this.loading = false;
-      }
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNo = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    /** 添加/修改操作 */
-    openForm(id) {
-      this.$refs["formRef"].open(id);
-    },
-    /** 删除按钮操作 */
-    async handleDelete(row) {
-      const id = row.id;
-      await this.$modal.confirm('是否确认删除客户管理编号为"' + id + '"的数据项?')
-      try {
-        await CustomerMainApi.deleteCustomerMain(id);
-        await this.getList();
-        this.$modal.msgSuccess("删除成功");
-      } catch {
-      }
-    },
-    /** 导出按钮操作 */
-    async handleExport() {
-      await this.$modal.confirm('是否确认导出所有客户管理数据项?');
-      try {
-        this.exportLoading = true;
-        const data = await CustomerMainApi.exportCustomerMainExcel(this.queryParams);
-        this.$download.excel(data, '客户管理.xls');
-      } catch {
-      } finally {
-        this.exportLoading = false;
-      }
-    },
+
+    /** tab点击方法 */
+    handleClick(tab, event){
+
+    }
+
   }
 };
 </script>