|
@@ -66,14 +66,12 @@
|
|
|
<div slot="header" class="clearfix">
|
|
<div slot="header" class="clearfix">
|
|
|
<span>计划进度看板</span>
|
|
<span>计划进度看板</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <ele-pro-table
|
|
|
|
|
- ref="table"
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- :datasource="datasource"
|
|
|
|
|
- :needPage="false"
|
|
|
|
|
- :toolbar="false"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <ele-pro-table ref="table" height="calc(100%)" :columns="columns" :datasource="datasource"
|
|
|
|
|
+ :needPage="false" :toolbar="false">
|
|
|
</ele-pro-table>
|
|
</ele-pro-table>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</el-card>
|
|
</el-card>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -95,7 +93,7 @@ import {
|
|
|
TooltipComponent,
|
|
TooltipComponent,
|
|
|
LegendComponent
|
|
LegendComponent
|
|
|
} from 'echarts/components';
|
|
} from 'echarts/components';
|
|
|
-
|
|
|
|
|
|
|
+import { getList } from '@/api/workOrder/index'
|
|
|
import VChart from 'vue-echarts';
|
|
import VChart from 'vue-echarts';
|
|
|
import { echartsMixin } from '@/utils/echarts-mixin';
|
|
import { echartsMixin } from '@/utils/echarts-mixin';
|
|
|
// 按需加载 echarts
|
|
// 按需加载 echarts
|
|
@@ -154,7 +152,7 @@ export default {
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- created() {},
|
|
|
|
|
|
|
+ created() { },
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.pieOption = pieOption([
|
|
this.pieOption = pieOption([
|
|
|
{ value: 60, name: '人员异常' },
|
|
{ value: 60, name: '人员异常' },
|
|
@@ -262,7 +260,7 @@ export default {
|
|
|
[55, 81, 90, 80, 78, 95, 80]
|
|
[55, 81, 90, 80, 78, 95, 80]
|
|
|
]);
|
|
]);
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
this.$refs.pieRef.resize();
|
|
this.$refs.pieRef.resize();
|
|
|
this.$refs.barRef1.resize();
|
|
this.$refs.barRef1.resize();
|
|
|
this.$refs.lineRef.resize();
|
|
this.$refs.lineRef.resize();
|
|
@@ -271,7 +269,6 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
datasource({ page, where, limit }) {
|
|
datasource({ page, where, limit }) {
|
|
|
- return [];
|
|
|
|
|
return getList({
|
|
return getList({
|
|
|
...where,
|
|
...where,
|
|
|
pageNum: page,
|
|
pageNum: page,
|
|
@@ -285,32 +282,41 @@ export default {
|
|
|
.clearfix {
|
|
.clearfix {
|
|
|
font-size: 0.7vw;
|
|
font-size: 0.7vw;
|
|
|
|
|
|
|
|
- > span {
|
|
|
|
|
|
|
+ >span {
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.el-radio-button__inner) {
|
|
:deep(.el-radio-button__inner) {
|
|
|
font-size: 0.7vw;
|
|
font-size: 0.7vw;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.ele-body {
|
|
.ele-body {
|
|
|
height: calc(100vh - 136px);
|
|
height: calc(100vh - 136px);
|
|
|
- > .el-row {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ >.el-row {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.el-card {
|
|
.el-card {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+
|
|
|
:deep(.el-card__body) {
|
|
:deep(.el-card__body) {
|
|
|
padding: 0.3vw;
|
|
padding: 0.3vw;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.el-card__header) {
|
|
:deep(.el-card__header) {
|
|
|
padding: 0.6vw;
|
|
padding: 0.6vw;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.el-card__body) {
|
|
:deep(.el-card__body) {
|
|
|
height: calc(100% - 2.3vw);
|
|
height: calc(100% - 2.3vw);
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.ele-pro-table) {
|
|
:deep(.ele-pro-table) {
|
|
|
height: 99%;
|
|
height: 99%;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.el-table) {
|
|
:deep(.el-table) {
|
|
|
font-size: 0.65vw;
|
|
font-size: 0.65vw;
|
|
|
}
|
|
}
|
|
@@ -325,7 +331,8 @@ export default {
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
padding: 1vw;
|
|
padding: 1vw;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
- > .header {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ >.header {
|
|
|
font-size: 0.9vw;
|
|
font-size: 0.9vw;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -334,7 +341,8 @@ export default {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
color: #3a92edd1;
|
|
color: #3a92edd1;
|
|
|
}
|
|
}
|
|
|
- > .content {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ >.content {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -342,6 +350,7 @@ export default {
|
|
|
font-size: 0.9vw;
|
|
font-size: 0.9vw;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
height: calc(100% - 1.5vw);
|
|
height: calc(100% - 1.5vw);
|
|
|
|
|
+
|
|
|
p {
|
|
p {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -351,6 +360,4 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+</style>
|