You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.4 KiB
83 lines
2.4 KiB
<template>
|
|
<view class="p-3 bg-white">
|
|
<view class="flex items-center">
|
|
<image class="w-8 h-8 ml-1 mr-4 bg-yellow-700 rounded-full" src="../../static/local_play1.png"></image>
|
|
<view class="text-sm font-semibold">我的LWBS</view>
|
|
</view>
|
|
<view class="flex items-center justify-between p-2 task" v-for="(task, index) in tasks" :key="index">
|
|
<view class="flex items-center">
|
|
<view class="w-8 h-8 ml-1 mr-2 bg-blue-300 rounded-full">
|
|
<view class="flex items-center justify-center w-8 h-8">{{ index + 1 }}</view>
|
|
</view>
|
|
<view>
|
|
<view class="flex items-center">
|
|
<view class="text-sm font-semibold">{{ task.taskName }}</view>
|
|
<view class="pl-2 pr-2 text-green-500 bg-green-200 rounded-full">{{ task.state }}</view>
|
|
</view>
|
|
<view class="flex items-center text-gray-400">
|
|
<view class="pr-2">{{ task.time }}</view>
|
|
<view>时长：{{ task.duration }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-icon name="arrow-right" size="28"></u-icon>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
isrotate: -1,
|
|
tasks: [
|
|
{
|
|
taskName: '山西省三大中心建设',
|
|
state: '正在进行',
|
|
time: '05月31日 00：00',
|
|
duration: '365天',
|
|
},
|
|
{
|
|
taskName: '1号康复室',
|
|
state: '正在进行',
|
|
time: '01月31日 00：00',
|
|
duration: '727天',
|
|
},
|
|
{
|
|
taskName: '盐湖医院远程康复',
|
|
state: '正在进行',
|
|
time: '05月31日 00：00',
|
|
duration: '65天',
|
|
},
|
|
{
|
|
taskName: '山西省三大中心建设',
|
|
state: '正在进行',
|
|
time: '05月31日 00：00',
|
|
duration: '365天',
|
|
},
|
|
{
|
|
taskName: '1号康复室',
|
|
state: '正在进行',
|
|
time: '01月31日 00：00',
|
|
duration: '727天',
|
|
},
|
|
{
|
|
taskName: '盐湖医院远程康复',
|
|
state: '正在进行',
|
|
time: '05月31日 00：00',
|
|
duration: '65天',
|
|
},
|
|
],
|
|
};
|
|
},
|
|
methods: {
|
|
// 展开子项目
|
|
openProjectItem(index) {
|
|
if (this.isrotate === -1) {
|
|
this.isrotate = index;
|
|
} else {
|
|
this.isrotate = -1;
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|