This commit is contained in:
commit
f0bd3218a9
|
@ -85,7 +85,6 @@ export const getRequire = (data, success, fail) => {
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
// 频率top5
|
||||
export const getFrequence = (data, success, fail) => {
|
||||
Request({
|
||||
|
@ -98,3 +97,29 @@ export const getFrequence = (data, success, fail) => {
|
|||
fail && fail(err)
|
||||
})
|
||||
}
|
||||
|
||||
// 部门发布动态
|
||||
export const getResourceByDept = (data, success, fail) => {
|
||||
Request({
|
||||
methods: 'get',
|
||||
url: '/resource/getByDept',
|
||||
data
|
||||
}).then(res => {
|
||||
success && success(res)
|
||||
}).catch(err => {
|
||||
fail && fail(err)
|
||||
})
|
||||
}
|
||||
|
||||
// 部门能力推荐
|
||||
export const getApplyByDept = (data, success, fail) => {
|
||||
Request({
|
||||
methods: 'get',
|
||||
url: '/resource/getApplyByDept',
|
||||
data
|
||||
}).then(res => {
|
||||
success && success(res)
|
||||
}).catch(err => {
|
||||
fail && fail(err)
|
||||
})
|
||||
}
|
|
@ -1,19 +1,74 @@
|
|||
<template>
|
||||
<div class="bottom-view">
|
||||
|
||||
<div class="left container">
|
||||
<content-title :title="title.dynamic"></content-title>
|
||||
<dynamicView v-for="(item, index) in list" :key="index" :number="index + 1" :item="item"></dynamicView>
|
||||
</div>
|
||||
<div class="right container">
|
||||
<content-title :title="title.recommend"></content-title>
|
||||
<recommendView></recommendView>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import FrequencyTop5View from './frequency-top5-view.vue';
|
||||
import dynamicView from "./dynamic-view";
|
||||
import recommendView from "./recommend-view";
|
||||
import contentTitle from "./content-title";
|
||||
import * as Apis from '../api';
|
||||
export default {
|
||||
components: { FrequencyTop5View }
|
||||
components: {
|
||||
dynamicView,
|
||||
recommendView,
|
||||
contentTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: { dynamic: "部门发布动态", recommend: "部门推荐能力" },
|
||||
list: [
|
||||
|
||||
]
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getResourceByDept();
|
||||
},
|
||||
methods: {
|
||||
//发布动态
|
||||
getResourceByDept() {
|
||||
let data = {
|
||||
limit: 5,
|
||||
page: 1
|
||||
};
|
||||
Apis.getResourceByDept(
|
||||
data,
|
||||
res => {
|
||||
if (res.data.code !== 0) {
|
||||
return;
|
||||
}
|
||||
this.list = res.data.data.records || []
|
||||
},
|
||||
err => {
|
||||
console.log("err", err);
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.bottom-view {
|
||||
width: 100%;
|
||||
height: 335px;
|
||||
background: green;
|
||||
// background: green;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// color: #fff;
|
||||
.container {
|
||||
background: #fff;
|
||||
width: 800px;
|
||||
height: 335px;
|
||||
padding: 0px 0 20px 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,37 @@
|
|||
<template>
|
||||
<div class="content-title">
|
||||
<div>
|
||||
{{ title }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "contentTitle",
|
||||
props: {
|
||||
title: String,
|
||||
},
|
||||
data() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.content-title {
|
||||
height:48px;
|
||||
line-height:48px;
|
||||
font-size: 18px;
|
||||
// color: #fff;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
|
@ -0,0 +1,69 @@
|
|||
<template>
|
||||
<div class="dynamicView">
|
||||
<div class="wrapper">
|
||||
<div class="content">
|
||||
<div class="left">{{ item.createDate }}</div>
|
||||
<div class="right">{{ item.name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "dynamicView",
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dynamicView {
|
||||
cursor: pointer;
|
||||
width: 770px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 7px;
|
||||
|
||||
.wrapper {
|
||||
height: 50px;
|
||||
width: 770px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-image: url("../images/bgIndex.png");
|
||||
background-repeat: no-repeat;
|
||||
background-color:#f4f5f8;
|
||||
border-radius:1px;
|
||||
|
||||
.content {
|
||||
width: 760px;
|
||||
padding-right: 20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin-left: 12px;
|
||||
font-size: 16px;
|
||||
.left{
|
||||
width:159px;
|
||||
color:#2b2b2b;
|
||||
font-size:14px;
|
||||
}
|
||||
.right {
|
||||
font-size: 18px;
|
||||
color:#464645
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -0,0 +1,104 @@
|
|||
<template>
|
||||
<div class="recommendView">
|
||||
<a-table :dataSource="data" :columns="columns" bordered :pagination="false" :scroll="maxSize" size="small" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as Apis from "../api";
|
||||
export default {
|
||||
name: "recommendView",
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
columns: [
|
||||
{
|
||||
title: "名称",
|
||||
key: "name",
|
||||
dataIndex: "name",
|
||||
width: 220
|
||||
},
|
||||
{
|
||||
title: "类型",
|
||||
key: "type",
|
||||
dataIndex: "type",
|
||||
width: 76
|
||||
},
|
||||
{
|
||||
title: "单位",
|
||||
key: "deptContacts",
|
||||
dataIndex: "deptContacts",
|
||||
width: 114
|
||||
},
|
||||
{
|
||||
title: "时间",
|
||||
key: "createDate",
|
||||
dataIndex: "createDate",
|
||||
width: 153
|
||||
},
|
||||
{
|
||||
title: "当前申请数",
|
||||
key: "activityName",
|
||||
dataIndex: "activityName",
|
||||
width: 115
|
||||
},
|
||||
{
|
||||
title: "调用数量",
|
||||
key: "activityName",
|
||||
dataIndex: "activityName",
|
||||
width: 90
|
||||
}
|
||||
],
|
||||
data: [
|
||||
|
||||
],
|
||||
maxSize: { y: 195 }
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getApplyByDept();
|
||||
},
|
||||
methods: {
|
||||
//发布动态
|
||||
getApplyByDept() {
|
||||
let data = {
|
||||
limit: 5,
|
||||
page: 1
|
||||
};
|
||||
Apis.getApplyByDept(
|
||||
data,
|
||||
res => {
|
||||
if (res.data.code !== 0) {
|
||||
return;
|
||||
}
|
||||
this.data = res.data.data.records || [];
|
||||
},
|
||||
err => {
|
||||
console.log("err", err);
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.recommendView {
|
||||
cursor: pointer;
|
||||
width: 770px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
::v-deep .ant-table-thead{
|
||||
background-color:#f4f5f8;
|
||||
}
|
||||
</style>
|
Binary file not shown.
After Width: | Height: | Size: 1.3 KiB |
|
@ -9,7 +9,13 @@
|
|||
<div class="algorithm-top-details">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<span class="name">{{ props.dataList.name }}</span>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>{{ props.dataList.name }}</template>
|
||||
<span class="name">
|
||||
{{ props.dataList.name }}
|
||||
</span>
|
||||
</a-tooltip>
|
||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||
<div class="label-content">
|
||||
<p class="lable-father">
|
||||
<span class="label">
|
||||
|
@ -137,12 +143,19 @@
|
|||
}
|
||||
.name {
|
||||
display: inline-block;
|
||||
width: 10.2rem;
|
||||
// width: 10.2rem;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
font-size: 40px;
|
||||
margin-right: 20px;
|
||||
max-width: 7rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.label-content {
|
||||
position: relative;
|
||||
|
|
|
@ -9,7 +9,13 @@
|
|||
<div class="algorithm-top-details">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<span class="name">{{ props.dataList.name }}</span>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>{{ props.dataList.name }}</template>
|
||||
<span class="name">
|
||||
{{ props.dataList.name }}
|
||||
</span>
|
||||
</a-tooltip>
|
||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||
<div class="label-content">
|
||||
<p class="lable-father">
|
||||
<span class="label">{{ props.dataList.type }}</span>
|
||||
|
@ -124,9 +130,18 @@
|
|||
// max-width: 3.3rem;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
// white-space: nowrap;
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
max-width: 7rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.label-content {
|
||||
position: relative;
|
||||
|
|
|
@ -9,7 +9,13 @@
|
|||
<div class="algorithm-top-details">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<span class="name">{{ props.dataList.name }}</span>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>{{ props.dataList.name }}</template>
|
||||
<span class="name">
|
||||
{{ props.dataList.name }}
|
||||
</span>
|
||||
</a-tooltip>
|
||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||
<div class="label-content">
|
||||
<p class="lable-father">
|
||||
<span class="label">
|
||||
|
@ -140,9 +146,16 @@
|
|||
// max-width: 3.3rem;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
// white-space: nowrap;
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
max-width: 7rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.label-content {
|
||||
position: relative;
|
||||
|
|
|
@ -9,7 +9,13 @@
|
|||
<div class="algorithm-top-details">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<span class="name">{{ props.dataList.name }}</span>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>{{ props.dataList.name }}</template>
|
||||
<span class="name">
|
||||
{{ props.dataList.name }}
|
||||
</span>
|
||||
</a-tooltip>
|
||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||
<div class="label-content">
|
||||
<p class="lable-father">
|
||||
<span class="label">
|
||||
|
@ -139,9 +145,16 @@
|
|||
// max-width: 3.3rem;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
// white-space: nowrap;
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
max-width: 7rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.label-content {
|
||||
position: relative;
|
||||
|
|
|
@ -9,7 +9,13 @@
|
|||
<div class="algorithm-top-details">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<span class="name">{{ props.dataList.name }}</span>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>{{ props.dataList.name }}</template>
|
||||
<span class="name">
|
||||
{{ props.dataList.name }}
|
||||
</span>
|
||||
</a-tooltip>
|
||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||
<div class="label-content">
|
||||
<p class="lable-father">
|
||||
<span class="label">
|
||||
|
@ -140,9 +146,16 @@
|
|||
// max-width: 3.3rem;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
// white-space: nowrap;
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
max-width: 7rem;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.label-content {
|
||||
position: relative;
|
||||
|
|
Loading…
Reference in New Issue