报名列表

src/api/city.js

@@ -5,6 +5,6 @@ import request from '@/utils/request'
  * @param {*} params
  * @returns
  */
-export const getCityList = (lv) => request({
-  url: `/admin/city?level=${lv}`
+export const getCityList = (lv, parent) => request({
+  url: `/admin/city?level=${lv}&parent=${parent}`
 })

src/router/index.js

@@ -53,13 +53,6 @@ export const constantRoutes = [
         name: '报名列表',
         component: () => import('@/views/register/list'),
         meta: { title: '报名列表', icon: 'course' }
-      },
-      {
-        hidden: true,
-        path: 'register/detail',
-        name: 'registerDetail',
-        component: () => import('@/views/register/detail'),
-        meta: { title: '报名详情', icon: 'question' }
       }
     ]
   },

src/views/register/detail.vue

@@ -1,89 +0,0 @@
-<template>
-  <div>
-    <el-card class="box-card" style="text-align:center" shadow="never">
-      <h2>{{ termId ? '修改' : '新建' }}学期</h2>
-      <el-form
-        ref="termForm"
-        :model="termForm"
-        :rules="rules"
-        label-width="10vw"
-        style="width:50%;margin:auto"
-        class="demo-termForm"
-      >
-        <el-form-item label="学期名称" prop="name">
-          <el-input v-model="termForm.name" />
-        </el-form-item>
-        <el-form-item label-width="0">
-          <el-button type="primary" @click="submitForm('termForm')">{{
-            !termId ? "新建学期" : "修改学期"
-          }}</el-button>
-          <el-button @click="$router.go(-1)">返回</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-  </div>
-</template>
-
-<script>
-import { saveSchoolTerm, getSchoolTermDetail, UpdateSchoolTerm } from '@/api/schoolTerm'
-
-export default {
-  data() {
-    return {
-      termId: undefined,
-      termForm: {
-        name: undefined
-      },
-      rules: {
-        name: [
-          { required: true, message: '请输入学期名称', trigger: 'blur' }
-        ]
-      }
-    }
-  },
-  mounted() {
-    if (this.$route?.query.termId) {
-      this.termId = this.$route.query.termId
-      getSchoolTermDetail(this.termId)
-        .then((res) => {
-          this.termForm = res.data
-        })
-    }
-  },
-  methods: {
-    submitForm(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.termId) {
-            UpdateSchoolTerm(this.termForm, this.termId)
-              .then((res) => {
-                this.$message.success('修改成功')
-                this.$router.go(-1)
-              })
-              .catch((e) => {
-                console.log(e)
-              })
-          } else {
-            saveSchoolTerm(this.termForm)
-              .then((e) => {
-                this.$message.success('保存成功')
-                this.$router.go(-1)
-              })
-          }
-        } else {
-          return false
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped >
-.demo-termForm {
-  margin-top: 1em;
-}
-</style>
-
-<style lang="scss" scoped>
-</style>

src/views/register/list.vue

@@ -5,14 +5,13 @@
       <el-input v-model="name" style="width: 200px; margin-right: 20px" />
       手机号：<el-input v-model="phone" style="width: 200px; margin-right: 20px" />
       报名地区：
-
       <el-cascader
         v-model="area2"
         :options="options"
+        :props="{ checkStrictly: true }"
+        @expand-change="changeExpand"
         @change="handleChange"
       />
-
-      <el-input v-model="area" style="width: 200px; margin-right: 20px" />
       签到时间：<el-date-picker
         v-model="daterange"
         type="daterange"
@@ -30,20 +29,12 @@
     </el-card>
     <el-table stripe :data="tableData" border style="width: 100%">
       <el-table-column prop="name" label="姓名" />
-      <el-table-column prop="phone" label="手机号" />
+      <el-table-column prop="phone" width="110" label="手机号" />
       <el-table-column prop="areaName" label="所在地" />
+      <el-table-column prop="interestTo" label="意向产品" />
       <el-table-column prop="createDate" label="报名时间">
         <template slot-scope="scope">{{ formate(scope.row.createDate) }}</template>
       </el-table-column>
-      <el-table-column align="center" label="操作" min-width="100" width="280">
-        <template slot-scope="scope">
-          <el-link :underline="false" style="margin-right:1em" type="primary">
-            <router-link
-              :to="{path:'register/detail',query: { regId: scope.row.regId }}"
-            >详情</router-link>
-          </el-link>
-        </template>
-      </el-table-column>
     </el-table>
     <el-pagination
       v-show="Total!==0"
@@ -67,204 +58,7 @@ export default {
   data() {
     return {
       area2: undefined,
-
-      options: [
-        {
-          value: 'zhinan',
-          label: '指南',
-          children: [{
-            value: 'shejiyuanze',
-            label: '设计原则',
-            children: [{
-              value: 'yizhi',
-              label: '一致'
-            }, {
-              value: 'fankui',
-              label: '反馈'
-            }, {
-              value: 'xiaolv',
-              label: '效率'
-            }, {
-              value: 'kekong',
-              label: '可控'
-            }]
-          }, {
-            value: 'daohang',
-            label: '导航',
-            children: [{
-              value: 'cexiangdaohang',
-              label: '侧向导航'
-            }, {
-              value: 'dingbudaohang',
-              label: '顶部导航'
-            }]
-          }]
-        }, {
-          value: 'zujian',
-          label: '组件',
-          children: [{
-            value: 'basic',
-            label: 'Basic',
-            children: [{
-              value: 'layout',
-              label: 'Layout 布局'
-            }, {
-              value: 'color',
-              label: 'Color 色彩'
-            }, {
-              value: 'typography',
-              label: 'Typography 字体'
-            }, {
-              value: 'icon',
-              label: 'Icon 图标'
-            }, {
-              value: 'button',
-              label: 'Button 按钮'
-            }]
-          }, {
-            value: 'form',
-            label: 'Form',
-            children: [{
-              value: 'radio',
-              label: 'Radio 单选框'
-            }, {
-              value: 'checkbox',
-              label: 'Checkbox 多选框'
-            }, {
-              value: 'input',
-              label: 'Input 输入框'
-            }, {
-              value: 'input-number',
-              label: 'InputNumber 计数器'
-            }, {
-              value: 'select',
-              label: 'Select 选择器'
-            }, {
-              value: 'cascader',
-              label: 'Cascader 级联选择器'
-            }, {
-              value: 'switch',
-              label: 'Switch 开关'
-            }, {
-              value: 'slider',
-              label: 'Slider 滑块'
-            }, {
-              value: 'time-picker',
-              label: 'TimePicker 时间选择器'
-            }, {
-              value: 'date-picker',
-              label: 'DatePicker 日期选择器'
-            }, {
-              value: 'datetime-picker',
-              label: 'DateTimePicker 日期时间选择器'
-            }, {
-              value: 'upload',
-              label: 'Upload 上传'
-            }, {
-              value: 'rate',
-              label: 'Rate 评分'
-            }, {
-              value: 'form',
-              label: 'Form 表单'
-            }]
-          }, {
-            value: 'data',
-            label: 'Data',
-            children: [{
-              value: 'table',
-              label: 'Table 表格'
-            }, {
-              value: 'tag',
-              label: 'Tag 标签'
-            }, {
-              value: 'progress',
-              label: 'Progress 进度条'
-            }, {
-              value: 'tree',
-              label: 'Tree 树形控件'
-            }, {
-              value: 'pagination',
-              label: 'Pagination 分页'
-            }, {
-              value: 'badge',
-              label: 'Badge 标记'
-            }]
-          }, {
-            value: 'notice',
-            label: 'Notice',
-            children: [{
-              value: 'alert',
-              label: 'Alert 警告'
-            }, {
-              value: 'loading',
-              label: 'Loading 加载'
-            }, {
-              value: 'message',
-              label: 'Message 消息提示'
-            }, {
-              value: 'message-box',
-              label: 'MessageBox 弹框'
-            }, {
-              value: 'notification',
-              label: 'Notification 通知'
-            }]
-          }, {
-            value: 'navigation',
-            label: 'Navigation',
-            children: [{
-              value: 'menu',
-              label: 'NavMenu 导航菜单'
-            }, {
-              value: 'tabs',
-              label: 'Tabs 标签页'
-            }, {
-              value: 'breadcrumb',
-              label: 'Breadcrumb 面包屑'
-            }, {
-              value: 'dropdown',
-              label: 'Dropdown 下拉菜单'
-            }, {
-              value: 'steps',
-              label: 'Steps 步骤条'
-            }]
-          }, {
-            value: 'others',
-            label: 'Others',
-            children: [{
-              value: 'dialog',
-              label: 'Dialog 对话框'
-            }, {
-              value: 'tooltip',
-              label: 'Tooltip 文字提示'
-            }, {
-              value: 'popover',
-              label: 'Popover 弹出框'
-            }, {
-              value: 'card',
-              label: 'Card 卡片'
-            }, {
-              value: 'carousel',
-              label: 'Carousel 走马灯'
-            }, {
-              value: 'collapse',
-              label: 'Collapse 折叠面板'
-            }]
-          }]
-        }, {
-          value: 'ziyuan',
-          label: '资源',
-          children: [{
-            value: 'axure',
-            label: 'Axure Components'
-          }, {
-            value: 'sketch',
-            label: 'Sketch Templates'
-          }, {
-            value: 'jiaohu',
-            label: '组件交互文档'
-          }]
-        }
-      ],
+      options: [],
 
       name: undefined,
       phone: undefined,
@@ -280,14 +74,64 @@ export default {
   },
   mounted() {
     this.onSearch()
-    getCityList(3).then((res) => {
-
+    getCityList(1).then((res) => {
+      var list = res.data
+      list.map(item => {
+        this.options.push({ value: item.id, label: item.shortname, children: [] })
+      })
     })
   },
   methods: {
-
+    // 选中下拉时执行
+    changeExpand(val) {
+      if (val.length === 1) {
+        getCityList(2, val[0]).then((res) => {
+          var list = res.data
+          // 当前市在数组中的位置
+          var cityIndex = 0
+          this.options.map((item, index) => {
+            if (item.value === val[0]) {
+              cityIndex = index
+            }
+          })
+          this.options[cityIndex].children = []
+          list.map(item => {
+            this.options[cityIndex].children.push({ value: item.id, label: item.shortname, children: [] })
+          })
+        })
+      } else {
+        getCityList(3, val[1]).then((res) => {
+          var list = res.data
+          // 当前市在数组中的位置
+          var cityIndex = 0
+          this.options.map((item, index) => {
+            if (item.value === val[0]) {
+              cityIndex = index
+            }
+          })
+          // 当前区在数组中的位置
+          var areaIndex = 0
+          this.options[cityIndex].children.map((item, index) => {
+            if (item.value === val[1]) {
+              areaIndex = index
+            }
+          })
+          this.options[cityIndex].children[areaIndex].children = []
+          list.map(item => {
+            this.options[cityIndex].children[areaIndex].children.push({ value: item.id, label: item.shortname })
+          })
+        })
+      }
+    },
     handleChange(value) {
-      console.log(value)
+      if (value) {
+        switch (value.length) {
+          case 1: this.area = value[0]; break
+          case 2: this.area = value[1]; break
+          case 3: this.area = value[2]; break
+          default: break
+        }
+      }
     },
 
     formate(val) {
@@ -313,6 +157,8 @@ export default {
         name: this.name,
         phone: this.phone,
         area: this.area,
+        startDate: this.startDate,
+        endDate: this.endDate,
         pageNum: this.currentPage,
         pageSize: this.pageSize
       }).then((res) => {
@@ -324,6 +170,8 @@ export default {
         name: this.name,
         phone: this.phone,
         area: this.area,
+        startDate: this.startDate,
+        endDate: this.endDate,
         pageNum: this.currentPage,
         pageSize: this.pageSize
       }).then((res) => {
@@ -335,7 +183,10 @@ export default {
       this.name = undefined
       this.phone = undefined
       this.area = undefined
+      this.area2 = undefined
       this.daterange = undefined
+      this.startDate = undefined
+      this.endDate = undefined
       this.onSearch()
     }
   }