<template>
	<view class="wrap">
		<!-- 店铺业务 -->
		<view class="shore_business">
			<view class="store_message">店铺业务<view class="shu_line"></view></view>
			<view class="message_list">
				<!-- <navigator class="message_list_item clear" hover-class="none" url="../my_serve/my_serve"> -->
				<navigator class="message_list_item clear" hover-class="none" url="">
				    <view class="photo_lf">服务项目</view>
				    <view class="photo_middle">服务内容、价格明细</view>
				    <view class="photo_rg">{{allData.serviceItem}}<text class="iconfont more"></text></view>
				</navigator>
				<!-- <navigator v-if="allData.paramType != 3"  class="message_list_item clear" hover-class="none" url="../add_message/add_message"> -->
				<navigator v-if="allData.paramType != 3"  class="message_list_item clear" hover-class="none" url="">
				    <view class="photo_lf">业务范围</view>
				    <view class="photo_rg"><view class="main_add">{{allData.pMainBusiness}}</view><text class="iconfont more"></text></view>
				</navigator>
				<navigator v-if="allData.paramType == 3" class="message_list_item clear" hover-class="none" url="">
				    <view class="photo_lf">业务范围</view>
				    <view class="photo_rg"><view class="main_add">{{allData.pMainBusiness}}</view><text class="iconfont more"></text></view>
				</navigator>
				<!-- <navigator class="message_list_item clear" hover-class="none" :url="'../introduce/introduce?name='+ allData.name"> -->
				<navigator class="message_list_item clear" hover-class="none" url="">
				    <view class="photo_lf">公司介绍</view>
				    <view class="photo_rg"><text class="iconfont more"></text></view>
				</navigator>
				<view class="message_list_item clear">
				    <view class="photo_lf">营业时间</view>
				    <navigator hover-class="none" url="" class="photo_rg" v-if="allData.businessStime === null || allData.businessEtime === null"><text class="iconfont more"></text></navigator>
				    <navigator hover-class="none" url="" class="photo_rg" v-else>{{allData.businessScope}}<text class="iconfont more"></text></navigator>
				</view>
				<view class="message_list_item clear">
					<view class="photo_lf">加入品牌</view>
					<navigator hover-class="none" url="" class="photo_rg" v-if="allData.brandName === null || allData.brandName == ''">未加入<text class="iconfont more"></text></navigator>
					<navigator hover-class="none" url="" class="photo_rg" v-else>{{allData.brandName}}<text class="iconfont more"></text></navigator>
				</view>
		    </view>
		</view>
		<!-- 图片管理 -->
		<view class="photo">
			<view class="store_message">图片管理<view class="shu_line"></view></view>
			<view class="message_list">
				<view class="message_list_item clear logo" @tap="setLogo">
					<view class="photo_lf">店铺头像</view>
					<view class="photo_rg" >
						<view class="logo_photo"><image mode="aspectFill" :src="allData.imgLog"></image></view><text class="iconfont more"></text>
					</view>
				</view>
				<navigator class="message_list_item clear" hover-class="none" url="">
					<view class="photo_lf">店铺门头</view>
					<view class="photo_rg"><text class="iconfont more"></text></view>
				</navigator>
				<navigator class="message_list_item clear" hover-class="none" url="">
					<view class="photo_lf">图册</view>
					<view class="photo_rg">{{allData.photos}}<text class="iconfont more"></text></view>
				</navigator>
			</view>
		</view>
		<!-- 店铺基本信息 -->
		<view class="message">
		  <view class="store_message">店铺基本信息<view class="shu_line"></view></view>
		  <view class="message_list">
				<view class="message_list_item clear">
					<view class="message_list_item_lf">企业名称</view>
					<view class="message_list_item_rg">{{allData.companyName}}</view>
				</view>
				<view class="message_list_item clear">
					<view class="message_list_item_lf">店铺名称</view>
					<view class="message_list_item_rg">{{allData.name}}</view>
				</view>
				<view class="message_list_item clear" @tap="setAddress">
					<view class="message_list_item_lf">店铺地址</view>
					<view class="message_list_item_rg"><view class="setAddress_text">{{allData.address}}</view> <text class="iconfont more"></text></view>
				</view>
				<view class="message_list_item clear" @tap="setPhone">
					<view class="message_list_item_lf">店铺电话</view>
					<view class="message_list_item_rg">{{allData.telphone === null?'':allData.telphone}} <text class="iconfont more"></text></view>
				</view>
				<view class="message_list_item clear">
					<view class="message_list_item_lf">入驻时间</view>
					<view class="message_list_item_rg">{{allData.enterDateFormt}}</view>
				</view>
				<view class="message_list_item clear" @tap="toCompanyClass">
					<view class="message_list_item_lf">企业类型</view>
					<view class="message_list_item_rg"><view class="setAddress_text">{{allData.companyType}}</view> <text v-if="paramType != 3" class="iconfont more"></text></view>
				</view>
				<view class="message_list_item clear" @tap="toIntelligence">
					<view class="message_list_item_lf">经营资质</view>
					<view class="message_list_item_rg"><view class="setAddress_text">{{allData.intelligence}}</view> <text class="iconfont more"></text></view>
				</view>
				<view class="message_list_item clear" @ap="toMainBrand">
					<view class="message_list_item_lf">主营车型</view>
					<view class="message_list_item_rg"><view class="setAddress_text">{{allData.mainBrand}}</view> <text class="iconfont more"></text></view>
				</view>
				<view class="message_list_item clear">
					<view class="message_list_item_lf">认证状态</view>
					<navigator hover-class="none" url="" class="message_list_item_rg" v-if="allData.status == 0"><view class="renzheng">未认证</view>查看详情 <text class="iconfont more"></text></navigator>
					<navigator hover-class="none" url="" class="message_list_item_rg" v-if="allData.status == 1"><view class="renzheng">认证用户</view>查看详情 <text class="iconfont more"></text></navigator>
				</view>
		  </view>
		</view>
	</view>
</template>

<script>
	import api from "../../../../../../api.js";
	let app = getApp();
	export default {
		data() {
			return {
				allData:null,
			}
		},
		onLoad() {
			this.getData();
		},
		methods: {
			//加载数据
			getData(){
				let data = {
					token:app.globalData.token
				}
				api.getUserStoreMessage(data).then((res)=>{
					console.log(res);
					this.allData = res.data.data;
				})
			}
		}
	}
</script>

<style>
	page{
	  width:100%;
	  height:100%;
	}
	.tel_inp_place1{
	  font-size: 24rpx;
	  color:#999999;
	  line-height: 60rpx;
	}
	.message,.photo,.shore_business{
	  width:100%;
	  overflow: hidden;
	}
	.store_message{
	  width:100%;
	  height:100rpx;
	  line-height: 100rpx;
	  background-color: #F9F9F9;
	  font-size: 32rpx;
	  color:#222222;
	  font-weight: bold;
	  padding-left: 46rpx;
	  box-sizing: border-box;
	  position: relative;
	}
	.shu_line{
	  width:6rpx;
	  height:30rpx;
	  background:rgba(231,120,23,1);
	  position: absolute;
	  top:36rpx;
	  left:30rpx;
	}
	.message_list{
	  width:100%;
	  padding:0 30rpx;
	  box-sizing: border-box;
	}
	.message_list_item{
	  width:100%;
	  height:100rpx;
	  border-bottom: 1px solid #f2f2f2;
	  box-sizing: border-box;
	  line-height: 100rpx;
	  position: relative;
	}
	.message_list_item_lf{
	  font-size: 28rpx;
	  color:#666666;
	  float:left;
	}
	.message_list_item_rg{
	  font-size: 28rpx;
	  color:#222222;
	  font-weight: bold;
	  position: absolute;
	  top:0;
	  right:0;
	}
	.more{
	  font-size: 26rpx;
	  color:#999999;
	  font-weight: normal;
	}
	.renzheng{
	  display: inline-block;
	  width:84rpx;
	  height:30rpx;
	  background:rgba(231,120,23,1);
	  border-radius:16rpx;
	  text-align: center;
	  line-height: 30rpx;
	  color:#ffffff;
	  font-size: 18rpx;
	  margin-right: 18rpx;
	}
	.photo_lf{
	  font-size: 28rpx;
	  color:#666666;
	  float:left;
	}
	.photo_middle{
	  float: left;
	  font-size: 22rpx;
	  color:#666666;
	  margin-left: 30rpx;
	}
	.photo_rg{
	  position: absolute;
	  top:0;
	  right:0;
	  font-size: 28rpx;
	  color:#222222;
	  font-weight: bold;
	  overflow: hidden;
	}
	.logo{
	  height:160rpx;
	  line-height: 160rpx;
	}
	.logo_photo{
	  width:124rpx;
	  height:124rpx;
	  position: relative;
	  margin-top:18rpx;
	  overflow: hidden;
	  float: left;
	}
	.photo_rg image{
	  width:100%;
	  height: 100%;
	  position: absolute;
	  top:50%;
	  left:50%;
	  transform: translate(-50%,-50%);
	  display: block;
	}
	.masking{
	  width:100%;
	  height:100%;
	  background-color: rgba(0,0,0,0.5);
	  position: fixed;
	  top:0;
	  left:0;
	  z-index: 100;
	  display: none;
	}
	.mesking_show{
	  width:600rpx;
	  height:460rpx;
	  background:rgba(255,255,255,1);
	  border-radius:10rpx;
	  position: absolute;
	  top:50%;
	  left:50%;
	  transform: translate(-50%,-50%);
	}
	.mesking_show_title{
	  text-align: center;
	  font-size: 32rpx;
	  color:#000000;
	  font-weight: bold;
	  margin-top:52rpx;
	}
	.inp_box{
	  width:510rpx;
	  height:60rpx;
	  border-bottom:1px solid #f2f2f2;
	  margin:46rpx auto 0;
	  line-height: 60rpx;
	}
	.tel_inp{
	  width:100%;
	  height:100%;
	  line-height: 60rpx;
	}
	.tel_inp_place{
	  font-size: 24rpx;
	  color:#999999;
	  margin-top:14rpx;
	  text-indent: 52rpx;
	}
	.button{
	  width:100%;
	  height:106rpx;
	  line-height: 106rpx;
	  border-top:1px solid #f2f2f2;
	  position: absolute;
	  bottom:0;
	  left:0;
	}
	.button_con{
	  width:50%;
	  border-right:1px solid #f2f2f2;
	  box-sizing: border-box;
	  display: inline-block;
	  font-size: 32rpx;
	  color:#222222;
	  font-weight: bold;
	  text-align: center;
	}
	.confirm{
	  border-right:none;
	  color:#E77817;
	}
	.show{
	  display: block;
	}
	.hidden{
	  display: none;
	}
	.main_add{
	  width:540rpx;
	  /* overflow: hidden; */
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  display: inline-block;
	  font-size: 28rpx;
	  color:#222222;
	  text-align: right;
	}
	.setAddress_text{
	  width:510rpx;
	  position: absolute;
	  right:26rpx;
	  text-align: right;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
</style>
