修复已知问题
This commit is contained in:
parent
e0cb6d1616
commit
c6270e4f8d
@ -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
|
||||||
|
|||||||
@ -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: '测试测试测试测试' }
|
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user