|
@@ -1,7 +1,7 @@
|
|
<!--
|
|
<!--
|
|
* @Author: your name
|
|
* @Author: your name
|
|
* @Date: 2021-09-28 11:28:08
|
|
* @Date: 2021-09-28 11:28:08
|
|
- * @LastEditTime: 2021-11-25 13:43:25
|
|
|
|
|
|
+ * @LastEditTime: 2021-12-03 13:34:04
|
|
* @LastEditors: Please set LastEditors
|
|
* @LastEditors: Please set LastEditors
|
|
* @Description: 工作看板的预警信息等统计
|
|
* @Description: 工作看板的预警信息等统计
|
|
* @FilePath: \hyyfClient\src\views\PdcData\analysis\WorkInfos.vue
|
|
* @FilePath: \hyyfClient\src\views\PdcData\analysis\WorkInfos.vue
|
|
@@ -12,8 +12,11 @@
|
|
<template v-for="item in dataList">
|
|
<template v-for="item in dataList">
|
|
<el-col :span="12" :key="item.id">
|
|
<el-col :span="12" :key="item.id">
|
|
<div class="item" @click="handleClick(item)">
|
|
<div class="item" @click="handleClick(item)">
|
|
- <span class="label">{{ item.planName }}</span>
|
|
|
|
- <span class="right">(<span class="number">{{ item.planTimes }}</span>)</span>
|
|
|
|
|
|
+ <span class="label">{{ item.label }}</span>
|
|
|
|
+ <span class="right"
|
|
|
|
+ >(<span class="number">{{ item.number }}</span
|
|
|
|
+ >)</span
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
</template>
|
|
</template>
|
|
@@ -25,38 +28,38 @@ export default {
|
|
props: {
|
|
props: {
|
|
dataList: {
|
|
dataList: {
|
|
type: Array,
|
|
type: Array,
|
|
- required: true
|
|
|
|
- }
|
|
|
|
|
|
+ required: true,
|
|
|
|
+ },
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
handleClick(item) {
|
|
handleClick(item) {
|
|
- this.$emit('workInfoClick', item)
|
|
|
|
- }
|
|
|
|
|
|
+ this.$emit("workInfoClick", item);
|
|
|
|
+ },
|
|
},
|
|
},
|
|
-}
|
|
|
|
|
|
+};
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
- .work-info {
|
|
|
|
- padding: 20px;
|
|
|
|
- }
|
|
|
|
|
|
+.work-info {
|
|
|
|
+ padding: 20px;
|
|
|
|
+}
|
|
|
|
|
|
- .item {
|
|
|
|
- padding: 15px 15px 7px;
|
|
|
|
- border-bottom: 1px solid rgba(235, 238, 245, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- margin: 0px 10px;
|
|
|
|
- cursor: pointer;
|
|
|
|
- }
|
|
|
|
- .item:hover {
|
|
|
|
- background-color: #eee;
|
|
|
|
- }
|
|
|
|
- .item>.label {
|
|
|
|
- color: #bcbcbc;
|
|
|
|
- }
|
|
|
|
- .item>.right {
|
|
|
|
- float: right;
|
|
|
|
- }
|
|
|
|
- .item>.right>.number {
|
|
|
|
- color: #f04844;
|
|
|
|
- }
|
|
|
|
|
|
+.item {
|
|
|
|
+ padding: 15px 15px 7px;
|
|
|
|
+ border-bottom: 1px solid rgba(235, 238, 245, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ margin: 0px 10px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
|
|
+.item:hover {
|
|
|
|
+ background-color: #eee;
|
|
|
|
+}
|
|
|
|
+.item > .label {
|
|
|
|
+ color: #bcbcbc;
|
|
|
|
+}
|
|
|
|
+.item > .right {
|
|
|
|
+ float: right;
|
|
|
|
+}
|
|
|
|
+.item > .right > .number {
|
|
|
|
+ color: #f04844;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|