申请明细页面代码部分更改

src/views/cme/apply-detail.vue

@@ -48,54 +48,61 @@
         <el-button @click="handleExport('part')" type="primary" size="small" class="new-add">部分导出</el-button>
         <el-button @click="handleExport('all')" type="primary" size="small" class="new-add">全部导出</el-button>
       </div>
-      <el-table
-        ref="multipleTable"
-        :data="tableData"
-        tooltip-effect="dark"
-        style="width: 100%"
-        class="table-list"
-        @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column align="center" prop="cmeIcCardNumber" label="IC卡号" show-overflow-tooltip width="150" ></el-table-column>
-        <el-table-column align="center" prop="name" label="姓名" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="card" label="身份证号" show-overflow-tooltip width="200"></el-table-column>
-        <el-table-column align="center" prop="serialNo" label="课题编号" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="courseName" label="课程名称" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="studyType" label="学分类别" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="creditValue" label="学分" show-overflow-tooltip width="100"></el-table-column>
-        <el-table-column align="center" prop="creditTime" label="学时" show-overflow-tooltip width="100"></el-table-column>
-        <el-table-column align="center" prop="title" label="职称" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="hospital" label="单位名称" show-overflow-tooltip width="200"></el-table-column>
-        <el-table-column align="center" prop="taskType" label="活动形式" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="department" label="所属学科" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="authName" label="授分单位" show-overflow-tooltip width="150"></el-table-column>
-        <el-table-column align="center" prop="taskTime" label="活动日期" show-overflow-tooltip width="200"></el-table-column>
-        <el-table-column align="center" label="学分状态" show-overflow-tooltip width="150">
-          <template slot-scope="scope">
-            {{ returnStatusText(scope.row.creditStatus) }}
-          </template>
-        </el-table-column>
-        <el-table-column align="center" prop="disapprove" label="失败原因" show-overflow-tooltip width="200"></el-table-column>
-        <div slot="empty">
-          <div class="table-empty">
-            <img src="../../assets/image/no-content1.png">
-            <p>没有查询到相关结果</p>
+      <template v-if="tableData.length > 0">
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          class="table-list"
+          @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55"></el-table-column>
+          <el-table-column align="center" prop="cmeIcCardNumber" label="IC卡号" show-overflow-tooltip width="150" ></el-table-column>
+          <el-table-column align="center" prop="name" label="姓名" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="card" label="身份证号" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column align="center" prop="serialNo" label="课题编号" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="courseName" label="课程名称" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="studyType" label="学分类别" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="creditValue" label="学分" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column align="center" prop="creditTime" label="学时" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column align="center" prop="title" label="职称" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="hospital" label="单位名称" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column align="center" prop="taskType" label="活动形式" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="department" label="所属学科" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="authName" label="授分单位" show-overflow-tooltip width="150"></el-table-column>
+          <el-table-column align="center" prop="taskTime" label="活动日期" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column align="center" label="学分状态" show-overflow-tooltip width="150">
+            <template slot-scope="scope">
+              {{ returnStatusText(scope.row.creditStatus) }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="disapprove" label="失败原因" show-overflow-tooltip width="200"></el-table-column>
+          <div slot="empty">
+            <div class="table-empty">
+              <img src="../../assets/image/no-content1.png">
+              <p>没有查询到相关结果</p>
+            </div>
           </div>
+        </el-table>
+        <div class="pagination">
+          <el-pagination
+            class="pagination-style"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :total="totalRows"
+            :current-page="searchForm.pageNo"
+            :page-sizes="[15, 30, 50, 100]"
+            :page-size="searchForm.pageSize"
+            layout="total, sizes, prev, pager, next, jumper">
+          </el-pagination>
         </div>
-      </el-table>
-
-      <div class="pagination">
-        <el-pagination
-          class="pagination-style"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :total="totalRows"
-          :current-page="searchForm.pageNo"
-          :page-sizes="[15, 30, 50, 100]"
-          :page-size="searchForm.pageSize"
-          layout="total, sizes, prev, pager, next, jumper">
-        </el-pagination>
-      </div>
+      </template>
+      <template v-if="tableData.length < 1">
+        <div class="table-empty-out" >
+          <img src="../../assets/image/no-content1.png">
+          <p>没有查询到相关结果</p>
+        </div>
+      </template>
     </div>
 
     <el-dialog
@@ -361,6 +368,15 @@
           margin-top: -50px;
         }
       }
+      .table-empty-out{
+        img {
+          width: 100px; display: block;
+          margin: 0 auto;
+        }
+        p {
+          text-align: center; color: #909399; font-size: 14px;
+        }
+      }
       .el-button--small{
         font-size: 14px;
       }