增加页面

src/pages/sale/visitorRegistrat.vue

+<template>
+  <div class="page-body">
+    <div class="page-search row items-center">
+      <div class="col row wrap q-mr-lg q-col-gutter-md">
+        <div class="col-3">
+          <q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.Name" label="名称"
+            @clear="resetSearch" maxlength="20" />
+        </div>
+        <!-- <div class="col-3">
+          <q-select class="q-pb-lg q-pr-lg" filled stack-label clearable option-value="Id" option-label="Name"
+            v-model="msg.Type" ref="Type" :options="studyAbroadList" label="类型" :dense="false" emit-value map-options
+            @input="resetSearch">
+          </q-select>
+        </div> -->
+      </div>
+    </div>
+    <div class="page-content">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
+        class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
+        row-key="name">
+        <template v-slot:top="props">
+          <div class="col-2 q-table__title">访客登记</div>
+          <q-space />
+        </template>
+        <template v-slot:body-cell-Id="props">
+          <q-td :props="props">
+            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑" />
+          </q-td>
+        </template>
+        <template v-slot:bottom>
+          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="PageCount"
+            :input="true" @input="changePage" />
+        </template>
+      </q-table>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    meta: {
+      title: "访客登记"
+    },
+    components: {
+    },
+    data() {
+      return {
+        msg: {
+          pageIndex: 1,
+          pageSize: 10,
+          rowsPerPage: 10,
+          Name: "",
+          IsQPrice: 1,
+          Type: "", //项目类型
+          SaleState: 3, //已上架
+        },
+        PageCount:0,
+        dataList: [],
+        loading: false,
+        columns: [{
+            name: 'Name',
+            label: '姓名',
+            required: true,
+            field: 'Name',
+            align: 'left'
+          },
+          {
+            name: 'Tel',
+            field: 'Tel',
+            label: '电话',
+            align: 'left',
+          },
+          {
+            name: 'WeChatNum',
+            field: 'WeChatNum',
+            label: '微信',
+            align: 'left'
+          },
+          {
+            name: 'CourseName',
+            label: '兴趣课程',
+            field: 'CourseName',
+            align: 'left'
+          },
+          {
+            name: 'StudyTime',
+            label: '学习时间',
+            field: 'StudyTime',
+            align: 'left'
+          },
+          {
+            name: 'LevelType',
+            label: '当前水平',
+            field: 'LevelType',
+            align: 'left'
+          },
+          {
+            name: 'CreateByName',
+            label: '关联人员',
+            field: 'CreateByName',
+            align: 'left'
+          },
+          {
+            name: 'VisitorStatus',
+            label: '状态',
+            field: 'VisitorStatus',
+            align: 'left'
+          },
+          {
+            name: 'Evaluate',
+            label: '意向评估',
+            field: 'Evaluate',
+            align: 'left'
+          },
+          {
+            name: 'VisitTimes',
+            label: '到访次数',
+            field: 'VisitTimes',
+            align: 'left'
+          },
+          {
+            name: 'Remark',
+            label: '备注',
+            field: 'Remark',
+            align: 'left'
+          },
+          {
+            name: 'optioned',
+            label: '操作',
+          }
+        ],
+      
+      }
+    },
+    mounted() {
+      //this.getList();
+    },
+    created() {
+
+    },
+    methods: {
+       getList(){
+
+       },
+       resetSearch(){
+
+       },
+       changePage(){
+
+       }
+    }
+  }
+
+</script>
+<style scoped>
+  .border-bottom {
+    border-bottom: 1px dashed #EEE;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+  }
+
+</style>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/router/routes.js

@@ -571,6 +571,11 @@ const routes = [{
         component: () =>
           import("pages/sale/studentList.vue")
       },
+      {
+        path: "/sale/visitorRegistrat", //销售 访客登记
+        component: () =>
+          import("pages/sale/visitorRegistrat.vue")
+      },
       {
         path: "/course/classHourReward", //教学奖励 课时奖励
         component: () =>