79 lines
3.1 KiB
Vue
79 lines
3.1 KiB
Vue
<template>
|
|
<view class="page edge">
|
|
<fy-header title="工作汇报" back />
|
|
<view v-if="!can" class="deny">当前账号没有写汇报权限</view>
|
|
<fy-scroll v-else class="edge-scroll" @refresh="load">
|
|
<view class="card form">
|
|
<text class="lab">类型</text>
|
|
<picker :range="kinds" @change="(e) => kind = kinds[e.detail.value]">
|
|
<view class="box">{{ kind }}</view>
|
|
</picker>
|
|
<text class="lab">内容</text>
|
|
<view class="box tall"><textarea v-model="content" placeholder="今日工作内容 / 周报摘要" /></view>
|
|
<wd-button type="primary" block size="large" @click="submit">提交汇报</wd-button>
|
|
</view>
|
|
<wd-status-tip v-if="!rows.length" image="content" tip="暂无汇报" />
|
|
<view v-for="r in rows" :key="r.id" class="card item">
|
|
<view class="top">
|
|
<text class="type">{{ r.kind || r.title || '汇报' }}</text>
|
|
<text class="s">{{ r.createdAt || r.date || '' }}</text>
|
|
</view>
|
|
<text class="c">{{ r.content || r.summary || r.title || '' }}</text>
|
|
</view>
|
|
</fy-scroll>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import FyHeader from '../../components/fy-header.vue'
|
|
import FyScroll from '../../components/fy-scroll.vue'
|
|
import { store } from '../../utils/store.js'
|
|
import { asList, toast } from '../../utils/format.js'
|
|
import { oaGet, oaPost } from '../../utils/api.js'
|
|
|
|
export default {
|
|
components: { FyHeader, FyScroll },
|
|
data() {
|
|
return { kinds: ['日报', '周报', '月报', '工时'], kind: '日报', content: '', rows: [] }
|
|
},
|
|
computed: {
|
|
can() { return store.can('personal', 'report') }
|
|
},
|
|
onShow() { if (this.can) this.load() },
|
|
methods: {
|
|
async load() {
|
|
try {
|
|
this.rows = asList(await oaGet('/reports?mine=1', store.token))
|
|
} catch (_) {
|
|
try { this.rows = asList(await oaGet('/project/hours?mine=1', store.token)) } catch (e) { this.rows = [] }
|
|
}
|
|
},
|
|
async submit() {
|
|
if (!this.content.trim()) return toast('请填写内容')
|
|
try {
|
|
await oaPost('/reports', { kind: this.kind, content: this.content, title: this.kind }, store.token)
|
|
toast('已提交', 'success')
|
|
this.content = ''
|
|
this.load()
|
|
} catch (e) {
|
|
toast(e.message || '提交失败')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.form { margin: 16rpx 24rpx; padding: 24rpx; }
|
|
.lab { display: block; font-size: 26rpx; color: #6B7280; margin-bottom: 10rpx; }
|
|
.box { background: #F5F7FA; border-radius: 16rpx; padding: 22rpx 24rpx; margin-bottom: 20rpx; font-size: 30rpx; color: #111827; }
|
|
.box.tall { min-height: 180rpx; }
|
|
.box textarea { width: 100%; font-size: 30rpx; }
|
|
.item { margin: 0 24rpx 16rpx; padding: 24rpx; }
|
|
.top { display: flex; align-items: center; justify-content: space-between; }
|
|
.type { font-size: 22rpx; color: #1677FF; background: #E8F1FF; border-radius: 8rpx; padding: 2rpx 10rpx; }
|
|
.s { font-size: 22rpx; color: #9CA3AF; }
|
|
.c { display: block; font-size: 28rpx; margin-top: 14rpx; color: #374151; line-height: 1.65; }
|
|
.deny { padding: 120rpx 40rpx; text-align: center; color: #6B7280; font-size: 28rpx; }
|
|
</style>
|