|
|
@ -4,7 +4,9 @@ |
|
|
<view class="flex"> |
|
|
<view class="flex"> |
|
|
<TimeStatus :content="JSON.stringify(item.process)" :status="item.process" /> |
|
|
<TimeStatus :content="JSON.stringify(item.process)" :status="item.process" /> |
|
|
<view class="flex justify-between items-center flex-1 ml-2"> |
|
|
<view class="flex justify-between items-center flex-1 ml-2"> |
|
|
<view>{{ $moment(+item.planStart).format('MM-DD HH:mm') }} {{ $t.time.formatDuration(item.planDuration) }}</view> |
|
|
<view> |
|
|
|
|
|
<span>{{ $moment(+item.planStart).format('MM-DD HH:mm') }}</span> |
|
|
|
|
|
</view> |
|
|
<view> |
|
|
<view> |
|
|
<view class="flex justify-between" style="min-width: 180rpx"> |
|
|
<view class="flex justify-between" style="min-width: 180rpx"> |
|
|
<u-icon custom-prefix="custom-icon" name="C-bxl-redux" size="34"></u-icon> |
|
|
<u-icon custom-prefix="custom-icon" name="C-bxl-redux" size="34"></u-icon> |
|
|
@ -23,33 +25,28 @@ |
|
|
@click="changeTimeNode(item.planStart)" |
|
|
@click="changeTimeNode(item.planStart)" |
|
|
class="h-16" |
|
|
class="h-16" |
|
|
margin="0" |
|
|
margin="0" |
|
|
|
|
|
v-if="item.plugins && item.plugins.length" |
|
|
> |
|
|
> |
|
|
<!-- 任务面板插件 --> |
|
|
<!-- 任务面板插件 --> |
|
|
<view slot="body"> |
|
|
<view slot="body"> |
|
|
<skeleton :banner="false" :loading="!item.plugins.length" :row="4" animate class="mt-2 u-line-2 skeleton"></skeleton> |
|
|
<view v-if="!item.plugins && !item.plugins.length && taskLoading"> |
|
|
<view class="p-0 u-col-between"> |
|
|
<skeleton :banner="false" :loading="true" :row="4" animate class="mt-2 u-line-2 skeleton"></skeleton> |
|
|
<view class="grid grid-cols-3 gap-2 h-36" v-if="item.plugins.length"> |
|
|
|
|
|
<Plugin |
|
|
|
|
|
:class="getClass(plugin.col, plugin.row)" |
|
|
|
|
|
:key="pluginIndex" |
|
|
|
|
|
:pluginId="plugin.pluginId" |
|
|
|
|
|
:styleType="styleType" |
|
|
|
|
|
v-for="(plugin, pluginIndex) in item.plugins" |
|
|
|
|
|
/> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<!-- <view :key="pluginIndex" class="p-0 u-col-between u-skeleton" v-for="(plugin, pluginIndex) in item.plugins"> |
|
|
<view class="p-0 u-col-between" v-else> |
|
|
<view :key="p.pluginId" v-for="p in plugin"> |
|
|
<view :key="pIndex" v-for="(p, pIndex) in item.plugins"> |
|
|
<p-task-title :item="item" v-if="p.pluginId === 1" /> |
|
|
<view class="grid gap-2" v-if="p.length"> |
|
|
<p-task-description :item="item" v-if="p.pluginId === 2" /> |
|
|
<Plugin |
|
|
<p-task-duration-delay :item="item" v-if="p.pluginId === 3" /> |
|
|
:class="getClass(plugin.col, plugin.row)" |
|
|
<p-task-start-time-delay :item="item" v-if="p.pluginId === 4" /> |
|
|
:item="item" |
|
|
<p-deliverable :item="item" v-if="p.pluginId === 5" /> |
|
|
:key="pluginIndex" |
|
|
<p-subtasks :item="item" v-if="p.pluginId === 6" /> |
|
|
:pluginId="plugin.pluginId" |
|
|
<p-subproject :item="item" v-if="p.pluginId === 7" /> |
|
|
:styleType="styleType" |
|
|
<p-task-countdown :item="item" v-if="p.pluginId === 8" /> |
|
|
@changeLoading="taskLoading = false" |
|
|
|
|
|
v-for="(plugin, pluginIndex) in p" |
|
|
|
|
|
/> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view>--> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</u-card> |
|
|
</u-card> |
|
|
</view> |
|
|
</view> |
|
|
@ -68,7 +65,7 @@ export default { |
|
|
name: 'TimeBox', |
|
|
name: 'TimeBox', |
|
|
components: { TimeStatus, Skeleton }, |
|
|
components: { TimeStatus, Skeleton }, |
|
|
data() { |
|
|
data() { |
|
|
return { currentComponent: '', styleType: 0 }; |
|
|
return { currentComponent: '', styleType: 0, taskLoading: true }; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
computed: mapState('home', ['roleId', 'timeNode', 'timeUnit', 'tasks']), |
|
|
computed: mapState('home', ['roleId', 'timeNode', 'timeUnit', 'tasks']), |
|
|
@ -92,6 +89,7 @@ export default { |
|
|
this.setTimeNode(time); |
|
|
this.setTimeNode(time); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 设置网格布局 |
|
|
getClass(col, row) { |
|
|
getClass(col, row) { |
|
|
return [`row-span-${row}`, `col-span-${col}`]; |
|
|
return [`row-span-${row}`, `col-span-${col}`]; |
|
|
}, |
|
|
}, |
|
|
|
