添加学习状态

study-manager-ui/admin/src/views/notice/list.vue

@@ -3,7 +3,42 @@
         <LayoutTable :data="tableData" :config="tableConfig">
                     </LayoutTable>
 
+      <el-dialog
+          title="通知学习列表"
+          width="50%"
+          :visible.sync="dialogTableVisible"
+      >
+        <el-table
 
+            :data="openProjectData.data"
+            max-height="500px">
+          <el-table-column  type="index" label="序号"></el-table-column>
+          <el-table-column prop="userName" label="学员名称"></el-table-column>
+          <el-table-column prop="deptName" label="所属部门"></el-table-column>
+
+          <el-table-column prop="noticeStatus" label="学习状态" >
+            <template slot-scope="scope">
+            <span style="margin-left: 10px">{{
+                formatterString(scope.row, scope.column,scope.row.noticeStatus)
+              }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <!-- 分页器 -->
+        <el-row type="flex" justify="end">
+          <el-pagination
+              @current-change="handleCurrentChange"
+              @size-change="handleSizeChange"
+              :current-page="openProjectData.pageInfo.currPage"
+              :page-size="openProjectData.pageInfo.prePageResult"
+              :page-sizes="[10, 20, 50, 100, 200]"
+              layout="sizes, total, prev, pager, next, jumper"
+              :total="openProjectData.pageInfo.totalResult"
+          >
+          </el-pagination>
+        </el-row>
+      </el-dialog>
         <dialog-show ref="dialogform" @ok="getData" />
     </div>
 </template>