.

src/views/register/list.vue

@@ -4,6 +4,15 @@
       姓名：
       <el-input v-model="name" style="width: 200px; margin-right: 20px" />
       手机号：<el-input v-model="phone" style="width: 200px; margin-right: 20px" />
+      身份：
+      <el-select v-model="personType" style="margin-right:8px" filterable placeholder="请选择">
+        <el-option
+          v-for="item in typeOptions"
+          :key="item.value"
+          :label="item.value"
+          :value="item.label"
+        />
+      </el-select>
       报名地区：
       <el-cascader
         v-model="area2"
@@ -31,6 +40,11 @@
     <el-table stripe :data="tableData" border style="width: 100%">
       <el-table-column prop="name" label="姓名" />
       <el-table-column prop="phone" width="110" label="手机号" />
+      <el-table-column prop="personType" width="110" label="身份">
+        <template slot-scope="scope">
+          {{ scope.row.personType === 'designer' ? '设计师' : '用户' }}
+        </template>
+      </el-table-column>
       <el-table-column prop="areaName" label="所在地" />
       <el-table-column prop="interestTo" label="意向产品" />
       <el-table-column prop="createDate" label="报名时间">
@@ -58,6 +72,11 @@ import dayjs from 'dayjs'
 export default {
   data() {
     return {
+      typeOptions: [
+        { label: 'designer', value: '设计师' },
+        { label: 'user', value: '用户' }
+      ],
+      personType: undefined,
       area2: undefined,
       options: [],
       name: undefined,
@@ -154,6 +173,7 @@ export default {
     changePagination() {
       getRegisterList({
         name: this.name,
+        personType: this.personType,
         phone: this.phone,
         area: this.area,
         startDate: this.startDate,
@@ -166,6 +186,7 @@ export default {
     },
     onSearch() {
       getRegisterList({
+        personType: this.personType,
         name: this.name,
         phone: this.phone,
         area: this.area,
@@ -184,6 +205,7 @@ export default {
       this.area = undefined
       this.area2 = undefined
       this.daterange = undefined
+      this.personType = undefined
       this.startDate = undefined
       this.endDate = undefined
       this.onSearch()