|
|
|
|
@ -4,7 +4,250 @@ |
|
|
|
|
<div class="dvied"></div> |
|
|
|
|
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">我的众包</div> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
<div style="background: #ffffff; border-radius: 4px"> |
|
|
|
|
<div class="crowdnum"> |
|
|
|
|
<el-tabs v-model="crowdmol" type="border-card" @tab-click="handleClick"> |
|
|
|
|
<el-tab-pane label="竞标中" name="competitive"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="实施中" name="effect"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="已完成" name="complete"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- <el-radio-group v-model="crowdmol" @change="showDataTypeChage" fill='#0066EB'> |
|
|
|
|
<el-radio-button label="competitive" v-if="competitiveShow"> |
|
|
|
|
<div v-if="crowdmol=='competitive'" style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/fabu1.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#FFFFFF">竞标中</span> |
|
|
|
|
</div> |
|
|
|
|
<div v-else style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/fabu.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#4d4d4d">竞标中</span> |
|
|
|
|
</div> |
|
|
|
|
</el-radio-button> |
|
|
|
|
<el-radio-button label="effect"> |
|
|
|
|
<div v-if="crowdmol=='effect'" style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/ceshishenqing 1.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#FFFFFF">实施中</span> |
|
|
|
|
</div> |
|
|
|
|
<div v-else style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/ceshishenqing.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#4d4d4d">实施中</span> |
|
|
|
|
</div> |
|
|
|
|
</el-radio-button> |
|
|
|
|
<el-radio-button label="complete"> |
|
|
|
|
<div v-if="crowdmol=='complete'" style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/chenggong.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#FFFFFF">已完成</span> |
|
|
|
|
</div> |
|
|
|
|
<div v-else style="display:flex;align-items:center"> |
|
|
|
|
<img src="/assets/personal/chenggong 1.png" alt=""> |
|
|
|
|
<span style="margin-left:6px;color:#4d4d4d">已完成</span> |
|
|
|
|
</div> |
|
|
|
|
</el-radio-button> |
|
|
|
|
|
|
|
|
|
</el-radio-group> --> |
|
|
|
|
<el-table v-loading="loading" :data="crowdData" style="margin-top: 30px"> |
|
|
|
|
<el-table-column label="序号" width="100px" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ scope.$index + 1 }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<!-- <el-table-column label="任务ID" width="90" align="center" key="task_id" prop="task_id"/> --> |
|
|
|
|
<el-table-column label="竞标时间" align="center" key="create_time" prop="create_time"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<span v-if="scope.row.create_time">{{ scope.row.create_time.slice(0, 10) }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="项目名称" |
|
|
|
|
align="center" |
|
|
|
|
key="project_name" |
|
|
|
|
prop="project_name" |
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
width="220px" |
|
|
|
|
/> |
|
|
|
|
<el-table-column label="金额" align="center" key="price" prop="price" :show-overflow-tooltip="true"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<span v-if="scope.row.price == 0">面议</span> |
|
|
|
|
<span v-else>￥{{ scope.row.price }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="任务类型" |
|
|
|
|
align="center" |
|
|
|
|
key="test_type" |
|
|
|
|
prop="test_type" |
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<span>{{ |
|
|
|
|
findLabelValueByProp(tasktypelist, scope.row.test_type, 'dictValue', 'dictLabel') |
|
|
|
|
}}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="项目工期" |
|
|
|
|
align="center" |
|
|
|
|
key="period" |
|
|
|
|
prop="period" |
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<span>{{ scope.row.period }}天</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="技能要求" |
|
|
|
|
align="center" |
|
|
|
|
key="tech_need" |
|
|
|
|
prop="tech_need" |
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="任务状态" |
|
|
|
|
align="center" |
|
|
|
|
key="1" |
|
|
|
|
prop="process_status" |
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
|
> |
|
|
|
|
<!-- <el-table-column :label="crowdmol=='complete'?'状态':'审核状态'" align="center" key="1" prop="process_status" :show-overflow-tooltip="true"> --> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div v-if="crowdmol == 'competitive'"> |
|
|
|
|
<el-tag |
|
|
|
|
type="warning" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="width: 68px; padding-left: 12px; padding-right: 12px; cursor: pointer" |
|
|
|
|
>竞标中</el-tag |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="crowdmol == 'effect'"> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 1" |
|
|
|
|
type="primary" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>实施中</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 3" |
|
|
|
|
type="danger" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>待验收</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 4" |
|
|
|
|
type="warning" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>待付款</el-tag |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="crowdmol == 'complete'"> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 5" |
|
|
|
|
type="success" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>已完成</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 2" |
|
|
|
|
type="danger" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>竞标失败</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="scope.row.status == 6" |
|
|
|
|
type="danger" |
|
|
|
|
effect="dark" |
|
|
|
|
size="small" |
|
|
|
|
style="cursor: pointer" |
|
|
|
|
>验收不通过</el-tag |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220px"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<router-link |
|
|
|
|
:to="{ |
|
|
|
|
path: '/console/currentcrowd', |
|
|
|
|
query: { id: scope.row.task_id, type: 'competitive' }, |
|
|
|
|
}" |
|
|
|
|
class="link-type" |
|
|
|
|
> |
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-key">查看详情 </el-button> |
|
|
|
|
</router-link> |
|
|
|
|
<el-button |
|
|
|
|
style="margin-left: 10px" |
|
|
|
|
@click="openvidib(scope.row)" |
|
|
|
|
v-if="crowdmol == 'effect' && scope.row.status == 1" |
|
|
|
|
size="mini" |
|
|
|
|
type="text" |
|
|
|
|
icon="el-icon-upload2" |
|
|
|
|
> |
|
|
|
|
上传实施结果 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
style="margin-left: 10px" |
|
|
|
|
v-if="crowdmol == 'effect' && scope.row.status == 3" |
|
|
|
|
size="mini" |
|
|
|
|
type="text" |
|
|
|
|
icon="el-icon-upload2" |
|
|
|
|
@click="openvidib(scope.row)" |
|
|
|
|
> |
|
|
|
|
覆盖实施结果 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
style="margin-left: 10px" |
|
|
|
|
@click="goReview(scope.row)" |
|
|
|
|
v-if="scope.row.status == 5 && scope.row.is_comment == 0" |
|
|
|
|
size="mini" |
|
|
|
|
type="text" |
|
|
|
|
> |
|
|
|
|
去评价 |
|
|
|
|
</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
title="上传实施结果" |
|
|
|
|
:visible.sync="resultOpen" |
|
|
|
|
width="600px" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
append-to-body |
|
|
|
|
class="tooldialog" |
|
|
|
|
@close="closecwc" |
|
|
|
|
> |
|
|
|
|
<el-divider style="margin-bottom: 10px"></el-divider> |
|
|
|
|
|
|
|
|
|
<div style="text-align: left; margin-top: 20px"> |
|
|
|
|
<nonimage-upload |
|
|
|
|
ref="nonimage" |
|
|
|
|
v-model="resultAttach" |
|
|
|
|
imageType="pdf|doc|docx|zip|rar" |
|
|
|
|
:serverAddr="materialServerAddr" |
|
|
|
|
fileName="实施结果" |
|
|
|
|
:limit="1" |
|
|
|
|
@setImgPath="setImgPath" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div style="text-align: center; margin-top: 20px"> |
|
|
|
|
<el-button @click="querepeo" style="background: #0066eb; color: #ffffff">确定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 评价弹窗 --> |
|
|
|
|
<reviewDialogVue ref="reviewDialogVuer" @refresh="refreshFn" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
|
