zhaichao/oa_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

工作协同

Browse Source
This commit is contained in:
zhaichao
2026-09-24 14:31:24 +08:00
parent 471cfe6188
commit fb312af2fc
3 changed files with 39 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/coop/list.vue
+21 -15
View File
@@ -7,20 +7,24 @@
</fy-header>
<fy-scroll class="edge-scroll" @refresh="load">
<view class="sec">待我办理</view>
<view v-if="!pending.length" class="empty">暂无</view>
<wd-status-tip v-if="!pending.length" image="content" tip="暂无待办" />
<view v-for="t in pending" :key="t.id" class="card item" @click="open(t)">
<view class="stripe" />
<view class="body">
<view class="main">
<text class="type">待办理</text>
<text class="t">{{ t.title }}</text>
<text class="s">{{ t.assignerName || '' }} · {{ t.dueAt || '' }}</text>
<text class="s">{{ lineOf(t.assignerName, t.dueAt) }}</text>
</view>
<text class="arr">›</text>
</view>
<view class="sec">我发起的</view>
<wd-status-tip v-if="!mine.length" image="content" tip="暂无发起" />
<view v-for="t in mine" :key="'m' + t.id" class="card item" @click="open(t)">
<view class="body wide">
<view class="main">
<text class="type">协同</text>
<text class="t">{{ t.title }}</text>
<text class="s">{{ t.assigneeName || '' }} · {{ t.status || '' }}</text>
<text class="s">{{ lineOf(t.assigneeName, t.status) }}</text>
</view>
<text class="arr">›</text>
</view>
</fy-scroll>
</view>
@@ -49,6 +53,9 @@ export default {
this.mine = asList(await oaGet('/work-tasks?tab=review', store.token))
} catch (_) {}
},
lineOf(a, b) {
return [a, b].filter(Boolean).join(' · ')
},
open(t) {
uni.navigateTo({ url: '/pages/coop/detail?id=' + encodeURIComponent(t.id) })
},
@@ -60,13 +67,12 @@ export default {
</script>
<style scoped>
.sec { padding: 24rpx 24rpx 8rpx; font-size: 28rpx; font-weight: 700; }
.item { margin: 12rpx 24rpx; display: flex; overflow: hidden; }
.stripe { width: 8rpx; background: #1677FF; }
.body { flex: 1; padding: 24rpx; }
.body.wide { padding: 24rpx; }
.t { display: block; font-size: 28rpx; font-weight: 600; }
.s { font-size: 22rpx; color: #6B7280; }
.empty { padding: 24rpx; text-align: center; color: #6B7280; }
.add { color: #1677FF; font-size: 26rpx; font-weight: 700; padding: 8rpx; }
.sec { padding: 24rpx 32rpx 4rpx; font-size: 26rpx; font-weight: 650; color: #6B7280; }
.item { margin: 16rpx 24rpx; padding: 24rpx; display: flex; align-items: center; }
.main { flex: 1; min-width: 0; }
.type { display: inline-block; font-size: 22rpx; color: #1677FF; background: #E8F1FF; border-radius: 8rpx; padding: 2rpx 10rpx; }
.t { display: block; margin-top: 10rpx; font-size: 28rpx; font-weight: 650; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s { display: block; margin-top: 6rpx; font-size: 24rpx; color: #6B7280; }
.arr { color: #C4C9D4; font-size: 32rpx; margin-left: 8rpx; }
.add { color: #1677FF; font-size: 26rpx; font-weight: 650; padding: 8rpx; }
</style>