Compare commits
2 Commits
2e3db9a60d
...
2b01c0efa4
Author | SHA1 | Date |
---|---|---|
guoyue | 2b01c0efa4 | |
guoyue | e7bc4e8f0c |
|
@ -30,6 +30,12 @@ export default {
|
|||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
colorArray: {
|
||||
type: Array,
|
||||
default: () => [
|
||||
'#fe845e', '#ff3e55', '#d5c438', '#ff9999', '#9c78ed', '#48c760', '#48c6c7', '#0058e1',
|
||||
]
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
dataList: {
|
||||
|
@ -62,9 +68,6 @@ export default {
|
|||
this.myChart = chartDom && echarts.init(chartDom);
|
||||
|
||||
let lengendArr = this.dataListCopy.filter(v => v.name);
|
||||
let colorArray = [
|
||||
'#fe845e', '#ff3e55', '#d5c438', '#ff9999', '#9c78ed', '#48c760', '#48c6c7', '#0058e1',
|
||||
]
|
||||
|
||||
let total = 0;
|
||||
this.dataListCopy.map(v => {
|
||||
|
@ -129,7 +132,7 @@ export default {
|
|||
"type": "pie",
|
||||
"center": ["50%", "40%"],
|
||||
"radius": ["50%", "63%"],
|
||||
"color": colorArray,
|
||||
"color": this.colorArray,
|
||||
"startAngle": 135,
|
||||
label: {
|
||||
show: false
|
||||
|
|
|
@ -12,9 +12,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list-box" v-if="dataInfo.list.length > 0">
|
||||
<div class="list-item" v-for="(item, i) in dataInfo.list" :key="i">
|
||||
{{ item[dataInfo.nameStr] || '--' }}
|
||||
|
||||
<div v-for="(item, i) in dataInfo.list" :key="i">
|
||||
|
||||
<el-tooltip effect="dark" :content="item[dataInfo.nameStr]" placement="top">
|
||||
<div class="list-item ellipsis">
|
||||
{{ item[dataInfo.nameStr] || '--' }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
<div class="more">
|
||||
查看更多 >
|
||||
</div>
|
||||
|
@ -49,6 +56,13 @@ export default {
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.ellipsis {
|
||||
//超出一行省略号
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.no-margin-left {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
|
|
@ -19,7 +19,9 @@
|
|||
<div class="flex-row-between row-name" v-for="(data, i) in listInfo" :key="i">
|
||||
<div class="left">
|
||||
<div class="row-index">{{ i + 3 }}</div>
|
||||
<div class="name-text">{{ data.name || '--' }}</div>
|
||||
<el-tooltip effect="dark" :content="data.name" placement="top">
|
||||
<div class="name-text ellipsis">{{ data.name || '--' }}</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div class="count-text">{{ formatCount(data.count) }}</div>
|
||||
</div>
|
||||
|
@ -100,6 +102,13 @@ export default {
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.ellipsis {
|
||||
//超出一行省略号
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.flex-row-between {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
|
@ -164,6 +173,7 @@ export default {
|
|||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 70px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.count {
|
||||
|
@ -185,6 +195,7 @@ export default {
|
|||
font-size: 16px;
|
||||
color: #464545;
|
||||
margin-left: 10px;
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -23,7 +23,7 @@ export default {
|
|||
title: "名称",
|
||||
key: "name",
|
||||
dataIndex: "name",
|
||||
width: 220
|
||||
width: 250
|
||||
},
|
||||
{
|
||||
title: "类型",
|
||||
|
@ -35,7 +35,7 @@ export default {
|
|||
title: "单位",
|
||||
key: "deptContacts",
|
||||
dataIndex: "deptContacts",
|
||||
width: 114
|
||||
width: 144
|
||||
},
|
||||
{
|
||||
title: "时间",
|
||||
|
@ -47,14 +47,8 @@ export default {
|
|||
title: "当前申请数",
|
||||
key: "applyCount",
|
||||
dataIndex: "applyCount",
|
||||
width: 115
|
||||
width: 145
|
||||
},
|
||||
{
|
||||
title: "调用数量",
|
||||
key: "visit",
|
||||
dataIndex: "visit",
|
||||
width: 90
|
||||
}
|
||||
],
|
||||
data: [
|
||||
|
||||
|
|
|
@ -8,11 +8,14 @@
|
|||
style="margin-left: 0"></dept-todo-view>
|
||||
</div>
|
||||
<div class="flex-row-start dept-chart-box">
|
||||
<dept-chart-view id="shelves" title="部门上架" v-loading="loadingResource" :dataList="resourceData">
|
||||
<dept-chart-view id="shelves" title="部门上架" v-loading="loadingResource" :dataList="resourceData"
|
||||
:colorArray="resourceColor">
|
||||
</dept-chart-view>
|
||||
<dept-chart-view id="apply" title="部门申请" v-loading="loadingApply" :dataList="applyData">
|
||||
<dept-chart-view id="apply" title="部门申请" v-loading="loadingApply" :dataList="applyData"
|
||||
:colorArray="applyColor">
|
||||
</dept-chart-view>
|
||||
<dept-chart-view id="demand" title="部门需求" v-loading="loadingRequire" :dataList="requireData">
|
||||
<dept-chart-view id="demand" title="部门需求" v-loading="loadingRequire" :dataList="requireData"
|
||||
:colorArray="requireColor">
|
||||
</dept-chart-view>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -65,12 +68,15 @@ export default {
|
|||
list: [],
|
||||
nameStr: 'processDefinitionName'
|
||||
},
|
||||
// 上架
|
||||
// 部门申请
|
||||
resourceData: [],
|
||||
// 上架
|
||||
resourceColor: ['#7b2cff', '#fd5151', , '#2ca1ff', '#0adbfa', '#febe13', '#65e5dd', '#f071ff', '#85f67a'],
|
||||
// 部门申请
|
||||
applyData: [],
|
||||
// 上架
|
||||
applyColor: ["#5085f2", "#e75fc3", "#f87be2", "#f2719a", "#fca4bb", "#f59a8f", "#fdb301", "#57e7ec", "#cf9ef1"],
|
||||
// 部门需求
|
||||
requireData: [],
|
||||
requireColor: ['#FD866A', '#9E87FF', '#58D5FF', '#73DDFF', '#73ACFF', '#FDD56A', '#FDB36A',],
|
||||
loadingToDo: false,
|
||||
loadingHasToDo: false,
|
||||
loadingResource: false,
|
||||
|
|
Loading…
Reference in New Issue