97 lines
2.7 KiB
Vue
97 lines
2.7 KiB
Vue
<template>
|
|
<view class="product">
|
|
<view class="productList" v-for="(item,index) in list" :key="index" @click="handleActive(item)">
|
|
<view class="name" v-if="isName">
|
|
<view class="post" :style="{'width':!isMoney?'60%':'100%'}">
|
|
<image :src="item.userinfo.avatar" class="mr-10" mode="aspectFill"></image>
|
|
<view class="bold size16 mr-10">{{item.userinfo.name}}</view>
|
|
<text>{{item.userinfo.posname}}</text>
|
|
</view>
|
|
<text class="call" v-if="!isMoney" @click="$tools.getCall(user.authlist,item.userinfo.phone)"
|
|
@click.stop>
|
|
<icon class="iconfont icon-dianhua1 mr-10"></icon>
|
|
拨打电话
|
|
</text>
|
|
</view>
|
|
<view class="info">
|
|
<view class="bold size16 title">
|
|
<text class="" :style="{'width':isState?'80%':'100%'}">{{item.title}}</text>
|
|
<text class="state" v-if="isState">
|
|
{{item.status==4?'待审核':item.status==5?'已驳回':'审核通过'}}
|
|
</text>
|
|
</view>
|
|
<view class="mt-5 c999 size14">{{item.desc}}</view>
|
|
<view class="image" v-if="isMoney&&item.pics.length">
|
|
<image v-for="(img,ind) in item.pics" :key="ind" :src="img.url" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="address" v-if="isMoney">
|
|
<text class="mr-10" v-if="item.industryname">行业：{{item.industryname}}</text>
|
|
<text>地址：{{item.province}}{{item.city}}{{item.area}}{{item.address}}</text>
|
|
</view>
|
|
<view v-if="item.type!=9">
|
|
<view class="money mt-10" v-if="isMoney">
|
|
<text class="redcolor size16 mr-5 bold" v-if="item.vipprice">会员价:￥{{item.vipprice}}</text>
|
|
<text class="size12 c999" v-if="item.price">市场价:￥{{item.price}}</text>
|
|
<text class="call" @click.stop v-if="isPhone"
|
|
@click="$tools.getCall(user.authlist,item.userinfo.phone)">
|
|
<icon class="iconfont icon-dianhua1 mr-10"></icon>
|
|
拨打电话
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 秘书处弹框 -->
|
|
<secratary></secratary>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapState
|
|
} from "vuex";
|
|
export default {
|
|
name: "productList",
|
|
props: {
|
|
isName: { //是否显示头部个人信息
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isPhone: { //是否显示电话
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isState: { //是否显示审核状态
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
isMoney: { //是否显示价格
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
list: {
|
|
type: Array,
|
|
default () {
|
|
return []
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
...mapState(["user"]),
|
|
},
|
|
methods: {
|
|
handleActive(item) {
|
|
this.$emit("handleDetail", item)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
.image {
|
|
:nth-child(2) {
|
|
margin: 0 10px;
|
|
}
|
|
}
|
|
</style> |