|
|
|
@ -1,55 +1,61 @@ |
|
|
|
<template> |
|
|
|
<view class="column"> |
|
|
|
<view :key="index" v-for="(task, index) in tasks"> |
|
|
|
<view class="flex"> |
|
|
|
<TimeStatus :task="task" /> |
|
|
|
<view v-if="tasks && tasks.length"> |
|
|
|
<view :key="index" v-for="(task, index) in tasks"> |
|
|
|
<view class="flex"> |
|
|
|
<TimeStatus :task="task" /> |
|
|
|
|
|
|
|
<view class="flex items-center justify-between flex-1 ml-2 task-column"> |
|
|
|
<view>{{ $moment(+task.planStart).format(startTimeFormat) }}</view> |
|
|
|
<view class="flex items-center justify-between flex-1 ml-2 task-column"> |
|
|
|
<view>{{ $moment(+task.planStart).format(startTimeFormat) }}</view> |
|
|
|
|
|
|
|
<!-- 任务功能菜单 --> |
|
|
|
<TaskTools /> |
|
|
|
<!-- 任务功能菜单 --> |
|
|
|
<TaskTools /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="border-l-2 border-gray-300 plugin"> |
|
|
|
<view class="ml-3 overflow-hidden shadow-lg task-box"> |
|
|
|
<u-card |
|
|
|
:show-foot="false" |
|
|
|
:show-head="false" |
|
|
|
:style="{ height: setHeight(task.panel) }" |
|
|
|
@click="onClickTask(+task.planStart)" |
|
|
|
class="h-16" |
|
|
|
margin="0" |
|
|
|
v-if="task.plugins && task.plugins.length" |
|
|
|
> |
|
|
|
<!-- 任务面板插件 --> |
|
|
|
<view slot="body"> |
|
|
|
<!-- TODO: 逻辑不完善 --> |
|
|
|
<view v-if="!task.plugins.length"> |
|
|
|
<skeleton :banner="false" :loading="true" :row="4" animate class="mt-2 u-line-2 skeleton"></skeleton> |
|
|
|
</view> |
|
|
|
<view class="border-l-2 border-gray-300 plugin"> |
|
|
|
<view class="ml-3 overflow-hidden shadow-lg task-box"> |
|
|
|
<u-card |
|
|
|
:show-foot="false" |
|
|
|
:show-head="false" |
|
|
|
:style="{ height: setHeight(task.panel) }" |
|
|
|
@click="onClickTask(+task.planStart)" |
|
|
|
class="h-16" |
|
|
|
margin="0" |
|
|
|
> |
|
|
|
<!-- v-if="task.plugins && task.plugins.length" --> |
|
|
|
<!-- 任务面板插件 --> |
|
|
|
<view slot="body"> |
|
|
|
<!-- TODO: 逻辑不完善 --> |
|
|
|
<view v-if="!task.plugins.length"> |
|
|
|
<skeleton :banner="false" :loading="true" :row="2" animate class="mt-2 u-line-2 skeleton"></skeleton> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="p-0 u-col-between" v-else> |
|
|
|
<view :key="pIndex" v-for="(row, pIndex) in task.plugins"> |
|
|
|
<view class="grid gap-2" v-if="row.length"> |
|
|
|
<Plugin |
|
|
|
:class="getClass(plugin.col, plugin.row)" |
|
|
|
:task="task" |
|
|
|
:key="plugin.pluginTaskId" |
|
|
|
:plugin-task-id="plugin.pluginTaskId" |
|
|
|
:plugin-id="plugin.pluginId" |
|
|
|
:param="plugin.param" |
|
|
|
:style-type="styleType || 0" |
|
|
|
v-for="plugin in row" |
|
|
|
/> |
|
|
|
<view class="p-0 u-col-between" v-else> |
|
|
|
<view :key="pIndex" v-for="(row, pIndex) in task.plugins"> |
|
|
|
<view class="grid gap-2" v-if="row.length"> |
|
|
|
<Plugin |
|
|
|
:class="getClass(plugin.col, plugin.row)" |
|
|
|
:task="task" |
|
|
|
:key="plugin.pluginTaskId" |
|
|
|
:plugin-task-id="plugin.pluginTaskId" |
|
|
|
:plugin-id="plugin.pluginId" |
|
|
|
:param="plugin.param" |
|
|
|
:style-type="styleType || 0" |
|
|
|
v-for="plugin in row" |
|
|
|
/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-card> |
|
|
|
</u-card> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-else class="flex flex-row items-center ml-1"> |
|
|
|
<u-icon name="plus-circle" color="#2979ff" size="40" class="mr-2"></u-icon> |
|
|
|
新建任务 |
|
|
|
</view> |
|
|
|
<!-- 局部弹框操作栏 --> |
|
|
|
<Tips /> |
|
|
|
</view> |
|
|
|
|
