|
@@ -23,7 +23,7 @@
|
|
|
<el-table-column label="截止时间" prop="expire_time" width="200"></el-table-column>
|
|
|
<el-table-column label="操作" prop="owner_id" v-if="!$supremeAuthority('creator')" width="120">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-link v-if="scope.row.owner_id!=$userInfo().id" type="primary">领取任务</el-link>
|
|
|
+ <el-link v-if="scope.row.owner_id!=$userInfo().id && scope.row.reviewer_id != $userInfo().id" type="primary">领取任务</el-link>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<template slot="empty">
|
|
@@ -68,79 +68,205 @@
|
|
|
</center>
|
|
|
|
|
|
<el-drawer :custom-class="'drawer_details'" :visible.sync="detailShow" :with-header="false" size="500px">
|
|
|
- <div class="details_title">任务详情</div>
|
|
|
+ <div class="details_title">悬赏信息</div>
|
|
|
<div class="details_content" v-loading="detail_loading">
|
|
|
- <div style="border-bottom:1px #f8f8f8 solid;padding-bottom: 10px;margin-bottom: 10px;" class="flex-box-ce">
|
|
|
- <userImage
|
|
|
- :user_name="active == 'unclaimed' ? detailInfo.owner_name : detailInfo.receiver_name"
|
|
|
- :id="active == 'unclaimed' ? detailInfo.owner_id : detailInfo.receiver_id"
|
|
|
- :img_url="active == 'unclaimed' ? detailInfo.owner_img_url : detailInfo.receiver_img_url"
|
|
|
- class="fl"
|
|
|
- width="50px"
|
|
|
- height="50px"
|
|
|
- fontSize="15"
|
|
|
- ></userImage>
|
|
|
- <div class="flex-1" style="padding-left: 10px;">
|
|
|
- <div class="flex-box-ce" style="margin-bottom: 4px;">
|
|
|
- <div class="flex-1" style="font-size: 16px;font-weight: 700;">
|
|
|
- {{ active == 'unclaimed' ? detailInfo.owner_name : detailInfo.receiver_name }}{{active == 'unclaimed' ? `悬赏的${$getTypsName(detailInfo.pt_id)}任务`:`领取的${$getTypsName(detailInfo.pt_id)}任务`}}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span class="color_red point" v-show="detailInfo.point_config.base_point >= 0">+{{ detailInfo.point_config.base_point }}</span>
|
|
|
- <span class="color_green point" v-show="detailInfo.point_config.base_point < 0">{{ detailInfo.point_config.base_point }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="orange">{{detailInfo.status_mark}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <div style="border-bottom:1px #f8f8f8 solid;padding-bottom: 10px;margin-bottom: 10px;" class="flex-box-ce">-->
|
|
|
+<!-- <userImage-->
|
|
|
+<!-- :user_name="active == 'unclaimed' ? detailInfo.owner_name : detailInfo.receiver_name"-->
|
|
|
+<!-- :id="active == 'unclaimed' ? detailInfo.owner_id : detailInfo.receiver_id"-->
|
|
|
+<!-- :img_url="active == 'unclaimed' ? detailInfo.owner_img_url : detailInfo.receiver_img_url"-->
|
|
|
+<!-- class="fl"-->
|
|
|
+<!-- width="50px"-->
|
|
|
+<!-- height="50px"-->
|
|
|
+<!-- fontSize="15"-->
|
|
|
+<!-- ></userImage>-->
|
|
|
+<!-- <div class="flex-1" style="padding-left: 10px;">-->
|
|
|
+<!-- <div class="flex-box-ce" style="margin-bottom: 4px;">-->
|
|
|
+<!-- <div class="flex-1" style="font-size: 16px;font-weight: 700;">-->
|
|
|
+<!-- {{ active == 'unclaimed' ? detailInfo.owner_name : detailInfo.receiver_name }}{{active == 'unclaimed' ? `悬赏的${$getTypsName(detailInfo.pt_id)}任务`:`领取的${$getTypsName(detailInfo.pt_id)}任务`}}-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div>-->
|
|
|
+<!-- <span class="color_red point" v-show="detailInfo.point_config.base_point >= 0">+{{ detailInfo.point_config.base_point }}</span>-->
|
|
|
+<!-- <span class="color_green point" v-show="detailInfo.point_config.base_point < 0">{{ detailInfo.point_config.base_point }}</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="orange">{{detailInfo.status_mark}}</div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+
|
|
|
+<!-- <el-row v-if="detailInfo.task_name !== ''">-->
|
|
|
+<!-- <el-col :span="4">任务内容</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.task_name }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+
|
|
|
+<!-- <el-row v-if="detailInfo.task_remark !== ''">-->
|
|
|
+<!-- <el-col :span="4">任务备注</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.task_remark }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
|
|
|
- <el-row v-if="detailInfo.task_name !== ''">
|
|
|
- <el-col :span="4">任务内容</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.task_name }}</el-col>
|
|
|
- </el-row>
|
|
|
+<!-- <el-row v-if="detailInfo.type_mark !== ''">-->
|
|
|
+<!-- <el-col :span="4">任务类型</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.type_mark }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
|
|
|
- <el-row v-if="detailInfo.task_remark !== ''">
|
|
|
- <el-col :span="4">任务备注</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.task_remark }}</el-col>
|
|
|
- </el-row>
|
|
|
+<!-- <el-row v-if="$getTypsName(detailInfo.pt_id) !== ''">-->
|
|
|
+<!-- <el-col :span="4">积分类型</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ $getTypsName(detailInfo.pt_id) }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row v-if="detailInfo.create_time !== ''">-->
|
|
|
+<!-- <el-col :span="4">发布时间</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.create_time }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row v-if="detailInfo.expire_time !== ''">-->
|
|
|
+<!-- <el-col :span="4">截止时间</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.expire_time }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row v-if="detailInfo.reviewer_name">-->
|
|
|
+<!-- <el-col :span="4">审批人</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.reviewer_name }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row v-if="detailInfo.owner_name">-->
|
|
|
+<!-- <el-col :span="4">发布人</el-col>-->
|
|
|
+<!-- <el-col :span="20">{{ detailInfo.owner_name }}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row v-if="detailInfo.task_file_list !== null && detailInfo.task_file_list.length !== 0">-->
|
|
|
+<!-- <el-col :span="4">图片附件</el-col>-->
|
|
|
+<!-- <el-col :span="20">-->
|
|
|
+<!-- <el-image-->
|
|
|
+<!-- v-for="(item,index) in detailInfo.task_file_list"-->
|
|
|
+<!-- :key="index"-->
|
|
|
+<!-- style="width: 100px; height: 100px; margin-right:10px"-->
|
|
|
+<!-- :src="item"-->
|
|
|
+<!-- :preview-src-list="detailInfo.task_file_list"></el-image>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+
|
|
|
+ <el-card shadow="always">
|
|
|
+ <template slot="header">
|
|
|
+ <div class="flex-box-ce">
|
|
|
+ <userImage
|
|
|
+ :user_name="active == 'unclaimed' ? detailInfo.owner_name : detailInfo.receiver_name"
|
|
|
+ :id="active == 'unclaimed' ? detailInfo.owner_id : detailInfo.receiver_id"
|
|
|
+ :img_url="active == 'unclaimed' ? detailInfo.owner_img_url : detailInfo.receiver_img_url"
|
|
|
+ class="fl"
|
|
|
+ width="50px"
|
|
|
+ height="50px"
|
|
|
+ fontSize="15"
|
|
|
+ />
|
|
|
+ <div>
|
|
|
+ {{detailInfo.owner_name}}
|
|
|
+ {{ $getTypsName(detailInfo.pt_id) }}任务
|
|
|
+ <el-tag>{{ detailInfo.point_config.base_point }}分</el-tag>
|
|
|
+ <el-tag type="info">{{ detailInfo.receiver_name }}{{ detailInfo.status_mark }}</el-tag>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-descriptions
|
|
|
+ title="任务信息"
|
|
|
+ direction="vertical"
|
|
|
+ :column="2"
|
|
|
+ size="small"
|
|
|
+ :label-style="{width:'80px',textAlign:'center'}"
|
|
|
+ :content-style="{width:'80px',textAlign: 'center'}"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-descriptions-item label="任务内容">{{detailInfo.task_name}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.receiver_id !== 0"
|
|
|
+ :label="detailInfo.status == 3 ? '完成人' : '领取人'"
|
|
|
+ >{{detailInfo.receiver_name}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.task_remark"
|
|
|
+ label="任务备注"
|
|
|
+ >{{detailInfo.task_remark}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.point_config"
|
|
|
+ label="任务积分"
|
|
|
+ >
|
|
|
+ {{ detailInfo.point_config.base_point }}{{ $getTypsName(detailInfo.pt_id) }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="发布时间">{{detailInfo.create_time}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="截止时间">{{detailInfo.end_time}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.point_config && detailInfo.point_config.timeout_deduction_point"
|
|
|
+ label="逾期扣分"
|
|
|
+ >
|
|
|
+ {{ detailInfo.point_config.timeout_deduction_point }}/天
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.point_config && detailInfo.point_config.ahead_award_point"
|
|
|
+ label="提前奖分"
|
|
|
+ >
|
|
|
+ {{ detailInfo.point_config.ahead_award_point }}/天
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.department_info"
|
|
|
+ label="可见范围"
|
|
|
+ >
|
|
|
+ <div class="content_text" v-if="detailInfo.department_info.length > 0">
|
|
|
+ <span
|
|
|
+ v-for="(item, index) in detailInfo.department_info"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else >
|
|
|
+ <el-tag>全公司可见</el-tag>
|
|
|
+ </div>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item
|
|
|
+ v-if="detailInfo.reviewer_name"
|
|
|
+ label="审批人"
|
|
|
+ >
|
|
|
+ {{detailInfo.reviewer_name}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="任务类型">{{ detailInfo.source_type_mark }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
|
|
|
- <el-row v-if="detailInfo.type_mark !== ''">
|
|
|
- <el-col :span="4">任务类型</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.type_mark }}</el-col>
|
|
|
- </el-row>
|
|
|
+ <el-descriptions
|
|
|
+ v-if="detailInfo.item_info"
|
|
|
+ style="margin-top: 20px"
|
|
|
+ title="规则依据"
|
|
|
+ direction="vertical"
|
|
|
+ :column="2"
|
|
|
+ size="small"
|
|
|
+ :label-style="{width:'80px',textAlign:'center'}"
|
|
|
+ :content-style="{width:'80px',textAlign: 'center'}"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-descriptions-item label="规则">{{detailInfo.item_info.remark}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="积分">{{pointRemark}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="规则状态" v-if="detailInfo.item_info.has_delete">
|
|
|
+ <el-tag type="warning">规则已删除</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item v-if="detailInfo.rule_info" label="分类">{{detailInfo.rule_info.name}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item v-if="detailInfo.rule_info && detailInfo.rule_info.has_delete" label="分类状态">
|
|
|
+ <el-tag type="warning">分类已删除</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
|
|
|
- <el-row v-if="$getTypsName(detailInfo.pt_id) !== ''">
|
|
|
- <el-col :span="4">积分类型</el-col>
|
|
|
- <el-col :span="20">{{ $getTypsName(detailInfo.pt_id) }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="detailInfo.create_time !== ''">
|
|
|
- <el-col :span="4">发布时间</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.create_time }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="detailInfo.expire_time !== ''">
|
|
|
- <el-col :span="4">截止时间</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.expire_time }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="detailInfo.reviewer_name">
|
|
|
- <el-col :span="4">审批人</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.reviewer_name }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="detailInfo.owner_name">
|
|
|
- <el-col :span="4">发布人</el-col>
|
|
|
- <el-col :span="20">{{ detailInfo.owner_name }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="detailInfo.task_file_list !== null && detailInfo.task_file_list.length !== 0">
|
|
|
- <el-col :span="4">图片附件</el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-image
|
|
|
- v-for="(item,index) in detailInfo.task_file_list"
|
|
|
- :key="index"
|
|
|
- style="width: 100px; height: 100px; margin-right:10px"
|
|
|
- :src="item"
|
|
|
- :preview-src-list="detailInfo.task_file_list"></el-image>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-descriptions
|
|
|
+ v-else-if="detailInfo.rule_info"
|
|
|
+ style="margin-top: 20px"
|
|
|
+ title="规则分类"
|
|
|
+ direction="vertical"
|
|
|
+ :column="2"
|
|
|
+ size="small"
|
|
|
+ :label-style="{width:'80px',textAlign:'center'}"
|
|
|
+ :content-style="{width:'80px',textAlign: 'center'}"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-descriptions-item label="分类">{{detailInfo.rule_info.name}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="分类状态" v-if="detailInfo.rule_info.has_delete">
|
|
|
+ <el-tag type="warning">分类已删除</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </el-card>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="drawer-footer flex-box-end flex-v-ce" v-if="detailInfo.status == '1' && user_id != detailInfo.owner_id && detailInfo.reviewer_id != user_id">
|
|
|
<el-button plain @click="detailShow = false">取消</el-button>
|
|
|
<el-button type="primary" @click="collectTask" :loading="receiveLoad">领取任务</el-button>
|
|
@@ -151,8 +277,11 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import Template from "../../../../examine/components/Template.vue";
|
|
|
+
|
|
|
export default {
|
|
|
name: 'get_task',
|
|
|
+ components: {Template},
|
|
|
data() {
|
|
|
return {
|
|
|
active: 'unclaimed',
|
|
@@ -173,6 +302,12 @@ export default {
|
|
|
user_id: this.$store.getters.user_info.id
|
|
|
};
|
|
|
},
|
|
|
+ computed:{
|
|
|
+ pointRemark(){
|
|
|
+ if (!(this.detailInfo && this.detailInfo.item_info)) return ''
|
|
|
+ return this.detailInfo.item_info.range_type === 1 ? `${this.detailInfo.item_info.min_point} ${this.$getTypsName(this.detailInfo.item_info.pt_id)}` : `${this.detailInfo.item_info.min_point} -- ${this.detailInfo.item_info.max_point} ${this.$getTypsName(this.detailInfo.item_info.pt_id)}`
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.get_list();
|
|
|
},
|