提交 d4db2b2b authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 7749137b
...@@ -90,7 +90,7 @@ const headerTitleClasses = computed(() => [ ...@@ -90,7 +90,7 @@ const headerTitleClasses = computed(() => [
width: 100%; width: 100%;
margin-bottom: 15px; margin-bottom: 15px;
position: relative; position: relative;
margin-bottom: 100px; // margin-bottom: 100px;
} }
.container-header { .container-header {
......
...@@ -6,7 +6,7 @@ const getDoublePieChart = (data1, data2) => { ...@@ -6,7 +6,7 @@ const getDoublePieChart = (data1, data2) => {
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: [25, 68], radius: [45, 88],
// height: '100%', // height: '100%',
left: 'center', left: 'center',
// width: '100%', // width: '100%',
...@@ -32,10 +32,10 @@ const getDoublePieChart = (data1, data2) => { ...@@ -32,10 +32,10 @@ const getDoublePieChart = (data1, data2) => {
}, },
{ {
type: 'pie', type: 'pie',
radius: [70, 100], radius: [90, 120],
height: '100%', height: '100%',
left: 'center', left: 'center',
width: '80%', width: '98%',
itemStyle: { itemStyle: {
borderColor: '#fff', borderColor: '#fff',
borderWidth: 1 borderWidth: 1
...@@ -45,11 +45,18 @@ const getDoublePieChart = (data1, data2) => { ...@@ -45,11 +45,18 @@ const getDoublePieChart = (data1, data2) => {
formatter: '{name|{b}}\n{time|{c} 条 {d}%}', formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
minMargin: 5, minMargin: 5,
edgeDistance: 10, edgeDistance: 10,
lineHeight: 15, lineHeight: 24,
rich: { rich: {
name: {
color: 'rgba(59, 65, 75, 1)',
fontFamily: 'Microsoft YaHei',
fontSize: 16,
fontWeight: 'bold',
},
time: { time: {
fontSize: 10, fontSize: 16,
color: '#999' fontFamily: 'Microsoft YaHei',
color: '#rgba(95, 101, 108, 1)'
} }
} }
}, },
......
const getPieChart = (data,colorList) => { const getPieChart = (data, colorList) => {
let option = { let option = {
// color: colorList, // color: colorList,
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: [70, 100], radius: [70, 100],
height: '100%', height: '100%',
left: 'center', left: 'center',
width: '100%', width: '100%',
itemStyle: { itemStyle: {
borderColor: '#fff', borderColor: '#fff',
borderWidth: 1 borderWidth: 1
}, },
label: { label: {
alignTo: 'edge', alignTo: 'edge',
formatter: '{name|{b}}\n{time|{c} 条 {d}%}', formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
minMargin: 5, minMargin: 5,
edgeDistance: 10, edgeDistance: 10,
lineHeight: 15, lineHeight: 25,
rich: { rich: {
time: { name: {
fontSize: 10, color: 'rgba(59, 65, 75, 1)',
color: '#999' fontFamily: 'Microsoft YaHei',
fontSize: 16,
fontWeight: 'bold',
},
time: {
fontSize: 16,
fontFamily: 'Microsoft YaHei',
color: '#rgba(95, 101, 108, 1)'
}
} }
}
}, },
labelLine: { labelLine: {
length: 15, length: 15,
length2: 0, length2: 0,
maxSurfaceAngle: 80 maxSurfaceAngle: 80
}, },
labelLayout: function (params) { labelLayout: function (params) {
const isLeft = params.labelRect.x < 556 / 2; const isLeft = params.labelRect.x < 556 / 2;
const points = params.labelLinePoints; const points = params.labelLinePoints;
// Update the end point. // Update the end point.
points[2][0] = isLeft points[2][0] = isLeft
? params.labelRect.x ? params.labelRect.x
: params.labelRect.x + params.labelRect.width; : params.labelRect.x + params.labelRect.width;
return { return {
labelLinePoints: points labelLinePoints: points
}; };
}, },
data: data data: data
}] }]
} }
return option return option
} }
......
...@@ -380,7 +380,7 @@ onMounted(() => { ...@@ -380,7 +380,7 @@ onMounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.layout-main-header-left-box { .layout-main-header-left-box {
width: 500px; width: 900px;
margin-left: 160px; margin-left: 160px;
margin-top: 13px; margin-top: 13px;
.left-box-top { .left-box-top {
......
...@@ -795,7 +795,7 @@ const newsList = ref([ ...@@ -795,7 +795,7 @@ const newsList = ref([
]); ]);
const handleGetNews = async () => { const handleGetNews = async () => {
const params = { const params = {
moduleId: "0101" moduleId: "0100"
}; };
try { try {
const res = await getNews(params); const res = await getNews(params);
......
...@@ -478,14 +478,18 @@ onMounted(() => { ...@@ -478,14 +478,18 @@ onMounted(() => {
} }
&-news-img { &-news-img {
height: 370px;
border-top: 1px solid rgba(234, 236, 238, 1); border-top: 1px solid rgba(234, 236, 238, 1);
padding: 15px 10px; padding: 15px 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 20px; gap: 20px;
overflow: hidden;
overflow-y: auto;
} }
.box4 { .box4 {
background: orange;
.box4-item { .box4-item {
display: flex; display: flex;
gap: 10px; gap: 10px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论