Skip to content

P
project-manage
提交 19dd9d96 authored 作者: 周雨莹's avatar 周雨莹
浏览文件
操作

'..'

上级 957c1758
隐藏空白字符变更
内嵌 并排
正在显示 包含 54 行增加 和 27 行删除
src/views/architectureDiagram.vue
浏览文件 @ 19dd9d96
......@@ -298,7 +298,7 @@
},
{
id: 'node13', // String，该节点存在则必须，节点的唯一标识
x: 880, // Number，可选，节点位置的 x 值
x: 900, // Number，可选，节点位置的 x 值
y: 380, // Number，可选，节点位置的 y 值
type: 'rect',
anchorPoints: [[0.5, 0]],
......@@ -319,7 +319,7 @@
},
{
id: 'node14', // String，该节点存在则必须，节点的唯一标识
x: 960, // Number，可选，节点位置的 x 值
x: 980, // Number，可选，节点位置的 x 值
y: 380, // Number，可选，节点位置的 y 值
type: 'rect',
anchorPoints: [[0.5, 0]],
......@@ -340,7 +340,7 @@
},
{
id: 'node15', // String，该节点存在则必须，节点的唯一标识
x: 1040, // Number，可选，节点位置的 x 值
x: 1060, // Number，可选，节点位置的 x 值
y: 380, // Number，可选，节点位置的 y 值
type: 'rect',
anchorPoints: [[0.5, 0]],
......@@ -361,7 +361,7 @@
},
{
id: 'node16', // String，该节点存在则必须，节点的唯一标识
x: 1120, // Number，可选，节点位置的 x 值
x: 1140, // Number，可选，节点位置的 x 值
y: 380, // Number，可选，节点位置的 y 值
type: 'rect',
anchorPoints: [[0.5, 0]],
......@@ -497,7 +497,7 @@
{
source: 'node5',
target: 'node13',
controlPoints:[{ x: 1020, y: 280 }, { x: 880, y: 280 }],
controlPoints:[{ x: 1020, y: 280 }, { x: 900, y: 280 }],
sourceAnchor:4,
style: {
lineWidth: 2,
......@@ -507,7 +507,7 @@
{
source: 'node5',
target: 'node14',
controlPoints:[{ x: 1020, y: 280 }, { x: 960, y: 280 }],
controlPoints:[{ x: 1020, y: 280 }, { x: 980, y: 280 }],
sourceAnchor:4,
style: {
lineWidth: 2,
......@@ -517,7 +517,7 @@
{
source: 'node5',
target: 'node15',
controlPoints:[{ x: 1020, y: 280 }, { x:1040, y: 280 }],
controlPoints:[{ x: 1020, y: 280 }, { x:1060, y: 280 }],
sourceAnchor:4,
style: {
lineWidth: 2,
......@@ -527,7 +527,7 @@
{
source: 'node5',
target: 'node16',
controlPoints:[{ x: 1020, y: 280 }, { x: 1120, y: 280 }],
controlPoints:[{ x: 1020, y: 280 }, { x: 1140, y: 280 }],
sourceAnchor:4,
style: {
lineWidth: 2,
......
src/views/overview.vue
浏览文件 @ 19dd9d96
......@@ -14,7 +14,7 @@
</div>
</div>
<div class="bg" v-for="item in unitList" :label="item" :key="item">
<div style="float: left">
<div style="float: left;height: 100%">
<div class="icon-bar"></div>
<div class="tit">{{item.title}}:</div>
<div class="detail-wrap">
......@@ -30,8 +30,8 @@
</div>
<div class="right">
<div class="model-1">
<div>
<div class="txt-ahead"><span class="second-tit">总进度</span><span class="time">2020.07.10</span></div>
<div style="width: 100%;height: 30%;">
<div class="txt-ahead txt-ahead-1"><span class="second-tit">总进度</span><span class="time">2020.07.10</span></div>
<div class="process-bar">
<div class="badge1">50%</div>
<el-progress :percentage="50" :stroke-width="12" :show-text=false>123</el-progress>
......@@ -39,7 +39,7 @@
<div class="txt-behind"><span class="time">2020.10.10</span></div>
</div>
<div class="step-wrap">
<div v-for="item in step" :label="item" :key="item">
<div v-for="item in step" :label="item" :key="item" :class="item.line == 0 ? 'not-contain-line' : 'contain-line'">
<div class="step-content">
<div class="tooltip">
<!--<div slot="content">{{item.content1}}<br/>{{item.content2}}</div>-->
......@@ -63,8 +63,8 @@
</div>
</div>
<div class="model-2">
<div>
<div class="txt-ahead"><span class="second-tit">到货数量</span><span class="time">0</span></div>
<div style="height:30%;width:100%;">
<div class="txt-ahead txt-ahead-1"><span class="second-tit">到货数量</span><span class="time">0</span></div>
<div class="process-bar">
<div class="badge2">72%</div>
<el-progress :percentage="72" :stroke-width="12" :show-text=false>123</el-progress>
......@@ -103,15 +103,15 @@
<span class="second-tit">项目重难点情况</span>
</div>
<div class="details-wrap">
<div v-for="item in detials" :label="item" :key="item" style="display: flex">
<div class="bud" :class="item.index== 1 ? 'bud1' : (item.index== 2 ? 'bud2' : item.index== 3 ? 'bud3' : 'bud4')"></div>
<div class="detail-txt">
<div style="float: left;margin-left: 10px">{{item.index}}、{{item.txt}} </div>
<div style="float: right;margin-right: 10px" :class="item.badge=='处理中' ? 'processing' : 'haveDone'">
{{item.badge}}
<div v-for="item in detials" :label="item" :key="item" style="display: flex">
<div class="bud" :class="item.index== 1 ? 'bud1' : (item.index== 2 ? 'bud2' : item.index== 3 ? 'bud3' : 'bud4')"></div>
<div class="detail-txt">
<div style="float: left;margin-left: 10px">{{item.index}}、{{item.txt}} </div>
<div style="float: right;margin-right: 10px" :class="item.badge=='处理中' ? 'processing' : 'haveDone'">
{{item.badge}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -280,9 +280,13 @@
font-weight: 500;
}
.detail-wrap{
display: flex;
justify-content: center;
flex-direction: column;
padding: 10px 20px 10px 20px;
font-size: 12px;
clear: both;
height: 65%;
}
.txt{
line-height: 20px;
......@@ -299,7 +303,9 @@
background-color: #fcfcfc;
border-radius: 4px;
}
.model-4, .model-5{
height: 100%;
}
.model-1, .model-2, .model-3{
width: 100%;
}
......@@ -326,8 +332,14 @@
font-size: 15px;
margin-top: 20px;
}
.txt-ahead-1{
width: 12%;
}
.process-bar{
width: 70%;
width: 75%;
}
.process-bar{
/*width: 70%;*/
margin-left: 10px;
position: relative;
z-index: 10;
......@@ -364,11 +376,12 @@
font-size: 14px;
}
.step-wrap{
height: 60%;
clear: both;
width: 90%;
margin-left: 40px;
padding: 20px 50px 20px 20px;
margin-top: 60px;
padding: 10px 50px 20px 10px;
margin-top: 0px;
display: flex;
justify-content: flex-start;
align-items: center;
......@@ -385,7 +398,7 @@
}
.line{
height: 2px;
width: 220px;
width: calc(100% - ( 34px));
float: left;
margin-top: 16px;
padding-top: -50px;
......@@ -408,6 +421,12 @@
background-image: url("../assets/img/activeNo.png");
background-size: 100% 100%;
}
.not-contain-line{
width: 8%;
}
.contain-line{
width: 30%;
}
.text-wrap{
clear: both;
display: flex;
......@@ -460,6 +479,7 @@
display: flex;
padding-top: 15px;
width: 80%;
height: 60%;
margin-left: 70px;
justify-content: space-between;
}
......@@ -480,7 +500,9 @@
}
.process-bg-wrap{
clear: both;
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
}
.process-bg{
......@@ -488,6 +510,7 @@
background-size: 100% 100%;
width: 100px;
height: 100px;
margin: 0 auto;
margin-top: 15px;
color: #fff;
font-size: 12px;
......@@ -495,6 +518,10 @@
}
.details-wrap{
clear: both;
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
padding-top: 12px;
}
......
src/views/projectWork.vue
浏览文件 @ 19dd9d96
......@@ -5,7 +5,7 @@
<div class="left-wrap">
<div class="calendar-wrap">
<el-button class="but prev"><i class="el-icon-arrow-left"></i></el-button>
<el-calendar>
<el-calendar :first-day-of-week=7>
<template
slot="dateCell"
slot-scope="{date, data}">
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论