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.
60 lines
1.9 KiB
60 lines
1.9 KiB
<template>
|
|
<div class=''>
|
|
<div class="card rounded-corner m-top12" v-for="(item, index) in tableData">
|
|
<div class="flex">
|
|
<van-tag type="primary">个性服务</van-tag>
|
|
<van-tag type="warning">共性需求</van-tag>
|
|
<div class=" opacity5 m-left12 font-size13">
|
|
{{ item.categoryName }}
|
|
</div>
|
|
</div>
|
|
<div class="m-top5 flex flex-center">
|
|
<img src="@/assets/images/icon/address.png" class="small_img m-right7">
|
|
{{ item.serviceTargetName }} {{ item.serviceTargetMobile }}<br>
|
|
</div>
|
|
<div class="opacity5 font-size13 m-top5" style="margin-left: 29px;">{{ item.serviceTargetAddresses }}
|
|
</div>
|
|
<div class="m-top5 flex flex-center">
|
|
<img src="@/assets/images/icon/time.png" class="small_img m-right7">
|
|
{{ item.serviceTimeStart }}
|
|
</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>{{ item.summary }}</div>
|
|
</div>
|
|
</div>
|
|
<hr class=" m-top12-right opacity5">
|
|
<div class="flex flex-fend m-top12-right">
|
|
<van-button size="small" type="info" class="rounded-corner m-top5-bottom">接单</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
};
|
|
},
|
|
props: {
|
|
tableData: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
},
|
|
created() { },
|
|
methods: {},
|
|
components: {},
|
|
computed: {},
|
|
watch: {},
|
|
}
|
|
</script>
|
|
|
|
<style lang='less'>
|
|
/deep/ .van-tabs__content{
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
</style>
|
|
|