table为空展示情况

src/utils/learning/chartData.js

@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) {
     },
     tooltip: {
       trigger: "item",
-      formatter: "{b} : {d}%"
+      // formatter: "{b} : {d}%",
+      formatter:function(data){ 
+        let value = data.name + '：' + data.percent.toFixed(1)+"%"
+        return value;
+      }
     },
     label: {
-      formatter: "{d}%"
+      // formatter: "{d}%",
+      formatter:function(data){ return data.percent.toFixed(1)+"%";} 
     },
     color: ['#FF9A4B', '#FFBC3D', '#39AF9A', '#3BA0FF', '#5D7092'],
     legend: {
@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) {
               (
                 (100 * parseFloat(params[j].value)) /
                 parseFloat(value)
-              ).toFixed(2) +
+              ).toFixed(1) +
               "%";
           } else {
             relVal +=

src/views/learning/data-alignment.vue

@@ -90,8 +90,7 @@
       <el-table-column prop="townName" label="乡镇/街道" show-overflow-tooltip></el-table-column>
       <div slot="empty">
         <div class="table-empty">
-          <img src="../../assets/image/no-content1.png" />
-          <p>没有相关数据，请重新选择查询范围</p>
+          <img src="../../assets/image/noData.png" />
         </div>
       </div>
     </el-table>
@@ -400,5 +399,11 @@ export default {
   .pagination {
     margin-right: 10px;
   }
+  .table-empty {
+    img {
+      height: 24px;
+      width: 106px;
+    }
+  }
 }
 </style>

src/views/learning/export-download.vue

@@ -38,8 +38,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -287,6 +286,12 @@ export default {
         border: 0px solid #fff !important;
       }
     }
+    .table-empty {
+      img {
+        height: 24px;
+        width: 106px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file

src/views/learning/item-course-analysis.vue

@@ -28,8 +28,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -52,8 +51,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -346,5 +344,11 @@ export default {
     margin-top: 30px;
     margin-right: 13px;
   }
+  .table-empty {
+    img {
+      height: 24px;
+      width: 106px;
+    }
+  }
 }
 </style>
\ No newline at end of file

src/views/learning/item-data-all.vue

@@ -45,6 +45,11 @@
           <el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column>
           <el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column>
           <el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column>
+          <div slot="empty">
+            <div class="table-empty">
+              <img src="../../assets/image/noData.png" />
+            </div>
+          </div>
         </el-table>
         <div class="pagination">
           <el-pagination
@@ -143,6 +148,11 @@
           <el-table-column v-if="gradeFlag[1] == true" prop="grade2Count" label="良好" align="center"></el-table-column>
           <el-table-column v-if="gradeFlag[2] == true" prop="grade3Count" label="及格" align="center"></el-table-column>
           <el-table-column v-if="gradeFlag[3] == true" prop="grade4Count" label="不及格" align="center"></el-table-column>
+          <div slot="empty">
+            <div class="table-empty">
+              <img src="../../assets/image/noData.png" />
+            </div>
+          </div>
         </el-table>
         <div class="pagination">
           <el-pagination
@@ -184,7 +194,7 @@
               <span>{{ scope.row.finishFlag | finishFlagValue}}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="certGrade" label="证书级别" align="center">
+          <el-table-column v-if="certFlag != 1" prop="certGrade" label="证书级别" align="center">
             <template slot-scope="scope">
               <span>{{ scope.row.certGrade | certGradeValue}}</span>
             </template>
@@ -196,6 +206,11 @@
               <span>{{ scope.row.learnTime | learnTimeValue}}</span>
             </template>
           </el-table-column>
+          <div slot="empty">
+            <div class="table-empty">
+              <img src="../../assets/image/noData.png" />
+            </div>
+          </div>
         </el-table>
         <div class="chart-remarks">注：本报表数据来源仅包括有摸底考的课程培训。</div>
         <div class="pagination">
@@ -367,7 +382,7 @@ export default {
         closeLoading(vm);
         if (res.code == "000000") {
           vm.certFlag = res.data.certFlag;
-          vm.certFlag = 1;
+          // vm.certFlag = 1;
           vm.searchType();
         }
       });
@@ -801,6 +816,12 @@ export default {
   background: #fff;
   overflow: hidden;
   // padding: 10px;
+  .table-empty {
+    img {
+      height: 24px;
+      width: 106px;
+    }
+  }
   .box-list {
     position: relative;
     padding: 30px 30px 0 30px;

src/views/learning/item-examination-analysis.vue

@@ -45,8 +45,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -71,8 +70,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -518,5 +516,11 @@ export default {
     margin-top: 30px;
     margin-right: 13px;
   }
+  .table-empty {
+    img {
+      height: 24px;
+      width: 106px;
+    }
+  }
 }
 </style>

src/views/learning/item-list.vue

@@ -99,7 +99,8 @@
               type="daterange"
               range-separator="至"
               start-placeholder="开始日期"
-              end-placeholder="结束日期">
+              end-placeholder="结束日期"
+              :picker-options="pickerOptions0">
             </el-date-picker>
           </el-col>
         </el-form-item>
@@ -319,6 +320,16 @@ export default {
         originalFlag: 1
       },
       hospitalCntList: [],
+      maxDate: '',
+      minDate: '',
+      pickerOptions0: {
+        disabledDate: time => {
+          // 在科学计数法中，为了使公式简便，可以用带“E”的格式表示。例如1.03乘10的8次方，可简写为“1.03e8”的形式
+          // 一天是24*60*60*1000 = 86400000 = 8.64e7
+          // console.log('this.maxDate',this.maxDate)
+          return time.getTime() > new Date(this.maxDate).getTime() || time.getTime() < new Date(this.minDate).getTime() - 8.64e7;
+        }
+      }, 
     };
   },
   computed: {
@@ -394,6 +405,9 @@ export default {
           vm.displayExam = res.data.existExam;
           vm.displayEffect = res.data.existEffect;
           vm.certFlag = res.data.certFlag;
+          vm.maxDate =  new Date(res.data.maxDate);
+          vm.minDate = new Date(res.data.minDate);
+          console.log('日期:',vm.maxDate,vm.minDate)
           vm.getRegionOption();
         }
       });
@@ -626,7 +640,7 @@ export default {
       });
     },
     search() {
-      console.log(vm.formInline);
+      // console.log(vm.formInline);
       if(vm.formInline.timeFlag == 1) {
         //截止昨日
         vm.setExportReq();

src/views/learning/name-list.vue

@@ -95,8 +95,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png">
-            <p>没有相关数据，请重新选择查询范围</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -380,6 +379,12 @@ export default {
       position: relative;
       left: 50%;
     }
+    .table-empty {
+      img {
+        height: 24px;
+        width: 106px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file

src/views/learning/report-list.vue

@@ -54,8 +54,7 @@
         </el-table-column>
         <div slot="empty">
           <div class="table-empty">
-            <img src="../../assets/image/no-content1.png" />
-            <p>没有找到符合的结果</p>
+            <img src="../../assets/image/noData.png" />
           </div>
         </div>
       </el-table>
@@ -186,6 +185,12 @@ export default {
   .itemlist-content {
     padding: 10px;
     background: #fff;
+    .table-empty {
+      img {
+        height: 24px;
+        width: 106px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file