<template>
  <view class="navbar" @longtap="displayLogs">
    <view class="left" v-show="showLeft" @click="goBack">
      <!-- <view class="back-button" @click="goBack">&lt;</view> -->
	  <image src="../../static/image/home/return.png" mode="" style="width: 16rpx; height:30rpx;"></image>
    </view>
    <view class="center">
      <text class="title">{{ title }}</text>
    </view>
    <view class="right">
      <slot></slot> <!-- 用于放置额外的按钮或组件 -->
    </view>
  </view>
</template>

<script>
	import {
		displayLogs,
	} from '../../common/log.js'
	import {
		showCustomModal,
	} from '../../common/util.js'
export default {
  props: {
    title: {
      type: String,
      default: '标题',
    },
	showLeft:{
		type: Boolean,
		default: true
	},
	goBackUrl:{
		type: String,
		default: '', // /pages/home/importFile
	},
	// returnConfirmFlag:{
	// 	type: Boolean,
	// 	default: false, // /pages/home/importFile
	// },
	// testingFlag:{
	// 	type: Boolean,
	// 	default: false, // /pages/home/importFile
	// },
  },
  methods: {
	displayLogs,
    goBack() {
		this.$emit('gobackDeal')
		// if(this.testingFlag){
		// 	showCustomModal({
		// 		content: '正在测量中，是否要中断测量?',
		// 		showCancel: true,
		// 		success: ()=> {
		// 			this.gosend('STOP')
		// 			uni.navigateTo({
		// 				url: '/pages/home/home',
		// 			});
		// 		},
		// 	})
		// }else if(this.returnConfirmFlag){
		// 	showCustomModal({
		// 		content: '蓝牙正在连接中，是否要中断连接?',
		// 		showCancel: true,
		// 		success: ()=> {
		// 			uni.navigateTo({
		// 				url: '/pages/home/home',
		// 			});
		// 		},
		// 	})
		// }else{
		// 	if(this.goBackUrl){
		// 		uni.redirectTo({
		// 			url: this.goBackUrl
		// 		})
		// 	}else{
		// 		uni.navigateBack();
		// 	}
		// }
    },
  },
};
</script>

<style>
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100rpx;
  padding: 10rpx 40rpx;
  /* background-color: #007AFF; */
  
  /* background: linear-gradient(180deg, #007AFF 0%, #419AFF 20%); */
  background-color: transparent;
  /* border-bottom: 1px solid #eaeaea; */
}
.left, .center, .right {
  display: flex;
  align-items: center;
}
.title {
  font-size: 36rpx;
  color: #fff;
  margin-left: 20rpx;
}
.back-button {
  background: none;
  border: none;
  color: #007aff; /* iOS 风格蓝色 */
}
</style>