完善镇管理公司相关任务

This commit is contained in:
weipengfei 2023-09-23 17:07:45 +08:00
parent 05957e0b7d
commit 829f8ed9da
2 changed files with 74 additions and 50 deletions

View File

@ -1,13 +1,18 @@
<template> <template>
<view class="task_page"> <view class="task_page">
<view class="card"> <u-skeleton v-if="skeleton" :class="{'loading': skeleton}" :animate="true" title rows="3" rows-width="92%"
<view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view> rowsHeight="56">
<view>{{taskInfo.content||''}}</view> </u-skeleton>
</view> <block v-else>
<view class="card"> <view class="card">
<view class="c_title">判定条件:</view> <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
<view style="white-space: pre-line;">{{remark}}</view> <view>{{taskInfo.content||''}}</view>
</view> </view>
<view class="card">
<view class="c_title">判定条件:</view>
<view style="white-space: pre-line;">{{remark}}</view>
</view>
</block>
</view> </view>
</template> </template>
@ -24,7 +29,8 @@
content: '', content: '',
extend: {} extend: {}
}, },
remark: '' remark: '',
skeleton: true
} }
}, },
onLoad(options) { onLoad(options) {
@ -34,6 +40,7 @@
onShow() {}, onShow() {},
methods: { methods: {
async initTask(){ async initTask(){
this.skeleton = true;
let res = await serviceTaskDetails({ let res = await serviceTaskDetails({
id: this.taskInfo.id id: this.taskInfo.id
}); });
@ -46,6 +53,7 @@
this.remark = item.remark; this.remark = item.remark;
} }
}) })
this.skeleton = false;
}, },
}, },
} }
@ -129,5 +137,9 @@
} }
} }
} }
.loading{
padding: 28rpx;
}
} }
</style> </style>

View File

@ -1,49 +1,54 @@
<template> <template>
<view class="task_page"> <view class="task_page">
<view class="card"> <u-skeleton v-if="skeleton" :class="{'loading': skeleton}" :animate="true" title rows="5" rows-width="92%"
<view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view> rowsHeight="56">
<view>{{taskInfo.content||''}}</view> </u-skeleton>
</view> <block v-else>
<view class="card"> <view class="card">
<view class="c_title">{{`学习照片 ( ${study_photo.length}/5 ) 张`}}</view> <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
<view class="file"> <view>{{taskInfo.content||''}}</view>
<view class="file_item" v-for="(item, index) in study_photo" :key="'file'+index">
<image class="image" :src="item" @click="priview(index)"></image>
<image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png" @click.stop="deleteFile(index)">
</image>
</view>
<view v-if="taskInfo.status==2" class="file_btn" @click="chooseFile">
<image src="/static/icons/plus.png"></image>
</view>
<view class="file_empty" v-for="k in placeholderLength" :key="'empty'+k"></view>
</view> </view>
</view> <view class="card">
<view class="card"> <view class="c_title">{{`学习照片 ( ${study_photo.length}/5 ) 张`}}</view>
<view class="c_title">{{`签到表照片 ( ${sign_in_table?1:0}/1 ) 张`}}</view> <view class="file">
<view class="file"> <view class="file_item" v-for="(item, index) in study_photo" :key="'file'+index">
<view v-if="sign_in_table" class="file_item"> <image class="image" :src="item" @click="priview(index)"></image>
<image class="image" :src="sign_in_table" @click="priviewOne(index)"></image> <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png" @click.stop="deleteFile(index)">
<image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png" </image>
@click.stop="deleteFile(index, 'sign_in_table')"> </view>
</image> <view v-if="taskInfo.status==2" class="file_btn" @click="chooseFile">
<image src="/static/icons/plus.png"></image>
</view>
<view class="file_empty" v-for="k in placeholderLength" :key="'empty'+k"></view>
</view> </view>
<view v-else class="file_btn" @click="chooseOneFile">
<image src="/static/icons/plus.png"></image>
</view>
<view class="file_empty" v-for="k in 2" :key="'empty'+k"></view>
</view> </view>
</view> <view class="card">
<view class="card" style="margin-bottom: 160rpx;"> <view class="c_title">{{`签到表照片 ( ${sign_in_table?1:0}/1 ) 张`}}</view>
<view class="c_title">培训内容大纲 (50字以上)</view> <view class="file">
<u--textarea :disabled="taskInfo.status!=2" v-model="study_content" placeholder="请输入内容" <view v-if="sign_in_table" class="file_item">
placeholderStyle="font-size: 22rpx;" count maxlength="500" autoHeight <image class="image" :src="sign_in_table" @click="priviewOne(index)"></image>
style="font-size: 28rpx;background-color: #eee;min-height: 100px;padding-bottom: 50rpx;"></u--textarea> <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png"
</view> @click.stop="deleteFile(index, 'sign_in_table')">
<mybtn v-if="taskInfo.status==2" text="确认提交" @click="$u.throttle(submit, 1500)"></mybtn> </image>
<mybtn v-else-if="taskInfo.status==3" text="已完成" :my_btn_disabled="true" @click="showToast('任务已完成')"></mybtn> </view>
<mybtn v-else-if="taskInfo.status==5" text="已关闭" :my_btn_disabled="true" @click="showToast('任务已关闭!')"></mybtn> <view v-else class="file_btn" @click="chooseOneFile">
<!-- <mybtn v-else-if="approve_status==3" text="已驳回,请重新提交" @click="toUpdate"></mybtn> --> <image src="/static/icons/plus.png"></image>
<mybtn v-else text="已提交,请等待审核" :my_btn_disabled="true" @click="showToast('请耐心等待审核结果')"></mybtn> </view>
<view class="file_empty" v-for="k in 2" :key="'empty'+k"></view>
</view>
</view>
<view class="card" style="margin-bottom: 160rpx;">
<view class="c_title">培训内容大纲 (50字以上)</view>
<u--textarea :disabled="taskInfo.status!=2" v-model="study_content" placeholder="请输入内容"
placeholderStyle="font-size: 22rpx;" count maxlength="500" autoHeight
style="font-size: 28rpx;background-color: #eee;min-height: 100px;padding-bottom: 50rpx;"></u--textarea>
</view>
<mybtn v-if="taskInfo.status==2" text="确认提交" @click="$u.throttle(submit, 1500)"></mybtn>
<mybtn v-else-if="taskInfo.status==3" text="已完成" :my_btn_disabled="true" @click="showToast('任务已完成')"></mybtn>
<mybtn v-else-if="taskInfo.status==5" text="已关闭" :my_btn_disabled="true" @click="showToast('任务已关闭!')"></mybtn>
<!-- <mybtn v-else-if="approve_status==3" text="已驳回,请重新提交" @click="toUpdate"></mybtn> -->
<mybtn v-else text="已提交,请等待审核" :my_btn_disabled="true" @click="showToast('请耐心等待审核结果')"></mybtn>
</block>
</view> </view>
</template> </template>
@ -56,6 +61,7 @@
export default { export default {
data() { data() {
return { return {
skeleton: true,
other: { other: {
annex: [], // annex: [], //
is_commit: 0, // is_commit: 0, //
@ -88,6 +94,7 @@
}, },
methods: { methods: {
async initTask() { async initTask() {
this.skeleton = true;
let res = await serviceTaskDetails({ let res = await serviceTaskDetails({
id: this.taskInfo.id id: this.taskInfo.id
}); });
@ -95,6 +102,7 @@
this.sign_in_table = this.taskInfo?.extend?.town_task_type_4?.sign_in_table; this.sign_in_table = this.taskInfo?.extend?.town_task_type_4?.sign_in_table;
this.study_content = this.taskInfo?.extend?.town_task_type_4?.study_content; this.study_content = this.taskInfo?.extend?.town_task_type_4?.study_content;
this.study_photo = JSON.parse(JSON.stringify(this.taskInfo?.extend?.town_task_type_4?.study_photo || [])); this.study_photo = JSON.parse(JSON.stringify(this.taskInfo?.extend?.town_task_type_4?.study_photo || []));
this.skeleton = false;
}, },
// //
async submit() { async submit() {
@ -254,5 +262,9 @@
} }
} }
} }
.loading{
padding: 28rpx;
}
} }
</style> </style>