You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.9 KiB
94 lines
3.9 KiB
<template>
|
|
<div class=''>
|
|
<div class="card m-top12" v-for="(item, index) in tableData" :key="index" >
|
|
<div @click="$emit('handelTodetail',item)">
|
|
<div class="flex">
|
|
<van-tag :type="item.source % 2 === 0?'warning':'primary'">{{typeList[item.source]}}</van-tag>
|
|
<div class=" opacity5 m-left12 font-size13">
|
|
{{ item.categoryName }}
|
|
</div>
|
|
</div>
|
|
<div class="m-top5 flex flex-center font-pingfangB" v-if="item.source === 1">
|
|
{{ item.title || '--' }}<br>
|
|
</div>
|
|
<div class="m-top5 flex flex-center" v-if="item.source !== 1">
|
|
<img src="@/assets/images/icon/address.png" class="small_img m-right7">
|
|
{{ item.serviceTargetName || '--' }} {{ item.serviceTargetMobile }}<br>
|
|
</div>
|
|
<div class="m-top5 flex flex-center" v-else>
|
|
<img src="@/assets/images/icon/address.png" class="small_img m-right7">
|
|
{{ item.serviceTargetName || '--' }}<br>
|
|
</div>
|
|
<div class="opacity5 font-size13 m-top5" style="margin-left: 29px;">{{ item.serviceTargetAddresses }}
|
|
</div>
|
|
<div class="m-top5 flex flex-center" v-if="active== 2 || item.source === 4">
|
|
<img src="@/assets/images/icon/time.png" class="small_img m-right7">
|
|
<div style="font-size: 15px;" >
|
|
{{ item.serviceTimeStart || '--'}} <span v-if="item.source === 1">至 {{item.serviceTimeEnd || '--'}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="m-top5 ">
|
|
<div class="flex flex-center3">
|
|
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img m-right7">
|
|
<div class="van-multi-ellipsis--l2">{{ item.summary||'--' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="m-top12-right opacity5" v-if="active != 2">
|
|
<div class="flex flex-fend m-top12-right">
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" v-if="item.processStatus === 10" @click="$emit('handleCLickReceive',item)">接单</van-button>
|
|
<a :href='`tel:${item.serviceTargetMobile}`' v-if="item.processStatus === 20 && item.source === 4 ">联系需求人</a>
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" v-if="item.processStatus === 20 &&!item.confirmedFlag" @click="$emit('handelServiceConfirm',item)">确认服务</van-button>
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" v-if="item.processStatus === 20 && item.confirmedFlag" @click="$emit('handelServiceComplete',item)">完成服务</van-button>
|
|
|
|
</div>
|
|
</div>
|
|
<div v-if="tableData.length === 0" class="flex flex-center1 flex-center2" style="height: 100%; width: 100%;">
|
|
<div class="font-size13" style="color: #999999;margin-top: 200px;" >暂无数据~</div>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
typeList:['公共服务','共性需求','政策找人','服务找人','个性需求','温暖找人','技能找人','岗位找人']
|
|
};
|
|
},
|
|
props: {
|
|
tableData: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
active:{
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
},
|
|
created() { },
|
|
methods: {},
|
|
components: {},
|
|
computed: {},
|
|
watch: {},
|
|
}
|
|
</script>
|
|
|
|
<style lang='less' scoped>
|
|
/deep/ .van-tabs__content{
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
a{
|
|
border: 1px solid #ebedf0;
|
|
color: #333333;
|
|
padding: 0 10px;
|
|
border-radius: 10px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
font-size: 12px;
|
|
}
|
|
</style>
|
|
|