45 lines
975 B
Vue
45 lines
975 B
Vue
<template>
|
||
<!-- 显示累计值，并绑定颜色类 -->
|
||
<div class="accumulated-value" :class="injectData.status">
|
||
{{ injectData.total }} <!-- 显示累计数据 -->
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: 'finishDiv', // 补充组件名，便于识别
|
||
props: {
|
||
injectData: { // 接收父组件传递的当前行数据
|
||
type: Object,
|
||
default: () => ({})
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
// list: this.injectData // 将接收的行数据赋值给list，便于模板使用
|
||
}
|
||
},
|
||
methods: {
|
||
// 若无需输入功能，可删除changeInput方法；若需保留，可按需调整
|
||
// changeInput() {
|
||
// console.log(this.list)
|
||
// this.$emit('emitData', this.list)
|
||
// }
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 累计值基础样式 */
|
||
|
||
/* 已完成：绿色 #4CAF50 */
|
||
.accumulated-value.done {
|
||
color: #4CAF50;
|
||
}
|
||
|
||
/* 未完成：橙色 #FF9800 */
|
||
.accumulated-value.pending {
|
||
color: #FF9800;
|
||
}
|
||
</style>
|