<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="aspectFit"></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 v-if="item.province">地址：{{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>