<el-main>
  <!--面包屑-->
  <breadcrumb-component ></breadcrumb-component>
  <!--主列表数据-->
  <div class="el-topic-container">
    <el-row>
      <el-col :span="6">
        <div class="grid-content">
            <el-input placeholder="专题名称" v-model="searchForm.topicName" clearable>
          </el-input>
          <h3 class="el-topic-h3">在线专题</h3>
          <ul class="el-list-item">
            <li v-for="item in topicList.subjectListUp" :key="item.id" >
              <span class="el-topic-name">{{item.subjectName}}</span>
              <span class="el-icon-star-on el-up-topic"></span>
            </li>
          </ul>
          <h3 class="el-topic-h3">下线专题</h3>
          <ul class="el-list-item">
            <li v-for="item in topicList.subjectListDown" :key="item.id" >
              <span class="el-topic-name">{{item.subjectName}}</span>
              <span class="el-icon-star-on"></span>
            </li>
          </ul>
        </div>
      </el-col>
      <el-col :span="18">
        <div class="el-grid-content">
            <div class="button-container">
              <div>
                <el-button type="primary" @click="go('ChartAdd')">新建专题</el-button>
                <!-- <el-button type="primary" @click="go('ReportAccess')">权限设置</el-button> -->
              </div>
            </div>

        </div>
      </el-col>
    </el-row>
  </div>

  <!--弹框-->
  <el-dialog :visible.sync="showDialog" @opened = "openedDlg" title="预览" width="50%" :before-close="closeDialog">




    <div slot="footer" class="dialog-footer">
      <!-- <el-button @click="closeDialog">取消</el-button> -->
      <el-button type="primary" @click="closeDialog">确定</el-button>
    </div>
  </el-dialog>

</el-main>








