修复已知问题
This commit is contained in:
parent
e0cb6d1616
commit
c6270e4f8d
@ -29,16 +29,12 @@ export default {
|
||||
value: '屋面工程'
|
||||
},
|
||||
{
|
||||
label: '2022-01-01',
|
||||
value: '基础工程'
|
||||
label: '2022-07-31',
|
||||
value: '机械设备安拆工程'
|
||||
},
|
||||
{
|
||||
label: '2022-02-14',
|
||||
value: '主题结构施工'
|
||||
},
|
||||
{
|
||||
label: '2022-03-25',
|
||||
value: '屋面工程'
|
||||
label: '2022-21-31',
|
||||
value: '室内装饰装修工程'
|
||||
},
|
||||
],
|
||||
index: 0
|
||||
|
||||
@ -17,16 +17,12 @@ export default {
|
||||
components: { Card },
|
||||
data: () => ({
|
||||
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: '112768.21㎡' },
|
||||
{ name: '建设单位', content: '中建四局发展(广州天河)有限公司' },
|
||||
{ name: '设计单位', content: '中国建筑第四工程局有限公司' },
|
||||
{ name: '勘察单位', content: '贵州中间建筑科研设计院有限公司' },
|
||||
{ name: '监理单位', content: '广州宏元建设工程咨询有限公司' },
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
@ -31,16 +31,9 @@ export default {
|
||||
activeIndex: 0,
|
||||
// 列表
|
||||
list: [
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '11111111111测试测试测试测试' }
|
||||
{ name: '中国建筑第四工程局有限公司', content: '' },
|
||||
{ name: '中国建筑第四工程局有限公司', content: '' },
|
||||
{ name: '中国建筑第四工程局有限公司', content: '' },
|
||||
]
|
||||
}
|
||||
},
|
||||
@ -130,7 +123,7 @@ export default {
|
||||
|
||||
.label {
|
||||
box-sizing: border-box;
|
||||
width: 40%;
|
||||
width: 100%;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<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">
|
||||
<span class="number">45</span>
|
||||
<span class="unit">%</span>
|
||||
@ -63,6 +63,7 @@ export default {
|
||||
.left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
width: 50%;
|
||||
@ -72,13 +73,16 @@ export default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.image {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
position: relative;
|
||||
width: 175px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
.value {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -16%);
|
||||
font-size: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -33,16 +33,12 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
list: [
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '测试测试测试测试' },
|
||||
{ name: '项目位置', content: '1测试测试测试测试' }
|
||||
{ name: '防水', content: '' },
|
||||
{ name: '门窗', content: '' },
|
||||
{ name: '钢结构工程', content: '' },
|
||||
{ name: '建筑装饰工程', content: '' },
|
||||
{ name: '主体结构', content: '' },
|
||||
{ name: '建筑电气', content: '' },
|
||||
]
|
||||
}
|
||||
},
|
||||
@ -72,7 +68,7 @@ export default {
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: ['80', '68'],
|
||||
radius: ['76%', '88%'],
|
||||
center: ['50%', '50%'],
|
||||
hoverAnimation: true,
|
||||
label: {
|
||||
@ -146,8 +142,8 @@ export default {
|
||||
height: 100%;
|
||||
|
||||
> .left {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
// display: grid;
|
||||
// place-items: center;
|
||||
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
@ -214,7 +210,7 @@ export default {
|
||||
|
||||
.label {
|
||||
box-sizing: border-box;
|
||||
width: 40%;
|
||||
width: 100%;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user