YelloooBlue / HKUST-iCalendar

Convert the course schedule in the SIS system of HKUST or HKUST(GZ) to iCalendar File
Apache License 2.0
5 stars 0 forks source link

Re: KLMS Adaptation #1 #2

Open AdAstraAbyssoque opened 2 months ago

AdAstraAbyssoque commented 2 months ago

因为 #1 已关闭,所以为了便于追踪新开 #2 写一些无聊的发现

Re

关于KLMS的情况

目前关于KLMS感觉很坑人的点

AdAstraAbyssoque commented 2 months ago

附件

留下一些样例,真实数据,仅供测试使用!

<html>

    <body>
        <!--StartFragment-->
        <div data-v-d055f5aa="" class="market-table" style="box-sizing: border-box; border: 1px solid rgb(242, 243, 245);">
            <div data-v-d055f5aa="" class="market-table-top" style="box-sizing: border-box; width: 1166px; height: 2.625rem; display: flex; padding: 0px 1.25rem; align-items: center; border-bottom: 1px solid rgb(235, 238, 245); font-size: 0.875rem; color: rgb(0, 0, 0);">
                <div data-v-d055f5aa="" style="box-sizing: border-box;">MOES1101B - PE</div>
                <div data-v-d055f5aa="" class="market-desc" style="box-sizing: border-box; color: rgb(255, 135, 7); margin-left: 5px; display: flex; flex: 1 1 0%;">
                    <div data-v-d055f5aa="" class="row-align" style="box-sizing: border-box; display: flex; align-items: center;">[1 Credit]</div>
                </div>
            </div>
            <div data-v-d055f5aa="" class="mark-table-body el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; outline: none !important; padding: 1.25rem;">
                <div data-v-d055f5aa="" class="el-table--fit el-table--striped el-table--border el-table--scrollable-x el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="box-sizing: border-box; --el-table-border-color: var(--el-border-color-lighter); --el-table-border: 1px solid var(--el-table-border-color); --el-table-text-color: var(--el-text-color-regular); --el-table-header-text-color: var(--el-text-color-secondary); --el-table-row-hover-bg-color: var(--el-fill-color-light); --el-table-current-row-bg-color: var(--el-color-primary-light-9); --el-table-header-bg-color: var(--el-bg-color); --el-table-fixed-box-shadow: var(--el-box-shadow-light); --el-table-bg-color: var(--el-fill-color-blank); --el-table-tr-bg-color: var(--el-fill-color-blank); --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15); --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15); position: relative; overflow: hidden; height: fit-content; width: 1126px; max-width: 100%; background-color: var(--el-table-bg-color); font-size: 0.875rem; color: var(--el-table-text-color); border-right: 0px; border-bottom: 0px; border-radius: 4px;">
                    <div class="el-table__inner-wrapper" style="box-sizing: border-box; position: relative; display: flex; flex-direction: column; height: 106.6px; border-right: none; border-bottom: none;">
                        <div class="hidden-columns" style="box-sizing: border-box; visibility: hidden; position: absolute; z-index: -1;">
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 79.9875px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                    <span data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;"></span>
                                    <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6625px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                    <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6625px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                </div>
                            </div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                            </div>
                        </div>
                        <div class="el-table__header-wrapper" style="box-sizing: border-box; width: 1126px; flex-shrink: 0; overflow: hidden;">
                            <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                <colgroup>
                                    <col name="el-table_1_column_1" width="250">
                                    <col name="el-table_1_column_2" width="240">
                                    <col name="el-table_1_column_3" width="170">
                                    <col name="el-table_1_column_4" width="150">
                                    <col name="el-table_1_column_5" width="100">
                                    <col name="el-table_1_column_6" width="100">
                                    <col name="el-table_1_column_7" width="100">
                                    <col name="el-table_1_column_8" width="120">
                                    <col name="el-table_1_column_9" width="120">
                                </colgroup>
                                <thead class="" style="color: var(--el-table-header-text-color); font-weight: 500;">
                                    <tr class="" style="background-color: var(--el-table-tr-bg-color);">
                                        <th class="el-table_1_column_1 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Class Section</div>
                                        </th>
                                        <th class="el-table_1_column_2 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Date &amp; Time</div>
                                        </th>
                                        <th class="el-table_1_column_3 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Location</div>
                                        </th>
                                        <th class="el-table_1_column_4 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Instructor</div>
                                        </th>
                                        <th class="el-table_1_column_5 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Credit(s)</div>
                                        </th>
                                        <th class="el-table_1_column_6 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Exam</div>
                                        </th>
                                        <th class="el-table_1_column_7 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Remark</div>
                                        </th>
                                        <th class="el-table_1_column_8 el-table-fixed-column--right is-first-column is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 120px;">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Status</div>
                                        </th>
                                        <th class="el-table_1_column_9 el-table-fixed-column--right is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 0px;">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Action</div>
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="el-table__body-wrapper" style="box-sizing: border-box; width: 1126px; overflow: hidden; position: relative; flex: 1 1 0%;">
                            <div class="el-scrollbar" style="box-sizing: border-box; --el-scrollbar-opacity: 0.3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: 0.5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); overflow: hidden; position: relative; height: 74.8px;">
                                <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="box-sizing: border-box; overflow: auto; height: 74.8px; scrollbar-width: none;">
                                    <div class="el-scrollbar__view" style="box-sizing: border-box; display: inline-block; vertical-align: middle;">
                                        <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                            <colgroup>
                                                <col name="el-table_1_column_1" width="250">
                                                <col name="el-table_1_column_2" width="240">
                                                <col name="el-table_1_column_3" width="170">
                                                <col name="el-table_1_column_4" width="150">
                                                <col name="el-table_1_column_5" width="100">
                                                <col name="el-table_1_column_6" width="100">
                                                <col name="el-table_1_column_7" width="100">
                                                <col name="el-table_1_column_8" width="120">
                                                <col name="el-table_1_column_9" width="120">
                                            </colgroup>
                                            <tbody>
                                                <tr class="el-table__row default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                    <td class="el-table_1_column_1 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">Badminton II (6456)</div>
                                                    </td>
                                                    <td class="el-table_1_column_2 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.213px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                    <div data-v-132bace0="" style="box-sizing: border-box;">2024/09/02-2024/12/06</div>
                                                                    <div data-v-132bace0="" style="box-sizing: border-box;">Tue 18:30 - 19:50</div>
                                                                </div>
                                                                <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.4px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Badminton Court</div>
                                                                <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                    <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.4px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                        <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Weidong LI</span>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.4px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                        <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">YIN, Lingzi</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_1_column_5 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-d055f5aa="" style="box-sizing: border-box;">1</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_1_column_6 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-d055f5aa="" style="box-sizing: border-box;">No</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_1_column_7 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                    </td>
                                                    <td class="el-table_1_column_8 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 120px;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_1_column_9 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 0px;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="el-table__border-left-patch" style="box-sizing: border-box; top: 0px; width: 1px; height: 106.6px; left: 0px; z-index: 3; position: absolute; background-color: var(--el-table-border-color);"></div>
                    </div>
                </div>
            </div>
        </div>
        <div data-v-d055f5aa="" class="market-table" style="box-sizing: border-box; border: 1px solid rgb(242, 243, 245);">
            <div data-v-d055f5aa="" class="market-table-top" style="box-sizing: border-box; width: 1166px; height: 2.625rem; display: flex; padding: 0px 1.25rem; align-items: center; border-bottom: 1px solid rgb(235, 238, 245); font-size: 0.875rem; color: rgb(0, 0, 0);">
                <div data-v-d055f5aa="" class="market-line" style="box-sizing: border-box; width: 3px; height: 0.875rem; margin-right: 10px; background: rgb(28, 122, 213);"></div>
                <div data-v-d055f5aa="" style="box-sizing: border-box;">MOES1005 - Contemporary Chinese Society and Thought Ⅱ</div>
                <div data-v-d055f5aa="" class="market-desc" style="box-sizing: border-box; color: rgb(255, 135, 7); margin-left: 5px; display: flex; flex: 1 1 0%;">
                    <div data-v-d055f5aa="" class="row-align" style="box-sizing: border-box; display: flex; align-items: center;">[3 Credits]</div>
                </div>
            </div>
            <div data-v-d055f5aa="" class="mark-table-body el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; outline: none !important; padding: 1.25rem;">
                <div data-v-d055f5aa="" class="el-table--fit el-table--striped el-table--border el-table--scrollable-x el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="box-sizing: border-box; --el-table-border-color: var(--el-border-color-lighter); --el-table-border: 1px solid var(--el-table-border-color); --el-table-text-color: var(--el-text-color-regular); --el-table-header-text-color: var(--el-text-color-secondary); --el-table-row-hover-bg-color: var(--el-fill-color-light); --el-table-current-row-bg-color: var(--el-color-primary-light-9); --el-table-header-bg-color: var(--el-bg-color); --el-table-fixed-box-shadow: var(--el-box-shadow-light); --el-table-bg-color: var(--el-fill-color-blank); --el-table-tr-bg-color: var(--el-fill-color-blank); --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15); --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15); position: relative; overflow: hidden; height: fit-content; width: 1126px; max-width: 100%; background-color: var(--el-table-bg-color); font-size: 0.875rem; color: var(--el-table-text-color); border-right: 0px; border-bottom: 0px; border-radius: 4px;">
                    <div class="el-table__inner-wrapper" style="box-sizing: border-box; position: relative; display: flex; flex-direction: column; height: 106.6px; border-right: none; border-bottom: none;">
                        <div class="hidden-columns" style="box-sizing: border-box; visibility: hidden; position: absolute; z-index: -1;">
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 79.9875px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                    <span data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;"></span>
                                    <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6625px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                    <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6625px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                </div>
                            </div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                            <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                            </div>
                        </div>
                        <div class="el-table__header-wrapper" style="box-sizing: border-box; width: 1126px; flex-shrink: 0; overflow: hidden;">
                            <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                <colgroup>
                                    <col name="el-table_2_column_10" width="250">
                                    <col name="el-table_2_column_11" width="240">
                                    <col name="el-table_2_column_12" width="170">
                                    <col name="el-table_2_column_13" width="150">
                                    <col name="el-table_2_column_14" width="100">
                                    <col name="el-table_2_column_15" width="100">
                                    <col name="el-table_2_column_16" width="100">
                                    <col name="el-table_2_column_17" width="120">
                                    <col name="el-table_2_column_18" width="120">
                                </colgroup>
                                <thead class="" style="color: var(--el-table-header-text-color); font-weight: 500;">
                                    <tr class="" style="background-color: var(--el-table-tr-bg-color);">
                                        <th class="el-table_2_column_10 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Class Section</div>
                                        </th>
                                        <th class="el-table_2_column_11 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Date &amp; Time</div>
                                        </th>
                                        <th class="el-table_2_column_12 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Location</div>
                                        </th>
                                        <th class="el-table_2_column_13 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Instructor</div>
                                        </th>
                                        <th class="el-table_2_column_14 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Credit(s)</div>
                                        </th>
                                        <th class="el-table_2_column_15 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Exam</div>
                                        </th>
                                        <th class="el-table_2_column_16 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Remark</div>
                                        </th>
                                        <th class="el-table_2_column_17 el-table-fixed-column--right is-first-column is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 120px;">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Status</div>
                                        </th>
                                        <th class="el-table_2_column_18 el-table-fixed-column--right is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 0px;">
                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Action</div>
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="el-table__body-wrapper" style="box-sizing: border-box; width: 1126px; overflow: hidden; position: relative; flex: 1 1 0%;">
                            <div class="el-scrollbar" style="box-sizing: border-box; --el-scrollbar-opacity: 0.3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: 0.5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); overflow: hidden; position: relative; height: 74.8px;">
                                <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="box-sizing: border-box; overflow: auto; height: 74.8px; scrollbar-width: none;">
                                    <div class="el-scrollbar__view" style="box-sizing: border-box; display: inline-block; vertical-align: middle;">
                                        <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                            <colgroup>
                                                <col name="el-table_2_column_10" width="250">
                                                <col name="el-table_2_column_11" width="240">
                                                <col name="el-table_2_column_12" width="170">
                                                <col name="el-table_2_column_13" width="150">
                                                <col name="el-table_2_column_14" width="100">
                                                <col name="el-table_2_column_15" width="100">
                                                <col name="el-table_2_column_16" width="100">
                                                <col name="el-table_2_column_17" width="120">
                                                <col name="el-table_2_column_18" width="120">
                                            </colgroup>
                                            <tbody>
                                                <tr class="el-table__row default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                    <td class="el-table_2_column_10 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">L1 (6466)</div>
                                                    </td>
                                                    <td class="el-table_2_column_11 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.225px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                    <div data-v-132bace0="" style="box-sizing: border-box;">2024/09/02-2024/12/06</div>
                                                                    <div data-v-132bace0="" style="box-sizing: border-box;">Thu 13:30 - 16:30</div>
                                                                </div>
                                                                <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.413px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm LHC-L1, C3</div>
                                                                <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                    <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.413px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                        <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">He ZHENG</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_2_column_14 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-d055f5aa="" style="box-sizing: border-box;">3</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_2_column_15 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-d055f5aa="" style="box-sizing: border-box;">No</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_2_column_16 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                    </td>
                                                    <td class="el-table_2_column_17 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: rgb(255, 255, 255); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; right: 120px;">
                                                        <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                            <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                        </div>
                                                    </td>
                                                    <td class="el-table_2_column_18 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: rgb(255, 255, 255); transition: background-color 0.25s; color: rgb(78, 89, 105); font-family: Muli, Muli-Bold; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; right: 0px;">
                                                        <br class="Apple-interchange-newline">
                                                        <!--EndFragment-->
    </body>

</html>

以及

<html>
    <body>
        <!--StartFragment-->
        <main data-v-d055f5aa="" data-v-4b1ccfde="" class="market-main" style="margin: 0px; padding: 0px; box-sizing: border-box; position: relative; overflow: auto; flex: 1 1 0%; color: rgb(0, 0, 0); font-family: Muli, Muli-Bold; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
            <div data-v-d055f5aa="" class="market-table" style="box-sizing: border-box; border: 1px solid rgb(242, 243, 245);">
                <div data-v-d055f5aa="" class="market-table-top" style="box-sizing: border-box; width: 1384px; height: 2.625rem; display: flex; padding: 0px 1.25rem; align-items: center; border-bottom: 1px solid rgb(235, 238, 245); font-size: 0.875rem; color: rgb(0, 0, 0);">
                    <div data-v-d055f5aa="" style="box-sizing: border-box;">
                        <br class="Apple-interchange-newline">MOES1101B - PE</div>
                    <div data-v-d055f5aa="" class="market-desc" style="box-sizing: border-box; color: rgb(255, 135, 7); margin-left: 5px; display: flex; flex: 1 1 0%;">
                        <div data-v-d055f5aa="" class="row-align" style="box-sizing: border-box; display: flex; align-items: center;">[1 Credit]</div>
                    </div>
                </div>
                <div data-v-d055f5aa="" class="mark-table-body el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; outline: none !important; padding: 1.25rem;">
                    <div data-v-d055f5aa="" class="el-table--fit el-table--striped el-table--border el-table--scrollable-x el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="box-sizing: border-box; --el-table-border-color: var(--el-border-color-lighter); --el-table-border: 1px solid var(--el-table-border-color); --el-table-text-color: var(--el-text-color-regular); --el-table-header-text-color: var(--el-text-color-secondary); --el-table-row-hover-bg-color: var(--el-fill-color-light); --el-table-current-row-bg-color: var(--el-color-primary-light-9); --el-table-header-bg-color: var(--el-bg-color); --el-table-fixed-box-shadow: var(--el-box-shadow-light); --el-table-bg-color: var(--el-fill-color-blank); --el-table-tr-bg-color: var(--el-fill-color-blank); --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15); --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15); position: relative; overflow: hidden; height: fit-content; width: 1344px; max-width: 100%; background-color: var(--el-table-bg-color); font-size: 0.875rem; color: var(--el-table-text-color); border-right: 0px; border-bottom: 0px; border-radius: 4px;">
                        <div class="el-table__inner-wrapper" style="box-sizing: border-box; position: relative; display: flex; flex-direction: column; height: 106.333px; border-right: none; border-bottom: none;">
                            <div class="hidden-columns" style="box-sizing: border-box; visibility: hidden; position: absolute; z-index: -1;">
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 80px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                        <span data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                    </div>
                                </div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                </div>
                            </div>
                            <div class="el-table__header-wrapper" style="box-sizing: border-box; width: 1344px; flex-shrink: 0; overflow: hidden;">
                                <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                    <colgroup>
                                        <col name="el-table_5_column_50" width="250">
                                        <col name="el-table_5_column_51" width="240">
                                        <col name="el-table_5_column_52" width="170">
                                        <col name="el-table_5_column_53" width="150">
                                        <col name="el-table_5_column_54" width="100">
                                        <col name="el-table_5_column_55" width="100">
                                        <col name="el-table_5_column_56" width="100">
                                        <col name="el-table_5_column_57" width="120">
                                        <col name="el-table_5_column_58" width="120">
                                    </colgroup>
                                    <thead class="" style="color: var(--el-table-header-text-color); font-weight: 500;">
                                        <tr class="" style="background-color: var(--el-table-tr-bg-color);">
                                            <th class="el-table_5_column_50 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Class Section</div>
                                            </th>
                                            <th class="el-table_5_column_51 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Date &amp; Time</div>
                                            </th>
                                            <th class="el-table_5_column_52 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Location</div>
                                            </th>
                                            <th class="el-table_5_column_53 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Instructor</div>
                                            </th>
                                            <th class="el-table_5_column_54 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Credit(s)</div>
                                            </th>
                                            <th class="el-table_5_column_55 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Exam</div>
                                            </th>
                                            <th class="el-table_5_column_56 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Remark</div>
                                            </th>
                                            <th class="el-table_5_column_57 el-table-fixed-column--right is-first-column is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 120px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Status</div>
                                            </th>
                                            <th class="el-table_5_column_58 el-table-fixed-column--right is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 0px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Action</div>
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="el-table__body-wrapper" style="box-sizing: border-box; width: 1344px; overflow: hidden; position: relative; flex: 1 1 0%;">
                                <div class="el-scrollbar" style="box-sizing: border-box; --el-scrollbar-opacity: 0.3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: 0.5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); overflow: hidden; position: relative; height: 74.6667px;">
                                    <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="box-sizing: border-box; overflow: auto; height: 74.6667px; scrollbar-width: none;">
                                        <div class="el-scrollbar__view" style="box-sizing: border-box; display: inline-block; vertical-align: middle;">
                                            <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                                <colgroup>
                                                    <col name="el-table_5_column_50" width="250">
                                                    <col name="el-table_5_column_51" width="240">
                                                    <col name="el-table_5_column_52" width="170">
                                                    <col name="el-table_5_column_53" width="150">
                                                    <col name="el-table_5_column_54" width="100">
                                                    <col name="el-table_5_column_55" width="100">
                                                    <col name="el-table_5_column_56" width="100">
                                                    <col name="el-table_5_column_57" width="120">
                                                    <col name="el-table_5_column_58" width="120">
                                                </colgroup>
                                                <tbody>
                                                    <tr class="el-table__row default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                        <td class="el-table_5_column_50 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">Table Tennis I (6457)</div>
                                                        </td>
                                                        <td class="el-table_5_column_51 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.354px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/09/02-2024/12/06</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Tue 15:00 - 16:20</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Table Tennis Court</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Zilu QU</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LI, Zeyu</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_5_column_54 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">1</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_5_column_55 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">No</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_5_column_56 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                        </td>
                                                        <td class="el-table_5_column_57 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 120px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_5_column_58 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 0px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-table__border-left-patch" style="box-sizing: border-box; top: 0px; width: 1px; height: 106.333px; left: 0px; z-index: 3; position: absolute; background-color: var(--el-table-border-color);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-d055f5aa="" class="market-table" style="box-sizing: border-box; border: 1px solid rgb(242, 243, 245);">
                <div data-v-d055f5aa="" class="market-table-top" style="box-sizing: border-box; width: 1384px; height: 2.625rem; display: flex; padding: 0px 1.25rem; align-items: center; border-bottom: 1px solid rgb(235, 238, 245); font-size: 0.875rem; color: rgb(0, 0, 0);">
                    <div data-v-d055f5aa="" class="market-line" style="box-sizing: border-box; width: 3px; height: 0.875rem; margin-right: 10px; background: rgb(28, 122, 213);"></div>
                    <div data-v-d055f5aa="" style="box-sizing: border-box;">MOES1003 - Ideological and Moral Cultivation and Legal Basis</div>
                    <div data-v-d055f5aa="" class="market-desc" style="box-sizing: border-box; color: rgb(255, 135, 7); margin-left: 5px; display: flex; flex: 1 1 0%;">
                        <div data-v-d055f5aa="" class="row-align" style="box-sizing: border-box; display: flex; align-items: center;">[3 Credits]</div>
                    </div>
                </div>
                <div data-v-d055f5aa="" class="mark-table-body el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; outline: none !important; padding: 1.25rem;">
                    <div data-v-d055f5aa="" class="el-table--fit el-table--striped el-table--border el-table--scrollable-x el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="box-sizing: border-box; --el-table-border-color: var(--el-border-color-lighter); --el-table-border: 1px solid var(--el-table-border-color); --el-table-text-color: var(--el-text-color-regular); --el-table-header-text-color: var(--el-text-color-secondary); --el-table-row-hover-bg-color: var(--el-fill-color-light); --el-table-current-row-bg-color: var(--el-color-primary-light-9); --el-table-header-bg-color: var(--el-bg-color); --el-table-fixed-box-shadow: var(--el-box-shadow-light); --el-table-bg-color: var(--el-fill-color-blank); --el-table-tr-bg-color: var(--el-fill-color-blank); --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15); --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15); position: relative; overflow: hidden; height: fit-content; width: 1344px; max-width: 100%; background-color: var(--el-table-bg-color); font-size: 0.875rem; color: var(--el-table-text-color); border-right: 0px; border-bottom: 0px; border-radius: 4px;">
                        <div class="el-table__inner-wrapper" style="box-sizing: border-box; position: relative; display: flex; flex-direction: column; height: 106.333px; border-right: none; border-bottom: none;">
                            <div class="hidden-columns" style="box-sizing: border-box; visibility: hidden; position: absolute; z-index: -1;">
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 80px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                        <span data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                    </div>
                                </div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                </div>
                            </div>
                            <div class="el-table__header-wrapper" style="box-sizing: border-box; width: 1344px; flex-shrink: 0; overflow: hidden;">
                                <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                    <colgroup>
                                        <col name="el-table_6_column_59" width="250">
                                        <col name="el-table_6_column_60" width="240">
                                        <col name="el-table_6_column_61" width="170">
                                        <col name="el-table_6_column_62" width="150">
                                        <col name="el-table_6_column_63" width="100">
                                        <col name="el-table_6_column_64" width="100">
                                        <col name="el-table_6_column_65" width="100">
                                        <col name="el-table_6_column_66" width="120">
                                        <col name="el-table_6_column_67" width="120">
                                    </colgroup>
                                    <thead class="" style="color: var(--el-table-header-text-color); font-weight: 500;">
                                        <tr class="" style="background-color: var(--el-table-tr-bg-color);">
                                            <th class="el-table_6_column_59 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Class Section</div>
                                            </th>
                                            <th class="el-table_6_column_60 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Date &amp; Time</div>
                                            </th>
                                            <th class="el-table_6_column_61 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Location</div>
                                            </th>
                                            <th class="el-table_6_column_62 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Instructor</div>
                                            </th>
                                            <th class="el-table_6_column_63 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Credit(s)</div>
                                            </th>
                                            <th class="el-table_6_column_64 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Exam</div>
                                            </th>
                                            <th class="el-table_6_column_65 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Remark</div>
                                            </th>
                                            <th class="el-table_6_column_66 el-table-fixed-column--right is-first-column is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 120px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Status</div>
                                            </th>
                                            <th class="el-table_6_column_67 el-table-fixed-column--right is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 0px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Action</div>
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="el-table__body-wrapper" style="box-sizing: border-box; width: 1344px; overflow: hidden; position: relative; flex: 1 1 0%;">
                                <div class="el-scrollbar" style="box-sizing: border-box; --el-scrollbar-opacity: 0.3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: 0.5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); overflow: hidden; position: relative; height: 74.6667px;">
                                    <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="box-sizing: border-box; overflow: auto; height: 74.6667px; scrollbar-width: none;">
                                        <div class="el-scrollbar__view" style="box-sizing: border-box; display: inline-block; vertical-align: middle;">
                                            <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; border-collapse: separate; width: 1350px;">
                                                <colgroup>
                                                    <col name="el-table_6_column_59" width="250">
                                                    <col name="el-table_6_column_60" width="240">
                                                    <col name="el-table_6_column_61" width="170">
                                                    <col name="el-table_6_column_62" width="150">
                                                    <col name="el-table_6_column_63" width="100">
                                                    <col name="el-table_6_column_64" width="100">
                                                    <col name="el-table_6_column_65" width="100">
                                                    <col name="el-table_6_column_66" width="120">
                                                    <col name="el-table_6_column_67" width="120">
                                                </colgroup>
                                                <tbody>
                                                    <tr class="el-table__row default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                        <td class="el-table_6_column_59 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">L1 (6465)</div>
                                                        </td>
                                                        <td class="el-table_6_column_60 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.354px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/09/02-2024/12/06</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Thu 13:30 - 16:30</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm LHA, C5</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Tieying XU</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_6_column_63 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">3</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_6_column_64 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">No</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_6_column_65 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                        </td>
                                                        <td class="el-table_6_column_66 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 120px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_6_column_67 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 0px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-table__border-left-patch" style="box-sizing: border-box; top: 0px; width: 1px; height: 106.333px; left: 0px; z-index: 3; position: absolute; background-color: var(--el-table-border-color);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-d055f5aa="" class="market-table" style="box-sizing: border-box; border: 1px solid rgb(242, 243, 245);">
                <div data-v-d055f5aa="" class="market-table-top" style="box-sizing: border-box; width: 1384px; height: 2.625rem; display: flex; padding: 0px 1.25rem; align-items: center; border-bottom: 1px solid rgb(235, 238, 245); font-size: 0.875rem; color: rgb(0, 0, 0);">
                    <div data-v-d055f5aa="" class="market-line" style="box-sizing: border-box; width: 3px; height: 0.875rem; margin-right: 10px; background: rgb(28, 122, 213);"></div>
                    <i data-v-d055f5aa="" class="iconfont iconicon_chucc" style="font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); margin-right: 5px;"></i>
                    <div data-v-d055f5aa="" style="box-sizing: border-box;">UCUG1000 - Cognitive Foundations of University Education: Critical Thinking and Data Literacy - term-based</div>
                    <div data-v-d055f5aa="" class="market-desc" style="box-sizing: border-box; color: rgb(255, 135, 7); margin-left: 5px; display: flex; flex: 1 1 0%;">
                        <div data-v-d055f5aa="" class="row-align" style="box-sizing: border-box; display: flex; align-items: center;">[3 Credits, Parallel]</div>
                        <button data-v-d055f5aa="" aria-disabled="false" type="button" class="el-button el-button--primary is-plain ml-10" style="font-family: Muli, Muli-Bold !important; --el-button-font-weight: var(--el-font-weight-primary); --el-button-border-color: var(--el-color-primary-light-5); --el-button-bg-color: var(--el-color-primary-light-9); --el-button-text-color: var(--el-color-primary); --el-button-disabled-text-color: var(--el-color-white); --el-button-disabled-bg-color: var(--el-color-primary-light-5); --el-button-disabled-border-color: var(--el-color-primary-light-5); --el-button-divide-border-color: hsla(0,0%,100%,.5); --el-button-hover-text-color: var(--el-color-white); --el-button-hover-bg-color: var(--el-color-primary); --el-button-hover-border-color: var(--el-color-primary); --el-button-active-text-color: var(--el-color-white); --el-button-active-border-color: var(--el-color-primary-dark-2); --el-button-active-bg-color: var(--el-color-primary-dark-2); --el-button-outline-color: var(--el-color-primary-light-5); --el-button-hover-link-text-color: var(--el-color-primary-light-5); --el-button-active-color: var(--el-color-primary-dark-2); display: inline-flex; justify-content: center; align-items: center; line-height: 1; height: 2rem; white-space: nowrap; cursor: pointer; color: var(--el-button-text-color); text-align: center; box-sizing: border-box; outline: 0px; transition: 0.1s; font-weight: var(--el-button-font-weight); user-select: none; vertical-align: middle; appearance: none; background-color: transparent !important; border: 1px solid rgb(28, 122, 213) !important; padding: 8px 0.9375rem; font-size: var(--el-font-size-base); border-radius: var(--el-border-radius-base); margin-left: 10px;">
                            <span class="" style="box-sizing: border-box; display: inline-flex; align-items: center;">Module Map</span>
                        </button>
                    </div>
                </div>
                <div data-v-d055f5aa="" class="mark-table-body el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; outline: none !important; padding: 1.25rem;">
                    <div data-v-d055f5aa="" class="el-table--fit el-table--striped el-table--border el-table--scrollable-x el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="box-sizing: border-box; --el-table-border-color: var(--el-border-color-lighter); --el-table-border: 1px solid var(--el-table-border-color); --el-table-text-color: var(--el-text-color-regular); --el-table-header-text-color: var(--el-text-color-secondary); --el-table-row-hover-bg-color: var(--el-fill-color-light); --el-table-current-row-bg-color: var(--el-color-primary-light-9); --el-table-header-bg-color: var(--el-bg-color); --el-table-fixed-box-shadow: var(--el-box-shadow-light); --el-table-bg-color: var(--el-fill-color-blank); --el-table-tr-bg-color: var(--el-fill-color-blank); --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0,0,0,.15); --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0,0,0,.15); position: relative; overflow: hidden; height: fit-content; width: 1344px; max-width: 100%; background-color: var(--el-table-bg-color); font-size: 0.875rem; color: var(--el-table-text-color); border-right: 0px; border-bottom: 0px; border-radius: 4px;">
                        <div class="el-table__inner-wrapper" style="box-sizing: border-box; position: relative; display: flex; flex-direction: column; height: 419.667px; border-right: none; border-bottom: none;">
                            <div class="hidden-columns" style="box-sizing: border-box; visibility: hidden; position: absolute; z-index: -1;">
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <div data-v-132bace0="" style="box-sizing: border-box; display: flex; flex-direction: column;">
                                        <span data-v-132bace0="" style="box-sizing: border-box;">
                                            <span data-v-132bace0="" class="table-column-bold" style="box-sizing: border-box; font-size: 0.9375rem; color: rgb(0, 0, 0) !important;"></span>
                                        </span>
                                        <span data-v-132bace0="" style="box-sizing: border-box;"></span>
                                    </div>
                                </div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 80px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                        <span data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                        <span data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 26.6667px; text-align: center; white-space: nowrap; text-overflow: ellipsis;"></span>
                                    </div>
                                </div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;"></div>
                                <div data-v-d055f5aa="" style="box-sizing: border-box;">
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                    <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                </div>
                            </div>
                            <div class="el-table__header-wrapper" style="box-sizing: border-box; width: 1344px; flex-shrink: 0; overflow: hidden;">
                                <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; border-collapse: separate; width: 1530px;">
                                    <colgroup>
                                        <col name="el-table_7_column_68" width="180">
                                        <col name="el-table_7_column_69" width="250">
                                        <col name="el-table_7_column_70" width="240">
                                        <col name="el-table_7_column_71" width="170">
                                        <col name="el-table_7_column_72" width="150">
                                        <col name="el-table_7_column_73" width="100">
                                        <col name="el-table_7_column_74" width="100">
                                        <col name="el-table_7_column_75" width="100">
                                        <col name="el-table_7_column_76" width="120">
                                        <col name="el-table_7_column_77" width="120">
                                    </colgroup>
                                    <thead class="" style="color: var(--el-table-header-text-color); font-weight: 500;">
                                        <tr class="" style="background-color: var(--el-table-tr-bg-color);">
                                            <th class="el-table_7_column_68 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Module Info</div>
                                            </th>
                                            <th class="el-table_7_column_69 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Class Section</div>
                                            </th>
                                            <th class="el-table_7_column_70 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Date &amp; Time</div>
                                            </th>
                                            <th class="el-table_7_column_71 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Location</div>
                                            </th>
                                            <th class="el-table_7_column_72 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Instructor</div>
                                            </th>
                                            <th class="el-table_7_column_73 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Credit(s)</div>
                                            </th>
                                            <th class="el-table_7_column_74 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Exam</div>
                                            </th>
                                            <th class="el-table_7_column_75 is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); user-select: none; background-color: rgb(228, 240, 254) !important; border-bottom: var(--el-table-border);">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Remark</div>
                                            </th>
                                            <th class="el-table_7_column_76 el-table-fixed-column--right is-first-column is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 120px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Status</div>
                                            </th>
                                            <th class="el-table_7_column_77 el-table-fixed-column--right is-leaf el-table__cell" colspan="1" rowspan="1" style="font-weight: 400 !important; padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); user-select: none; background-color: var(--el-table-header-bg-color); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; right: 0px;">
                                                <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(29, 33, 41) !important;">Action</div>
                                            </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="el-table__body-wrapper" style="box-sizing: border-box; width: 1344px; overflow: hidden; position: relative; flex: 1 1 0%;">
                                <div class="el-scrollbar" style="box-sizing: border-box; --el-scrollbar-opacity: 0.3; --el-scrollbar-bg-color: var(--el-text-color-secondary); --el-scrollbar-hover-opacity: 0.5; --el-scrollbar-hover-bg-color: var(--el-text-color-secondary); overflow: hidden; position: relative; height: 388px;">
                                    <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style="box-sizing: border-box; overflow: auto; height: 388px; scrollbar-width: none;">
                                        <div class="el-scrollbar__view" style="box-sizing: border-box; display: inline-block; vertical-align: middle;">
                                            <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; border-collapse: separate; width: 1530px;">
                                                <colgroup>
                                                    <col name="el-table_7_column_68" width="180">
                                                    <col name="el-table_7_column_69" width="250">
                                                    <col name="el-table_7_column_70" width="240">
                                                    <col name="el-table_7_column_71" width="170">
                                                    <col name="el-table_7_column_72" width="150">
                                                    <col name="el-table_7_column_73" width="100">
                                                    <col name="el-table_7_column_74" width="100">
                                                    <col name="el-table_7_column_75" width="100">
                                                    <col name="el-table_7_column_76" width="120">
                                                    <col name="el-table_7_column_77" width="120">
                                                </colgroup>
                                                <tbody>
                                                    <tr class="el-table__row default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                        <td class="el-table_7_column_68 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" style="box-sizing: border-box; display: flex; flex-direction: column;">
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">
                                                                        <span data-v-132bace0="" class="table-column-bold" style="box-sizing: border-box; font-size: 0.9375rem; color: rgb(0, 0, 0) !important;">M01</span>
                                                                        <i data-v-132bace0="" class="iconfont iconicon_startt el-tooltip__trigger el-tooltip__trigger" style="font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; outline: none !important; cursor: pointer; color: rgb(255, 68, 68); margin-left: 5px;"></i>
                                                                    </span>
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">Basics of critical thinking and data literacy</span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_69 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">L3 (6500)</div>
                                                        </td>
                                                        <td class="el-table_7_column_70 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.344px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/09/02-2024/10/11</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Wed 16:30 - 18:00</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Fri 16:30 - 18:00</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm 134, E1</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Xuning ZHANG</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LIU, Tianrui</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">HE, Ruihao</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_73 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">1</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_74 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">Yes</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_75 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                        </td>
                                                        <td class="el-table_7_column_76 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 120px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_77 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-bg-color); transition: background-color 0.25s; right: 0px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="el-table__row el-table__row--striped default-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                        <td class="el-table_7_column_68 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" style="box-sizing: border-box; display: flex; flex-direction: column;">
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">
                                                                        <span data-v-132bace0="" class="table-column-bold" style="box-sizing: border-box; font-size: 0.9375rem; color: rgb(0, 0, 0) !important;">M02</span>
                                                                    </span>
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">Critical thinking and data literacy in Social Science</span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_69 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">L2 (6505)</div>
                                                        </td>
                                                        <td class="el-table_7_column_70 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.344px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item column-row-last" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/10/14-2024/11/08</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Mon 16:30 - 18:00</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm 134, E1</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Wanru XIONG</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LIU, Qianyu</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">ZHANG, Simin</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.344px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/10/14-2024/11/08</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Wed 16:30 - 18:00</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm 228, E2</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Wanru XIONG</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LIU, Qianyu</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">ZHANG, Simin</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_73 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">1</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_74 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">Yes</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_75 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background: var(--el-fill-color-lighter);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                        </td>
                                                        <td class="el-table_7_column_76 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-fill-color-lighter); transition: background-color 0.25s; right: 120px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_77 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background: var(--el-fill-color-lighter); transition: background-color 0.25s; right: 0px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="el-table__row default-row hover-row" style="background-color: var(--el-table-tr-bg-color); --el-table-tr-bg-color: #fff !important;">
                                                        <td class="el-table_7_column_68 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" style="box-sizing: border-box; display: flex; flex-direction: column;">
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">
                                                                        <span data-v-132bace0="" class="table-column-bold" style="box-sizing: border-box; font-size: 0.9375rem; color: rgb(0, 0, 0) !important;">M06</span>
                                                                    </span>
                                                                    <span data-v-132bace0="" style="box-sizing: border-box;">Critical thinking and data literacy in Business</span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_69 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">L1 (6512)</div>
                                                        </td>
                                                        <td class="el-table_7_column_70 el-table__cell" rowspan="1" colspan="3" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <div data-v-132bace0="" class="column-row" style="box-sizing: border-box; display: flex; width: 535.344px; justify-content: space-around; padding: 10px 0px; position: relative;">
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">2024/11/11-2024/12/06</div>
                                                                        <div data-v-132bace0="" style="box-sizing: border-box;">Tue 18:00 - 21:00</div>
                                                                    </div>
                                                                    <div data-v-132bace0="" class="column-item center" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden; width: 178.448px; text-align: center; white-space: nowrap; text-overflow: ellipsis;">Rm 122, E1</div>
                                                                    <div data-v-132bace0="" class="column-item" style="box-sizing: border-box; flex: 1 0 0%; overflow: hidden;">
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">Ruiting ZUO</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LIN, Xinyi</span>
                                                                        </div>
                                                                        <div data-v-132bace0="" class="center" style="box-sizing: border-box; width: 178.448px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                                                                            <span data-v-132bace0="" class="overText el-tooltip__trigger el-tooltip__trigger" style="box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: none !important; cursor: pointer; color: rgb(28, 122, 213);">LING, Hao</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_73 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">1</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_74 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-d055f5aa="" style="box-sizing: border-box;">Yes</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_75 el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; z-index: 1; border-right: var(--el-table-border); border-bottom: var(--el-table-border); transition: background-color 0.25s; background-color: var(--el-table-row-hover-bg-color);">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);"></div>
                                                        </td>
                                                        <td class="el-table_7_column_76 el-table-fixed-column--right is-first-column el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--el-table-row-hover-bg-color); transition: background-color 0.25s; right: 120px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <span data-v-4b1ccfde="" data-v-d055f5aa-s="" style="box-sizing: border-box; color: rgb(56, 192, 115);">Enrolled</span>
                                                            </div>
                                                        </td>
                                                        <td class="el-table_7_column_77 el-table-fixed-column--right el-table__cell" rowspan="1" colspan="1" style="padding: 4px 0px !important; min-width: 0px; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: sticky !important; text-align: left; z-index: 2; border-right: var(--el-table-border); border-bottom: var(--el-table-border); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--el-table-row-hover-bg-color); transition: background-color 0.25s; right: 0px;">
                                                            <div class="cell" style="box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all !important; line-height: 1.4375rem; padding: 0px 0.75rem; font-size: 0.875rem; color: rgb(102, 102, 102);">
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_drop action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                                <i data-v-4b1ccfde="" class="iconfont iconicon_swap action-btn mr-15 el-tooltip__trigger el-tooltip__trigger" style="margin-right: 0.9375rem; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; color: rgb(28, 122, 213); cursor: pointer; outline: none !important;"></i>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="el-scrollbar__bar is-horizontal" style="box-sizing: border-box; position: absolute; right: 2px; bottom: 2px; z-index: 2; border-radius: 4px; height: 6px; left: 2px;">
                                        <div class="el-scrollbar__thumb" style="box-sizing: border-box; position: relative; display: block; width: 1173.59px; height: 6px; cursor: pointer; border-radius: inherit; background-color: var(--el-scrollbar-bg-color,var(--el-text-color-secondary)); transition: var(--el-transition-duration) background-color; opacity: var(--el-scrollbar-opacity,.3); transform: translateX(0%);"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-table__border-left-patch" style="box-sizing: border-box; top: 0px; width: 1px; height: 419.667px; left: 0px; z-index: 3; position: absolute; background-color: var(--el-table-border-color);"></div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer data-v-4b1ccfde="" class="common-footer" style="margin: 0.9375rem 0px; width: 1389.33px; height: 2.5rem; display: flex; justify-content: flex-end; color: rgb(0, 0, 0); font-family: Muli, Muli-Bold; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
            <div data-v-4b1ccfde="" class="el-pagination is-background pagination" style="box-sizing: border-box; --el-pagination-font-size: 0.875rem; --el-pagination-bg-color: var(--el-fill-color-blank); --el-pagination-text-color: var(--el-text-color-primary); --el-pagination-border-radius: 2px; --el-pagination-button-color: var(--el-text-color-primary); --el-pagination-button-width: 2rem; --el-pagination-button-height: 2rem; --el-pagination-button-disabled-color: var(--el-text-color-placeholder); --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank); --el-pagination-button-bg-color: var(--el-fill-color); --el-pagination-hover-color: var(--el-color-primary); --el-pagination-font-size-small: 0.75rem; --el-pagination-button-width-small: 1.5rem; --el-pagination-button-height-small: 1.5rem; --el-pagination-item-gap: 1rem; white-space: nowrap; color: var(--el-pagination-text-color); font-size: var(--el-pagination-font-size); font-weight: 400; display: flex; align-items: center; width: 1389.33px; height: 2.5rem; justify-content: flex-end;">
                <br class="Apple-interchange-newline">
                <!--EndFragment-->
    </body>
</html>