页面修改

src/pages/school/teacher.vue

 <template>
-<div class="page-body">
+  <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 @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.TeacherName" label="教师名称" />
+          <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.TeacherName"
+            label="教师名称" />
         </div>
         <div class="col-3">
-                <!--<q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.TeacherTel" label="教师电话" />-->
-                <q-select @input="resetSearch" clearable filled stack-label option-value="SId" option-label="SName" v-model="schoolTemp" ref="School_Id" :options="schoolList" label="所属校区" :dense="false" />
+          <q-select @input="resetSearch" clearable filled stack-label option-value="SId" option-label="SName"
+            v-model="schoolTemp" ref="School_Id" :options="schoolList" label="所属校区" :dense="false" />
         </div>
         <div class="col-3">
-                <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.IsShow" :options="ShowOpts" emit-value map-options label="显示状态" />
+          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.IsShow" :options="ShowOpts"
+            emit-value map-options label="显示状态" />
         </div>
         <div class="col-3">
-                <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.AuditStatus" :options="AuditOpts" emit-value map-options label="审核状态" />
+          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.AuditStatus" :options="AuditOpts"
+            emit-value map-options label="审核状态" />
         </div>
       </div>
       <div class="page-option">
@@ -37,7 +40,9 @@
       </div>
     </div>
     <div class="page-content">
-        <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-right-column-table sticky-tow-column-table" separator="none" title="教师信息" :data="data" :columns="columns" row-key="name">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
+        class="sticky-right-column-table sticky-tow-column-table" separator="none" title="教师信息" :data="data"
+        :columns="columns" row-key="name">
         <template v-slot:body-cell-IsShow="props">
           <q-td :props="props">
             <q-badge :color="props.value==0?'negative':'primary'" :label="props.value==0?'隐藏':'显示'" />
@@ -57,7 +62,7 @@
         </template>
         <template v-slot:body-cell-IsRecommend="props">
           <q-td :props="props">
-                    <q-icon v-if="props==1" name="iconfont icon-good" color="negative" size="16px" />
+            <q-badge :color="props.value==0?'negative':'primary'" :label="props.value==0?'不推荐':'推荐'" />
           </q-td>
         </template>
         <template v-slot:body-cell-TeachTag="props">
@@ -84,41 +89,46 @@
                 </q-banner>
               </q-popup-proxy>
             </div>
-
           </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" />
+          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+            :input="true" @input="changePage" />
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
             <div style="min-width:190px;width:100%">
-                        <q-btn v-if="props.row.AuditStatus==1" flat size="xs" icon="iconfont icon-shenhe" color="info" style="font-weight:400" class="q-mr-xs" label="审核" @click="showExamine(props.row)" />
-                        <q-btn v-if="props.row.AuditStatus==2" flat size="xs" icon="iconfont icon-ziyuan" color="warning" style="font-weight:400" class="q-mr-xs" label="重置密码" @click="resetPw(props.row.TId)" />
-                        <q-btn v-if="props.row.AuditStatus==3" flat size="xs" icon="iconfont icon-shanchu" color="negative" style="font-weight:400" class="q-mr-xs" label="删除" @click="deleteUser(props.row.TId)" />
-                        <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑" @click="addObj(props.row)" />
+              <q-btn v-if="props.row.AuditStatus==1" flat size="xs" icon="iconfont icon-shenhe" color="info"
+                style="font-weight:400" class="q-mr-xs" label="审核" @click="showExamine(props.row)" />
+              <q-btn v-if="props.row.AuditStatus==2" flat size="xs" icon="iconfont icon-ziyuan" color="warning"
+                style="font-weight:400" class="q-mr-xs" label="重置密码" @click="resetPw(props.row.TId)" />
+              <q-btn v-if="props.row.AuditStatus==3" flat size="xs" icon="iconfont icon-shanchu" color="negative"
+                style="font-weight:400" class="q-mr-xs" label="删除" @click="deleteUser(props.row.TId)" />
+              <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
+                @click="addObj(props.row)" />
             </div>
           </q-td>
         </template>
       </q-table>
-        <teacher-form v-if="persistent" :save-obj="objOption" @close="closeSaveForm" @success="addAfterQuery"></teacher-form>
-        <teacher-shenhe v-if="persistentExamine" :show-obj="objOption" @close="closeSaveForm" @success="addAfterQuery"></teacher-shenhe>
+      <teacher-form v-if="persistent" :save-obj="objOption" @close="closeSaveForm" @success="addAfterQuery">
+      </teacher-form>
+      <teacher-shenhe v-if="persistentExamine" :show-obj="objOption" @close="closeSaveForm" @success="addAfterQuery">
+      </teacher-shenhe>
+    </div>
   </div>
-</div>
 </template>
-
 <script>
-import {
+  import {
     getTeacherPage,
     getSchoolDropdown,
     deleteTeacher
-} from '../../api/school/index'
-import {
+  } from '../../api/school/index'
+  import {
     resetPassword
-} from '../../api/users/user.js'
-import teacherForm from '../../components/school/teacher/teacher-form'
-import teacherShenhe from '../../components/school/teacher/teacher-shenhe'
-export default {
+  } from '../../api/users/user.js'
+  import teacherForm from '../../components/school/teacher/teacher-form'
+  import teacherShenhe from '../../components/school/teacher/teacher-shenhe'
+  export default {
     meta: {
       title: "教师管理"
     },
@@ -266,8 +276,7 @@ export default {
     },
     methods: {
       resetSearch() {
-            this.pageIndex = 1
-            //this.pageCount = 0
+        this.msg.pageIndex = 1
         this.loading = true
         if (this.schoolTemp) {
           this.msg.School_Id = this.schoolTemp.SId
@@ -346,9 +355,9 @@ export default {
       },
       changePage(val) {
         this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1'
-            this.msg.pageIndex = 1
-            this.loading = true
-            this.getTeacher()
+        this.msg.pageIndex = val;
+        this.loading = true;
+        this.getTeacher();
       },
       getSchool() {
         getSchoolDropdown({}).then(res => {
@@ -402,9 +411,11 @@ export default {
         this.persistentExamine = false
       }
     },
-}
+  }
+
 </script>
 
 <style lang="sass">
-@import url('~assets/css/table.sass');
+  @import url('~assets/css/table.sass');
+
 </style>