chenshihai
2 years ago
25 changed files with 3988 additions and 4 deletions
Split View
Diff Options
-
+3 -1templates/base/head_navbar.tmpl
-
+3 -1templates/base/head_navbar_fluid.tmpl
-
+3 -1templates/base/head_navbar_home.tmpl
-
+3 -1templates/base/head_navbar_pro.tmpl
-
+5 -0templates/tech/admin_view.tmpl
-
+5 -0templates/tech/create.tmpl
-
+5 -0templates/tech/repo_view.tmpl
-
+5 -0templates/tech/tech_view.tmpl
-
+153 -0web_src/vuepages/apis/modules/tech.js
-
+211 -0web_src/vuepages/pages/tech/adminview/index.vue
-
+17 -0web_src/vuepages/pages/tech/adminview/vp-tech-adminview.js
-
+277 -0web_src/vuepages/pages/tech/components/Filters.vue
-
+157 -0web_src/vuepages/pages/tech/components/PrjResultsItem.vue
-
+888 -0web_src/vuepages/pages/tech/components/PrjResultsList.vue
-
+243 -0web_src/vuepages/pages/tech/components/SciAndTechPrjItem.vue
-
+885 -0web_src/vuepages/pages/tech/components/SciAndTechPrjList.vue
-
+179 -0web_src/vuepages/pages/tech/components/SearchBar.vue
-
+141 -0web_src/vuepages/pages/tech/components/TopHeader.vue
-
+99 -0web_src/vuepages/pages/tech/components/TopMenu.vue
-
+470 -0web_src/vuepages/pages/tech/create/index.vue
-
+17 -0web_src/vuepages/pages/tech/create/vp-tech-create.js
-
+92 -0web_src/vuepages/pages/tech/repoview/index.vue
-
+17 -0web_src/vuepages/pages/tech/repoview/vp-tech-repoview.js
-
+93 -0web_src/vuepages/pages/tech/techview/index.vue
-
+17 -0web_src/vuepages/pages/tech/techview/vp-tech-techview.js
+ 3
- 1
templates/base/head_navbar.tmpl
View File
| @@ -55,7 +55,8 @@ | |||
| {{/* <a class="item" href="{{AppSubUrl}}/explore/data_analysis">{{.i18n.Tr "explore.data_analysis"}}</a> */}} | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageHome}} | |||
| @@ -97,6 +98,7 @@ | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageExplore}} | |||
+ 3
- 1
templates/base/head_navbar_fluid.tmpl
View File
| @@ -52,7 +52,8 @@ | |||
| {{/* <a class="item" href="{{AppSubUrl}}/explore/data_analysis">{{.i18n.Tr "explore.data_analysis"}}</a> */}} | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageHome}} | |||
| @@ -92,6 +93,7 @@ | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageExplore}} | |||
+ 3
- 1
templates/base/head_navbar_home.tmpl
View File
| @@ -44,7 +44,8 @@ | |||
| {{/* <a class="item" href="{{AppSubUrl}}/explore/data_analysis">{{.i18n.Tr "explore.data_analysis"}}</a> */}} | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageHome}} | |||
| @@ -85,6 +86,7 @@ | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageExplore}} | |||
+ 3
- 1
templates/base/head_navbar_pro.tmpl
View File
| @@ -54,7 +54,8 @@ | |||
| {{/* <a class="item" href="{{AppSubUrl}}/explore/data_analysis">{{.i18n.Tr "explore.data_analysis"}}</a> */}} | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageHome}} | |||
| @@ -95,6 +96,7 @@ | |||
| <a class="item" href="{{AppSubUrl}}/kanban/index.html" target="_blank" rel="opener">{{.i18n.Tr "explore.data_analysis"}}</a> | |||
| {{end}} | |||
| <a class="item" href="{{AppSubUrl}}/OpenI">{{.i18n.Tr "custom.head.openi.repo"}}</a> | |||
| <a class="item" href="{{AppSubUrl}}/tech/tech_view">2030科技项目</a> | |||
| </div> | |||
| </div> | |||
| {{else if .IsLandingPageExplore}} | |||
+ 5
- 0
templates/tech/admin_view.tmpl
View File
| @@ -0,0 +1,5 @@ | |||
| {{template "base/head_home" .}} | |||
| <link rel="stylesheet" href="{{StaticUrlPrefix}}/css/vp-tech-adminview.css?v={{MD5 AppVer}}" /> | |||
| <div id="__vue-root"></div> | |||
| <script src="{{StaticUrlPrefix}}/js/vp-tech-adminview.js?v={{MD5 AppVer}}"></script> | |||
| {{template "base/footer" .}} | |||
+ 5
- 0
templates/tech/create.tmpl
View File
| @@ -0,0 +1,5 @@ | |||
| {{template "base/head_home" .}} | |||
| <link rel="stylesheet" href="{{StaticUrlPrefix}}/css/vp-tech-create.css?v={{MD5 AppVer}}" /> | |||
| <div id="__vue-root"></div> | |||
| <script src="{{StaticUrlPrefix}}/js/vp-tech-create.js?v={{MD5 AppVer}}"></script> | |||
| {{template "base/footer" .}} | |||
+ 5
- 0
templates/tech/repo_view.tmpl
View File
| @@ -0,0 +1,5 @@ | |||
| {{template "base/head_home" .}} | |||
| <link rel="stylesheet" href="{{StaticUrlPrefix}}/css/vp-tech-repoview.css?v={{MD5 AppVer}}" /> | |||
| <div id="__vue-root"></div> | |||
| <script src="{{StaticUrlPrefix}}/js/vp-tech-repoview.js?v={{MD5 AppVer}}"></script> | |||
| {{template "base/footer" .}} | |||
+ 5
- 0
templates/tech/tech_view.tmpl
View File
| @@ -0,0 +1,5 @@ | |||
| {{template "base/head_home" .}} | |||
| <link rel="stylesheet" href="{{StaticUrlPrefix}}/css/vp-tech-techview.css?v={{MD5 AppVer}}" /> | |||
| <div id="__vue-root"></div> | |||
| <script src="{{StaticUrlPrefix}}/js/vp-tech-techview.js?v={{MD5 AppVer}}"></script> | |||
| {{template "base/footer" .}} | |||
+ 153
- 0
web_src/vuepages/apis/modules/tech.js
View File
| @@ -0,0 +1,153 @@ | |||
| /* 科技项目汇聚功能相关 */ | |||
| import service from '../service'; | |||
| // 新建申请页面科技项目查询接口 no-项目编号,name-科技项目名称,institution-参与单位 | |||
| export const getTechs = (params) => { | |||
| return service({ | |||
| url: '/api/v1/tech', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
| // 新建启智项目申请页面提交 url-启智项目地址,no-项目立项编号,institution-贡献单位，多个单位用逗号分隔 | |||
| export const setOpenIApply = (data) => { | |||
| return service({ | |||
| url: '/api/v1/tech/openi', | |||
| method: 'post', | |||
| data: data, | |||
| }); | |||
| } | |||
| // 新建启智项目申请页面提交 | |||
| // url-启智项目地址,uid-启智项目uid,repo_name-启智项目名称,topics-关键词,description-简介, | |||
| // no-项目立项编号,institution-贡献单位，多个单位用逗号分隔 | |||
| export const setNoOpenIApply = (data) => { | |||
| return service({ | |||
| url: '/api/v1/tech/no_openi', | |||
| method: 'post', | |||
| data: data, | |||
| }); | |||
| } | |||
| // 新建非启智项目申请页面项目路径可选的用户和组织 | |||
| // 返回 [{id:用户ID,name:用户名字,rel_avatar_link:用户图像地址,short_name:用户短名称},...] | |||
| export const getCreateRepoUser = () => { | |||
| return service({ | |||
| url: '/api/v1/create_repo/user', | |||
| method: 'get', | |||
| params: {}, | |||
| }); | |||
| } | |||
| // 项目过滤信息列表-筛选信息 type=0查询科技项目页， type=1查询启智项目页 | |||
| // 返回 {type_name:项目类型的名称, 字符串数组,institution_name:参与单位的名称，字符串数组,execute_year:执行年份，字符串数组, | |||
| // apply_year:申请年份，字符串数组,topic-关键词，字符串数组,project_name:科技项目名称，字符串数组} | |||
| export const getTechFilterInfo = (params) => { | |||
| return service({ | |||
| url: '/api/v1/tech/filter', | |||
| method: 'get', | |||
| params: { | |||
| type: params.type, | |||
| }, | |||
| }); | |||
| } | |||
| // 按科技项目页查询功能 | |||
| // 输入 name-科技项目名称，模糊匹配,type_name-项目类型的名称，精确匹配,institution_name-参与单位的名称，精确匹配,execute_year-执行年份，精确匹配,apply_year-申请年份，精确匹配,page,pageSize,sort | |||
| // 返回 {"total":10,"data":[{}]} | |||
| // data: {id:科技项目id,project_name:科技项目名称,institution:承担单位,all_institution:参与单位,apply_year:申报年份,execute_period:执行周期,repo_numer:项目成果数,repo:[]项目信息数组} | |||
| export const getTechSearch = (params) => { | |||
| return service({ | |||
| url: '/api/v1/tech/search', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
| // 按启智项目页查询功能 | |||
| // 输入 name-项目名称，模糊匹配,tech_name-科技项目名称，精确匹配,institution_name-参与单位的名称，精确匹配,topic-关键词，精确匹配,page,pageSize,sort | |||
| // 返回 {"total":10,"data":[{}]} | |||
| // data: {id:项目id,owner_id:项目拥有者id,name:项目名称,alias:项目别名,topics:关键词 字符串数组,description:项目简介,updated_unix:最后更新时间,institution:贡献单位} | |||
| export const getTechOpenISearch = (params) => { | |||
| return service({ | |||
| url: '/api/v1/tech/repo_search', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
| // 后台管理项目列表 | |||
| // 输入 page,pageSize | |||
| // 返回 {"total":10,"data":[{}]} | |||
| // data: {id:记录的id,name:启智项目名称,owner_name:启智项目拥有者名称,tech_name:科技项目名称,tech_number:科技项目编号,institution:项目承担单位, | |||
| // execute_period:执行周期,contact:联系人,contact_phone:联系电话,contact_email:联系邮件,apply_user:申请账号,status:状态} | |||
| export const getTechAdminList = (params) => { | |||
| return service({ | |||
| url: '/api/v1/tech/admin', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
| // 后台管理项目列表交互(显示或隐藏) | |||
| // 输入 type-show/hide,id:[1,2,3] | |||
| // 返回 { code:0, message:"" } | |||
| export const setTechAdminOperation = (data) => { | |||
| return service({ | |||
| url: `/api/v1/tech/admin/action/${data.type}`, | |||
| method: 'post', | |||
| data: data.id, | |||
| }); | |||
| } | |||
| // 后台管理科技项目编号基本信息导入功能（科技项目管理员有权限) | |||
| // 输入 form file | |||
| export const setTechImportExcel = () => { | |||
| return service({ | |||
| url: `/api/v1/tech/basic`, | |||
| method: 'post', | |||
| data: {}, | |||
| }); | |||
| } | |||
| // 增加科技项目管理员(管理员才有权限) | |||
| // 输入 name:['111', '222'] | |||
| // 返回 { code:0, message:"" } | |||
| export const setTechAdminAdd = (data) => { | |||
| return service({ | |||
| url: '/api/v1/tech/admin_add', | |||
| method: 'post', | |||
| data: data, | |||
| }); | |||
| } | |||
| // 判断是否是科技项目管理员 | |||
| // 输入 name:['111', '222'] | |||
| export const getIsTechAdmin = () => { | |||
| return service({ | |||
| url: '/api/v1/tech/is_admin', | |||
| method: 'get', | |||
| params: {}, | |||
| }); | |||
| } | |||
| // ========================================================= | |||
| // 搜索Topics q-topic | |||
| // 返回 {topics: [{id,repo_count,topic_name,created,updated}]} | |||
| export const getTopics = (params) => { | |||
| return service({ | |||
| url: '/api/v1/topics/search', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
| // 检测 repo name q:名称, owner:所属者 | |||
| export const getCheckRepoName = (params) => { | |||
| return service({ | |||
| url: '/repo/check_name', | |||
| method: 'get', | |||
| params: params, | |||
| }); | |||
| } | |||
+ 211
- 0
web_src/vuepages/pages/tech/adminview/index.vue
View File
| @@ -0,0 +1,211 @@ | |||
| <template> | |||
| <div> | |||
| <div class="ui container"> | |||
| <div class="top-container"> | |||
| <el-checkbox class="check-toggle" v-model="allChecked" @change="allSelectChange">全选/全不选</el-checkbox> | |||
| <el-button class="btn-agree">批量同意展示</el-button> | |||
| <el-button class="btn-cancel">批量取消展示</el-button> | |||
| </div> | |||
| <div class="table-container"> | |||
| <div class="table-title">2030科技项目管理</div> | |||
| <div class="table-wrap"> | |||
| <el-table ref="tableRef" border :data="tableData" style="width:100%;" v-loading="loading" stripe row-key="id"> | |||
| <el-table-column label="" align="center" header-align="center" width="40" fixed> | |||
| <template slot-scope="scope"> | |||
| <el-checkbox v-model="scope.row.checked" @change="rowSelectChange(scope.row)"></el-checkbox> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="启智项目名称" align="center" header-align="center" fixed></el-table-column> | |||
| <el-table-column prop="tech_name" label="科技项目名称" align="center" header-align="center" | |||
| fixed></el-table-column> | |||
| <el-table-column prop="status" label="展示状态" align="center" header-align="center" fixed></el-table-column> | |||
| <el-table-column prop="tech_number" label="项目立项编号" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="institution" label="项目承担单位" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="execute_period" label="执行周期" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="contact" label="联系人" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="contact_phone" label="电话" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="apply_user" label="申请账号" align="center" header-align="center"></el-table-column> | |||
| <el-table-column prop="" label="操作" align="center" header-align="center" fixed="right"></el-table-column> | |||
| </el-table> | |||
| </div> | |||
| <div class="center"> | |||
| <el-pagination ref="paginationRef" background @current-change="currentChange" @size-change="sizeChange" | |||
| :current-page.sync="page" :page-sizes="pageSizes" :page-size.sync="pageSize" | |||
| layout="total, sizes, prev, pager, next, jumper" :total="total"> | |||
| </el-pagination> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { getTechAdminList, setTechAdminOperation } from '~/apis/modules/tech'; | |||
| export default { | |||
| data() { | |||
| return { | |||
| allChecked: false, | |||
| loading: false, | |||
| tableData: [], | |||
| page: 1, | |||
| pageSizes: [15, 30, 50, 100], | |||
| pageSize: 50, | |||
| total: 0, | |||
| }; | |||
| }, | |||
| components: {}, | |||
| methods: { | |||
| getData() { | |||
| this.loading = true; | |||
| getTechAdminList({ | |||
| page: this.page, | |||
| pageSize: this.pageSize, | |||
| }).then(res => { | |||
| this.loading = false; | |||
| const { total, data } = res.data; | |||
| this.tableData = data.map((item, index) => { | |||
| return { | |||
| checked: false, | |||
| id: 'id' + Math.random(), | |||
| ...item, | |||
| } | |||
| }); | |||
| this.total = total; | |||
| }).catch(err => { | |||
| this.loading = false; | |||
| console.log(err); | |||
| }); | |||
| }, | |||
| allSelectChange() { | |||
| for (let i = 0, iLen = this.tableData.length; i < iLen; i++) { | |||
| this.tableData[i].checked = this.allChecked; | |||
| } | |||
| this.tableData.splice(1, 0); | |||
| }, | |||
| rowSelectChange(row) { | |||
| if (row.checked == false) { | |||
| this.allChecked = false; | |||
| } else { | |||
| if (this.tableData.filter((item) => item.checked).length == this.tableData.length) { | |||
| this.allChecked = true; | |||
| } | |||
| } | |||
| this.tableData.splice(1, 0); | |||
| }, | |||
| currentChange(page) { | |||
| this.page = page; | |||
| this.getData(); | |||
| }, | |||
| sizeChange(pageSize) { | |||
| this.pageSize = pageSize; | |||
| this.getData(); | |||
| }, | |||
| }, | |||
| beforeMount() { | |||
| }, | |||
| mounted() { | |||
| this.tableData = new Array(15).fill(0).map((item, index) => { | |||
| return { | |||
| id: '记录的id-' + index, | |||
| name: '启智项目名称-' + index, | |||
| owner_name: '启智项目拥有者名称-' + index, | |||
| tech_name: '科技项目名称-' + index, | |||
| tech_number: '科技项目编号-' + index, | |||
| institution: '项目承担单位-' + index, | |||
| execute_period: '执行周期-' + index, | |||
| contact: '联系人-' + index, | |||
| contact_phone: '联系电话-' + index, | |||
| contact_email: '联系邮件-' + index, | |||
| apply_user: '申请账号-' + index, | |||
| status: '状态-' + index, | |||
| } | |||
| }); | |||
| this.total = this.tableData.length; | |||
| }, | |||
| beforeDestroy() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .top-container { | |||
| display: flex; | |||
| align-items: center; | |||
| margin: 15px 0; | |||
| .check-toggle { | |||
| margin-right: 20px; | |||
| } | |||
| .btn-agree { | |||
| margin-right: 10px; | |||
| background: rgb(50, 145, 248); | |||
| color: rgb(255, 255, 255); | |||
| &:hover { | |||
| opacity: 0.9; | |||
| } | |||
| &:active { | |||
| opacity: 0.8; | |||
| } | |||
| } | |||
| .btn-cancel { | |||
| margin-right: 10px; | |||
| background: rgb(250, 140, 22); | |||
| color: rgb(255, 255, 255); | |||
| &:hover { | |||
| opacity: 0.9; | |||
| } | |||
| &:active { | |||
| opacity: 0.8; | |||
| } | |||
| } | |||
| } | |||
| .table-container { | |||
| .table-title { | |||
| height: 43px; | |||
| font-size: 16px; | |||
| font-weight: 700; | |||
| padding: 15px; | |||
| color: rgb(16, 16, 16); | |||
| border-color: rgb(212, 212, 213); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| border-radius: 5px 5px 0px 0px; | |||
| background: rgb(240, 240, 240); | |||
| display: flex; | |||
| align-items: center; | |||
| } | |||
| .table-wrap { | |||
| margin-bottom: 12px; | |||
| overflow-x: auto; | |||
| /deep/ .el-table__header { | |||
| th { | |||
| background: rgb(249, 249, 249); | |||
| font-size: 12px; | |||
| color: rgb(136, 136, 136); | |||
| font-weight: normal; | |||
| } | |||
| } | |||
| /deep/ .el-table__body { | |||
| td { | |||
| font-size: 12px; | |||
| } | |||
| } | |||
| /deep/ .el-radio__label { | |||
| display: none; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 17
- 0
web_src/vuepages/pages/tech/adminview/vp-tech-adminview.js
View File
| @@ -0,0 +1,17 @@ | |||
| import Vue from 'vue'; | |||
| import ElementUI from 'element-ui'; | |||
| import 'element-ui/lib/theme-chalk/index.css'; | |||
| import localeEn from 'element-ui/lib/locale/lang/en'; | |||
| import localeZh from 'element-ui/lib/locale/lang/zh-CN'; | |||
| import { i18n, lang } from '~/langs'; | |||
| import App from './index.vue'; | |||
| Vue.use(ElementUI, { | |||
| locale: lang === 'zh-CN' ? localeZh : localeEn, | |||
| size: 'small', | |||
| }); | |||
| new Vue({ | |||
| i18n, | |||
| render: (h) => h(App), | |||
| }).$mount('#__vue-root'); | |||
+ 277
- 0
web_src/vuepages/pages/tech/components/Filters.vue
View File
| @@ -0,0 +1,277 @@ | |||
| <template> | |||
| <div> | |||
| <div class="filter-main" v-show="!showSecond"> | |||
| <div class="filter-c" v-for="(item, index) in mainData"> | |||
| <div class="filter-title">{{ item.title }}</div> | |||
| <div class="filter-item-c"> | |||
| <div class="filter-item" v-for="(_item, _index) in item.showData" @click="changeFilter(item, _item)" | |||
| :style="conds[item.key] == _item ? { backgroundColor: item.focusBgColor, color: item.focusColor } : { backgroundColor: item.bgColor, color: item.color }"> | |||
| {{ _item }} | |||
| </div> | |||
| </div> | |||
| <div class="filter-view-more-c" v-if="item.data.length > item.showMaxLen"> | |||
| <span class="filter-view-more" @click="goMore(item)"> | |||
| <i class="el-icon-arrow-down"></i><span>展开更多</span> | |||
| </span> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="filter-second" v-show="showSecond"> | |||
| <div class="filter-second-hd"> | |||
| <span class="filter-second-go-back" @click="goBack()"> | |||
| <i class="el-icon-back"></i><span>返回上一级</span> | |||
| </span> | |||
| </div> | |||
| <div class="filter-title">{{ secondData.title }}</div> | |||
| <div class="filter-item-c"> | |||
| <div class="filter-item" v-for="(_item, _index) in secondData.data" @click="changeFilter(secondData, _item)" | |||
| :style="conds[secondData.key] == _item ? { backgroundColor: secondData.focusBgColor, color: secondData.focusColor } : { backgroundColor: secondData.bgColor, color: secondData.color }"> | |||
| {{ _item }} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { getTechFilterInfo } from '~/apis/modules/tech'; | |||
| export default { | |||
| name: "Filters", | |||
| props: { | |||
| type: { type: Number, default: -1 }, // 0-tech_view, 1-repo_view | |||
| condition: { type: Object, default: () => ({}) }, | |||
| }, | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| list_tech: [{ | |||
| title: '项目类型', | |||
| key: 'type_name', | |||
| bgColor: 'rgb(237, 234, 251)', | |||
| color: 'rgb(100, 59, 159)', | |||
| focusBgColor: 'rgb(100, 59, 159)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 6, | |||
| }, { | |||
| title: '项目参与单位', | |||
| key: 'institution_name', | |||
| bgColor: 'rgb(234, 241, 251)', | |||
| color: 'rgb(18, 76, 157)', | |||
| focusBgColor: 'rgb(18, 76, 157)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }, { | |||
| title: '执行周期包含年份', | |||
| key: 'execute_year', | |||
| bgColor: 'rgb(225, 242, 234)', | |||
| color: 'rgb(8, 96, 96)', | |||
| focusBgColor: 'rgb(8, 96, 96)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }, { | |||
| title: '申报年份', | |||
| key: 'apply_year', | |||
| bgColor: 'rgb(231, 249, 222)', | |||
| color: 'rgb(55, 94, 2)', | |||
| focusBgColor: 'rgb(55, 94, 2)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }], | |||
| list_repo: [{ | |||
| title: '关键词', | |||
| key: 'topic', | |||
| bgColor: 'rgb(234, 250, 251)', | |||
| color: 'rgb(0, 167, 132)', | |||
| focusBgColor: 'rgb(0, 167, 132)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }, { | |||
| title: '所属科技项目', | |||
| key: 'project_name', | |||
| bgColor: 'rgb(234, 245, 251)', | |||
| color: 'rgb(8, 0, 148)', | |||
| focusBgColor: 'rgb(8, 0, 148)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }, { | |||
| title: '成果贡献单位', | |||
| key: 'institution_name', | |||
| bgColor: 'rgb(234, 241, 251)', | |||
| color: 'rgb(18, 76, 157)', | |||
| focusBgColor: 'rgb(18, 76, 157)', | |||
| focusColor: 'rgb(255, 255, 255)', | |||
| data: [], | |||
| showData: [], | |||
| showMaxLen: 10, | |||
| }, | |||
| ], | |||
| conds: { | |||
| type_name: '', | |||
| institution_name: '', | |||
| execute_year: '', | |||
| apply_year: '', | |||
| topic: '', | |||
| project_name: '', | |||
| }, | |||
| mainData: [], | |||
| showSecond: false, | |||
| secondData: {}, | |||
| }; | |||
| }, | |||
| methods: { | |||
| goMore(item) { | |||
| this.secondData = item; | |||
| this.showSecond = true; | |||
| }, | |||
| goBack() { | |||
| this.showSecond = false; | |||
| }, | |||
| changeFilter(item, _item) { | |||
| const value = this.conds[item.key] == _item ? '' : _item; | |||
| this.$emit('changeCondition', { | |||
| [item.key]: value | |||
| }); | |||
| } | |||
| }, | |||
| watch: { | |||
| condition: { | |||
| handler(newVal) { | |||
| console.log('Filters:watch:condition', newVal); | |||
| this.conds.type_name = newVal.type_name || ''; | |||
| this.conds.institution_name = newVal.institution_name || ''; | |||
| this.conds.execute_year = newVal.execute_year || ''; | |||
| this.conds.apply_year = newVal.apply_year || ''; | |||
| this.conds.topic = newVal.topic || ''; | |||
| this.conds.project_name = newVal.project_name || ''; | |||
| }, | |||
| immediate: true, | |||
| deep: true, | |||
| }, | |||
| }, | |||
| beforeMount() { | |||
| if (this.type == 0) { | |||
| this.mainData = this.list_tech; | |||
| } else if (this.type == 1) { | |||
| this.mainData = this.list_repo; | |||
| } | |||
| const data = { | |||
| type_name: ['基础前沿', '应用示范研究', '重大共性关键技术', '其他', '基础前沿1', '基础前沿2', '基础前沿3', '基础前沿4', '基础前沿5'], | |||
| institution_name: ['北京大学', '北京工业大学', '北京航空航天大学', '北京交通大学', '清华大学'], | |||
| execute_year: ['2019', '2020', '2021', '2022', '2023'], | |||
| apply_year: ['2018', '2019', '2020', '2021', '2022'], | |||
| topic: ['数据库', '操作系统', '云计算', '大数据', '数据可视化', '其他'], | |||
| project_name: ['新一代神经网络模型', '小样本条件下的自适应机器学习理论', '面向复杂数据处理的新型神经网络模型'], | |||
| } | |||
| for (let i = 0, iLen = this.mainData.length; i < iLen; i++) { | |||
| const filterItem = this.mainData[i]; | |||
| const key = filterItem.key; | |||
| const max = filterItem.showMaxLen; | |||
| if (data[key]) { | |||
| filterItem.data = data[key]; | |||
| filterItem.showData = data[key].slice(0, max); | |||
| if (this.conds[key] && filterItem.showData.indexOf(this.conds[key]) < 0) { | |||
| filterItem.showData.push(this.conds[key]); | |||
| } | |||
| } | |||
| } | |||
| return; | |||
| getTechFilterInfo({ | |||
| type: this.type, | |||
| }).then(res => { | |||
| console.log(res); | |||
| }).catch(err => { | |||
| console.log(err); | |||
| }); | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .filter-c { | |||
| margin-bottom: 32px; | |||
| .filter-title { | |||
| font-size: 18px; | |||
| color: rgb(16, 16, 16); | |||
| margin: 14px 0; | |||
| } | |||
| .filter-item-c { | |||
| display: flex; | |||
| flex-wrap: wrap; | |||
| .filter-item { | |||
| border-radius: 3px; | |||
| padding: 3px 10px; | |||
| margin-right: 10px; | |||
| margin-bottom: 10px; | |||
| cursor: pointer; | |||
| } | |||
| } | |||
| .filter-view-more-c { | |||
| margin-top: 6px; | |||
| .filter-view-more { | |||
| color: rgb(50, 145, 248); | |||
| font-size: 14px; | |||
| cursor: pointer; | |||
| i { | |||
| margin-right: 4px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .filter-second { | |||
| .filter-second-hd { | |||
| margin: 14px 0 24px 0; | |||
| .filter-second-go-back { | |||
| color: rgb(50, 145, 248); | |||
| font-size: 14px; | |||
| cursor: pointer; | |||
| i { | |||
| margin-right: 4px; | |||
| } | |||
| } | |||
| } | |||
| .filter-title { | |||
| font-size: 18px; | |||
| color: rgb(16, 16, 16); | |||
| margin: 14px 0; | |||
| } | |||
| .filter-item-c { | |||
| display: flex; | |||
| flex-wrap: wrap; | |||
| .filter-item { | |||
| border-radius: 3px; | |||
| padding: 3px 10px; | |||
| margin-right: 10px; | |||
| margin-bottom: 10px; | |||
| cursor: pointer; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 157
- 0
web_src/vuepages/pages/tech/components/PrjResultsItem.vue
View File
| @@ -0,0 +1,157 @@ | |||
| <template> | |||
| <div class="item"> | |||
| <div class="title-c"> | |||
| <div class="avatar-c"> | |||
| <img v-if="data.RelAvatarLink" class="avatar" :src="data.RelAvatarLink" /> | |||
| <img v-else class="avatar" :avatar="data.OwnerName" /> | |||
| </div> | |||
| <div class="title"> | |||
| <span>{{ data.Alias }}</span> | |||
| </div> | |||
| </div> | |||
| <div class="descr"> | |||
| {{ data.Description }} | |||
| </div> | |||
| <div class="topics"> | |||
| <a v-for="(item, index) in data.Topics" :key="index" class="topic" | |||
| :href="`/explore/repos?q=&topic=${item.topic}&sort=hot`">{{ item }}</a> | |||
| </div> | |||
| <div class="footer"> | |||
| <div class="contractor">鹏城实验室</div> | |||
| <div class="update-time"> | |||
| <span>{{ $t('repos.updated') }}</span> | |||
| <el-tooltip effect="dark" :content="dateFormat(data.UpdatedUnix)" placement="top-start"> | |||
| <span>{{ calcFromNow(data.UpdatedUnix) }}</span> | |||
| </el-tooltip> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import dayjs from 'dayjs'; | |||
| import { lang } from '~/langs'; | |||
| import { timeSinceUnix } from '~/utils'; | |||
| export default { | |||
| name: "PrjResultsItem", | |||
| props: { | |||
| data: { type: Object, default: () => ({}) }, | |||
| }, | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| }; | |||
| }, | |||
| methods: { | |||
| calcFromNow(unix) { | |||
| return timeSinceUnix(unix, Date.now() / 1000); | |||
| }, | |||
| dateFormat(unix) { | |||
| return lang == 'zh-CN' ? dayjs(unix * 1000).format('YYYY年MM月DD日 HH时mm分ss秒') : | |||
| dayjs(unix * 1000).format('ddd, D MMM YYYY HH:mm:ss [CST]'); | |||
| } | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .item { | |||
| border-color: rgb(232, 224, 236); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| box-shadow: rgba(168, 157, 226, 0.2) 0px 5px 10px 0px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.01900000000000005%2C%200.997%2C%20-0.12862587255310284%2C%20-0.01900000000000005%2C%200.995%2C%200.014)%22%3E%3Cstop%20stop-color%3D%22%23f2edf5%22%20stop-opacity%3D%221%22%20offset%3D%220.01%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20offset%3D%220.31%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| overflow: hidden; | |||
| padding: 15px; | |||
| } | |||
| .title-c { | |||
| display: flex; | |||
| align-items: center; | |||
| .avatar-c { | |||
| height: 28px; | |||
| width: 28px; | |||
| margin-right: 6px; | |||
| img { | |||
| border-radius: 100%; | |||
| height: 100%; | |||
| width: 100%; | |||
| } | |||
| } | |||
| .title { | |||
| flex: 1; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| span { | |||
| color: rgb(16, 16, 16); | |||
| font-size: 16px; | |||
| font-weight: 400; | |||
| } | |||
| } | |||
| } | |||
| .descr { | |||
| height: 40px; | |||
| margin-top: 8px; | |||
| font-size: 12px; | |||
| font-weight: 300; | |||
| color: rgb(136, 136, 136); | |||
| text-overflow: ellipsis; | |||
| word-break: break-all; | |||
| display: -webkit-box; | |||
| -webkit-box-orient: vertical; | |||
| -webkit-line-clamp: 2; | |||
| max-height: 41px; | |||
| overflow: hidden; | |||
| } | |||
| .topics { | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| margin-top: 5px; | |||
| height: 20px; | |||
| .topic { | |||
| color: rgba(16, 16, 16, 0.8); | |||
| border-radius: 4px; | |||
| font-size: 12px; | |||
| background: rgba(232, 232, 232, 0.6); | |||
| padding: 2px 6px; | |||
| margin-right: 8px; | |||
| } | |||
| } | |||
| .footer { | |||
| margin-top: 12px; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| height: 20px; | |||
| .contractor { | |||
| font-size: 14px; | |||
| font-weight: 400; | |||
| color: rgba(0, 40, 192, 0.73); | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| } | |||
| .update-time { | |||
| text-align: right; | |||
| min-width: 140px; | |||
| font-size: 12px; | |||
| font-weight: 300; | |||
| color: rgb(136, 136, 136); | |||
| } | |||
| } | |||
| </style> | |||
+ 888
- 0
web_src/vuepages/pages/tech/components/PrjResultsList.vue
View File
| @@ -0,0 +1,888 @@ | |||
| <template> | |||
| <div class="list-container"> | |||
| <div class="list-item-container" style="min-height:540px;" v-loading="loading"> | |||
| <div class="item-container" v-for="(item, index) in list" :key="item.ID"> | |||
| <PrjResultsItem :data="item"></PrjResultsItem> | |||
| </div> | |||
| <div v-show="(!list.length && !loading)" class="no-data">{{ $t('repos.noReposfound') }}</div> | |||
| </div> | |||
| <div class="center"> | |||
| <el-pagination ref="paginationRef" background @current-change="currentChange" @size-change="sizeChange" | |||
| :current-page.sync="iPage" :page-sizes="iPageSizes" :page-size.sync="iPageSize" | |||
| layout="total, sizes, prev, pager, next, jumper" :total="total"> | |||
| </el-pagination> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import PrjResultsItem from './PrjResultsItem.vue'; | |||
| import LetterAvatar from '~/utils/letteravatar'; | |||
| export default { | |||
| name: "PrjResultsList", | |||
| props: { | |||
| q: { type: String, default: '' }, | |||
| page: { type: Number, default: 1 }, | |||
| pageSize: { type: Number, default: 15 }, | |||
| pageSizes: { type: Array, default: () => [15, 30, 50] } | |||
| }, | |||
| components: { PrjResultsItem }, | |||
| data() { | |||
| return { | |||
| loading: false, | |||
| list: [ | |||
| { | |||
| "ID": 4781, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "msadapter", | |||
| "Name": "MSAdapter", | |||
| "Alias": "MSAdapter", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "MindSpore对PyTorch接口的支持工具", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1669691488, | |||
| "UpdatedUnix": 1670839285, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest1207/-1?18", | |||
| "UserName": "wjtest1207", | |||
| "Email": "wjtest1207@163.com", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 501, | |||
| "OwnerID": 224, | |||
| "OwnerName": "OpenIOSSG", | |||
| "LowerName": "promote", | |||
| "Name": "promote", | |||
| "Alias": "promote", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1642470476, | |||
| "UpdatedUnix": 1670256276, | |||
| "PrimaryLanguage": { | |||
| "ID": 724, | |||
| "RepoID": 501, | |||
| "CommitID": "2fd3316bcf89250f80b0d1f6a05cb2c69fdb2845", | |||
| "IsPrimary": true, | |||
| "Language": "Markdown", | |||
| "Percentage": 100, | |||
| "Color": "#cccccc", | |||
| "CreatedUnix": 1642470477 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 696, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "octopus", | |||
| "Name": "octopus", | |||
| "Alias": "octopus", | |||
| "NumWatches": 3, | |||
| "NumStars": 1, | |||
| "NumForks": 0, | |||
| "Description": "面向多计算场景的一站式融合计算平台", | |||
| "Topics": [ | |||
| "openi", | |||
| "deep-learning", | |||
| "golang" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933529, | |||
| "UpdatedUnix": 1670899396, | |||
| "PrimaryLanguage": { | |||
| "ID": 1018, | |||
| "RepoID": 696, | |||
| "CommitID": "70699543cc3bf19f70ee7b126b27b752b0577469", | |||
| "IsPrimary": true, | |||
| "Language": "CSS", | |||
| "Percentage": 36.5, | |||
| "Color": "#563d7c", | |||
| "CreatedUnix": 1647933538 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/696-c9d9105eba8ad76589b65edff1588bc5", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "2522636547@qq.com", | |||
| "CommitCnt": 253 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "835952234@qq.com", | |||
| "CommitCnt": 203 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "linfj@pcl.ac.cn", | |||
| "CommitCnt": 174 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hackmong@163.com", | |||
| "CommitCnt": 121 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "liaowsh@pcl.ac.cn", | |||
| "CommitCnt": 114 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "/user/avatar/liwei_test/-1?25", | |||
| "UserName": "liwei_test", | |||
| "Email": "liw03@pcl.ac.cn", | |||
| "CommitCnt": 88 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 697, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "paddle", | |||
| "Name": "Paddle", | |||
| "Alias": "Paddle", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "PaddlePaddle (PArallel Distributed Deep LEarning) 是一个简单易用、高效灵活、可扩展的深度学习平台，最初由百度科学家和工程师共同开发，目的是将深度学习技术应用到百度的众多产品中。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "deep-learning" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933857, | |||
| "UpdatedUnix": 1670838791, | |||
| "PrimaryLanguage": { | |||
| "ID": 1021, | |||
| "RepoID": 697, | |||
| "CommitID": "c46e661dfd4dca4ccb2d8bb83225d2dcb0bff52c", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 45.9, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1647933890 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/697-c50e829c78c6c3168605586c750887e4", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "yuyang18@baidu.com", | |||
| "CommitCnt": 2039 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "luotao02@baidu.com", | |||
| "CommitCnt": 1101 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "fengjiayi@baidu.com", | |||
| "CommitCnt": 864 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "qiaolongfei@baidu.com", | |||
| "CommitCnt": 1456 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "tangjian03@baidu.com", | |||
| "CommitCnt": 730 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "panxin.grad@gmail.com", | |||
| "CommitCnt": 678 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 702, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "tensorlayerx", | |||
| "Name": "TensorLayerX", | |||
| "Alias": "TensorLayerX", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "TensorLayer3.0一款兼容多深度学习框架后端的深度学习库, 目前可以用TensorFlow、MindSpore、PaddlePaddle作为后端计算引擎。", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "pytorch", | |||
| "标签aaa", | |||
| "paddlepaddle", | |||
| "test-abcdefghijklmno测-试-123456", | |||
| "tensorflow", | |||
| "mindspore", | |||
| "高层次库", | |||
| "深度学习", | |||
| "支持多计算后端" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647935532, | |||
| "UpdatedUnix": 1671012469, | |||
| "PrimaryLanguage": { | |||
| "ID": 1039, | |||
| "RepoID": 702, | |||
| "CommitID": "6eafa9118008338521d3d085d70627b37ccba51d", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 99.6, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1647935549 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/702-a18a6669062a1a24aea776744c003f34", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "dhsig552@163.com", | |||
| "CommitCnt": 1598 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "luo.mai.cs@gmail.com", | |||
| "CommitCnt": 203 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "37874862+warshallrho@users.noreply.github.com", | |||
| "CommitCnt": 130 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "jingqing.zhang15@imperial.ac.uk", | |||
| "CommitCnt": 129 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "rundi_wu@pku.edu.cn", | |||
| "CommitCnt": 159 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "lg4869@outlook.com", | |||
| "CommitCnt": 67 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4780, | |||
| "OwnerID": 218, | |||
| "OwnerName": "PCL-Platform.Intelligence", | |||
| "LowerName": "pcl_pangu", | |||
| "Name": "pcl_pangu", | |||
| "Alias": "pcl_pangu", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "鹏程·盘古SDK 上线！集成了鹏程·盘古alpha模型、增强版Evolution模型、多语言mPangu模型，欢迎测试和使用。希望鹏程·盘古模型的可持续学习与应用生态快速发展！", | |||
| "Topics": [ | |||
| "大模型" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1669691367, | |||
| "UpdatedUnix": 1670921009, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "/repo-avatars/4780-5b45386c19f3e34b4749e6dde7dc3181", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest1207/-1?40", | |||
| "UserName": "wjtest1207", | |||
| "Email": "wjtest1207@163.com", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4405, | |||
| "OwnerID": 585, | |||
| "OwnerName": "arXiv_Computation_and_Language_2019", | |||
| "LowerName": "paddlenlp", | |||
| "Name": "PaddleNLP", | |||
| "Alias": "PaddleNLP", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667453897, | |||
| "UpdatedUnix": 1670256902, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4127, | |||
| "OwnerID": 507, | |||
| "OwnerName": "international_conference_on_machine_learning", | |||
| "LowerName": "fairseq", | |||
| "Name": "fairseq", | |||
| "Alias": "fairseq", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667442805, | |||
| "UpdatedUnix": 1670256623, | |||
| "PrimaryLanguage": { | |||
| "ID": 6206, | |||
| "RepoID": 4127, | |||
| "CommitID": "b8ac3fa6cc95f9dc97085232d4faf125e5bcd2e7", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 97.8, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1667443078 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": true, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 2176, | |||
| "OwnerID": 536, | |||
| "OwnerName": "openi_paper", | |||
| "LowerName": "paddledetection", | |||
| "Name": "PaddleDetection", | |||
| "Alias": "PaddleDetection", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1666872337, | |||
| "UpdatedUnix": 1670257237, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4619, | |||
| "OwnerID": 536, | |||
| "OwnerName": "openi_paper", | |||
| "LowerName": "fairseq", | |||
| "Name": "fairseq", | |||
| "Alias": "fairseq", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667461670, | |||
| "UpdatedUnix": 1670256376, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 598, | |||
| "OwnerID": 251, | |||
| "OwnerName": "PCL_AutoML", | |||
| "LowerName": "xbbo", | |||
| "Name": "XBBO", | |||
| "Alias": "XBBO", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "超参搜索（黑盒优化）框架", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "自动机器学习", | |||
| "优化", | |||
| "超参搜索" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1645065667, | |||
| "UpdatedUnix": 1671012526, | |||
| "PrimaryLanguage": { | |||
| "ID": 842, | |||
| "RepoID": 598, | |||
| "CommitID": "bb089a69ce3541246a948c08bd37e31ab23e439c", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 98.7, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1645065672 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/598-5c870fdbde9a0457989616263b77c63c", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "isleizhang@outlook.com", | |||
| "CommitCnt": 103 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "mathcoder.zl@gmail.com", | |||
| "CommitCnt": 10 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 999, | |||
| "OwnerID": 431, | |||
| "OwnerName": "GAMMALab", | |||
| "LowerName": "openhgnn", | |||
| "Name": "OpenHGNN", | |||
| "Alias": "OpenHGNN", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 2, | |||
| "Description": "OpenHGNN是由北邮GAMMA Lab开发的基于PyTorch和DGL的开源异质图神经网络工具包。", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "pytorch", | |||
| "dgl", | |||
| "heterogeneous", | |||
| "异质图", | |||
| "gnn", | |||
| "图神经网络" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1659322878, | |||
| "UpdatedUnix": 1671012520, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest001/-1?56", | |||
| "UserName": "wjtest001", | |||
| "Email": "towangjing@yeah.net", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 703, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "apulis-ai-platform", | |||
| "Name": "Apulis-AI-Platform", | |||
| "Alias": "Apulis-AI-Platform", | |||
| "NumWatches": 3, | |||
| "NumStars": 2, | |||
| "NumForks": 0, | |||
| "Description": "依瞳人工智能平台旨在为不同行业的用户提供基于深度学习的端到端解决方案，使用户可以用最快的速度、最少的时间开始高性能的深度学习工作，从而大幅节省研究成本、提高研发效率，同时可为中小企业解决私有云难建成、成本高等问题。 平台融合了Tensorflow、PyTorch、MindSpore等开源深度学习框架，提供了模型训练、超参调优、集群状态监控等开发环境，方便AI开发者快速搭建人工智能开发环境，开展AI开发应用。在监控模块基础上搭建预警模块，自动将平台异常通知管理员，提升平台的预警效率及安全性能。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "openi-paper" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647935724, | |||
| "UpdatedUnix": 1671012418, | |||
| "PrimaryLanguage": { | |||
| "ID": 1054, | |||
| "RepoID": 703, | |||
| "CommitID": "18a76ed026dfa5a1e71a74f3518e9ba6f830d77f", | |||
| "IsPrimary": true, | |||
| "Language": "JavaScript", | |||
| "Percentage": 57.4, | |||
| "Color": "#f1e05a", | |||
| "CreatedUnix": 1647935738 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "869071540@qq.com", | |||
| "CommitCnt": 1103 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "jinlmsft@hotmail.com", | |||
| "CommitCnt": 745 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hongzhi.li@microsoft.com", | |||
| "CommitCnt": 504 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "xjhan1995@gmail.com", | |||
| "CommitCnt": 399 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hongzhili@users.noreply.github.com", | |||
| "CommitCnt": 377 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "xudifsd@gmail.com", | |||
| "CommitCnt": 251 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 695, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "cubeai", | |||
| "Name": "cubeai", | |||
| "Alias": "cubeai", | |||
| "NumWatches": 3, | |||
| "NumStars": 3, | |||
| "NumForks": 0, | |||
| "Description": "CubeAI智立方是中国联通研究院自主研发的集AI模型自动化服务封装、发布、共享、部署和能力开放等功能于一体的开源AI算能服务平台，其核心作用在于打通AI模型开发至实际生产应用之间的壁垒，加速AI创新和应用进程，促进AI应用从设计、开发直到部署、运营整个生命周期的自动化快速迭代和演进。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "openi", | |||
| "ai模型服务化", | |||
| "ai模型共享", | |||
| "ai模型部署", | |||
| "ai能力开放" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933184, | |||
| "UpdatedUnix": 1670838880, | |||
| "PrimaryLanguage": { | |||
| "ID": 1006, | |||
| "RepoID": 695, | |||
| "CommitID": "09e1a0146612cff32fb01881707c831414494599", | |||
| "IsPrimary": true, | |||
| "Language": "Shell", | |||
| "Percentage": 96.8, | |||
| "Color": "#89e051", | |||
| "CreatedUnix": 1647933187 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/695-5d57aff010bceee7d1634ea64ca6a298", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "huolongshe@126.com", | |||
| "CommitCnt": 15 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 595, | |||
| "OwnerID": 251, | |||
| "OwnerName": "PCL_AutoML", | |||
| "LowerName": "xnas", | |||
| "Name": "XNAS", | |||
| "Alias": "XNAS", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "神经网络结构搜索框架", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "自动机器学习", | |||
| "automl", | |||
| "神经网络结构搜索" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1645065509, | |||
| "UpdatedUnix": 1671012496, | |||
| "PrimaryLanguage": { | |||
| "ID": 838, | |||
| "RepoID": 595, | |||
| "CommitID": "2c54ceb09b255cbcabd67f3c39fc777c4b2403f4", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 100, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1645065513 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/595-4284a9fbc95ba42b7753910d8fcd1828", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "zhengxiawu@126.com", | |||
| "CommitCnt": 262 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "sdut_snow@163.com", | |||
| "CommitCnt": 66 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "1004463561@qq.com", | |||
| "CommitCnt": 31 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "thrase@163.com", | |||
| "CommitCnt": 23 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "shaokunzhang529@gmail.com", | |||
| "CommitCnt": 24 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "51071696+WOODchen7@users.noreply.github.com", | |||
| "CommitCnt": 7 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| } | |||
| ], | |||
| iPageSizes: [15, 30, 50], | |||
| iPageSize: 15, | |||
| iPage: 1, | |||
| total: 0, | |||
| }; | |||
| }, | |||
| methods: { | |||
| getListData() { | |||
| return; | |||
| this.loading = true; | |||
| getReposListData({ | |||
| q: this.q || '', | |||
| topic: this.topic || '', | |||
| sort: this.sort || 'mostpopular', | |||
| pageSize: this.iPageSize || 15, | |||
| page: this.iPage || 1, | |||
| }).then(res => { | |||
| res = res.data; | |||
| this.loading = false; | |||
| if (res.Code == 0) { | |||
| const list = res.Data.Repos || []; | |||
| this.list = list.map((item) => { | |||
| item.Contributors = (item.Contributors || []).map((_item) => { | |||
| return { | |||
| ..._item, | |||
| bgColor: this.randomColor(_item.Email[0].toLocaleUpperCase()), | |||
| } | |||
| }); | |||
| const contributors = item.Contributors || []; | |||
| return { | |||
| ...item, | |||
| NameShow: this.handlerSearchStr(item.Alias, this.q), | |||
| DescriptionShow: this.handlerSearchStr(item.Description, this.q), | |||
| TopicsShow: (item.Topics || []).map((_item) => { | |||
| return { | |||
| topic: _item, | |||
| topicShow: this.handlerSearchStr(_item, this.q) | |||
| } | |||
| }), | |||
| } | |||
| }); | |||
| this.total = res.Data.Total; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| this.$nextTick(() => { | |||
| LetterAvatar.transform(); | |||
| }); | |||
| } else { | |||
| this.list = []; | |||
| this.total = 0; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| } | |||
| }).catch(err => { | |||
| console.log(err); | |||
| this.loading = false; | |||
| this.list = []; | |||
| this.total = 0; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| }); | |||
| }, | |||
| search() { | |||
| this.getListData(); | |||
| }, | |||
| currentChange(page) { | |||
| this.iPage = page; | |||
| this.$emit('current-change', { | |||
| page: this.iPage, | |||
| pageSize: this.iPageSize, | |||
| }); | |||
| }, | |||
| sizeChange(pageSize) { | |||
| this.iPageSize = pageSize; | |||
| this.$emit('size-change', { | |||
| page: this.iPage, | |||
| pageSize: this.iPageSize, | |||
| }); | |||
| }, | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .list-container { | |||
| .list-item-container { | |||
| display: flex; | |||
| flex-wrap: wrap; | |||
| .item-container { | |||
| width: 50%; | |||
| padding: 12px; | |||
| } | |||
| } | |||
| } | |||
| .center { | |||
| text-align: center; | |||
| } | |||
| .no-data { | |||
| height: 60px; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| } | |||
| </style> | |||
+ 243
- 0
web_src/vuepages/pages/tech/components/SciAndTechPrjItem.vue
View File
| @@ -0,0 +1,243 @@ | |||
| <template> | |||
| <div class="item"> | |||
| <div class="header"> | |||
| <div class="header-l"> | |||
| <div class="title">小样本条件下的自适应机器学习理论与模型研究</div> | |||
| <div class="prj-type">应用示范研究</div> | |||
| </div> | |||
| <div class="header-r"> | |||
| <a href=""> | |||
| <span>更多成果</span> | |||
| <i class="el-icon-arrow-right"></i> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <div class="content"> | |||
| <div class="item-l-c"> | |||
| <div class="row"> | |||
| <span class="tit">负责单位：</span> | |||
| <span class="val">鹏城实验室</span> | |||
| </div> | |||
| <div class="row"> | |||
| <span class="tit">参与单位：</span> | |||
| <span class="val">大连理工大学、北京理工大学、北京理工大学、北京理工大学、北京理工大学、北京理工大学</span> | |||
| </div> | |||
| <div class="row"> | |||
| <span class="tit">申报年份：</span> | |||
| <span class="val">2018</span> | |||
| </div> | |||
| <div class="row"> | |||
| <span class="tit">执行周期：</span> | |||
| <span class="val">2019 - 2023</span> | |||
| </div> | |||
| <div class="row"> | |||
| <span class="tit">项目成果数：</span> | |||
| <span class="val">10</span> | |||
| </div> | |||
| </div> | |||
| <div class="item-r-c"> | |||
| <a class="repo-item-c" href="javascript:;" v-for="(item, index) in [1, 2]"> | |||
| <div class="repo-item"> | |||
| <div class="repo-hd"> | |||
| <div class="repo-avatar"> | |||
| <img v-if="data.RelAvatarLink" class="avatar" :src="data.RelAvatarLink" /> | |||
| <img v-else class="avatar" :avatar="data.OwnerName" /> | |||
| </div> | |||
| <div class="repo-tit">面向服务的群智化生态化软件开发支撑平台（aiforge）</div> | |||
| </div> | |||
| <div class="repo-content"> | |||
| <div class="repo-descr"> | |||
| 本项目是群体化方法与技术的开源实现案例，在基于Gitea的基础上，进一步支持社交化的协同开发、协同学习、协同研究等群体创新实践服务，特别是针对新一代人工智能技术特点，重点支持项目管理、git代码管理、大数据集存储管理与智能计算平台接入。 | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import dayjs from 'dayjs'; | |||
| import { lang } from '~/langs'; | |||
| import { timeSinceUnix } from '~/utils'; | |||
| export default { | |||
| name: "SciAndTechPrjItem", | |||
| props: { | |||
| data: { type: Object, default: () => ({}) }, | |||
| }, | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| }; | |||
| }, | |||
| methods: { | |||
| calcFromNow(unix) { | |||
| return timeSinceUnix(unix, Date.now() / 1000); | |||
| }, | |||
| dateFormat(unix) { | |||
| return lang == 'zh-CN' ? dayjs(unix * 1000).format('YYYY年MM月DD日 HH时mm分ss秒') : | |||
| dayjs(unix * 1000).format('ddd, D MMM YYYY HH:mm:ss [CST]'); | |||
| } | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .item { | |||
| border-color: rgb(232, 224, 236); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| box-shadow: rgba(168, 157, 226, 0.2) 0px 5px 10px 0px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-0.01900000000000005%2C%200.997%2C%20-0.12862587255310284%2C%20-0.01900000000000005%2C%200.995%2C%200.014)%22%3E%3Cstop%20stop-color%3D%22%23f2edf5%22%20stop-opacity%3D%221%22%20offset%3D%220.01%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20offset%3D%220.31%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| overflow: hidden; | |||
| padding: 15px; | |||
| .header { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| .header-l { | |||
| display: flex; | |||
| align-items: center; | |||
| .title { | |||
| color: rgb(16, 16, 16); | |||
| font-size: 18px; | |||
| font-weight: bold; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| max-width: 800px; | |||
| } | |||
| .prj-type { | |||
| margin-left: 14px; | |||
| font-size: 12px; | |||
| font-weight: 400; | |||
| color: rgb(100, 59, 159); | |||
| background: rgb(237, 234, 251); | |||
| padding: 2px 5px; | |||
| border-radius: 4px; | |||
| } | |||
| } | |||
| .header-r { | |||
| display: flex; | |||
| align-items: baseline; | |||
| text-align: right; | |||
| color: rgb(50, 145, 248); | |||
| font-size: 12px; | |||
| width: 80px; | |||
| justify-content: flex-end; | |||
| i { | |||
| margin-left: 1px; | |||
| } | |||
| } | |||
| } | |||
| .content { | |||
| display: flex; | |||
| margin-top: 10px; | |||
| .item-l-c { | |||
| flex: 1; | |||
| .row { | |||
| display: flex; | |||
| font-size: 14px; | |||
| color: rgb(16, 16, 16); | |||
| margin: 8px 0; | |||
| font-weight: 400; | |||
| .tit { | |||
| color: rgba(136, 136, 136, 1); | |||
| } | |||
| .val { | |||
| flex: 1; | |||
| width: 0; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| } | |||
| &:last-child { | |||
| margin-bottom: 0; | |||
| } | |||
| } | |||
| } | |||
| .item-r-c { | |||
| flex: 2; | |||
| margin-left: 10px; | |||
| display: flex; | |||
| .repo-item-c { | |||
| display: block; | |||
| flex: 1; | |||
| margin: 10px; | |||
| padding: 20px; | |||
| border-color: rgba(157, 197, 226, 0.4); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| border-radius: 5px; | |||
| box-shadow: rgba(157, 197, 226, 0.2) 0px 5px 10px 0px; | |||
| background: rgb(255, 255, 255); | |||
| width: 0; | |||
| .repo-item { | |||
| .repo-hd { | |||
| display: flex; | |||
| align-items: center; | |||
| .repo-avatar { | |||
| width: 28px; | |||
| height: 28px; | |||
| img { | |||
| width: 100%; | |||
| height: 100%; | |||
| border-radius: 100%; | |||
| } | |||
| } | |||
| .repo-tit { | |||
| flex: 1; | |||
| margin-left: 8px; | |||
| width: 0; | |||
| font-size: 14px; | |||
| color: rgb(50, 145, 248); | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| } | |||
| } | |||
| .repo-content { | |||
| margin-top: 10px; | |||
| .repo-descr { | |||
| width: 100%; | |||
| font-size: 12px; | |||
| color: rgb(136, 136, 136); | |||
| text-overflow: ellipsis; | |||
| word-break: break-all; | |||
| display: -webkit-box; | |||
| -webkit-box-orient: vertical; | |||
| -webkit-line-clamp: 2; | |||
| max-height: 41px; | |||
| overflow: hidden; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 885
- 0
web_src/vuepages/pages/tech/components/SciAndTechPrjList.vue
View File
| @@ -0,0 +1,885 @@ | |||
| <template> | |||
| <div class="list-container"> | |||
| <div class="list-item-container" style="min-height:540px;" v-loading="loading"> | |||
| <div class="item-container" v-for="(item, index) in list" :key="item.ID"> | |||
| <SciAndTechPrjItem :data="item"></SciAndTechPrjItem> | |||
| </div> | |||
| <div v-show="(!list.length && !loading)" class="no-data">{{ $t('repos.noReposfound') }}</div> | |||
| </div> | |||
| <div class="center"> | |||
| <el-pagination ref="paginationRef" background @current-change="currentChange" @size-change="sizeChange" | |||
| :current-page.sync="iPage" :page-sizes="iPageSizes" :page-size.sync="iPageSize" | |||
| layout="total, sizes, prev, pager, next, jumper" :total="total"> | |||
| </el-pagination> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import SciAndTechPrjItem from './SciAndTechPrjItem.vue'; | |||
| import LetterAvatar from '~/utils/letteravatar'; | |||
| export default { | |||
| name: "SciAndTechPrjList", | |||
| props: { | |||
| q: { type: String, default: '' }, | |||
| page: { type: Number, default: 1 }, | |||
| pageSize: { type: Number, default: 15 }, | |||
| pageSizes: { type: Array, default: () => [15, 30, 50] } | |||
| }, | |||
| components: { SciAndTechPrjItem }, | |||
| data() { | |||
| return { | |||
| loading: false, | |||
| list: [ | |||
| { | |||
| "ID": 4781, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "msadapter", | |||
| "Name": "MSAdapter", | |||
| "Alias": "MSAdapter", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "MindSpore对PyTorch接口的支持工具", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1669691488, | |||
| "UpdatedUnix": 1670839285, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest1207/-1?18", | |||
| "UserName": "wjtest1207", | |||
| "Email": "wjtest1207@163.com", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 501, | |||
| "OwnerID": 224, | |||
| "OwnerName": "OpenIOSSG", | |||
| "LowerName": "promote", | |||
| "Name": "promote", | |||
| "Alias": "promote", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1642470476, | |||
| "UpdatedUnix": 1670256276, | |||
| "PrimaryLanguage": { | |||
| "ID": 724, | |||
| "RepoID": 501, | |||
| "CommitID": "2fd3316bcf89250f80b0d1f6a05cb2c69fdb2845", | |||
| "IsPrimary": true, | |||
| "Language": "Markdown", | |||
| "Percentage": 100, | |||
| "Color": "#cccccc", | |||
| "CreatedUnix": 1642470477 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 696, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "octopus", | |||
| "Name": "octopus", | |||
| "Alias": "octopus", | |||
| "NumWatches": 3, | |||
| "NumStars": 1, | |||
| "NumForks": 0, | |||
| "Description": "面向多计算场景的一站式融合计算平台", | |||
| "Topics": [ | |||
| "openi", | |||
| "deep-learning", | |||
| "golang" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933529, | |||
| "UpdatedUnix": 1670899396, | |||
| "PrimaryLanguage": { | |||
| "ID": 1018, | |||
| "RepoID": 696, | |||
| "CommitID": "70699543cc3bf19f70ee7b126b27b752b0577469", | |||
| "IsPrimary": true, | |||
| "Language": "CSS", | |||
| "Percentage": 36.5, | |||
| "Color": "#563d7c", | |||
| "CreatedUnix": 1647933538 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/696-c9d9105eba8ad76589b65edff1588bc5", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "2522636547@qq.com", | |||
| "CommitCnt": 253 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "835952234@qq.com", | |||
| "CommitCnt": 203 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "linfj@pcl.ac.cn", | |||
| "CommitCnt": 174 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hackmong@163.com", | |||
| "CommitCnt": 121 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "liaowsh@pcl.ac.cn", | |||
| "CommitCnt": 114 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "/user/avatar/liwei_test/-1?25", | |||
| "UserName": "liwei_test", | |||
| "Email": "liw03@pcl.ac.cn", | |||
| "CommitCnt": 88 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 697, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "paddle", | |||
| "Name": "Paddle", | |||
| "Alias": "Paddle", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "PaddlePaddle (PArallel Distributed Deep LEarning) 是一个简单易用、高效灵活、可扩展的深度学习平台，最初由百度科学家和工程师共同开发，目的是将深度学习技术应用到百度的众多产品中。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "deep-learning" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933857, | |||
| "UpdatedUnix": 1670838791, | |||
| "PrimaryLanguage": { | |||
| "ID": 1021, | |||
| "RepoID": 697, | |||
| "CommitID": "c46e661dfd4dca4ccb2d8bb83225d2dcb0bff52c", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 45.9, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1647933890 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/697-c50e829c78c6c3168605586c750887e4", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "yuyang18@baidu.com", | |||
| "CommitCnt": 2039 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "luotao02@baidu.com", | |||
| "CommitCnt": 1101 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "fengjiayi@baidu.com", | |||
| "CommitCnt": 864 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "qiaolongfei@baidu.com", | |||
| "CommitCnt": 1456 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "tangjian03@baidu.com", | |||
| "CommitCnt": 730 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "panxin.grad@gmail.com", | |||
| "CommitCnt": 678 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 702, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "tensorlayerx", | |||
| "Name": "TensorLayerX", | |||
| "Alias": "TensorLayerX", | |||
| "NumWatches": 3, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "TensorLayer3.0一款兼容多深度学习框架后端的深度学习库, 目前可以用TensorFlow、MindSpore、PaddlePaddle作为后端计算引擎。", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "pytorch", | |||
| "标签aaa", | |||
| "paddlepaddle", | |||
| "test-abcdefghijklmno测-试-123456", | |||
| "tensorflow", | |||
| "mindspore", | |||
| "高层次库", | |||
| "深度学习", | |||
| "支持多计算后端" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647935532, | |||
| "UpdatedUnix": 1671012469, | |||
| "PrimaryLanguage": { | |||
| "ID": 1039, | |||
| "RepoID": 702, | |||
| "CommitID": "6eafa9118008338521d3d085d70627b37ccba51d", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 99.6, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1647935549 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/702-a18a6669062a1a24aea776744c003f34", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "dhsig552@163.com", | |||
| "CommitCnt": 1598 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "luo.mai.cs@gmail.com", | |||
| "CommitCnt": 203 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "37874862+warshallrho@users.noreply.github.com", | |||
| "CommitCnt": 130 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "jingqing.zhang15@imperial.ac.uk", | |||
| "CommitCnt": 129 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "rundi_wu@pku.edu.cn", | |||
| "CommitCnt": 159 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "lg4869@outlook.com", | |||
| "CommitCnt": 67 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4780, | |||
| "OwnerID": 218, | |||
| "OwnerName": "PCL-Platform.Intelligence", | |||
| "LowerName": "pcl_pangu", | |||
| "Name": "pcl_pangu", | |||
| "Alias": "pcl_pangu", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "鹏程·盘古SDK 上线！集成了鹏程·盘古alpha模型、增强版Evolution模型、多语言mPangu模型，欢迎测试和使用。希望鹏程·盘古模型的可持续学习与应用生态快速发展！", | |||
| "Topics": [ | |||
| "大模型" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1669691367, | |||
| "UpdatedUnix": 1670921009, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "/repo-avatars/4780-5b45386c19f3e34b4749e6dde7dc3181", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest1207/-1?40", | |||
| "UserName": "wjtest1207", | |||
| "Email": "wjtest1207@163.com", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4405, | |||
| "OwnerID": 585, | |||
| "OwnerName": "arXiv_Computation_and_Language_2019", | |||
| "LowerName": "paddlenlp", | |||
| "Name": "PaddleNLP", | |||
| "Alias": "PaddleNLP", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667453897, | |||
| "UpdatedUnix": 1670256902, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4127, | |||
| "OwnerID": 507, | |||
| "OwnerName": "international_conference_on_machine_learning", | |||
| "LowerName": "fairseq", | |||
| "Name": "fairseq", | |||
| "Alias": "fairseq", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667442805, | |||
| "UpdatedUnix": 1670256623, | |||
| "PrimaryLanguage": { | |||
| "ID": 6206, | |||
| "RepoID": 4127, | |||
| "CommitID": "b8ac3fa6cc95f9dc97085232d4faf125e5bcd2e7", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 97.8, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1667443078 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": true, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 2176, | |||
| "OwnerID": 536, | |||
| "OwnerName": "openi_paper", | |||
| "LowerName": "paddledetection", | |||
| "Name": "PaddleDetection", | |||
| "Alias": "PaddleDetection", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1666872337, | |||
| "UpdatedUnix": 1670257237, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 4619, | |||
| "OwnerID": 536, | |||
| "OwnerName": "openi_paper", | |||
| "LowerName": "fairseq", | |||
| "Name": "fairseq", | |||
| "Alias": "fairseq", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "", | |||
| "Topics": null, | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1667461670, | |||
| "UpdatedUnix": 1670256376, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 598, | |||
| "OwnerID": 251, | |||
| "OwnerName": "PCL_AutoML", | |||
| "LowerName": "xbbo", | |||
| "Name": "XBBO", | |||
| "Alias": "XBBO", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "超参搜索（黑盒优化）框架", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "自动机器学习", | |||
| "优化", | |||
| "超参搜索" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1645065667, | |||
| "UpdatedUnix": 1671012526, | |||
| "PrimaryLanguage": { | |||
| "ID": 842, | |||
| "RepoID": 598, | |||
| "CommitID": "bb089a69ce3541246a948c08bd37e31ab23e439c", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 98.7, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1645065672 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/598-5c870fdbde9a0457989616263b77c63c", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "isleizhang@outlook.com", | |||
| "CommitCnt": 103 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "mathcoder.zl@gmail.com", | |||
| "CommitCnt": 10 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 999, | |||
| "OwnerID": 431, | |||
| "OwnerName": "GAMMALab", | |||
| "LowerName": "openhgnn", | |||
| "Name": "OpenHGNN", | |||
| "Alias": "OpenHGNN", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 2, | |||
| "Description": "OpenHGNN是由北邮GAMMA Lab开发的基于PyTorch和DGL的开源异质图神经网络工具包。", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "pytorch", | |||
| "dgl", | |||
| "heterogeneous", | |||
| "异质图", | |||
| "gnn", | |||
| "图神经网络" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1659322878, | |||
| "UpdatedUnix": 1671012520, | |||
| "PrimaryLanguage": null, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "/user/avatar/wjtest001/-1?56", | |||
| "UserName": "wjtest001", | |||
| "Email": "towangjing@yeah.net", | |||
| "CommitCnt": 1 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 703, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "apulis-ai-platform", | |||
| "Name": "Apulis-AI-Platform", | |||
| "Alias": "Apulis-AI-Platform", | |||
| "NumWatches": 3, | |||
| "NumStars": 2, | |||
| "NumForks": 0, | |||
| "Description": "依瞳人工智能平台旨在为不同行业的用户提供基于深度学习的端到端解决方案，使用户可以用最快的速度、最少的时间开始高性能的深度学习工作，从而大幅节省研究成本、提高研发效率，同时可为中小企业解决私有云难建成、成本高等问题。 平台融合了Tensorflow、PyTorch、MindSpore等开源深度学习框架，提供了模型训练、超参调优、集群状态监控等开发环境，方便AI开发者快速搭建人工智能开发环境，开展AI开发应用。在监控模块基础上搭建预警模块，自动将平台异常通知管理员，提升平台的预警效率及安全性能。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "openi-paper" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647935724, | |||
| "UpdatedUnix": 1671012418, | |||
| "PrimaryLanguage": { | |||
| "ID": 1054, | |||
| "RepoID": 703, | |||
| "CommitID": "18a76ed026dfa5a1e71a74f3518e9ba6f830d77f", | |||
| "IsPrimary": true, | |||
| "Language": "JavaScript", | |||
| "Percentage": 57.4, | |||
| "Color": "#f1e05a", | |||
| "CreatedUnix": 1647935738 | |||
| }, | |||
| "RelAvatarLink": "", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "869071540@qq.com", | |||
| "CommitCnt": 1103 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "jinlmsft@hotmail.com", | |||
| "CommitCnt": 745 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hongzhi.li@microsoft.com", | |||
| "CommitCnt": 504 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "xjhan1995@gmail.com", | |||
| "CommitCnt": 399 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "hongzhili@users.noreply.github.com", | |||
| "CommitCnt": 377 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "xudifsd@gmail.com", | |||
| "CommitCnt": 251 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 695, | |||
| "OwnerID": 679, | |||
| "OwnerName": "OpenI", | |||
| "LowerName": "cubeai", | |||
| "Name": "cubeai", | |||
| "Alias": "cubeai", | |||
| "NumWatches": 3, | |||
| "NumStars": 3, | |||
| "NumForks": 0, | |||
| "Description": "CubeAI智立方是中国联通研究院自主研发的集AI模型自动化服务封装、发布、共享、部署和能力开放等功能于一体的开源AI算能服务平台，其核心作用在于打通AI模型开发至实际生产应用之间的壁垒，加速AI创新和应用进程，促进AI应用从设计、开发直到部署、运营整个生命周期的自动化快速迭代和演进。", | |||
| "Topics": [ | |||
| "ai开发工具", | |||
| "openi", | |||
| "ai模型服务化", | |||
| "ai模型共享", | |||
| "ai模型部署", | |||
| "ai能力开放" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1647933184, | |||
| "UpdatedUnix": 1670838880, | |||
| "PrimaryLanguage": { | |||
| "ID": 1006, | |||
| "RepoID": 695, | |||
| "CommitID": "09e1a0146612cff32fb01881707c831414494599", | |||
| "IsPrimary": true, | |||
| "Language": "Shell", | |||
| "Percentage": 96.8, | |||
| "Color": "#89e051", | |||
| "CreatedUnix": 1647933187 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/695-5d57aff010bceee7d1634ea64ca6a298", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "huolongshe@126.com", | |||
| "CommitCnt": 15 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| }, | |||
| { | |||
| "ID": 595, | |||
| "OwnerID": 251, | |||
| "OwnerName": "PCL_AutoML", | |||
| "LowerName": "xnas", | |||
| "Name": "XNAS", | |||
| "Alias": "XNAS", | |||
| "NumWatches": 1, | |||
| "NumStars": 0, | |||
| "NumForks": 0, | |||
| "Description": "神经网络结构搜索框架", | |||
| "Topics": [ | |||
| "openi-paper", | |||
| "自动机器学习", | |||
| "automl", | |||
| "神经网络结构搜索" | |||
| ], | |||
| "AiTaskCnt": 0, | |||
| "ModelCnt": 0, | |||
| "DatasetCnt": 0, | |||
| "CreatedUnix": 1645065509, | |||
| "UpdatedUnix": 1671012496, | |||
| "PrimaryLanguage": { | |||
| "ID": 838, | |||
| "RepoID": 595, | |||
| "CommitID": "2c54ceb09b255cbcabd67f3c39fc777c4b2403f4", | |||
| "IsPrimary": true, | |||
| "Language": "Python", | |||
| "Percentage": 100, | |||
| "Color": "#3572A5", | |||
| "CreatedUnix": 1645065513 | |||
| }, | |||
| "RelAvatarLink": "/repo-avatars/595-4284a9fbc95ba42b7753910d8fcd1828", | |||
| "Contributors": [ | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "zhengxiawu@126.com", | |||
| "CommitCnt": 262 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "sdut_snow@163.com", | |||
| "CommitCnt": 66 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "1004463561@qq.com", | |||
| "CommitCnt": 31 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "thrase@163.com", | |||
| "CommitCnt": 23 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "shaokunzhang529@gmail.com", | |||
| "CommitCnt": 24 | |||
| }, | |||
| { | |||
| "RelAvatarLink": "", | |||
| "UserName": "", | |||
| "Email": "51071696+WOODchen7@users.noreply.github.com", | |||
| "CommitCnt": 7 | |||
| } | |||
| ], | |||
| "IsPrivate": false, | |||
| "IsFork": false, | |||
| "IsMirror": false, | |||
| "IsOwnerPrivate": false, | |||
| "IsArchived": false | |||
| } | |||
| ], | |||
| iPageSizes: [15, 30, 50], | |||
| iPageSize: 15, | |||
| iPage: 1, | |||
| total: 0, | |||
| }; | |||
| }, | |||
| methods: { | |||
| getListData() { | |||
| return; | |||
| this.loading = true; | |||
| getReposListData({ | |||
| q: this.q || '', | |||
| topic: this.topic || '', | |||
| sort: this.sort || 'mostpopular', | |||
| pageSize: this.iPageSize || 15, | |||
| page: this.iPage || 1, | |||
| }).then(res => { | |||
| res = res.data; | |||
| this.loading = false; | |||
| if (res.Code == 0) { | |||
| const list = res.Data.Repos || []; | |||
| this.list = list.map((item) => { | |||
| item.Contributors = (item.Contributors || []).map((_item) => { | |||
| return { | |||
| ..._item, | |||
| bgColor: this.randomColor(_item.Email[0].toLocaleUpperCase()), | |||
| } | |||
| }); | |||
| const contributors = item.Contributors || []; | |||
| return { | |||
| ...item, | |||
| NameShow: this.handlerSearchStr(item.Alias, this.q), | |||
| DescriptionShow: this.handlerSearchStr(item.Description, this.q), | |||
| TopicsShow: (item.Topics || []).map((_item) => { | |||
| return { | |||
| topic: _item, | |||
| topicShow: this.handlerSearchStr(_item, this.q) | |||
| } | |||
| }), | |||
| } | |||
| }); | |||
| this.total = res.Data.Total; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| this.$nextTick(() => { | |||
| LetterAvatar.transform(); | |||
| }); | |||
| } else { | |||
| this.list = []; | |||
| this.total = 0; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| } | |||
| }).catch(err => { | |||
| console.log(err); | |||
| this.loading = false; | |||
| this.list = []; | |||
| this.total = 0; | |||
| this.iPage = this.iPage; | |||
| this.iPageSize = this.iPageSize; | |||
| }); | |||
| }, | |||
| search() { | |||
| this.getListData(); | |||
| }, | |||
| currentChange(page) { | |||
| this.iPage = page; | |||
| this.$emit('current-change', { | |||
| page: this.iPage, | |||
| pageSize: this.iPageSize, | |||
| }); | |||
| }, | |||
| sizeChange(pageSize) { | |||
| this.iPageSize = pageSize; | |||
| this.$emit('size-change', { | |||
| page: this.iPage, | |||
| pageSize: this.iPageSize, | |||
| }); | |||
| }, | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .list-container { | |||
| .list-item-container { | |||
| .item-container { | |||
| width: 100%; | |||
| padding: 12px; | |||
| } | |||
| } | |||
| } | |||
| .center { | |||
| text-align: center; | |||
| } | |||
| .no-data { | |||
| height: 60px; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| } | |||
| </style> | |||
+ 179
- 0
web_src/vuepages/pages/tech/components/SearchBar.vue
View File
| @@ -0,0 +1,179 @@ | |||
| <template> | |||
| <div class="search-bar"> | |||
| <div class="search-bar-l"> | |||
| <div class="search-c"> | |||
| <div class="search-input-c"> | |||
| <input type="text" :placeholder="serchPlaceHolder" v-model="keyword" @keyup.enter.native="search"> | |||
| </div> | |||
| <div class="search-btn" @click="search">搜索</div> | |||
| </div> | |||
| <el-button class="apply-btn" type="primary" icon="el-icon-plus" size="medium" @click="apply">申请展示项目</el-button> | |||
| <el-button class="apply-btn" type="primary" icon="el-icon-s-management" size="medium" v-if="isTechAdmin" | |||
| @click="manage">管理展示项目</el-button> | |||
| <div class="openi-link-c"> | |||
| <a class="openi-link" href="">OpenI启智社区开源指南</a> | |||
| </div> | |||
| </div> | |||
| <div class="sort-c"> | |||
| <el-select class="select" size="medium" v-model="sortType" @change="changeSort" placeholder="排序" clearable> | |||
| <el-option v-for="item in sortList" :key="item.k" :label="item.v" :value="item.k" /> | |||
| </el-select> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { getIsTechAdmin } from '~/apis/modules/tech'; | |||
| export default { | |||
| name: "SearchBar", | |||
| props: { | |||
| condition: { type: Object, default: () => ({}) }, | |||
| }, | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| keyword: '', | |||
| serchPlaceHolder: '搜索项目名称/简介', | |||
| sortType: '', | |||
| sortList: [{ | |||
| k: '1', | |||
| v: '最近更新', | |||
| }, { | |||
| k: '2', | |||
| v: '项目成果数', | |||
| }], | |||
| isTechAdmin: true, | |||
| }; | |||
| }, | |||
| methods: { | |||
| search() { | |||
| this.$emit('changeCondition', { | |||
| q: this.keyword.trim() | |||
| }); | |||
| }, | |||
| apply() { | |||
| window.location.href = '/tech/new'; | |||
| }, | |||
| manage() { | |||
| window.location.href = '/tech/admin_view'; | |||
| }, | |||
| changeSort() { | |||
| this.$emit('changeCondition', { | |||
| sort: this.sortType | |||
| }); | |||
| } | |||
| }, | |||
| watch: { | |||
| condition: { | |||
| handler(newVal) { | |||
| console.log('searchBar:watch:condition', newVal); | |||
| this.keyword = newVal.q; | |||
| this.sortType = newVal.sort; | |||
| }, | |||
| immediate: true, | |||
| deep: true, | |||
| }, | |||
| }, | |||
| beforeMount() { | |||
| getIsTechAdmin().then(res => { | |||
| console.log(res); | |||
| }).catch(err => { | |||
| console.log(err); | |||
| }); | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .search-bar { | |||
| margin: 30px 0; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| .search-bar-l { | |||
| display: flex; | |||
| .search-c { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| margin-right: 20px; | |||
| .search-input-c { | |||
| width: 268px; | |||
| height: 40px; | |||
| border-color: rgba(0, 61, 192, 0.73); | |||
| border-width: 2px; | |||
| border-style: solid; | |||
| font-size: 14px; | |||
| line-height: 20px; | |||
| padding: 8px; | |||
| display: flex; | |||
| color: rgb(136, 136, 136); | |||
| align-items: center; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(6.123233995736766e-17%2C%201%2C%20-0.014005111865831027%2C%206.123233995736766e-17%2C%200.5%2C%200)%22%3E%3Cstop%20stop-color%3D%22%23e2d1ea%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20offset%3D%220.3%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| input { | |||
| width: 100%; | |||
| border: none; | |||
| outline: none; | |||
| } | |||
| } | |||
| .search-btn { | |||
| height: 40px; | |||
| font-size: 14px; | |||
| line-height: 20px; | |||
| padding: 0px; | |||
| display: flex; | |||
| color: rgb(255, 255, 255); | |||
| align-items: center; | |||
| text-align: center; | |||
| justify-content: center; | |||
| padding: 0 20px; | |||
| cursor: pointer; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(-1.1800000000000002%2C%200.9499999999999998%2C%20-0.23749999999999996%2C%20-1.1800000000000002%2C%201.024%2C%200.047)%22%3E%3Cstop%20stop-color%3D%22%23bbd2f2%22%20stop-opacity%3D%221%22%20offset%3D%220.02%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23003dc0%22%20stop-opacity%3D%220.73%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| } | |||
| } | |||
| .apply-btn { | |||
| margin-left: 20px; | |||
| border-color: rgb(31, 1, 115); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| border-radius: 6px; | |||
| font-size: 14px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(6.123233995736766e-17%2C%201%2C%20-0.08281144868278038%2C%206.123233995736766e-17%2C%200.5%2C%200)%22%3E%3Cstop%20stop-color%3D%22%233291f8%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23060075%22%20stop-opacity%3D%220.73%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| &:hover { | |||
| opacity: 0.9; | |||
| } | |||
| &:active { | |||
| opacity: 0.8; | |||
| } | |||
| } | |||
| .openi-link-c { | |||
| margin-left: 20px; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| .openi-link { | |||
| text-decoration: underline; | |||
| color: rgb(50, 145, 248); | |||
| } | |||
| } | |||
| } | |||
| .sort-c { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| justify-self: flex-end; | |||
| } | |||
| } | |||
| </style> | |||
+ 141
- 0
web_src/vuepages/pages/tech/components/TopHeader.vue
View File
| @@ -0,0 +1,141 @@ | |||
| <template> | |||
| <div> | |||
| <div class="bg-container"> | |||
| <div class="bg"> | |||
| <div class="bg-01"></div> | |||
| <div class="bg-02"></div> | |||
| <div class="bg-03"></div> | |||
| <div class="bg-04"></div> | |||
| </div> | |||
| <div class="title-c"> | |||
| <div class="title-main">科技创新2030</div> | |||
| <div class="title-second">新一代人工智能重大项目成果展示</div> | |||
| </div> | |||
| <div class="menu"> | |||
| <TopMenu :menu="menu"></TopMenu> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import TopMenu from './TopMenu.vue'; | |||
| export default { | |||
| name: "TopHeader", | |||
| props: { | |||
| menu: { type: Number, default: -1 }, | |||
| }, | |||
| components: { | |||
| TopMenu | |||
| }, | |||
| data() { | |||
| return { | |||
| list: [], | |||
| }; | |||
| }, | |||
| methods: {}, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .bg-container { | |||
| height: 200px; | |||
| width: 100%; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(0.9059999999999998%2C%20-0.8390000000000001%2C%200.016184413580246918%2C%200.9059999999999998%2C%20-0.183%2C%200.683)%22%3E%3Cstop%20stop-color%3D%22%233bb6fe%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%232250cf%22%20stop-opacity%3D%221%22%20offset%3D%220.61%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%237c23b4%22%20stop-opacity%3D%221%22%20offset%3D%220.99%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| overflow: hidden; | |||
| position: relative; | |||
| .bg { | |||
| position: absolute; | |||
| width: 100%; | |||
| height: 100%; | |||
| left: 67%; | |||
| top: 23%; | |||
| .bg-01 { | |||
| position: absolute; | |||
| top: -296.85px; | |||
| left: -100.21px; | |||
| width: 11.52px; | |||
| height: 430.36px; | |||
| transform: rotate(46deg); | |||
| border-radius: 45px; | |||
| display: flex; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(2.6570000000000005%2C%20-1.366%2C%201906.3802884596842%2C%202.6570000000000005%2C%20-0.714%2C%201.313)%22%3E%3Cstop%20stop-color%3D%22%2315cf16%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ed6bc9%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| } | |||
| .bg-02 { | |||
| position: absolute; | |||
| top: -130.68px; | |||
| left: -213.01px; | |||
| width: 3.64px; | |||
| height: 430.36px; | |||
| transform: rotate(46deg); | |||
| border-radius: 45px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(2.6570000000000005%2C%20-1.366%2C%2019094.65120710059%2C%202.6570000000000005%2C%20-0.714%2C%201.313)%22%3E%3Cstop%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ed6bc9%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| } | |||
| .bg-03 { | |||
| position: absolute; | |||
| top: -178.07px; | |||
| left: -50.045px; | |||
| width: 111.15px; | |||
| height: 306.28px; | |||
| transform: rotate(46deg); | |||
| border-radius: 63px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(2.6570000000000005%2C%20-1.366%2C%2010.372156049382713%2C%202.6570000000000005%2C%20-0.714%2C%201.313)%22%3E%3Cstop%20stop-color%3D%22%23f8da77%22%20stop-opacity%3D%221%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ed6bc9%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| } | |||
| .bg-04 { | |||
| position: absolute; | |||
| top: -218.72px; | |||
| left: 239.81px; | |||
| width: 20.38px; | |||
| height: 306.28px; | |||
| transform: rotate(46deg); | |||
| border-radius: 45px; | |||
| background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%221%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%20gradientTransform%3D%22matrix(2.6570000000000005%2C%20-1.366%2C%20308.5173674049777%2C%202.6570000000000005%2C%20-0.714%2C%201.313)%22%3E%3Cstop%20stop-color%3D%22%2377f8f8%22%20stop-opacity%3D%220.6%22%20offset%3D%220%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23ed6bc9%22%20stop-opacity%3D%220%22%20offset%3D%221%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%231)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E"); | |||
| } | |||
| } | |||
| .title-c { | |||
| position: absolute; | |||
| top: 0; | |||
| left: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| z-index: 1; | |||
| .title-main { | |||
| text-align: center; | |||
| color: rgba(255, 230, 21, 1); | |||
| font-weight: 700; | |||
| text-shadow: rgb(34 7 94) 0px 2px 6px; | |||
| line-height: 39px; | |||
| font-size: 28px; | |||
| margin: 26px 0 4px; | |||
| } | |||
| .title-second { | |||
| text-align: center; | |||
| font-weight: 700; | |||
| text-shadow: rgb(34 7 94) 0px 2px 6px; | |||
| color: rgb(255, 255, 255); | |||
| font-size: 36px; | |||
| font-weight: 500; | |||
| line-height: 50px; | |||
| } | |||
| } | |||
| .menu { | |||
| position: absolute; | |||
| bottom: 0; | |||
| height: 40px; | |||
| width: 100%; | |||
| z-index: 2; | |||
| padding: 0 140px; | |||
| } | |||
| } | |||
| </style> | |||
+ 99
- 0
web_src/vuepages/pages/tech/components/TopMenu.vue
View File
| @@ -0,0 +1,99 @@ | |||
| <template> | |||
| <div class="container ui" style="padding:0 75px;"> | |||
| <div class="menu"> | |||
| <div class="menu-l"> | |||
| <div class="menu-item" v-for="(item, index) in list" :key="index" :class="focusIndex == index ? 'focused' : ''" | |||
| @click="changeMenu(item, index)"> | |||
| {{ item.title }} | |||
| </div> | |||
| </div> | |||
| <div class="menu-r"></div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| name: "TopMenu", | |||
| props: { | |||
| menu: { type: Number, default: -1 }, | |||
| }, | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| focusIndex: 0, | |||
| list: [{ | |||
| key: 'tech_view', | |||
| title: '按科技项目查看', | |||
| url: '/tech/tech_view', | |||
| }, { | |||
| key: 'repo_view', | |||
| title: '按项目成果查看', | |||
| url: '/tech/repo_view', | |||
| },/* { | |||
| key: '', | |||
| title: '我申请的项目', | |||
| url: '', | |||
| }*/], | |||
| }; | |||
| }, | |||
| methods: { | |||
| changeMenu(item, index) { | |||
| if (this.focusIndex == index) return; | |||
| this.focusIndex = index; | |||
| window.location.href = item.url; | |||
| } | |||
| }, | |||
| beforeMount() { | |||
| this.focusIndex = this.menu; | |||
| }, | |||
| mounted() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .menu { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| .menu-l { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: flex-start; | |||
| } | |||
| .menu-r { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: flex-end; | |||
| } | |||
| .menu-item { | |||
| display: flex; | |||
| border-color: rgb(187, 187, 187); | |||
| border-width: 1px 1px 0px 0px; | |||
| border-style: solid; | |||
| font-size: 14px; | |||
| line-height: 20px; | |||
| color: rgba(255, 255, 255, 0.7); | |||
| align-items: center; | |||
| text-align: center; | |||
| justify-content: center; | |||
| background: rgba(104, 50, 165, 0.2); | |||
| height: 40px; | |||
| width: 178px; | |||
| cursor: pointer; | |||
| &:first-child { | |||
| border-left-width: 1px; | |||
| } | |||
| &.focused { | |||
| cursor: default; | |||
| color: rgb(255, 255, 255); | |||
| background: rgba(249, 249, 249, 0.2); | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 470
- 0
web_src/vuepages/pages/tech/create/index.vue
View File
| @@ -0,0 +1,470 @@ | |||
| <template> | |||
| <div> | |||
| <TopHeader :menu="-1"></TopHeader> | |||
| <div class="ui container"> | |||
| <div class="title">您申请的项目将在2030科技项目页面展示</div> | |||
| <div class="form-c" v-show="!selectTechPrj"> | |||
| <div class="form-wrap"> | |||
| <div class="form-header">申请展示项目</div> | |||
| <div class="form-content"> | |||
| <div class="form-row"> | |||
| <div class="row-label required">申请项目存放于</div> | |||
| <div class="row-content"> | |||
| <el-radio v-model="form.type" label="openi" @input="changeType()">启智社区</el-radio> | |||
| <el-radio v-model="form.type" label="no-openi" @input="changeType()">非启智社区</el-radio> | |||
| </div> | |||
| </div> | |||
| <div class="form-row"> | |||
| <div class="row-label required">现项目地址</div> | |||
| <div class="row-content"> | |||
| <el-input size="medium" v-model="form.url" @input="changeUrl" | |||
| placeholder='请输入现有项目的 HTTP(s) 或 Git " clone" URL，如：https://openi.pcl.ac.cn/OpenI/aiforge'></el-input> | |||
| </div> | |||
| </div> | |||
| <div v-show="form.type == 'no-openi'"> | |||
| <div class="form-row" :class="form.alias_err ? 'form-row-err' : ''"> | |||
| <div class="row-label required baseline">启智项目名称</div> | |||
| <div class="row-content"> | |||
| <div> | |||
| <el-input size="medium" v-model="form.repo_alias" @input="changeAlias"></el-input> | |||
| </div> | |||
| <div class="tips"> | |||
| 请输入中文、字母、数字和-_ .，最多100个字符。 | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="form-row" :class="form.name_err ? 'form-row-err' : ''"> | |||
| <div class="row-label required baseline">启智项目路径</div> | |||
| <div class="row-content"> | |||
| <div class="reop-url-c"> | |||
| <el-select size="medium" v-model="form.uid"></el-select> | |||
| <span style="margin: 0 8px;font-size:22px;"> / </span> | |||
| <el-input size="medium" v-model="form.repo_name" @input="changeRepoName"></el-input> | |||
| </div> | |||
| <div class="tips"> | |||
| 启智项目地址：<span class="openi-repo-url">{{ form.repo_url }}</span> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="form-row"> | |||
| <div class="row-label">关键词</div> | |||
| <div class="row-content"> | |||
| <el-select style="width:100%" size="medium" v-model="form.topics" multiple filterable remote | |||
| allow-create default-first-option placeholder="请选择标签" :remote-method="searchTopics" | |||
| :loading="form.topicLoading"> | |||
| <el-option v-for="item in topicsList" :key="item.value" :label="item.label" :value="item.value"> | |||
| </el-option> | |||
| </el-select> | |||
| </div> | |||
| </div> | |||
| <div class="form-row"> | |||
| <div class="row-label baseline">项目简介</div> | |||
| <div class="row-content"> | |||
| <el-input size="medium" type="textarea" :rows="3" placeholder="请输入项目简介(长度不超过255)" :maxLength="255" | |||
| v-model="form.description"></el-input> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="form-row"> | |||
| <div class="row-label required">科技项目</div> | |||
| <div class="row-content"> | |||
| <el-input placeholder="请选择科技项目" size="medium" v-model="form.tech_show" :readonly="true"> | |||
| <el-button size="medium" slot="append" @click="goSelectTechPrj">选择科技项目</el-button> | |||
| </el-input> | |||
| </div> | |||
| </div> | |||
| <div class="form-row"> | |||
| <div class="row-label required">成果贡献单位</div> | |||
| <div class="row-content"> | |||
| <el-select style="width:100%" size="medium" v-model="form.institution" multiple> | |||
| <el-option v-for="item in institutionList" :key="item.key" :label="item.value" | |||
| :value="item.value"></el-option> | |||
| </el-select> | |||
| </div> | |||
| </div> | |||
| <div class="form-btn-group"> | |||
| <el-button size="medium" type="primary" class="btn confirm-btn" @click="submit">提交申请</el-button> | |||
| <el-button size="medium" class="btn" @click="cancel">{{ $t('cancel') }}</el-button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="form-select-tech-prj" v-show="selectTechPrj"> | |||
| <div class="form-wrap"> | |||
| <div class="form-header">选择科技项目</div> | |||
| <div class="form-content"> | |||
| <div class="form-row"> | |||
| <div class="row-label required">请输入科技项目</div> | |||
| <div class="row-content"> | |||
| <el-input placeholder="请输入内容" size="medium" v-model="form.tech_search_keyword" | |||
| @keyup.enter.native="searchTechList" class="input-with-select"> | |||
| <el-select v-model="form.tech_search_sel" style="width:142px" size="medium" slot="prepend" | |||
| placeholder="请选择"> | |||
| <el-option label="项目立项编号" value="0"></el-option> | |||
| <el-option label="参与单位" value="1"></el-option> | |||
| <el-option label="项目名称" value="2"></el-option> | |||
| </el-select> | |||
| <el-button size="medium" slot="append" icon="el-icon-search" @click="searchTechList"></el-button> | |||
| </el-input> | |||
| </div> | |||
| </div> | |||
| <div class="form-table"> | |||
| <div style="margin: 0 20px 30px 20px"> | |||
| <el-table ref="tableRef" border :data="tableData" style="width:100%" v-loading="loading" stripe> | |||
| <el-table-column prop="no" label="项目立项编号" align="center" header-align="center" | |||
| width="120"></el-table-column> | |||
| <el-table-column prop="name" label="科技项目名称" align="center" header-align="center" | |||
| width="150"></el-table-column> | |||
| <el-table-column prop="unit" label="项目承担单位" align="center" header-align="center" | |||
| width="150"></el-table-column> | |||
| <el-table-column prop="allunit" label="所有参与单位" align="center" header-align="center"></el-table-column> | |||
| <el-table-column width="100" label="操作" align="center" header-align="center"> | |||
| <template slot-scope="scope"> | |||
| <el-button type="primary">选择</el-button> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import TopHeader from '../components/TopHeader.vue'; | |||
| import { getTechs, setOpenIApply, setNoOpenIApply, getCreateRepoUser, getCheckRepoName, getTopics } from '~/apis/modules/tech'; | |||
| export default { | |||
| data() { | |||
| return { | |||
| form: { | |||
| type: 'openi', | |||
| url: '', | |||
| repo_alias: '', | |||
| alias_err: false, | |||
| uid: '', | |||
| repo_name: '', | |||
| name_err: false, | |||
| repo_url: '', | |||
| topics: [], | |||
| topicLoading: false, | |||
| description: '', | |||
| tech_search_sel: '0', | |||
| tech_search_keyword: '', | |||
| tech_show: '', | |||
| institution: [], | |||
| }, | |||
| selectTechPrj: false, | |||
| loading: false, | |||
| tableData: [{ | |||
| selected: '0', | |||
| no: 'xxxxxxxxxx1', | |||
| name: 'Name NameName', | |||
| unit: '项目承担单位项目承担单位1', | |||
| allunit: '所有参与单位1、所有参与单位、所有参与单位、所有参与单位、所有参与单位', | |||
| }, { | |||
| selected: '0', | |||
| no: 'xxxxxxxxxx2', | |||
| name: 'Name NameName2', | |||
| unit: '项目承担单位项目承担单位2', | |||
| allunit: '所有参与单位2、所有参与单位、所有参与单位', | |||
| }], | |||
| topicsList: [], | |||
| institutionList: [], | |||
| }; | |||
| }, | |||
| components: { | |||
| TopHeader, | |||
| }, | |||
| methods: { | |||
| resetData() { | |||
| this.form.url = ''; | |||
| this.form.repo_alias = ''; | |||
| this.form.alias_err = false; | |||
| this.form.uid = ''; | |||
| this.form.repo_name = ''; | |||
| this.form.repo_url = ''; | |||
| this.form.name_err = false; | |||
| this.form.topics = []; | |||
| this.form.topicLoading = false; | |||
| this.form.description = ''; | |||
| this.form.tech_search_sel = '0'; | |||
| this.form.tech_search_keyword = ''; | |||
| this.form.tech_show = ''; | |||
| this.form.institution = []; | |||
| this.tableData = []; | |||
| this.topicsList = []; | |||
| }, | |||
| changeType() { | |||
| this.resetData(); | |||
| }, | |||
| checkRepoAlias() { | |||
| const reg = /^[\u4E00-\u9FA5A-Za-z0-9_.-]{1,100}$/; | |||
| const res = reg.test(this.form.repo_alias); | |||
| this.form.alias_err = !res; | |||
| return res; | |||
| }, | |||
| checkRepoName() { | |||
| const reg = /^[A-Za-z0-9_.-]{1,100}$/; | |||
| const res = reg.test(this.form.repo_name); | |||
| this.form.name_err = !res; | |||
| return res; | |||
| }, | |||
| changeUrl() { | |||
| if (this.form.type == 'openi') return; | |||
| const owner = 'Itx003'; | |||
| const urlAdd = location.href.split("/")[0] + "//" + location.href.split("/")[2]; | |||
| const repoValue = this.form.url.match(/^(.*\/)?((.+?)(\.git)?)$/)[3]; | |||
| this.form.repo_alias = repoValue; | |||
| getCheckRepoName({ owner: 'Itx003', q: repoValue }).then(res => { | |||
| const repo_name = res.data.name; | |||
| this.form.repo_name = repo_name; | |||
| this.form.repo_url = `${urlAdd}/${owner}/${repo_name}.git`; | |||
| }).catch(err => { | |||
| console.log(err); | |||
| this.form.repo_name = ''; | |||
| this.form.repo_url = ''; | |||
| }); | |||
| }, | |||
| changeAlias() { | |||
| const owner = 'Itx003'; | |||
| const aliasValue = this.form.repo_alias; | |||
| const urlAdd = location.href.split("/")[0] + "//" + location.href.split("/")[2]; | |||
| if (aliasValue && this.checkRepoAlias()) { | |||
| getCheckRepoName({ owner: 'Itx003', q: aliasValue }).then(res => { | |||
| const repo_name = res.data.name; | |||
| this.form.repo_name = repo_name; | |||
| this.form.repo_url = `${urlAdd}/${owner}/${repo_name}.git`; | |||
| }).catch(err => { | |||
| console.log(err); | |||
| this.form.repo_name = ''; | |||
| this.form.repo_url = ''; | |||
| }); | |||
| } else { | |||
| this.form.repo_name = ''; | |||
| this.form.repo_url = ''; | |||
| } | |||
| }, | |||
| changeRepoName() { | |||
| const owner = 'Itx003'; | |||
| const repo_name = this.form.repo_name; | |||
| const urlAdd = location.href.split("/")[0] + "//" + location.href.split("/")[2]; | |||
| if (this.checkRepoName()) { | |||
| this.form.repo_url = `${urlAdd}/${owner}/${repo_name}.git`; | |||
| } else { | |||
| this.form.repo_url = ''; | |||
| } | |||
| }, | |||
| searchTopics(query) { | |||
| if (query !== '') { | |||
| this.form.topicLoading = true; | |||
| getTopics({ q: query }).then(res => { | |||
| this.form.topicLoading = false; | |||
| const topics = res.data.topics || []; | |||
| this.topicsList = topics.map(item => { | |||
| return { | |||
| value: item.topic_name, | |||
| label: item.topic_name, | |||
| } | |||
| }); | |||
| }).catch(err => { | |||
| this.topicsList = []; | |||
| }); | |||
| } else { | |||
| this.topicsList = []; | |||
| } | |||
| }, | |||
| goSelectTechPrj() { | |||
| this.selectTechPrj = true; | |||
| }, | |||
| searchTechList() { | |||
| getTechs({ | |||
| no: this.form.tech_search_sel == '0' ? this.form.tech_search_keyword : '', | |||
| institution: this.form.tech_search_sel == '1' ? this.form.tech_search_keyword : '', | |||
| name: this.form.tech_search_sel == '2' ? this.form.tech_search_keyword : '', | |||
| }).then(res => { | |||
| console.log(res); | |||
| }).catch(err => { | |||
| console.log(err); | |||
| }) | |||
| }, | |||
| changeTableSelect(row) { | |||
| for (let i = 0, iLen = this.tableData.length; i < iLen; i++) { | |||
| this.tableData[i].selected = '0'; | |||
| } | |||
| row.selected = '1'; | |||
| this.$refs.tableRef.setCurrentRow(row); | |||
| }, | |||
| submit() { | |||
| console.log(this.form); | |||
| }, | |||
| cancel() { | |||
| window.history.back(); | |||
| } | |||
| }, | |||
| beforeMount() { | |||
| getCreateRepoUser().then(res => { | |||
| console.log(res); | |||
| }).catch(err => { | |||
| console.log(err); | |||
| }); | |||
| }, | |||
| mounted() { | |||
| }, | |||
| beforeDestroy() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .title { | |||
| text-align: center; | |||
| margin: 30px 0; | |||
| font-size: 14px; | |||
| color: rgb(16, 16, 16); | |||
| } | |||
| .form-c, | |||
| .form-select-tech-prj { | |||
| display: flex; | |||
| justify-content: center; | |||
| .form-wrap { | |||
| width: 1000px; | |||
| background: rgb(255, 255, 255); | |||
| border-color: rgb(212, 212, 213); | |||
| border-width: 1px; | |||
| border-style: solid; | |||
| border-radius: 5px; | |||
| box-sizing: border-box; | |||
| .form-header { | |||
| height: 45px; | |||
| background: rgb(240, 240, 240); | |||
| border-bottom: 1px solid rgb(212, 212, 213); | |||
| color: rgb(16, 16, 16); | |||
| padding-left: 16px; | |||
| font-size: 16px; | |||
| font-weight: 700; | |||
| display: flex; | |||
| align-items: center; | |||
| } | |||
| .form-content { | |||
| margin-top: 40px; | |||
| .form-row { | |||
| display: flex; | |||
| align-items: center; | |||
| width: 80%; | |||
| margin: 20px auto; | |||
| padding-right: 50px; | |||
| .row-label { | |||
| flex: 2; | |||
| text-align: right; | |||
| margin-right: 24px; | |||
| position: relative; | |||
| &.required { | |||
| &::after { | |||
| position: absolute; | |||
| top: -2px; | |||
| right: -10px; | |||
| content: '*'; | |||
| color: #db2828; | |||
| } | |||
| } | |||
| &.baseline { | |||
| align-self: baseline; | |||
| margin-top: 11px; | |||
| } | |||
| } | |||
| .row-content { | |||
| flex: 9; | |||
| .tips { | |||
| margin-top: 4px; | |||
| font-size: 14px; | |||
| color: rgb(136, 136, 136); | |||
| } | |||
| } | |||
| .reop-url-c { | |||
| display: flex; | |||
| align-items: center; | |||
| } | |||
| .openi-repo-url { | |||
| color: rgba(16, 16, 16, 1); | |||
| } | |||
| &.form-row-err { | |||
| .row-label { | |||
| color: #9f3a38; | |||
| } | |||
| /deep/ .el-input__inner:not([readonly="readonly"]) { | |||
| color: #9f3a38; | |||
| background: #fff6f6; | |||
| border-color: #e0b4b4; | |||
| } | |||
| } | |||
| } | |||
| .form-table { | |||
| margin-top: 30px; | |||
| margin-bottom: 30px; | |||
| /deep/ .el-table__header { | |||
| th { | |||
| background: rgb(249, 249, 249); | |||
| font-size: 12px; | |||
| color: rgb(136, 136, 136); | |||
| font-weight: normal; | |||
| } | |||
| } | |||
| /deep/ .el-table__body { | |||
| td { | |||
| font-size: 12px; | |||
| } | |||
| } | |||
| /deep/ .el-radio__label { | |||
| display: none; | |||
| } | |||
| } | |||
| .form-btn-group { | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| margin: 30px 0 40px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| .btn { | |||
| color: rgb(2, 0, 4); | |||
| background-color: rgb(194, 199, 204); | |||
| border-color: rgb(194, 199, 204); | |||
| &.confirm-btn { | |||
| color: #fff; | |||
| background-color: rgb(56, 158, 13); | |||
| border-color: rgb(56, 158, 13); | |||
| margin-right: 20px; | |||
| } | |||
| } | |||
| </style> | |||
+ 17
- 0
web_src/vuepages/pages/tech/create/vp-tech-create.js
View File
| @@ -0,0 +1,17 @@ | |||
| import Vue from 'vue'; | |||
| import ElementUI from 'element-ui'; | |||
| import 'element-ui/lib/theme-chalk/index.css'; | |||
| import localeEn from 'element-ui/lib/locale/lang/en'; | |||
| import localeZh from 'element-ui/lib/locale/lang/zh-CN'; | |||
| import { i18n, lang } from '~/langs'; | |||
| import App from './index.vue'; | |||
| Vue.use(ElementUI, { | |||
| locale: lang === 'zh-CN' ? localeZh : localeEn, | |||
| size: 'small', | |||
| }); | |||
| new Vue({ | |||
| i18n, | |||
| render: (h) => h(App), | |||
| }).$mount('#__vue-root'); | |||
+ 92
- 0
web_src/vuepages/pages/tech/repoview/index.vue
View File
| @@ -0,0 +1,92 @@ | |||
| <template> | |||
| <div> | |||
| <TopHeader :menu="1"></TopHeader> | |||
| <div class="ui container"> | |||
| <SearchBar :condition="condition" @changeCondition="changeCondition"></SearchBar> | |||
| <div class="conent-c"> | |||
| <div class="filter-c"> | |||
| <Filters :type="1" :condition="condition" @changeCondition="changeCondition"></Filters> | |||
| </div> | |||
| <div class="result-c"> | |||
| <PrjResultsList ref="resultListRef" :condition="condition"></PrjResultsList> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import TopHeader from '../components/TopHeader.vue'; | |||
| import SearchBar from '../components/SearchBar.vue'; | |||
| import Filters from '../components/Filters.vue'; | |||
| import PrjResultsList from '../components/PrjResultsList.vue'; | |||
| import { getUrlSearchParams } from '~/utils'; | |||
| export default { | |||
| data() { | |||
| return { | |||
| condition: { | |||
| q: '', // 搜索框 | |||
| topic: '', // 关键词 | |||
| project_name: '', // 项目类型 | |||
| institution_name: '', // 成果贡献单位 | |||
| page: '', | |||
| pageSize: '', | |||
| sort: '', | |||
| }, | |||
| pageSizes: [15, 30, 50, 100], | |||
| }; | |||
| }, | |||
| components: { | |||
| TopHeader, | |||
| SearchBar, | |||
| Filters, | |||
| PrjResultsList | |||
| }, | |||
| methods: { | |||
| changeCondition(params) { | |||
| this.condition = { | |||
| ...this.condition, | |||
| ...params, | |||
| }; | |||
| window.location.href = `/tech/repo_view?` + `q=${encodeURIComponent(this.condition.q.trim())}` + | |||
| `&topic=${encodeURIComponent(this.condition.topic)}` + | |||
| `&project_name=${encodeURIComponent(this.condition.project_name)}` + | |||
| `&institution_name=${encodeURIComponent(this.condition.institution_name)}` + | |||
| `&page=${encodeURIComponent(this.condition.page)}` + | |||
| `&pageSize=${encodeURIComponent(this.condition.pageSize)}` + | |||
| `&sort=${encodeURIComponent(this.condition.sort)}`; | |||
| }, | |||
| }, | |||
| beforeMount() { | |||
| const urlParams = getUrlSearchParams(); | |||
| this.condition.q = urlParams.q || ''; | |||
| this.condition.topic = urlParams.topic || ''; | |||
| this.condition.project_name = urlParams.project_name || ''; | |||
| this.condition.institution_name = urlParams.institution_name || ''; | |||
| this.condition.sort = urlParams.sort || ''; | |||
| this.condition.page = Number(urlParams.page) || 1; | |||
| this.condition.pageSize = this.pageSizes.indexOf(Number(urlParams.pageSize)) >= 0 ? Number(urlParams.pageSize) : 15; | |||
| }, | |||
| mounted() { }, | |||
| beforeDestroy() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .conent-c { | |||
| display: flex; | |||
| } | |||
| .filter-c { | |||
| flex: 1; | |||
| padding-left: 12px; | |||
| } | |||
| .result-c { | |||
| margin-left: 10px; | |||
| flex: 3; | |||
| } | |||
| </style> | |||
+ 17
- 0
web_src/vuepages/pages/tech/repoview/vp-tech-repoview.js
View File
| @@ -0,0 +1,17 @@ | |||
| import Vue from 'vue'; | |||
| import ElementUI from 'element-ui'; | |||
| import 'element-ui/lib/theme-chalk/index.css'; | |||
| import localeEn from 'element-ui/lib/locale/lang/en'; | |||
| import localeZh from 'element-ui/lib/locale/lang/zh-CN'; | |||
| import { i18n, lang } from '~/langs'; | |||
| import App from './index.vue'; | |||
| Vue.use(ElementUI, { | |||
| locale: lang === 'zh-CN' ? localeZh : localeEn, | |||
| size: 'small', | |||
| }); | |||
| new Vue({ | |||
| i18n, | |||
| render: (h) => h(App), | |||
| }).$mount('#__vue-root'); | |||
+ 93
- 0
web_src/vuepages/pages/tech/techview/index.vue
View File
| @@ -0,0 +1,93 @@ | |||
| <template> | |||
| <div> | |||
| <TopHeader :menu="0"></TopHeader> | |||
| <div class="ui container"> | |||
| <SearchBar :condition="condition" @changeCondition="changeCondition"></SearchBar> | |||
| <div class="conent-c"> | |||
| <div class="filter-c"> | |||
| <Filters :type="0" :condition="condition" @changeCondition="changeCondition"></Filters> | |||
| </div> | |||
| <div class="result-c"> | |||
| <SciAndTechPrjList ref="resultListRef" :condition="condition"></SciAndTechPrjList> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import TopHeader from '../components/TopHeader.vue'; | |||
| import SearchBar from '../components/SearchBar.vue'; | |||
| import Filters from '../components/Filters.vue'; | |||
| import SciAndTechPrjList from '../components/SciAndTechPrjList.vue'; | |||
| import { getUrlSearchParams } from '~/utils'; | |||
| export default { | |||
| data() { | |||
| return { | |||
| condition: { | |||
| q: '', // 搜索框 | |||
| type_name: '', // 项目类型 | |||
| institution_name: '', // 项目参与单位 | |||
| execute_year: '', // 执行周期包含年份 | |||
| apply_year: '', | |||
| page: '', | |||
| pageSize: '', | |||
| sort: '', | |||
| }, | |||
| pageSizes: [15, 30, 50, 100], | |||
| }; | |||
| }, | |||
| components: { | |||
| TopHeader, | |||
| SearchBar, | |||
| Filters, | |||
| SciAndTechPrjList | |||
| }, | |||
| methods: { | |||
| changeCondition(params) { | |||
| this.condition = { | |||
| ...this.condition, | |||
| ...params, | |||
| }; | |||
| window.location.href = `/tech/tech_view?` + `q=${encodeURIComponent(this.condition.q.trim())}` + | |||
| `&type_name=${encodeURIComponent(this.condition.type_name)}` + | |||
| `&institution_name=${encodeURIComponent(this.condition.institution_name)}` + | |||
| `&execute_year=${encodeURIComponent(this.condition.execute_year)}` + | |||
| `&apply_year=${encodeURIComponent(this.condition.apply_year)}` + | |||
| `&page=${encodeURIComponent(this.condition.page)}` + | |||
| `&pageSize=${encodeURIComponent(this.condition.pageSize)}` + | |||
| `&sort=${encodeURIComponent(this.condition.sort)}`; | |||
| }, | |||
| }, | |||
| beforeMount() { | |||
| const urlParams = getUrlSearchParams(); | |||
| this.condition.q = urlParams.q || ''; | |||
| this.condition.type_name = urlParams.type_name || ''; | |||
| this.condition.institution_name = urlParams.institution_name || ''; | |||
| this.condition.execute_year = urlParams.execute_year || ''; | |||
| this.condition.apply_year = urlParams.apply_year || ''; | |||
| this.condition.sort = urlParams.sort || ''; | |||
| this.condition.page = Number(urlParams.page) || 1; | |||
| this.condition.pageSize = this.pageSizes.indexOf(Number(urlParams.pageSize)) >= 0 ? Number(urlParams.pageSize) : 15; | |||
| }, | |||
| mounted() { }, | |||
| beforeDestroy() { }, | |||
| }; | |||
| </script> | |||
| <style scoped lang="less"> | |||
| .conent-c { | |||
| display: flex; | |||
| } | |||
| .filter-c { | |||
| flex: 1; | |||
| padding-left: 12px; | |||
| } | |||
| .result-c { | |||
| margin-left: 10px; | |||
| flex: 3; | |||
| } | |||
| </style> | |||
+ 17
- 0
web_src/vuepages/pages/tech/techview/vp-tech-techview.js
View File
| @@ -0,0 +1,17 @@ | |||
| import Vue from 'vue'; | |||
| import ElementUI from 'element-ui'; | |||
| import 'element-ui/lib/theme-chalk/index.css'; | |||
| import localeEn from 'element-ui/lib/locale/lang/en'; | |||
| import localeZh from 'element-ui/lib/locale/lang/zh-CN'; | |||
| import { i18n, lang } from '~/langs'; | |||
| import App from './index.vue'; | |||
| Vue.use(ElementUI, { | |||
| locale: lang === 'zh-CN' ? localeZh : localeEn, | |||
| size: 'small', | |||
| }); | |||
| new Vue({ | |||
| i18n, | |||
| render: (h) => h(App), | |||
| }).$mount('#__vue-root'); | |||