|
@@ -9,7 +9,16 @@
|
|
<el-col :span="4"> <span class="projected-title">{{ item.key }}</span></el-col>
|
|
<el-col :span="4"> <span class="projected-title">{{ item.key }}</span></el-col>
|
|
<el-col :span="20">
|
|
<el-col :span="20">
|
|
<span v-for="(i, k) in item.data" :key="k" style="margin-bottom: 5px;">
|
|
<span v-for="(i, k) in item.data" :key="k" style="margin-bottom: 5px;">
|
|
- <div class="projected-type">类型:<span>{{ i.scheduleName }}</span> 时间:<span style="min-width: 200px;">{{ i.startDateStr }} - {{ i.endDateStr }}</span> 任务:<span>{{ i.taskName }}</span></div>
|
|
|
|
|
|
+ <div class="projected-type">
|
|
|
|
+ 类型:<span>{{ i.scheduleName }}</span>
|
|
|
|
+ 时间:<span style="min-width: 200px;">{{ i.startDateStr }} - {{ i.endDateStr }}</span>
|
|
|
|
+ 任务:<span v-for="(s, num) in i.tasks" :key="s.taskId">
|
|
|
|
+ <span class="projected-hover" @click="jump(s)">
|
|
|
|
+ {{ s.name }}
|
|
|
|
+ <span v-if="num < (s.length - 1)">,</span>
|
|
|
|
+ </span>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
</span>
|
|
</span>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -18,23 +27,18 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+import { EncryptId } from '@/utils/crypto-js.js'
|
|
export default {
|
|
export default {
|
|
props: {
|
|
props: {
|
|
data: { type: Array, default: null },
|
|
data: { type: Array, default: null },
|
|
tips: { type: Object, default: null }
|
|
tips: { type: Object, default: null }
|
|
},
|
|
},
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- member: []
|
|
|
|
|
|
+ methods: {
|
|
|
|
+ jump(data) {
|
|
|
|
+ const bizId_id = EncryptId(`${data.bizId}_${data.taskId}`)
|
|
|
|
+ const newTab = this.$router.resolve({ name: '任务详情', query: { bizId_id: bizId_id, page: '1' }})
|
|
|
|
+ window.open(newTab.href, '_blank')
|
|
}
|
|
}
|
|
- },
|
|
|
|
- watch: {
|
|
|
|
- data: {
|
|
|
|
- handler(newV) {
|
|
|
|
- console.log(newV, '就这个')
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- deep: true
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -70,5 +74,9 @@ export default {
|
|
min-width: 60px;
|
|
min-width: 60px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .projected-hover:hover {
|
|
|
|
+ color: #409EFF;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|