aiforge/web_src/vuepages/pages/repos/square/index.vue

<template>
  <div>
    <div>
      <SquareTop></SquareTop>
    </div>
    <div class="ui container">
      <SearchBar></SearchBar>
    </div>
    <div class="recommend-repos-c">
      <RecommendRepos></RecommendRepos>
    </div>
    <div class="ui container">
      <div class="ui grid">
        <div class="computer only ui two wide computer column">
          <ReposFilters @change="changeFilters"></ReposFilters>
        </div>
        <div class="ui sixteen wide mobile twelve wide tablet ten wide computer column">
          <ReposList :sort="reposListSortType" :q="reposListQurey"></ReposList>
        </div>
        <div class="computer only ui four wide computer column">
          <div>
            <ActiveUsers></ActiveUsers>
          </div>
          <div class="active-org-c">
            <ActiveOrgs></ActiveOrgs>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import SquareTop from '../components/SquareTop.vue';
import SearchBar from '../components/SearchBar.vue';
import RecommendRepos from '../components/RecommendRepos.vue';
import ReposFilters from '../components/ReposFilters.vue';
import ReposList from '../components/ReposList.vue';
import ActiveUsers from '../components/ActiveUsers.vue';
import ActiveOrgs from '../components/ActiveOrgs.vue';

// import { saveLocalModel, getModelInfoByName, modifyModel } from '~/apis/modules/modelmanage';
import { getUrlSearchParams } from '~/utils';

export default {
  data() {
    return {
      reposListSortType: 'mostpopular',
      reposListQurey: '',
    };
  },
  components: {
    SquareTop,
    SearchBar,
    RecommendRepos,
    ReposFilters,
    ReposList,
    ActiveUsers,
    ActiveOrgs,
  },
  methods: {
    changeFilters(condition) {
      this.reposListSortType = condition.key;
    }
  },
  mounted() {
    const urlParams = getUrlSearchParams();
    if (urlParams.type == '1' && urlParams.name && urlParams.id) {

    }
  },
  beforeDestroy() {
  },
};
</script>

<style scoped lang="less">
.recommend-repos-c {
  margin: 0 0 54px;
}

.active-org-c {
  margin-top: 32px;
}
</style>