From c6270e4f8d980aca4e6b17f59e15b194f4dd1082 Mon Sep 17 00:00:00 2001 From: Luck-Xiaomi <1569717859@qq.com> Date: Mon, 5 Sep 2022 18:02:08 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=B2=E7=9F=A5=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../zjsj/command/LeftThree/index.vue | 12 ++++------ .../projectAdmin/zjsj/command/leftOne.vue | 16 +++++-------- .../projectAdmin/zjsj/command/rightFour.vue | 15 ++++-------- .../projectAdmin/zjsj/command/rightOne.vue | 10 +++++--- .../projectAdmin/zjsj/command/rightTwo.vue | 24 ++++++++----------- 5 files changed, 31 insertions(+), 46 deletions(-) diff --git a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue index 5f194c1a..0b6f227c 100644 --- a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue +++ b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue @@ -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 diff --git a/src/views/projectAdmin/zjsj/command/leftOne.vue b/src/views/projectAdmin/zjsj/command/leftOne.vue index 3f0f196e..ea6b3eb1 100644 --- a/src/views/projectAdmin/zjsj/command/leftOne.vue +++ b/src/views/projectAdmin/zjsj/command/leftOne.vue @@ -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: '广州宏元建设工程咨询有限公司' }, ] }) } diff --git a/src/views/projectAdmin/zjsj/command/rightFour.vue b/src/views/projectAdmin/zjsj/command/rightFour.vue index 12886351..ac21e411 100644 --- a/src/views/projectAdmin/zjsj/command/rightFour.vue +++ b/src/views/projectAdmin/zjsj/command/rightFour.vue @@ -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; } diff --git a/src/views/projectAdmin/zjsj/command/rightOne.vue b/src/views/projectAdmin/zjsj/command/rightOne.vue index c6b37983..63157f8e 100644 --- a/src/views/projectAdmin/zjsj/command/rightOne.vue +++ b/src/views/projectAdmin/zjsj/command/rightOne.vue @@ -4,7 +4,7 @@
- +
45 % @@ -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; } } diff --git a/src/views/projectAdmin/zjsj/command/rightTwo.vue b/src/views/projectAdmin/zjsj/command/rightTwo.vue index 5a3454c4..730b698b 100644 --- a/src/views/projectAdmin/zjsj/command/rightTwo.vue +++ b/src/views/projectAdmin/zjsj/command/rightTwo.vue @@ -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; }