空白显示

src/components/list/table-serviceSchedule.vue

@@ -7,6 +7,13 @@
       :data="tableData"
       @sort-change="sortfunc"
     >
+      <template slot="empty">
+        <div class="nothing-data">
+          <img src="../../assets/image/nothingData.png" alt="" >
+          <span class="nothing-data-title">暂未找到符合条件的医生</span>
+        </div>
+      </template>
+
       <el-table-column
         prop="doctorId"
         label="医生ID"
@@ -216,9 +223,6 @@
       changeSwitch(value, val) {
         this.$emit('changeSwitch', value, val);
       },
-      // handleFilterChange(value) {
-      //   console.log(value, 'handleFilterChange');
-      // },
       getServiceOpen(value, row) {
         return row.serviceOpen === String(value);
       },
@@ -257,6 +261,23 @@
 <style lang="scss" scoped>
 .table-serviceSchedule {
   .el-table {
+    .nothing-data{
+      display: inline-grid;
+      padding-top: 100px;
+      img{
+        width: 338px;
+        height: 159px;
+      }
+      .nothing-data-title{
+        padding-top: 40px;
+        padding-bottom: 150px;
+        font-size: 16px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #89888B;
+        line-height: 22px;
+      }
+    }
     border-radius: 8px;
     // 深度选择器
     /deep/ .highlight {

src/views/IM/diagnosis-admin/serviceSchedule.vue

@@ -30,6 +30,7 @@
               class="select-first"
               placeholder="选择优先级"
               clearable
+              @change="getCreateType"
             >
               <el-option
                 v-for="(item, index) of createList"
@@ -43,6 +44,7 @@
               class="select-first"
               placeholder="选择开通状态"
               clearable
+              @change="getService"
             >
               <el-option
                 v-for="item of serviceOpenList"
@@ -56,6 +58,7 @@
               class="serviceSchedule-status"
               placeholder="选择排班状态"
               clearable="true"
+              @change="getScheduleStatus"
             >
               <el-option
                 v-for="item of ScheduleStatusList"
@@ -74,6 +77,7 @@
               start-placeholder="开始日期"
               end-placeholder="结束日期"
               :picker-options="pickerOptions"
+              @change="getCreateRangeTime"
             />
             <el-input
               v-model="searchParam.idNamePhone"
@@ -81,6 +85,7 @@
               class="serviceSchedule-idNamePhone"
               placeholder="医生姓名/手机号"
               style="width: 250px"
+              @change="getIdNamePhone"
             />
             <el-button
               type="primary"
@@ -131,33 +136,6 @@
         </div>
       </div>
     </div>
-    <!-- <div
-      v-else
-      class="newScheduling"
-    >
-      <div class="header">
-        <el-breadcrumb separator="/">
-          <el-breadcrumb-item>首页</el-breadcrumb-item>
-          <el-breadcrumb-item class="breadcrumb-serviceSchedule">
-            <span
-              class="breadcrumb-back"
-              @click="goBack"
-            >服务排班表</span>
-          </el-breadcrumb-item>
-          <el-breadcrumb-item>新增排班</el-breadcrumb-item>
-        </el-breadcrumb>
-      </div>
-      <div class="serviceSchedule-container">
-        <div class="serviceSchedule-containerInfo">
-          <NewScheduling
-            :create-list="newCreateList"
-            :scheduling-type-value="schedulingTypeValue"
-            :scheduling-type="schedulingType"
-            @goBack="goBack"
-          />
-        </div>
-      </div>
-    </div> -->
     <a
       ref="target"
       class="target"
@@ -177,10 +155,8 @@
     getLevel,
   } from '@/api/serviceSchedule';
   import TableServiceSchedule from '@/components/list/table-serviceSchedule';
-  // import NewScheduling from '../diagnosis-admin/modal/newScheduling.vue';
   export default {
     components: {
-      // NewScheduling,
       TableServiceSchedule,
     },
     data() {
@@ -237,8 +213,6 @@
         tableData: [],
         loading: false,
         newCreateList: [],
-        // schedulingTypeValue: {},
-        // schedulingType: '',
       };
     },
     watch: {},
@@ -287,6 +261,26 @@
       // 获取选择的值
       selectApi(e, value) {
         this.searchParam.departmentId = value[1];
+        this.searchParam.pageNo = 1;
+      },
+      getCreateType(value) {
+        this.searchParam.createType = value;
+        this.searchParam.pageNo = 1;
+      },
+      getService(value) {
+        this.searchParam.serviceOpen = value;
+        this.searchParam.pageNo = 1;
+      },
+      getScheduleStatus(value) {
+        this.searchParam.ScheduleStatus = value;
+        this.searchParam.pageNo = 1;
+      },
+      getIdNamePhone(value) {
+        this.searchParam.idNamePhone = value;
+        this.searchParam.pageNo = 1;
+      },
+      getCreateRangeTime() {
+        this.searchParam.pageNo = 1;
       },
       search() {
         this.loading = true;