<template>
  <div>
    <div
      class="
        x-window
        sds-notify-setting-dialog sds-window-v5
        x-resizable-pinned
        active-win
      "
      style="
        position: absolute;
        z-index: 9053;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 625px;
      "
      :style="{display: display}"
    >
      <div
        class="x-dlg-focus"
      ></div>
      <div class="x-window-tl">
        <div class="x-window-tr">
          <div class="x-window-tc">
            <div class="x-window-header x-panel-icon x-window-draggable">
              <div class="x-window-toolCt">
                <div
                  class="x-tool x-tool-close"
                >
                  &nbsp;
                </div>
              </div>
              <span class="x-window-header-text">通知设置</span>
            </div>
          </div>
        </div>
      </div>
      <div class="x-window-bwrap">
        <div class="x-window-ml">
          <div class="x-window-mr">
            <div class="x-window-mc">
              <div
                class="x-window-body x-border-layout-ct"
                style="width: 625px; height: 394px"
              >
                <div
                  class="
                    x-panel
                    syno-ux-formpanel
                    syno-ux-formpanel-gradient
                    syno-ux-formpanel-no-fbar
                    syno-ux-formpanel-no-tbar
                    x-panel-noborder x-form-label-left x-border-panel
                    scroll-at-top
                    scroll-at-bottom
                    scroll-at-left
                    scroll-at-right
                  "
                  style="left: 12px; top: 8px; width: 601px"
                >
                  <div class="x-panel-bwrap">
                    <form
                      class="
                        x-panel-body
                        x-panel-body-noheader
                        x-panel-body-noborder
                        x-form
                        flexcrollactive
                      "
                      method="POST"
                      style="
                        height: 55px;
                        width: 585px;
                        overflow: hidden;
                        border-width: 0px;
                        position: relative;
                        text-align: left;
                        padding: 8px 8px 0px;
                      "
                    >
                      <div
                        class="mcontentwrapper"
                        style="
                          width: 585px;
                          height: 55px;
                          top: -8px;
                          left: -8px;
                          border-bottom: 0px solid black;
                          text-align: start;
                          padding: 8px 8px 0px;
                          position: relative;
                          overflow: hidden;
                          z-index: 2;
                        "
                      >
                        <div
                          class="contentwrapper"
                          style="
                            position: relative;
                            top: 0px;
                            width: 100%;
                            display: block;
                            padding: 0px;
                            left: 0px;
                          "
                        >
                          <div class="x-form-item x-hide-label">
                            <label
                              for="ext-comp-1237"
                              style="width: 180px"
                              class="x-form-item-label syno-ux-item-label"
                            ></label>
                            <div
                              class="x-form-element"
                              style="padding-left: 185px"
                            >
                              <div
                                class="
                                  x-form-display-field
                                  syno-ux-displayfield
                                "
                                style="margin-left: 0px; height: 40px"
                              >
                                控制是否为下列每个服务接收 DSM
                                桌面通知。您还可更改未读服务通知的顺序，并手动或按时间排序
                              </div>
                              <div
                                class="x-form-hidden-error-msg"
                              ></div>
                            </div>
                            <div class="x-form-clear-left"></div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="scrollwrapper"
                        style="
                          width: 601px;
                          height: 63px;
                          position: absolute;
                          top: 0px;
                          left: 0px;
                        "
                      >
                        <div
                          class="zoomdetectdiv"
                          style="
                            font-size: 12px;
                            height: 1em;
                            width: 1em;
                            position: absolute;
                            z-index: -999;
                            visibility: hidden;
                          "
                        ></div>
                        <div
                          class="vscrollerbase scrollgeneric flexinactive"
                          style="height: 63px; left: 601px; visibility: hidden"
                        >
                          <div
                            class="vscrollerbar scrollgeneric"
                            style="
                              padding: 0px;
                              height: 62px;
                              top: 0px;
                              z-index: 2;
                              visibility: hidden;
                            "
                          >
                            <div
                              class="vscrollerbarbeg scrollgeneric"
                              style="height: 62px"
                            ></div>
                            <div
                              class="vscrollerbarend scrollgeneric"
                              style="top: 62px"
                            ></div>
                          </div>
                          <div
                            class="vscrollerbasebeg scrollgeneric"
                            style="height: 63px"
                          ></div>
                          <div
                            class="vscrollerbaseend scrollgeneric"
                            style="top: 63px"
                          ></div>
                        </div>
                        <div
                          class="hscrollerbase scrollgeneric flexinactive"
                          style="width: 601px; top: 63px; visibility: hidden"
                        >
                          <div
                            class="hscrollerbar scrollgeneric"
                            style="
                              padding: 0px;
                              width: 594px;
                              left: 0px;
                              z-index: 2;
                              visibility: hidden;
                            "
                          >
                            <div
                              class="hscrollerbarbeg scrollgeneric"
                              style="width: 594px"
                            ></div>
                            <div
                              class="hscrollerbarend scrollgeneric"
                              style="left: 594px"
                            ></div>
                          </div>
                          <div
                            class="hscrollerbasebeg scrollgeneric"
                            style="width: 601px"
                          ></div>
                          <div
                            class="hscrollerbaseend scrollgeneric"
                            style="left: 601px"
                          ></div>
                        </div>
                        <div
                          class="scrollerjogbox scrollgeneric"
                          style="visibility: hidden"
                        ></div>
                        <div class="domfixdiv" style="display: none"></div>
                        <div
                          class="copyholder"
                          style="
                            border: 0px solid blue;
                            visibility: hidden;
                            padding: 8px 8px 0px;
                            display: none;
                          "
                        ></div>
                      </div>
                    </form>
                  </div>
                </div>
                <div
                  class="
                    x-panel
                    sds-notify-setting-grid
                    without-dirty-red-grid
                    syno-ux-gridpanel
                    x-panel-noborder x-grid-panel
                    hide-org-hd-menu
                    x-border-panel
                  "
                  style="left: 20px; top: 79px; width: 585px"
                >
                  <div class="x-panel-bwrap">
                    <div
                      class="
                        x-panel-body x-panel-body-noheader x-panel-body-noborder
                      "
                      style="width: 585px; height: 303px"
                    >
                      <div
                        class="x-grid3"
                        hidefocus="true"
                        style="width: 585px; height: 302px"
                      >
                        <div class="x-grid3-viewport">
                          <div class="x-grid3-header">
                            <div
                              class="x-grid3-header-inner"
                              style="width: 585px"
                            >
                              <div
                                class="x-grid3-header-offset"
                                style="width: 585px"
                              >
                                <table
                                  border="0"
                                  cellspacing="0"
                                  cellpadding="0"
                                  style="width: 585px"
                                >
                                  <thead>
                                    <tr class="x-grid3-hd-row">
                                      <td
                                        class="
                                          x-grid3-hd
                                          x-grid3-cell
                                          x-grid3-td-ext-gen650
                                          x-grid3-cell-first
                                          x-grid3-cell-first-visible
                                        "
                                        style="width: 403px"
                                        :class="notifySettingDetail.tableHeaderContant1.cls"
                                      >
                                        <div
                                          class="
                                            x-grid3-hd-inner
                                            x-grid3-hd-ext-gen650
                                          "
                                          style=""
                                        >
                                          {{notifySettingDetail.tableHeaderContant1.title}}<img
                                            alt=""
                                            class="x-grid3-sort-icon"
                                            src="../../../../public/image/index/s.gif"
                                          />
                                        </div>
                                      </td>
                                      <td
                                        class="
                                          x-grid3-hd
                                          x-grid3-cell
                                          x-grid3-td-1
                                          x-grid3-cell-disable-sort
                                          x-grid3-cell-last-visible
                                        "
                                        style="width: 178px; text-align: center"
                                      >
                                        <div
                                          class="x-grid3-hd-inner x-grid3-hd-1"
                                          style=""
                                        >
                                          <input
                                            type="button"
                                             
                                            class="
                                              syno-ux-checkbox-icon
                                            "
                                            :class="notifySettingDetail.tableHeaderContant2.cls"
                                            style="
                                              vertical-align: middle;
                                              top: -1px;
                                            "
                                          />{{notifySettingDetail.tableHeaderContant2.title}}<img
                                            alt=""
                                            class="x-grid3-sort-icon"
                                            src="scripts/ext-3/resources/images/default/s.gif"
                                          />
                                        </div>
                                      </td>
                                      <td
                                        class="
                                          x-grid3-hd
                                          x-grid3-cell
                                          x-grid3-td-2
                                          x-grid3-cell-last
                                          x-grid3-cell-disable-sort
                                        "
                                        style="width: 178px; display: none"
                                      >
                                        <div
                                          class="x-grid3-hd-inner x-grid3-hd-2"
                                          style=""
                                        >
                                          <input
                                            type="button"
                                             
                                            class="
                                              syno-ux-checkbox-icon
                                              syno-ux-cb-checked
                                            "
                                            style="
                                              vertical-align: middle;
                                              top: -1px;
                                            "
                                          />Badge<img
                                            alt=""
                                            class="x-grid3-sort-icon"
                                            src="scripts/ext-3/resources/images/default/s.gif"
                                          />
                                        </div>
                                      </td>
                                    </tr>
                                  </thead>
                                </table>
                              </div>
                            </div>
                            <div class="x-grid3-header-bwrap">
                              <div
                                class="syno-ux-grid-hd-btn x-hide-display"
                              ></div>
                            </div>
                            <div class="x-clear"></div>
                          </div>
                          <div
                            class="x-grid3-scroller flexcrollactive"
                            style="
                              width: 585px;
                              height: 273px;
                              overflow: hidden;
                              border-width: 0px;
                              position: relative;
                              text-align: left;
                              padding: 0px;
                            "
                          >
                            <div
                              class="mcontentwrapper"
                              style="
                                width: 585px;
                                height: 273px;
                                top: 0px;
                                left: 0px;
                                border-bottom: 0px solid black;
                                text-align: start;
                                padding: 0px;
                                position: relative;
                                overflow: hidden;
                                z-index: 2;
                              "
                            >
                              <div
                                class="contentwrapper"
                                style="
                                  position: relative;
                                  top: 0px;
                                  width: 100%;
                                  display: block;
                                  padding: 0px;
                                  left: 0px;
                                "
                              >
                                <a
                                  href="#"
                                  class="x-grid3-focus"
                                  style="left: 0px; top: 0px"
                                  ><div class="syno-ux-gridpanel-empty-hint">
                                    {{notifySettingDetail.tableBodyContantList.length}} 个项目。
                                  </div></a
                                >
                                <div class="x-grid3-body" style="width: 585px">
                                  <div
                                    class="x-grid3-row"
                                    :class="tableBodyContant.cls"
                                    style="width: 585px"
                                    v-for="tableBodyContant in notifySettingDetail.tableBodyContantList"
                                    :key="tableBodyContant.id"
                                  >
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                              "
                                              :class="tableBodyContant.cls1"
                                            >
                                              <div>{{tableBodyContant.title}}</div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <!-- <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Download Station
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                             
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                File Station
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                             
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Hyper Backup
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Note Station
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                PDF Viewer
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Synology Drive
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Synology Drive ShareSync
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Synology MailPlus
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Synology Universal Search
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                Video Station
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                外部存储
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                套件中心
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>存储</div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                安全顾问
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                日志中心
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="x-grid3-row" style="width: 585px">
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>
                                                盗版检测
                                              </div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                  <div
                                    class="x-grid3-row x-grid3-row-last"
                                    style="width: 585px"
                                  >
                                    <table
                                      class="x-grid3-row-table"
                                      border="0"
                                      cellspacing="0"
                                      cellpadding="0"
                                      style="width: 585px"
                                    >
                                      <tbody>
                                        <tr>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-ext-gen650
                                              x-grid3-cell-first
                                              x-grid3-cell-first-visible
                                            "
                                            style="width: 403px"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-ext-gen650
                                                x-unselectable
                                              "
                                            >
                                              <div>系统</div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-1
                                              x-grid3-cell-last-visible
                                            "
                                            style="
                                              width: 178px;
                                              text-align: center;
                                            "
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-1
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-checked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                          <td
                                            class="
                                              x-grid3-col
                                              x-grid3-cell
                                              x-grid3-td-2
                                              x-grid3-cell-last
                                            "
                                            style="width: 178px; display: none"
                                          >
                                            <div
                                              class="
                                                x-grid3-cell-inner
                                                x-grid3-col-2
                                                x-unselectable
                                              "
                                            >
                                              <div
                                                class="
                                                  syno-ux-grid-enable-column-unchecked
                                                "
                                              ></div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div> -->
                                </div>
                              </div>
                            </div>
                            <!-- <div
                              class="scrollwrapper"
                              style="
                                width: 585px;
                                height: 273px;
                                position: absolute;
                                top: 0px;
                                left: 0px;
                              "
                            >
                              <div
                                class="zoomdetectdiv"
                                style="
                                  font-size: 12px;
                                  height: 1em;
                                  width: 1em;
                                  position: absolute;
                                  z-index: -999;
                                  visibility: hidden;
                                "
                              ></div>
                              <div
                                class="vscrollerbase scrollgeneric"
                                style="
                                  height: 273px;
                                  left: 585px;
                                  visibility: visible;
                                "
                              >
                                <div
                                  class="vscrollerbar scrollgeneric"
                                  style="
                                    padding: 0px;
                                    height: 142px;
                                    top: 0px;
                                    z-index: 2;
                                    visibility: visible;
                                  "
                                >
                                  <div
                                    class="vscrollerbarbeg scrollgeneric"
                                    style="height: 142px"
                                  ></div>
                                  <div
                                    class="vscrollerbarend scrollgeneric"
                                    style="top: 142px"
                                  ></div>
                                </div>
                                <div
                                  class="vscrollerbasebeg scrollgeneric"
                                  style="height: 273px"
                                ></div>
                                <div
                                  class="vscrollerbaseend scrollgeneric"
                                  style="top: 273px"
                                ></div>
                              </div>
                              <div
                                class="hscrollerbase scrollgeneric flexinactive"
                                style="
                                  width: 585px;
                                  top: 273px;
                                  visibility: hidden;
                                "
                              >
                                <div
                                  class="hscrollerbar scrollgeneric"
                                  style="
                                    padding: 0px;
                                    width: 579px;
                                    left: 0px;
                                    z-index: 2;
                                    visibility: hidden;
                                  "
                                >
                                  <div
                                    class="hscrollerbarbeg scrollgeneric"
                                    style="width: 579px"
                                  ></div>
                                  <div
                                    class="hscrollerbarend scrollgeneric"
                                    style="left: 579px"
                                  ></div>
                                </div>
                                <div
                                  class="hscrollerbasebeg scrollgeneric"
                                  style="width: 585px"
                                ></div>
                                <div
                                  class="hscrollerbaseend scrollgeneric"
                                  style="left: 585px"
                                ></div>
                              </div>
                              <div
                                class="scrollerjogbox scrollgeneric"
                                style="visibility: hidden"
                              ></div>
                              <div
                                class="domfixdiv"
                                style="display: none"
                              ></div>
                              <div
                                class="copyholder"
                                style="
                                  border: 0px solid blue;
                                  visibility: hidden;
                                  padding: 0px;
                                  display: none;
                                "
                              ></div>
                            </div> -->
                          </div>
                        </div>
                        <div class="x-grid3-resize-marker">&nbsp;</div>
                        <div class="x-grid3-resize-proxy">&nbsp;</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="x-window-bl">
          <div class="x-window-br">
            <div class="x-window-bc">
              <div class="x-window-footer x-panel-btns" style="width: 625px">
                <div
                  class="
                    x-panel-fbar x-small-editor x-statusbar x-toolbar-layout-ct
                  "
                  style="width: auto"
                >
                  <table cellspacing="0" class="x-toolbar-ct">
                    <tbody>
                      <tr>
                        <td class="x-toolbar-left" align="left">
                          <table cellspacing="0">
                            <tbody>
                              <tr class="x-toolbar-left-row"></tr>
                            </tbody>
                          </table>
                        </td>
                        <td class="x-toolbar-right" align="right">
                          <table cellspacing="0" class="x-toolbar-right-ct">
                            <tbody>
                              <tr>
                                <td>
                                  <table cellspacing="0">
                                    <tbody>
                                      <tr class="x-toolbar-right-row">
                                        <td class="x-toolbar-cell">
                                          <span
                                            cellspacing="0"
                                            class="
                                              x-btn
                                              syno-ux-button
                                              syno-ux-button-default
                                              x-btn-noicon
                                            "
                                            style="
                                              width: auto;
                                              margin-left: 0px;
                                            "
                                            ><em class="x-unselectable"
                                              ><button
                                                type="button"
                                                class="x-btn-text"
                                              >
                                                取消
                                              </button></em
                                            ></span
                                          >
                                        </td>
                                        <td class="x-toolbar-cell">
                                          <span
                                            cellspacing="0"
                                            class="
                                              x-btn
                                              syno-ux-button syno-ux-button-blue
                                              x-btn-noicon
                                            "
                                            style="
                                              width: auto;
                                              margin-left: 0px;
                                            "
                                            ><em class="x-unselectable"
                                              ><button
                                                type="button"
                                                class="x-btn-text"
                                              >
                                                确定
                                              </button></em
                                            ></span
                                          >
                                        </td>
                                        <td class="x-toolbar-cell">
                                          <div
                                            class="xtb-text x-status-text"
                                            style="max-width: none"
                                          ></div>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td>
                                  <table cellspacing="0">
                                    <tbody>
                                      <tr class="x-toolbar-extras-row"></tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="x-clear"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-north
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-south
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-east
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-west
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-northeast
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-northwest
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-southeast
          x-unselectable
          x-window-handle
        "
      ></div>
      <div
        class="
          x-resizable-handle
          x-resizable-handle-southwest
          x-unselectable
          x-window-handle
        "
      ></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      display: 'none',
      notifySettingDetail: {
        tableHeaderContant1:{
            title: '服务',
            cls:'sort-asc'
        },
        tableHeaderContant2:{
            title: '信息',
            cls:'syno-ux-cb-checked'
        },
        tableBodyContantList:[
          {
            id:0,
            title: 'Codec Pack',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:1,
            title: 'Download Station ',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:2,
            title: 'File Station',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:3,
            title: 'Hyper Backup',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:4,
            title: 'Note Station',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:5,
            title: 'PDF Viewer',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:6,
            title: 'Synology Drive',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:7,
            title: 'Synology Drive ShareSync',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:8,
            title: 'Synology MailPlus',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:9,
            title: 'Synology Universal Search',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:10,
            title: 'Video Station',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:11,
            title: '外部存储',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:12,
            title: '套件中心',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:13,
            title: '存储',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:14,
            title: '安全顾问',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:15,
            title: '日志中心',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:16,
            title: '盗版检测',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          },
          {
            id:17,
            title: '系统',
            cls: 'x-unselectable',
            cls1:'syno-ux-cb-checked'
          }
        ]
      },
    };
  },
  mounted(){
    this.$bus.on('openNotifySetting',this.openNotifySetting)
  },
  methods:{
    // 打开本页面
    openNotifySetting(){
      console.log(22)
      this.display = 'block'
    },
    // 关闭本页面
    openNotifySetting(){
      this.display = 'none'
    }
  },
  components: {},
  name: "NotifySetting",
};
</script>