页面修改

src/components/schedul/schedul-visit.vue

@@ -62,30 +62,36 @@
     color: #2D2D2D;
   }
 
-  .visit_FORM .el-input__inner{
-     background: #F0F2F5;
-     border-radius: 10px;
-     height:34px;
-     line-height: 34px;
-     border:0;
+  .visit_FORM .el-input__inner {
+    background: #F0F2F5;
+    border-radius: 10px;
+    height: 34px;
+    line-height: 34px;
+    border: 0;
   }
-  .visit_FORM .el-input__icon{
+
+  .visit_FORM .el-input__icon {
     line-height: 34px;
   }
-  .schedulVisit .q-table{
-    padding-bottom:5px;
+
+  .schedulVisit .q-table {
+    padding-bottom: 5px;
   }
-  .schedulVisit .q-table tbody td:before{
-    background:''!important;
+
+  .schedulVisit .q-table tbody td:before {
+    background: '' !important;
   }
-  .schedulVisit .q-table tbody tr:hover{
+
+  .schedulVisit .q-table tbody tr:hover {
     box-shadow: 0px 2px 20px 0px #E4E7FB;
     background: #fff;
     border-radius: 16px
   }
-  .schedulVisit .q-table tbody td:before{
-    background:transparent!important;
+
+  .schedulVisit .q-table tbody td:before {
+    background: transparent !important;
   }
+
 </style>
 <template>
   <div class="schedulVisit">
@@ -101,7 +107,7 @@
           </div>
           <q-space />
           <div class="page-option" style="margin-right:20px;width:250px;">
-            <el-input placeholder="姓名/电话/微信可查询" v-model="SearchKey">
+            <el-input placeholder="姓名/电话/微信" v-model="msg.KeyWords" @input="resetSearch">
               <i slot="prefix" class="el-input__icon el-icon-search"></i>
             </el-input>
           </div>
@@ -119,19 +125,20 @@
                     <el-input v-model="addMsg.WeChatNum" placeholder="请输入微信号"></el-input>
                   </el-form-item>
                   <el-form-item label="兴趣课程">
-                    <el-input v-model="addMsg.CourseName"  placeholder="请输入兴趣课程"></el-input>
+                    <el-input v-model="addMsg.CourseName" placeholder="请输入兴趣课程"></el-input>
                   </el-form-item>
                   <el-form-item label="学习时间">
-                    <el-input v-model="addMsg.StudyTime"  placeholder="请输入学习时间"></el-input>
+                    <el-input v-model="addMsg.StudyTime" placeholder="请输入学习时间"></el-input>
                   </el-form-item>
                   <el-form-item label="当前水平">
                     <el-select v-model="addMsg.LevelType" style="width:200px;" placeholder="请选择">
-                      <el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Id">
+                      <el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Name">
                       </el-option>
                     </el-select>
                   </el-form-item>
                 </el-form>
-                <q-btn color="accent" size="sm" @click="isShowVform=!isShowVform,SaveVisitor()" style="float:right;margin-bottom:10px;" label="保存" />
+                <q-btn color="accent" size="sm" @click="isShowVform=!isShowVform,SaveVisitor()"
+                  style="float:right;margin-bottom:10px;" label="保存" />
               </div>
               <q-btn color="accent" slot="reference" size="sm" icon="add" @click="clearAddMsg" label="添加访客" />
             </el-popover>
@@ -142,7 +149,6 @@
             <span>{{props.row.VisitTimes==0?'首次':props.row.VisitTimes}}</span>
           </q-td>
         </template>
-
         <template v-slot:body-cell-VisitorStatus="props">
           <q-td :props="props">
             <span>{{props.row.VisitorStatusStr}}</span>
@@ -167,26 +173,27 @@
                     <el-input v-model="addMsg.WeChatNum" placeholder="请输入微信号"></el-input>
                   </el-form-item>
                   <el-form-item label="兴趣课程">
-                    <el-input v-model="addMsg.CourseName"  placeholder="请输入兴趣课程"></el-input>
+                    <el-input v-model="addMsg.CourseName" placeholder="请输入兴趣课程"></el-input>
                   </el-form-item>
                   <el-form-item label="学习时间">
-                    <el-input v-model="addMsg.StudyTime"  placeholder="请输入学习时间"></el-input>
+                    <el-input v-model="addMsg.StudyTime" placeholder="请输入学习时间"></el-input>
                   </el-form-item>
                   <el-form-item label="当前水平">
                     <el-select v-model="addMsg.LevelType" style="width:200px;" placeholder="请选择">
-                      <el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Id">
+                      <el-option v-for="item in GBList" :key="item.Id" :label="item.Name" :value="item.Name">
                       </el-option>
                     </el-select>
                   </el-form-item>
                 </el-form>
-                <q-btn color="accent" size="sm" @click="SaveVisitor()" style="float:right;margin-bottom:10px;" label="保存" />
+                <q-btn color="accent" size="sm" @click="SaveVisitor()" style="float:right;margin-bottom:10px;"
+                  label="保存" />
               </div>
-              <q-btn flat size="xs" icon="edit" slot="reference" @click="SetVisitor(props.row.Id)" color="accent" style="font-weight:400" label="编辑" />
+              <q-btn flat size="xs" icon="edit" slot="reference" @click="SetVisitor(props.row.Id)" color="accent"
+                style="font-weight:400" label="编辑" />
             </el-popover>
           </q-td>
         </template>
       </q-table>
-
     </div>
   </div>
 </template>
@@ -289,9 +296,10 @@
         isShowBtn: true, //默认显示新增名单
         msg: {
           pageIndex: 1,
-          pageSize: 10,
-          rowsPerPage: 10,
+          pageSize: 5,
+          rowsPerPage: 5,
           PlanId: 0,
+          KeyWords: "",
         },
         addMsg: {
           Id: 0, //编号
@@ -320,14 +328,15 @@
           Name: '黑名单'
         }],
         SearchKey: '', //搜索条件
-        isShowVform:false,
-        isShowVedit:false,
+        isShowVform: false,
+        isShowVedit: false,
       }
     },
     created() {
       this.getGuestBasics();
     },
     mounted() {
+      
       this.getVisitoryPage();
     },
     methods: {
@@ -399,7 +408,7 @@
         this.addMsg.PlanId = this.saveObj.Id;
         setVisitor(this.addMsg).then(res => {
           this.$refs.fkdj.click();
-          this.isShowVform=false;
+          this.isShowVform = false;
           this.getVisitoryPage();
           this.clearAddMsg();
         })