diff --git a/src/api/customer.js b/src/api/customer.js
index e6ef166..2519dc4 100644
--- a/src/api/customer.js
+++ b/src/api/customer.js
@@ -11,3 +11,29 @@
     params
   })
 }
+// 新增客户
+export function addCustomer(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑客户
+export function editCustomer(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除客户
+export function delCustomer(params) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params
+  })
+}
+

diff --git a/src/api/customer.js b/src/api/customer.js
index e6ef166..2519dc4 100644
--- a/src/api/customer.js
+++ b/src/api/customer.js
@@ -11,3 +11,29 @@
     params
   })
 }
+// 新增客户
+export function addCustomer(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑客户
+export function editCustomer(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除客户
+export function delCustomer(params) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
new file mode 100644
index 0000000..ff1e5eb
--- /dev/null
+++ b/src/views/customerManage/customerList.vue
@@ -0,0 +1,217 @@
+<!-- 知识审核 -->
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="电话号码" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="联系方式" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="地址" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      @change="changePage"
+      @select-change="handleSelectionChange">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
+            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-customer ref="editdialog" @watch-child="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CaseListTable from '@/views/caseManage/caseCommon/caseListTable'
+import NormalTable from '@/components/NomalTable'
+import { getCustomerList, delCustomer } from '@/api/customer'
+import EditCustomer from './editCustomer'
+
+export default {
+  name: 'CustomerList',
+  components: { EditCustomer, AppContainer, SearchArea, SearchItem, CaseListTable, NormalTable },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        name: '', // 姓名
+        tel: '', // 电话
+        address: '', // 地址
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center'
+        },
+        {
+          text: '联系方式1',
+          value: 'tel1',
+          align: 'center'
+        },
+        {
+          text: '联系方式2',
+          value: 'tel2',
+          align: 'center'
+        },
+        {
+          text: '证件号码',
+          value: 'cardNo',
+          align: 'center'
+        },
+        {
+          text: '地址',
+          value: 'address',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'remarks',
+          align: 'center'
+        }
+      ], // 显示列
+      checkStateList: [], // 审核状态
+      groundStateList: [], // 上架状态
+      validStateList: [], // 可用状态
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: true // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      checkedId: '', // 被审核知识id
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCustomerList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            {
+              'id': '1',
+              'name': '李四',
+              'typeName': '',
+              'tel1': '1310000000',
+              'tel2': '1562323221',
+              'cardNo': '110123199601019281',
+              'address': '北京海淀',
+              'remarks': ''
+            }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加客户
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除客户资料吗
+    del() {
+      if (this.checkSelection()) {
+        this.$confirm(
+          '确定要删除客户资料吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          const list = this.multipleSelection.map(item => item.id)
+          delCustomer(list).then(response => {
+            if (response.code === 200) {
+              this.$message.success('删除成功')
+            }
+          })
+        })
+      }
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换类别
+    changeType(typeid) {
+      this.listQuery.type = typeid
+      this.search()
+    },
+    // 多选选中项
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    checkSelection() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning('请至少选择一项')
+        return false
+      } else {
+        return true
+      }
+    }
+  }
+}
+</script>

diff --git a/src/api/customer.js b/src/api/customer.js
index e6ef166..2519dc4 100644
--- a/src/api/customer.js
+++ b/src/api/customer.js
@@ -11,3 +11,29 @@
     params
   })
 }
+// 新增客户
+export function addCustomer(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑客户
+export function editCustomer(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除客户
+export function delCustomer(params) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params
+  })
+}
+
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
new file mode 100644
index 0000000..ff1e5eb
--- /dev/null
+++ b/src/views/customerManage/customerList.vue
@@ -0,0 +1,217 @@
+<!-- 知识审核 -->
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="电话号码" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="联系方式" clearable/>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="地址" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      @change="changePage"
+      @select-change="handleSelectionChange">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
+            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-customer ref="editdialog" @watch-child="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CaseListTable from '@/views/caseManage/caseCommon/caseListTable'
+import NormalTable from '@/components/NomalTable'
+import { getCustomerList, delCustomer } from '@/api/customer'
+import EditCustomer from './editCustomer'
+
+export default {
+  name: 'CustomerList',
+  components: { EditCustomer, AppContainer, SearchArea, SearchItem, CaseListTable, NormalTable },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        name: '', // 姓名
+        tel: '', // 电话
+        address: '', // 地址
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center'
+        },
+        {
+          text: '联系方式1',
+          value: 'tel1',
+          align: 'center'
+        },
+        {
+          text: '联系方式2',
+          value: 'tel2',
+          align: 'center'
+        },
+        {
+          text: '证件号码',
+          value: 'cardNo',
+          align: 'center'
+        },
+        {
+          text: '地址',
+          value: 'address',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'remarks',
+          align: 'center'
+        }
+      ], // 显示列
+      checkStateList: [], // 审核状态
+      groundStateList: [], // 上架状态
+      validStateList: [], // 可用状态
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: true // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      checkedId: '', // 被审核知识id
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCustomerList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            {
+              'id': '1',
+              'name': '李四',
+              'typeName': '',
+              'tel1': '1310000000',
+              'tel2': '1562323221',
+              'cardNo': '110123199601019281',
+              'address': '北京海淀',
+              'remarks': ''
+            }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加客户
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除客户资料吗
+    del() {
+      if (this.checkSelection()) {
+        this.$confirm(
+          '确定要删除客户资料吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          const list = this.multipleSelection.map(item => item.id)
+          delCustomer(list).then(response => {
+            if (response.code === 200) {
+              this.$message.success('删除成功')
+            }
+          })
+        })
+      }
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换类别
+    changeType(typeid) {
+      this.listQuery.type = typeid
+      this.search()
+    },
+    // 多选选中项
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    checkSelection() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning('请至少选择一项')
+        return false
+      } else {
+        return true
+      }
+    }
+  }
+}
+</script>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
new file mode 100644
index 0000000..ce0faf2
--- /dev/null
+++ b/src/views/customerManage/editCustomer.vue
@@ -0,0 +1,231 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="customerForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="姓名" prop="name">
+            <el-input v-model.trim="customerForm.name" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户类型" prop="type">
+            <el-input v-model.trim="customerForm.type" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系方式1" prop="tel1">
+            <el-input v-model.trim="customerForm.tel1" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系方式2" prop="tel2">
+            <el-input v-model.trim="customerForm.tel2" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="证件号码" prop="cardNo">
+            <el-input v-model.trim="customerForm.cardNo" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="地址" prop="address">
+            <el-input v-model.trim="customerForm.address" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="备注" prop="address">
+            <el-input v-model.trim="customerForm.remarks" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addUser, updateUser } from '@/api/system/user'
+
+export default {
+  name: 'EditCustomer',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      customerForm: {
+        id: '', // 编号
+        name: '', // 姓名
+        tel1: '', // 联系方式1
+        tel2: '', // 联系方式2
+        cardNo: '', // 证件号码
+        address: '', // 地址
+        remarks: '', // 备注
+        type: '', // 类型
+        wx: '', // 微信
+        email: '', // 邮箱
+        duty: '' // 职位
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        name: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        email: [{
+          required: false, // 是否必填
+          message: '请输入邮箱地址', // 错误提示信息
+          trigger: 'blur'// 检验方式（blur为鼠标点击其他地方，）
+        },
+        {
+          type: 'email', // 要检验的类型（number，email，date等）
+          message: '请输入正确的邮箱地址',
+          trigger: ['blur', 'change'] }],
+        tel1: [{
+          required: true,
+          pattern: /^1[34578]\d{9}$/, // 可以写正则表达式
+          message: '请输入正确的手机号',
+          trigger: ['blur', 'change'] }],
+        tel2: [{
+          required: false,
+          pattern: /^1[34578]\d{9}$/, // 可以写正则表达式
+          message: '请输入正确的手机号',
+          trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.customerForm = {
+          id: row.id, // 编号
+          name: row.name, // 姓名
+          email: row.email, // 邮箱，
+          tel1: row.tel1, // 联系方式1
+          tel2: row.tel1, // 联系方式2
+          cardNo: row.cardNo, // 证件号码
+          address: row.address, // 地址
+          remarks: row.remarks, // 备注
+          type: row.type, // 类型
+          wx: row.wx, // 微信
+          duty: row.duty // 职位
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.customerForm = {
+        id: '', // 编号
+        name: '', // 姓名
+        tel1: '', // 联系方式1
+        tel2: '', // 联系方式2
+        cardNo: '', // 证件号码
+        address: '', // 地址
+        remarks: '', // 备注
+        type: '', // 类型
+        wx: '', // 微信
+        email: '', // 邮箱
+        duty: '' // 职位
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.customerForm)
+        if (valid) {
+          this.btnLoading = true
+          addUser(this.customerForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateUser(this.customerForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>