<template>
  <view class="container">
    <view class="white_container">
      <image class="pic" src="http://127.0.0.1:5500/assets/index_Mask_group.png" />
      <view class="main">
        <view class="title">七个2锁城</view>
        <u-icon name="star-fill" color="#FFB84D" />
        <u-line margin="46rpx 0 30rpx 0"/>
        <view class="table">
          <view class="label">联系电话</view>
          <view class="desc">15901518415</view>
        </view>
        <view class="table">
          <view class="label">营业时间</view>
          <view class="desc">05:00至24:00</view>
        </view>
        <view class="table">
          <view class="label">营业地址</view>
          <view class="desc">河北省衡水市桃城区自强街路东综合楼1栋8号门店</view>
        </view>
        <view class="table">
          <view class="label">特色服务</view>
          <view class="desc">开锁、换锁、修锁、指纹锁、配汽车钥匙</view>
        </view>
      </view>
    </view>
    <view class="white_container detail">
      <view class="particulars">
        <view>查看详情</view>
        <u-icon name="arrow-right" size="30" />
        
      </view>
    </view>
    <view class="bottom">
      <view class="left">
        <view class="left_label" @click="handleOptionClick">
					<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png" mode="" />
          <view>导航</view>
        </view>
        <view class="left_label" @click="handlePhoneClick">
					<image src="http://127.0.0.1:5500/assets/localLife_detail_Frame.png" mode="" />
          <view>电话</view>
        </view>
        <view class="left_label" @click="handleDiscussClick">
					<image src="http://127.0.0.1:5500/assets/localLife_shopList_Group_1334.png" mode="" />
          <view>点评</view>
        </view>
      </view>
      <text class="btn" @click="handleQuickPayClick">快捷买单</text>
    </view>
  </view>
</template>

<script>
import {
  request,
  picUrl,
  NavgateTo,
} from "../../../utils";

import { apiArr } from "../../../api/v2Community";

export default {
  data() {
    return {
      info: {},
    };
  },
  onLoad(options) {},

  methods: {
    handleQuickPayClick() {
      console.log('快捷支付');
      // NavgateTo('');
    },

    // 导航
    handleOptionClick() {
      const { info } = this;
      let openParmas = {
        latitude: Number(info.lat),
        longitude: Number(info.lng),
        name: info.name,
        address: info.addr,
      };
      uni.openLocation(openParmas);
    },

    //拨打电话触发事件
    handlePhoneClick() {
      uni.makePhoneCall({
        phoneNumber: this.info.tel || '',
        fail(err) {
          console.log('拨打电话失败', err)
        }
      })
    },

    // 点评
    handleDiscussClick() {
      console.log('111');
      // NavgateTo('');
    },
  },
};
</script>

<style>
@import url("./index.css");
</style>
