修复已知问题

This commit is contained in:
Luck-Xiaomi 2022-09-05 18:02:08 +08:00
parent e0cb6d1616
commit c6270e4f8d
5 changed files with 31 additions and 46 deletions

View File

@ -29,16 +29,12 @@ export default {
value: '屋面工程' value: '屋面工程'
}, },
{ {
label: '2022-01-01', label: '2022-07-31',
value: '基础工程' value: '机械设备安拆工程'
}, },
{ {
label: '2022-02-14', label: '2022-21-31',
value: '主题结构施工' value: '室内装饰装修工程'
},
{
label: '2022-03-25',
value: '屋面工程'
}, },
], ],
index: 0 index: 0

View File

@ -17,16 +17,12 @@ export default {
components: { Card }, components: { Card },
data: () => ({ data: () => ({
list: [ list: [
{ name: '项目位置', content: '测试测试测试测试' }, { name: '项目位置', content: '建宁路与热河交叉路口' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '用地面积', content: '112768.21㎡' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '建设单位', content: '中建四局发展(广州天河)有限公司' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '设计单位', content: '中国建筑第四工程局有限公司' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '勘察单位', content: '贵州中间建筑科研设计院有限公司' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '监理单位', content: '广州宏元建设工程咨询有限公司' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' }
] ]
}) })
} }

View File

@ -31,16 +31,9 @@ export default {
activeIndex: 0, activeIndex: 0,
// //
list: [ list: [
{ name: '项目位置', content: '测试测试测试测试' }, { name: '中国建筑第四工程局有限公司', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '中国建筑第四工程局有限公司', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '中国建筑第四工程局有限公司', content: '' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '11111111111测试测试测试测试' }
] ]
} }
}, },
@ -130,7 +123,7 @@ export default {
.label { .label {
box-sizing: border-box; box-sizing: border-box;
width: 40%; width: 100%;
padding-left: 20px; padding-left: 20px;
} }

View File

@ -4,7 +4,7 @@
<div class="left"> <div class="left">
<div class="top"> <div class="top">
<div class="image"> <div class="image">
<img style="width: 100%" src="../assets/images/command-center/instrument-panel.png" alt=""> <img style="height: 90%" src="../assets/images/command-center/instrument-panel.png" alt="">
<div class="value"> <div class="value">
<span class="number">45</span> <span class="number">45</span>
<span class="unit">%</span> <span class="unit">%</span>
@ -63,6 +63,7 @@ export default {
.left { .left {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around;
align-items: center; align-items: center;
width: 50%; width: 50%;
@ -72,13 +73,16 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
.image { .image {
display: grid;
place-items: center;
position: relative; position: relative;
width: 175px; width: 140px;
height: 140px;
.value { .value {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -16%);
font-size: 23px; font-size: 23px;
} }
} }

View File

@ -33,16 +33,12 @@ export default {
data() { data() {
return { return {
list: [ list: [
{ name: '项目位置', content: '测试测试测试测试' }, { name: '防水', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '门窗', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '钢结构工程', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '建筑装饰工程', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '主体结构', content: '' },
{ name: '项目位置', content: '测试测试测试测试' }, { name: '建筑电气', content: '' },
{ name: '项目位置', content: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '测试测试测试测试' },
{ name: '项目位置', content: '1测试测试测试测试' }
] ]
} }
}, },
@ -72,7 +68,7 @@ export default {
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: ['80', '68'], radius: ['76%', '88%'],
center: ['50%', '50%'], center: ['50%', '50%'],
hoverAnimation: true, hoverAnimation: true,
label: { label: {
@ -146,8 +142,8 @@ export default {
height: 100%; height: 100%;
> .left { > .left {
display: grid; // display: grid;
place-items: center; // place-items: center;
width: 50%; width: 50%;
height: 100%; height: 100%;
@ -214,7 +210,7 @@ export default {
.label { .label {
box-sizing: border-box; box-sizing: border-box;
width: 40%; width: 100%;
padding-left: 20px; padding-left: 20px;
} }