需求 [簽核流程彈性擴充與權限調整](https://cmoneyteam.atlassian.net/browse/UTILITY-8461) 位置:[流程設定]頁面>[新增]、[編輯]頁面>「流程設定」功能 :::spoiler HTML ![image](https://hackmd.io/_uploads/Syxf6f1ygl.png) ```htmlembedded <table data-v-f3ac1624="" data-v-0a7cf802="" class="listTable listTable--scroll"> <thead data-v-f3ac1624="" class="listTable__thead"> <tr data-v-f3ac1624="" class="listTable__row listTable__row--hint"> <th data-v-f3ac1624="" class="listTable__th" style="width: 48px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624=""></div> </div> </th> <th data-v-f3ac1624="" class="listTable__th" style="width: 0px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">順序</div> </div> </th> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">關卡</div> </div> </th> <!-- New Column 1 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">指定關卡人員迴避</div> </div> </th> <!-- New Column 2 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">下一關按鈕名稱</div> </div> </th> <!-- New Column 3 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">送達指定關卡</div> </div> </th> <!-- New Column 4 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">修改後通過</div> </div> </th> <th data-v-f3ac1624="" class="listTable__th" style="width: 0px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624=""></div> </div> </th> </tr> </thead> <tbody data-v-f3ac1624="" class="listTable__tbody"> <!-- Row 1 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag listTable__row--spanFull"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624="" style=" display: none; "> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">1</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select has-error" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single" style="border-color: #ff4d4f;"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: block;user-select: none;color: #ff4d4f;">請選擇至少1個群組</div> <div title="" class="ant-select-selection-selected-value" style="display: none; opacity: 1;"> <div data-v-2bce0377="" class=""></div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> <div class="ant-form-explain" style="color: #ff4d4f;font-size: 12px;margin-top: 2px;display: none;">此欄位必須填寫</div> </div> </div> </div> </td> <!-- New Column 1 Content with Error Style --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">0</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">2</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item" style=" display: none; "> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> <!-- Row 2 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624=""> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style=" display: none; "> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">2</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">特殊群組Review</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 1 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">0</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">3</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item" style=" display: none; "> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> <!-- Row 3 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624=""> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style=" display: none; "> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">3</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">編譯部</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 1 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">0</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">4</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item"> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> </tbody> </table> ``` ::: 總結。預期畫面 :::spoiler HTML ![image](https://hackmd.io/_uploads/rkDtNdykgx.png) ```htmlembedded <table data-v-f3ac1624="" data-v-0a7cf802="" class="listTable listTable--scroll"> <thead data-v-f3ac1624="" class="listTable__thead"> <tr data-v-f3ac1624="" class="listTable__row listTable__row--hint"> <th data-v-f3ac1624="" class="listTable__th" style="width: 48px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624=""></div> </div> </th> <th data-v-f3ac1624="" class="listTable__th" style="width: 0px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">關卡</div> </div> </th> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">群組</div> </div> </th> <!-- New Column 1 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">指定關卡人員迴避</div> </div> </th> <!-- New Column 2 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">下一關按鈕名稱</div> </div> </th> <!-- New Column 3 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="">送達指定關卡</div> </div> </th> <!-- New Column 4 --> <th data-v-f3ac1624="" class="listTable__th"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624="" style=" text-align: center; ">顯示按鈕<br>(修改後通過)</div> </div> </th> <th data-v-f3ac1624="" class="listTable__th" style="width: 0px;"> <div data-v-f3ac1624="" class="listTable__title listTable__title--noBorder"> <div data-v-f3ac1624=""></div> </div> </th> </tr> </thead> <tbody data-v-f3ac1624="" class="listTable__tbody"> <!-- Row 1 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable forbid"><td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"><div data-v-f3ac1624=""><div data-v-21db2646="" class="icon-cntr"><!----></div></div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624="" class="listTable__td--sn">0</div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624=""><div data-v-21db2646=""><span data-v-21db2646="" class="end__txt">上傳(此報告分析師與RA)</span></div></div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624=""><div data-v-21db2646=""><!----></div></div></td></tr> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag listTable__row--spanFull"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624="" style=" display: none; "> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">1</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select has-error" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single" style="border-color: #ff4d4f;"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: block;user-select: none;/* color: #ff4d4f; */">請選擇至少1個群組</div> <div title="" class="ant-select-selection-selected-value" style="display: none; opacity: 1;"> <div data-v-2bce0377="" class=""></div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> <div class="ant-form-explain" style="color: #ff4d4f;font-size: 12px;margin-top: 2px;display: none;">此欄位必須填寫</div> </div> </div> </div> </td> <!-- New Column 1 Content with Error Style --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第0關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">核可</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第2關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item" style=" display: none; "> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> <!-- Row 2 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624=""> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style=" display: none; "> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">2</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">特殊群組_報告分析師</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 1 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select has-error" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single" style="border-color: #ff4d4f;"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: none; opacity: 1;"> <div data-v-2bce0377="" class=""></div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select has-error" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single" style="border-color: #ff4d4f;"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none;user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="/* display: none; */opacity: 1;"> <div data-v-2bce0377="" class=""> 第3關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item" style=" display: none; "> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> <!-- Row 3 --> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624=""> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style=" display: none; "> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">3</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">特殊群組_報告RA, 研究中心SSC</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 1 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第1關, 第2關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第4關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td" style=" /* display: none; */ "> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item"> <button data-v-21db2646="" type="button" class="btn btn-link" style=" display: none; "> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr><tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable handleDrag"> <td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"> <div data-v-f3ac1624=""> <div data-v-21db2646="" class="icon-cntr"> <i data-v-21db2646="" aria-label="icon: menu" class="anticon anticon-menu"> <svg viewBox="64 64 896 896" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="" style=" display: none; "> <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path> </svg> </i> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" class="listTable__td--sn">4</div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">編譯部</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 1 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第0關, 第2關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 2 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" style=" display: none; "> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">傳送</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 3 Content --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" style=" display: none; "> <div data-v-21db2646=""> <div data-v-2bce0377="" data-v-21db2646="" class="select" style="width: 100%;"> <div data-v-2bce0377="" class="select__content"> <div data-v-2bce0377="" class="select__main"> <div data-v-2bce0377="" tabindex="0" class="ant-select ant-select-enabled"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" class="ant-select-selection ant-select-selection--single"> <div class="ant-select-selection__rendered"> <div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">請選擇</div> <div title="" class="ant-select-selection-selected-value" style="display: block; opacity: 1;"> <div data-v-2bce0377="" class="">第4關</div> </div> </div> <span unselectable="on" class="ant-select-arrow" style="user-select: none;"> <i aria-label="icon: down" class="anticon anticon-down ant-select-arrow-icon"> <svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> </svg> </i> </span> </div> </div> </div> </div> </div> </div> </div> </td> <!-- New Column 4 Content (Toggle Switch) --> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624="" style=" display: none; "> <div data-v-21db2646="" style="display: flex; justify-content: center;"> <input type="checkbox" style="width: 16px; height: 16px;"> </div> </div> </td> <td data-v-f3ac1624="" class="listTable__td"> <div data-v-f3ac1624=""> <div data-v-21db2646=""> <div data-v-21db2646="" class="tableAction"> <ul data-v-21db2646="" class="action__ls"> <li data-v-21db2646="" class="action__item"> <button data-v-21db2646="" type="button" class="btn btn-link"> <span data-v-21db2646="" class="text-danger"> <i data-v-21db2646="" aria-label="icon: delete" class="anticon anticon-delete"> <svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path> </svg> </i> </span> </button> </li> </ul> </div> </div> </div> </td> </tr> <tr data-v-f3ac1624="" class="listTable__row listTable__row--light listTable__clickable forbid"><td data-v-f3ac1624="" class="listTable__td" style="max-width: 48px;"><div data-v-f3ac1624=""><div data-v-21db2646="" class="icon-cntr"><!----></div></div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624="" class="listTable__td--sn">5</div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624=""><div data-v-21db2646=""><span data-v-21db2646="" class="end__txt">發佈/結案</span></div></div></td><td data-v-f3ac1624="" class="listTable__td"><div data-v-f3ac1624=""><div data-v-21db2646=""><!----></div></div></td></tr> </tbody> </table> ``` :::