<template>
	<view class="container" :class="[`${themeInfo.theme}-theme`]">
	<view class="orderInfo sflist card">
      <ul>
        <li @click="goOrder">
          <view class="left"><text class="font28 fontb">订单详情</text></view>
          <view class="right font36 fontb textGary">
            <uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
          </view>
        </li>
        <li @click="goVaild">
          <view class="left"><text class="font28 fontb">信息验证</text></view>
          <view class="right font36 fontb textGary">
            <uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
          </view>
        </li>
		    <!-- <li>
          <view class="left"><text class="font28 fontb">发票申请</text></view>
          <view class="right font36 fontb textGary">
            <uv-icon color="#000000" blod name="arrow-right" size="32" />
          </view>
        </li> -->
        <li @click="makePhoneCall">
          <view class="left"><text class="font28 fontb">客服咨询</text></view>
          <view class="right font36 fontb textGary">
            <uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
          </view>
        </li>
      </ul>
    </view>
	 <div class="footer">
      <myCustomtTabBar direction="horizontal" :show-icon="true" :selected="2" @onTabItemTap="onTabItemTap">
      </myCustomtTabBar>
    </div>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import {
	onTabItemTap,
	makePhoneCall,
} from '/utils/common.js'
import { navigateTo } from '@/utils/navigateTo';
import myCustomtTabBar from '@/components/myCustomtTabBar.vue';
import myModal from "@/components/myModal.vue";
import { useLoginApi } from "@/Apis/login.js";
import { useOrderApi } from '@/Apis/order.js';
import { authInfoApi } from "@/Apis/validInfo.js";
import { shareParam } from "@/utils/common.js";
import { useI18n } from 'vue-i18n';
// 主题色配置
import { useMainStore } from "@/store/index.js"
import { onLoad,onShow,onShareAppMessage} from '@dcloudio/uni-app'
import coupon from '@/components/coupon.vue';
import inviteDetail from '@/components/inviteDetail.vue';
import MediatorinviteDetail from '@/components/MediatorinviteDetail.vue';

import { useRecommend } from "@/Apis/recommend.js";
import { baseImageUrl, projectInfo, isKingKong,envVersion } from '@/config';
const { themeInfo, storeState, getUserInfo,logOut } = useMainStore();
const getLoginApi = useLoginApi();
const getApi = useOrderApi();
const couponRef = ref();
const getRecommendApi = useRecommend();
const getAuthApi = authInfoApi();
const { t } = useI18n();
uni.hideTabBar();

const goVaild = () => {
  navigateTo('/pagesb/validationInfo/index');
}
const goOrder = () => {
  navigateTo('/pages/unlock/index');
}

</script>
<style lang="scss" scoped>
@import '@/static/style/theme.scss';

.container {
	width: 100%;
	min-height: 100vh;
	padding-bottom: 400rpx;
	display: flex;
	flex-direction: column;
	align-items: center;

	.orderInfo {
  padding: 0;

  ul {
    list-style: none;
    padding: 0;

    li {
      display: flex;
      align-items: center;
      padding: 28rpx;
      justify-content: space-between;
      border-bottom: 1px solid #a8aaac69;

      &:active {
        background-color: #f5f5f5;
      }

      &:last-child {
        border: none;
      }

      .right {
        display: flex;

        text {
          padding-right: 20px;
        }
      }
    }
  }
}

}
</style>
